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

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/*------------------------------
Basic overall styles
------------------------------*/
.clear {
  clear: both;
}

body, html { /* define overall type style here */
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #wrapper */
	background-color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6, ol, li, ul, p, table, th, td, caption, a {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

strong{
	font-weight: bold;
}

em{
	font-style:italic;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*------------------------------
	BACKGROUND divs 
-------------------------------*/
div, div div, div div div {
	margin: 0 auto;
	padding: 0;
}

#wrapper {
	text-align: center;
	background-position: center bottom;
	background-image: url(../_img/bg-wrapper.jpg);
	background-repeat: repeat-x;
}

#doc {/* defines main page width  */
	width: 1200px;
	background-image: url(../_img/bg-bd_hd.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


/*------------------------------
	HEADER divs 
-------------------------------*/

#hd {/* background header image  */
	height: 160px;
	width: 920px;
	text-align: left;
	padding-top: 0px;
	margin-top: 0px;
	}
	
#logo { /* Insert logo as image in the html. Allows logo to be clickable.  */
	height: 108px;
	width: 420px;
	float: left;
	padding-top: 32px;
	padding-left: 0px;
	}
	
#nav { /* Insert nav as image in the html. Allows logo to be clickable.  */
	height: 40px;
	width: 425px;
	float: right;
	padding-top: 100px;
	}
	
	
/*------------------------------
	BODY/CONTENT also contains main type styles 
-------------------------------*/

#bd {/* contains the side and content - used to include a background behind the both of them */
	margin: 0px;
	padding: 0px;
}

#bd_flash {
	float: none;
	margin: 0px;
	padding: 0px;
	height: 305px;
	background-image: url(../_img/_home/bg-Home-flash.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#bd_hd {
	float: none;
	margin: 0px;
	padding: 0px;
	height: 225px;
	text-align: center;
}

#bd_bd {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-position: center top;
	background-image: url(../_img/bg-bd_bd.jpg);
	background-repeat: repeat-y;
}

#bd_bd-home {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-position: center top;
	background-image: url(../_img/bg-bd_bd.jpg);
	background-repeat: repeat-y;
	height: 235px;
}


#content {
	width: 535px;
	padding-left: 263px;
	float: left;
	margin: 0px;
}

#content_hd {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 535px;
}

#sidebar {
	/* keep IE 3px bug in mind*/
	width: 202px;
	float: right;
	padding-top: 0px;
	padding-right: 143px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../_img/_sidebar/bg-sidebar.jpg);
	background-repeat: repeat-y;
}

#content h1 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #EE2E24;
	line-height: 1em;
	text-transform: lowercase;
	text-align: left;
	margin-bottom: 0.25em;
	margin-top: 0.5em;
}

#content h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	margin-bottom: 1em;
	color: #EE2E24;
	line-height: 1em;
	text-align: left;
}

#content h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1em;
	color: #EE2E24;
	line-height: 1.25em;
	text-align: left;
	text-transform: lowercase;
}

#content h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #003300;
	text-align: left;
	margin-top: .5em;
	margin-bottom: .25em;
	line-height: 1.25em;
}

#content h5 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #EE2E24;
	text-align: left;
	padding-bottom: 30px;
	font-weight: normal;
}

#content p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.7em;
	color: #003300;
	text-align: left;
	width: 535px;
	padding-bottom: 15px;
}

#content a {
	text-decoration:none;
	color:#669900;
}

#content a:hover {
	text-decoration:underline;
	color: #EE2E24;
}

#content ul {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin: 0em;
	line-height: 1.25em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 2.5em;
	list-style-type: circle;
	color: #003300;
	text-align: left;
}

#content ul li{
	list-style-type: disc;
	margin: 0em;
	font-size: 1em;
	line-height: 1.25em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: .5em;
	padding-left: 0em;
}

.red {
	color: #EE2E24;
}

.lime {
	color: #669900;
}

.calories {
	font-size: 90%;
	color: #EE2E24;
	font-weight: bold;
}

.ChefsRec {
	color: #669900;
	font-size: 1.17em;
	font-weight: normal;
	text-transform: lowercase;
}

.subClass {
	font-size: 75%;
	font-weight: normal;
	margin-bottom: 0.5em;
	color: #8CC63F;
	line-height: 1em;
	text-transform: lowercase;
	font-style: normal;
}

.note {
	font-size: 10px;
	font-style: italic;
}

.floatright{
	float:right;
	margin-bottom: 0.5em;
	margin-left: 1em;
}

.floatleft{
	float:left;
	margin-right: 0.625em;
	margin-bottom: 0.325em;
}


/*------------------------------
	FOOTER
-------------------------------*/

#ft {
	float: none;
	height: 100px;
	}
	
#bottom_nav {
	background-image: url(../_img/bg-ft.png);
	background-repeat: repeat-y;
	background-position: center bottom;
	}

#ft p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	line-height: 1.5em;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding-top: 70px;
	font-weight: normal;
}

#ft a {
	color: #FFFFFF;
	text-decoration: none;
}

#ft a:hover {
	color: #e1eb9e;
	text-decoration: underline;
}