#div1 { float:left; width:50%;}
#div2 { margin-left:50%; width:50%;} 

/* ############################# */
/* Body Format                   */
/* ############################# */

body
{
	margin: 0 auto;
	padding: 0;
	background-color: #46611c;
	margin-top: 10px;
	color: #C795EE;
}
a:link
{
	color: #C795EE;
	text-decoration: none; /* Removes lines under links */
}
a:active
{
	color: #C795EE;
	text-decoration: none;
}
A:visited 
{
	color: #C795EE;
	text-decoration: none;
}
a:hover
{
	color: white;
	text-decoration: none;
}

.header a:link {color:green;}

a:link.gallery { color: #76895b; text-decoration: none; }
a:visited.gallery { color: #76895b; text-decoration: none; }
a:hover.gallery { color: #5C0C55; text-decoration: none; }
a:active.gallery { color: #76895b; text-decoration: none; }


/* ############################# */
/* All CSS Belonging in Template */
/* ############################# */

.siteformat 
{
	background-color: #76895b; /* Sets the trims of entire site 4F2F4F C795EE */
	margin: 0 auto;            /* 900PX before edit. Centers the site */
	width: 70%;		   /* Decides how wide the site is */
	min-width: 900px;
	height: 900px;
}  
.bannerbg
{
	background-color: #5c0c55;
} 
.threebar1 
{
	height: 10px;
	width: 21%; 		   /* Sets width for Left and Right Side of Site */
	background-color:#3a1f47;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 auto;
	text-align: center;
}
.linktrim1
{
	background-color: #3a1f47;
	width: 100%;

}
.sideblockbg1
{
	vertical-align: top;
	width: 21%;
	background: #5C0C55 url('http://vietpho.net/fatstraw/~images/bg/ghost_bg_fix1.png') repeat-y center;
	min-width: 185px;
}
.menutitle
{
	font-family: Helvetica, Verdana, Arial;
	font-size: 9pt;
	font-weight: bold;
	color : white;
	background-color: #3a1f47;
	min-width: 180px;
	width: 23%;
	height: 19px;
	text-align: center;
	white-space: nowrap;
}
.tdlinks
{
	width:3%;
	min-width: 12px;
	height: 16px;
	color: #C795EE;
	font-weight: bolder;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: x-small;
}
td.linkhover {background:#5D4479;}
.linknavblock		           /* this is for the mouseout and default settings */
{
	background-color: #5d4479;
	font-weight: normal;
	font-family: Lucida Grande, Verdana, Arial, Helvetica, Tahoma;
	font-size: 11px;
	white-space: nowrap;
}
.linknavblock:hover		   /* :hover is a pseudo selector to use to set the mouseover attributes */
{
	background-color: #264029;

}
.sitebottombar 
{
	background-color: #4F2F4F; /* Sets the trims of entire site 4F2F4F */
	margin: 0 auto;            /* Centers the site */
	width: 700px;		   /* Decides how wide the site is */
}  
.header
{
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 7pt;
	font-weight: normal;
	color : gray;
	text-align: center;
}




/* #################################### */
/* Frequently used throughout site      */
/* #################################### */

.xxsmall {font-size: xx-small;}

.purple { color : purple; }
.green { color : #264029; }
.newsblock1			   /* Formats All Menu Pages */
{			
	background-color: white;
	font-size: 11px;
	font-family: verdana;
	font-weight: bold;
	color: #0E1909;
	background-image: url('images/fatstrawII_sign500_whiteblend.jpg');
	background-position: center 40px;
	background-repeat: no-repeat;
}
.newsblock2			   /* GREEN FORMAT */
{
	background-color: #76895b;
	font-size: 12px;
	font-family: verdana;
	font-weight: bold;
	color: #0E1909;
	margin-right:10%;
   	margin-left:10%;
	margin-top: 5%;
}
.whitebg
{
	background-color: white;
}
.menuheader			  /* Formats Menu Headers */
{
	color: #0E1909;
	font-weight: bolder;
	text-align: center;
	font-family: Pristina, Verdana, Tahoma, Arial, Helvetica;
	font-size: 40px;
	text-decoration: underline; 
}
.menuheadercomment
{
	color: #0E1909;
	font-weight: normal;
	text-align: center;
	font-family: Kristen ITC, Verdana, Tahoma, Arial, Helvetica;
	font-size: 12px;
}
.bighead
{
	text-align: center;
	color: black;
	font-size: 24px;
	font-family: Verdana, Lucida Grande, Genova, Arial, Helvetica, Tahoma;
	font-weight:bolder;
}

.drinklist
{
	list-style: none;
	text-decoration: none;
	color: #0E1909;
	font-weight: normal;
	font-size: 19px;
	font-family: Kristen ITC, Verdana, Tahoma, Arial, Helvetica;
}

/* #################################### */
/* Website Pages      */
/* #################################### */

.aboutus
{
	text-align: left;
	color: #660066;
	font-size: 13px;
	font-family: Genova, Lucida Grande, Verdana, Arial, Helvetica, Tahoma;
	font-weight:bold;
	margin-right:10%;
   	margin-left:10%;
  	margin-bottom:10px;
	margin-top: 5%;
}
.whatisquestion
{
	text-align: left;
	color: #660066;
	font-size: 14px;
	font-family: Genova, Lucida Grande, Verdana, Arial, Helvetica, Tahoma;
	font-weight: bold;
	margin-right:auto;
   	margin-left:5%;
}
.whatisanswer
{
	text-align: left;
	color: #660066;
	font-size: 12px;
	font-family: Genova, Lucida Grande, Verdana, Arial, Helvetica, Tahoma;
	font-weight:normal;
	margin-right:20%;
   	margin-left:10%;
  	margin-bottom:10px;
}
.ourstores
{
	background-color: #76895b;
	font-size: 12px;
	font-family: verdana;
	font-weight: bold;
	color: #0E1909;
	margin-right:0%;
   	margin-left:0%;
	margin-top: 5%;
}

img.NWStore1
{
	width: 300px;
} 

img.NWStore2
{
	width: 300px;
} 	
.loosetea
{
	background-color: #76895b;
	font-size: 12px;
	font-family: verdana;
	font-weight: bold;
	color: #0E1909;
	margin-right:0%;
   	margin-left:0%;
	margin-top: 5%;
}
.coffee > tbody > tr > td
{
	color: #0E1909; /* 5c0c55 */
	font-weight: normal;
	font-family: Kristen ITC, Verdana, Tahoma, Arial, Helvetica;
	font-size: 19px;
	white-space: nowrap;
	border: 1px solid #5c0c55;
}
.italian > tbody > tr > td
{
	color: #0E1909;
	font-weight: normal;
	font-family: Kristen ITC, Verdana, Tahoma, Arial, Helvetica;
	font-size: 19px;
	white-space: nowrap;
	border: 1px solid #5c0c55;
}

.coupons			   /* GREEN FORMAT */
{
	background-color: #76895b;
	font-size: 12px;
	font-family: verdana;
	font-weight: bold;
	color: #0E1909;
	margin-right:10%;
   	margin-left:10%;
	margin-top: 5%;
	text-align: left;
}
.bullet li
{
       background:url('images/icons/bubblehead.png') left top no-repeat;
       list-style:none;
       font-size: 12px;
       padding-top:0px;
       padding-bottom:10px;
       text-align: left;
       padding-left: 30px;
       font-family: Verdana;
       font-style: normal;
	font-weight: normal;
}


/* #################################### */
/* Main Page Stuff                      */
/* #################################### */

.h5
{
	text-align: center;
	color: #C795EE;
	position: relative;
	border: 0px solid #5C0C55;
	width: 160px;
	background-color:#5d4479;
	padding-bottom: 8px;
	padding-top: 8px;
	font-size: 11px;
	font-family: Lucida Grande, Verdana, Arial, Helvetica, Tahoma;
	font-weight:normal;
}
.newshead
{
	text-align: left;
	color: purple;
	font-size: 16px;
	font-family: Genova, Lucida Grande, Verdana, Arial, Helvetica, Tahoma;
	font-weight:bold;
	margin-right:10%;
   	margin-left:5%;
}

.newstext
{
	text-align: left;
	color: white;
	font-size: 14px;
	font-family: Genova, Lucida Grande, Verdana, Arial, Helvetica, Tahoma;
	font-weight:bold;
	margin-right:0%;
   	margin-left:10%;
}

.floatright /* Main page puzzle piece */
{
	/* float: left; */
	margin: -200px 0px 0px 200px;

}
.floatright2 /* Main RedBean MT */
{
	/* float: left; */
	margin: -120px 0px 0px 300px;

}
.h2
{
	position: relative;
	left:70px;
	top:120px;
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial, Tahoma;
	font-size: 26px;
	font-style: normal;
	color: white;
	text-align: left;
}
.h3
{
	position: relative;
	left:-90px;
	top:350px;
	font-weight: normal;
	font-family: Monotype Corsiva, Helvetica, Verdana, Arial, Tahoma;
	font-size: 28px;
	font-style: normal;
	color: white;
	text-align: center;
}
.h3a
{
	font-weight: normal;
	font-family: Monotype Corsiva, Helvetica, Verdana, Arial, Tahoma;
	font-size: 28px;
	font-style: normal;
	color: white;
	text-align: center;
}
.h4
{
	text-align: center;
	color: #C795EE;
	position: relative;
	border: 0px solid #5C0C55;
	width: 160px;
	background-color:#5d4479;
	padding-bottom: 8px;
	padding-top: 8px;
	font-size: 11px;
	font-family: Lucida Grande, Verdana, Arial, Helvetica, Tahoma;
	font-weight:normal;
}
.h5
{
	text-align: center;
	color: #C795EE;
	position: relative;
	border: 0px solid #5C0C55;
	width: 160px;
	background-color:#5d4479;
	padding-bottom: 8px;
	padding-top: 8px;
	font-size: 11px;
	font-family: Lucida Grande, Verdana, Arial, Helvetica, Tahoma;
	font-weight:normal;
}	
.h6
{
	position: relative;
	left:-90px;
	top:355px;

}
/* #################################### */
/* Privacy Policy                       */
/* #################################### */

.showsection
{
	text-align: left;
	color: #660066;
	font-size: 14px;
	font-family: Genova, Lucida Grande, Verdana, Arial, Helvetica, Tahoma;
	font-weight: bold;
	margin-right:auto;
   	margin-left:5%;
}
.showpolicy
{
	text-align: left;
	color: #660066;
	font-size: 12px;
	font-family: Genova, Lucida Grande, Verdana, Arial, Helvetica, Tahoma;
	font-weight:normal;
	margin-right:20%;
   	margin-left:10%;
  	margin-bottom:10px;
}
/* ################################################## */
/* Photo Gallery  */
/* ################################################## */


#previews
{
 position: absolute;
 top: 424px;
 left: 9px;
 width: 152px;
 height: 336px;
}
#previews > img
{
 position: absolute;
 left: 0px;
 width: 150px;
 height: 100px;
 border: 1px solid black;
}
#previews > #pre1
{
 top: 0px;
}
#previews > #pre2
{
 top: 112px;
}
#previews > #pre3
{
 top: 224px;
}
#content
{
 position: absolute;
 top: 240px;
 left: 400px;
 min-width: 600px;
 width: 50%;
 min-height: 700px;
 border: 1px solid black;
 /* background: url("/images/fade.png"); */
 padding: 30px;
}
h1
{
 font-size: 24px;
}
p
{
 text-indent: 30px;
 font-size: 20px;
}
#pfpage > div
{
 margin: 2px;
 width: 150px;
 height: 112px;
 float: left;
}
#pfpage > div > a > img
{
 border: 1px dotted black;
 width: 150px;
 height: 112px;
}
#pfpage > div > a:hover > img
{
 border: 1px solid black;
}
#pagenav
{
 position: relative;
 bottom: 30px;
 right: 100px;
 width: 100%;
 text-align: right;
}
#pagenav > a, #pagenav > a:visited
{
 border-top: 1px dotted #D3D3D3;
 border-left: 1px dotted #D3D3D3;
 border-bottom: 1px dotted #D3D3D3;
 border-right: 1px dotted #D3D3D3;
 padding: 2px;
 cursor: pointer;
}
#pagenav > a:hover
{
 border-top: 1px dotted #A9A9A9;
 border-left: 1px dotted #A9A9A9;
 border-bottom: 1px dotted #A9A9A9;
 border-right: 1px dotted #A9A9A9;
}
#pagenav > a:focus
{
 border-top: 1px solid #D3D3D3;
 border-left: 1px solid #D3D3D3;
 border-bottom: 1px solid #D3D3D3;
 border-right: 1px solid #D3D3D3;
}
#pagenav > a:hover:active, #pagenav > .currenta
{
 border-top: 1px solid black;
 border-left: 1px solid black;
 border-bottom: 1px solid black;
 border-right: 1px solid black;
}
#preview
{
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 display: none;
 background: url("/images/fade.png");
 z-index: 1;
}
#center
{
 position: relative;
 top: 10%;
 margin-left: auto;
 margin-right: auto;
 width: 650px;
 height: 510px;			
 border: 1px solid white;
 background-color: #CCCCCC;
 text-align: center;
 z-index: 2;
}
#center > a > #preimg
{
 margin: 4px;
max-width: 640px;
max-height: 480px;
}
#prefull
{
 position: absolute;
 bottom: 5px;
 font-size: 12px;
 font-weight: bold;
 border: 1px dotted black;
 color: black;
 text-decoration: none;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 1px;
 white-space: nowrap;
}
#preclose
{
 position: absolute;
 top: 0px;
 right: 0px;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 color: black;
 cursor: pointer;
}



/* ################################################## */
/* Stuff below belong to old templates or not using!  */
/* ################################################## */
.middlecontentspace {background-color: #76895b;}  /* cc99ff 172510 0E1909 */
.newsblock3
{
	background-color: #76895b;
	font-size: 12px;
	font-family: verdana;
	font-weight: normal;
	color: white;

}
.newsblockstore
{
	background-color: #76895b;
	margin-right:10%;
   	margin-left:10%;
	margin-top: 5%;
}
.bannerborder {background-color: #5c0c55;}
.rightblocks2
{
	background-color:#5d4479;
	text-align:center;
	color: black;
	font-size: 12px;
	font-weight: bold;
	border-color: #5C0C55;
	padding-bottom: 5px;
	padding-top: 5px;
}
.threebar2 
{
	width: 800px; 		   /* Sets width for Middle of Site */
	background-color:#3a1f47;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 auto;
	text-align: center;
}
.rightblocks1

{
	background-color:#5d4479;   /* original was 5d4479 */
	text-align:center;
	border-bottom: 1px solid #5C0C55;
	padding-bottom: 5px;
	padding-top: 5px;
	
	
}


/* Crap is not working... As a result... move onto v1.08c */


.menuheadercommentbf
{
	color: #0E1909; /* 5c0c55 */
	font-weight: normal;
	text-align: left;
	font-family: Kristen ITC, Verdana, Tahoma, Arial, Helvetica;
	font-size: 12px;
}
/* .menuheadercontent{border: 1px dotted purple; } */

.menuheadercontent > tbody > tr > td
{
	color: #0E1909; /* 5c0c55 */
	font-weight: normal;
	font-family: Kristen ITC, Verdana, Tahoma, Arial, Helvetica;
	font-size: 19px;
	white-space: nowrap;
	border-bottom: 1px dotted purple;
}

		/* suppose to make the tr's (rows) to have borders and put a box border around each individual row. */
		/* But... this did not work... */
		/* find menuheadercontent class objects then find any with a tbody inside */
		/*and then find any with a tr inside that format that tr as the style within {}'s */
.menuheadercontent > tbody > tr {border: 1px dotted purple;}

/* Messing around to get TD to use same class */
/* ul li
{
	list-style: none;
	text-decoration: none;
	color: #0E1909;
	font-weight: normal;
	font-size: 19px;
	font-family: Kristen ITC, Verdana, Tahoma, Arial, Helvetica;
}
*/


.in
{
	background-color: #C795EE;
	color: #FFFFFF;
	border: 1px solid #000000;
}

td
{
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 8pt;
}

.title
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-weight: bold;
	font-size: 11pt;
}

/*
.rightwidthformat
{
	width: 150px;
}	

hr {color: #3a1f47}





/* Not using these */


.newsscroll
{
	 background-color:#0E1909;
	 color: white;
	 font-size: 12px;
	 font-style: italic;
}