/***Resetting these common attributes to avoid any hack issues with IE/Mozilla/Netscape etc.***/
*,#side-b h4,#side-c h5,#side-c h6,#menu h2,#menu ul,.clearing {
	margin:0px;
}

*,#wrapper,#menu a,#menu ul,.clearing {
	padding:0px;
}

/***The body tag can set globabl attributes for the whole site***/
body {
	background-image:url(../images/ricebk.jpg);/*Main site background*/
	font:10px;
	color:#000;
	padding: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/***All content resides in this Div***/
#wrapper {
	position:relative;
	width:1000px;
	margin: 0px auto; /*this centers the page*/
	padding: 0px;
	text-align:left;
}

/***Header style - used purely to add an image to header. 
If text is needed you must specify a color and background-color attributes ***/
#header {
	position:absolute;
	left:180px;
	width:625px;
	background-image:url(../images/logo_hdr.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:120px;
}

/***Nav contains the left side nav. Float the nav left with a container 
width of 180px***/

#nav {
	position:absolute;
	left:0px;
	top:115px;
	width:160x;
	height:400px;
	border-style:hidden;
}
#subnav {
	position:absolute;
	top:125px;
	left:124px;
	width:160px;
	z-index:1;
	height:400px;
	border-style:hidden;
	visibility:hidden;   
}
iframe {
	height:500px;
	width:180px;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	left: 0px;
}

/***Menu ID contains all Nav related styling attributes***/
#menu ul {
	margin:0;
}

#menu li {
  	list-style-type:none;
  	margin:0;
	background-image:url(../images/ricebk.jpg);
}
#menu a {
	display:block;
  	width:180px;
  	font-size:12px;
  	text-align:right;
  	text-decoration:none;
  	color:#000;
	padding: 5px 0px 15px 0px;
}
#menu a:hover { /***Add a background-image attribute here to provide roll-over effect for nav***/
  	color:#00CC00;
}

/***Side-b contains all main content information - the body of text if you will***/
#side-b {
	position:absolute;
	left:180px;
	top:125px;
	padding:0px 5px 2px 5px;
	width:620px;
	height:1%; /***Only hack on the page - known as the Holly hack for the Peekaboo Bug***/
	min-height:550px;
	font-size: 12px;
}

#side-b ul {
	padding:20px
}
/***Extract each header item as needed***/
#side-b h1, h2, h3, h4, h5, h6, p{
	
}

/***specials-c is an Editable Optional Region that is being used for rotating food photos***/
#specials{
	position:absolute;
	top:125px;
	left:815px;
	height:500px;
	width:180px;
	border-style:hidden;
	border-width:0px;
}
specialsframe {
	height:500px; 
	width:180px;
	border-style:solid;
	border-width:0px;
 }
/***Footer Styles***/
#footer {
	position:absolute;
	top:520px;
	left:0px;
	border-top:solid #000 0px;
	color:#000;
	height:180px;
	width:180px;
	text-align:left;
}

/***Clearing tags used for clearing. This is re-defining the html <br> tag and creating a class ".clearing"***/
br,.clearing {
	clear:left
}