@charset "UTF-8";
/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../Images/Site/Gradient.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	font-size:100.1%;
	text-align:left;
	}

#wrapper {
	width:900px;
	margin:0 auto;
	}
		
#header {
	width:900;
	height:150px;
	background-image:url(../Images/Site/Header2.jpg);
	background-repeat:no-repeat;
	}
		
#header2 {
	width:900;
	height:150px;
	background-image:url(../Images/Site/Recipe_Header.jpg);
	background-repeat:no-repeat;
	}

#shadow {
	width:876px;
	float:left;
	margin:0 10px;
	border-right:2px solid #764200;
	border-left:2px solid #764200;
	background-color:#FFFFFF;
	}

#content {
	width:350px;
	float:right;
	margin:0;
	padding: 0 ;
	}
	
#header_in {
	width:880px;
	margin:0;
	border-bottom:2px solid #764200;
	border-top:2px solid #764200;

	}
	
#navcontainer {
	width:876px;
	float:left;
	border-right:2px solid #764200;
	border-left:2px solid #764200;
	margin:0 10px;
	height:24px;
	}

#widebox {
	padding:15px 0 15px 0;
	width:850px;
	text-align:left;
	margin:auto;
	}

	
#leftbox {
	padding:25px 0 25px 22px;
	width:486px;
	text-align:left;
 	float: left;
	}

#rightcolumn {
	float:right;
	width:220px;
	margin:0;	
	}
	
#footer_in {
	width:843px;
	padding:10px 0;
	margin:auto;
	clear:both;
	border-top:1px solid #764200;
	text-align:center;
	}
	
#clearit {
	width:100%;
	clear:both;
	}
	

#footer {
	width:900px;
	height:60px;
	padding:10px 0;
	float:left;
	text-align:center;
	background-image:url(../Images/Site/Footer.jpg);
	background-repeat:no-repeat;
	clear:both;
	}

/*-------------------------:: navigation ::-----------------------*/

.horizontalcssmenu ul{
width:880px;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
	position: relative;
	display: inline;
	float: left;
	margin:0;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 133px; /*Width of top level menu link items*/
padding: 4px 0 4px 10px;
border:solid;
border-color:#84bf14;
border-width:1px;
border-left-width:2px;
text-decoration: none;
background: url(menubg.jpg) center center repeat-x;
color: black;
font: 12px Tahoma;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
width:145px;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 150px; /*width of sub menu levels*/
font-weight: normal;
padding: 5px 10px;
background: #e3f1bd;
border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
background: url(menubgover1.jpg) center center repeat-x;
}

.horizontalcssmenu ul li ul li a:hover{
background: #fff200;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 15px;
background: transparent url(menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */
	
/*----------------------------:: classes ::----------------------------*/

	
.counter {
	float:left;
	width:456px;
	text-align:left;
	}
	
	
.topbox {
	margin:10px 0;
	float:left;
	width:510px;
	padding:10px;
	text-align:left;
	border:1px solid #cc6600;
	}
	
.copyright {
	color:#fff;
	}

.leftimage {
	margin:0 10px 10px 0;
	float:left;
	}

.rightimage {
	margin:0;
	float:right;
	border:1px solid #8cc63f;
	border-right-width:0;
	border-top-width:0;
	border-left-width:0;
	}

.rightimage_no {
	margin:0;
	float:right;

	}
	
.clearit {
	clear:both;
	}

/*------------------------------ ::text:: ---------------------------- */

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:125%;
	color:#8cc63f;
	padding:5px 10px;
	}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:125%;
	color:#8cc63f;
	padding:5px 10px;
	font-style:italic;
	}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:130%;
	color:#000;
	padding:5px 10px;

	}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:130%;
	font-style:italic;
	color:#000;
	padding:5px 10px;

	}

h5 {
	font-size:110%;
	color:#764200;
	padding:5px 10px;

	}

h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
	color:#764200;
	font-style:italic;
	padding:5px 10px;

	}

p {
	font-size:90%;
	padding:10px;
	color:#000;
	}

li {
	font-size:80%;
	color:#000;
	margin:5px 0 0 20px;
	}

p em {
	font-style:italic
	}
	
	
.divider {
	color:#fff;
	font-size:16px;
	}
	
a:link { 
	color: #000; 
	font-size: 14px; 
	font-family:Arial, Helvetica, sans-serif; 
	text-decoration: underline 
	}
	
a:hover { 
	color: #434f76; 
	font-size:14px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline 
	}
	
a:visited { 
	color: #000; 
	font-size: 14px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline }

a.sitemap:link  { 
	color: #000; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	padding-right: 10px; 
	padding-left: 10px; 
	padding-top:5px; 
	padding-bottom: 5px 
	}

a.sitemap:hover { 
	color: #ccc; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	padding-right: 10px; 
	padding-left: 10px; 
	padding-top:5px; 
	padding-bottom: 5px 
	}

a.sitemap:visited { 
	color: #000; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	padding-right: 10px; 
	padding-left: 10px; 
	padding-top:5px; 
	padding-bottom: 5px 
	}
	
a.rightnav {
	color:#000;
	text-decoration:none;
	font-size:90%;
	text-align:center;
	}
	
a.rightnav:hover {
	color:#ccc;
	font-size:90%;
	}
	
a img {
	border: none;
	}