body {
    margin:0;
    padding:0;
	font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url('images/bg/blue.jpg')top center repeat-y;
	behavior: url('csshover.htc');
    }

.preload
{display:none;}

hr
{
	background-color: #B7D6D0;
color: #B7D6D0;
border:0;
height: 2px;}

#everything {
	left:0px;
	top:0px;
	width:1000px;
	margin-right: auto;
	margin-left: auto;

}

br
{line-height:50%;}

.spacer
{
font-size:20px;
font-color:white;}

.spacer150
{
margin-top:150px;
font-size: 1px;
}
div .clear{
clear:both;
font-size:1px;
height:1px;
}
/* ------------------------------------------------------------ typography */
a {
color: #006699; }

a img{border:0px;}


h1,h2, h3, h4{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:200;
}

p
{
font-family:Arial, Helvetica, sans-serif;
color: #555555;
text-align:justify;
font-size: 12px;
line-height:140%;
}

h1{color:#366;
font-family: Georgia, "Times New Roman", Times, serif;
color:#336699; 
font-size:28px; 
margin:4px 0 0 0; 
border-bottom:2px solid #bddad5;
padding-bottom:8px;
}
h2{font-family: Georgia, "Times New Roman", Times, serif;color:#336699; font-size:22px; margin:4px 0 0 0;}
h3{color:#336699; font-size: 16px;}
h4{color:#336666; font-size: 18px; 
}
.bg
{color: #fff; background-color: #336666; padding: 4px;
margin-bottom: 6px;}


h2.red
{color: #900;}
h2.green
{color: #366;}
h2.yellow
{color:#F90;}

.biggreen
{padding: 4px;
background-color:#036;
color: white;
font-size:16px;
font-weight:bold;}


.none
{
	list-style-type:none;
}
p.subhead{
font-size:10px;
font-weight:bold;
}
.inset ,ul
{margin-left: 20px;
margin-right:20px;
line-height: 125%;
list-style:disc;
}
p.subunderline
{font-size: 18px;
color:#999;
font-weight: bold;
padding-bottom:8px;
border-bottom:2px solid #999;
}

p.orangebox
{padding:8px ;
margin-right: 8px;
color: #ff9900;
line-height: 150%;
font-size: 14px;
border-top:1px solid #ff9900;
border-bottom:1px solid #ff9900;

}

.dbl
{line-height: 150%;}

li {font-size: 12px;margin-left:0px;
text-align:justify;
line-height: 125%;
}
.red{color:#900;}
.orange{color:#FF9900;}
.grey{color:#666666}
.blue{color: #006699;}
.white{color:#ffffff;}

.video-title
{color:#336666; font-size: 18px; font-weight:bold; margin-top: 0;text-align: left; line-height: 90%;}

/* ------------------------------------------------------------ img */

.leftmar20
{padding-left: 20px;
}
.leftmar165
{padding-left: 165px;}
	
.imgright, img.right{
float: right;
margin: 2px;
}
.bximgright{
float: right;
margin: 2px 2px 20px 2px;
}
.imgrf, .recipepic
{float:right;
border: 1px solid #ddd;
padding: 6px;
margin: 0px 0px 0px 30px ;
background-color:#FFFFFF;
}
.recipepic
{margin-top: 34px;}
.pic-credits
{margin-top: 34px;
width: 300px;
float: right;
}
.photo-credit
{text-align:right;}

.imgf
{
border: 1px solid #ddd;
padding: 6px;
background-color:#FFFFFF;
}
.imgr
{float: right;
text-align:center;
}

#white
{background: white;
width: 309px;}

.imglf, .img-media
{float:left;
border: 1px solid #ddd;
padding: 6px;
margin: 0px 10px 0px 0px;
background-color:#FFFFFF;
}

.img-media
{float:left;
padding: 6px 6px 15px 6px;
margin: 0px 30px 0px 0px;
background-color:#FFFFFF;}

#pad20
{height: 20px;}

#pad40
{height: 40px;}
#pad160
{height: 160px;}

.imgctr
{margin-right:auto;
margin-left:auto;
text-align: center;
border: 1px solid #ccc;
padding: 4px;
}


.bold{
font-size:12px;
font-weight:bold;
line-height:10px;
margin-bottom:2px;
}

.greyline
{border-top:double #666;
font-size: 1px;
height: 1px;}

.littleline
{border-top: 1px solid #ddd;
font-size: 1px;
height: 1px;
margin:4px 0px 4px 0px;
}

/* ----------------------------------------------------------- logo */
#logo {	
	position: relative;
	top: 55px;
	left: 11px;
}
#karla
{float:right;
z-index:100;
}

/* --------------------------------------------------------- menu */
#menu {
width: 100%;
float: left;
height:53px;
margin-top:60px;
padding-top:5px;
background:transparent url(images/menu-bg.jpg) no-repeat scroll 0 0;
}
#menu ul {
list-style: none;
padding: 0;
float: left;
}
#menu a, #menu h2 {
font:normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
color: white;
text-decoration:none;
margin: 0;
padding: 2px 3px;

}
#menu h2{ height: 53px;}


#menu a:hover {
color: #000;
}

#menu li {
	position: relative;
}

#menu ul li ul li a, ul li ul li ul li a
{font-size: 14px;
line-height:25px;
padding: 4px 0 4px 0;

}
#menu ul ul ul { 						
position: absolute;
top: -4px;

}
#menu ul ul, ul ul ul {
position: absolute;
z-index: 500;
left: -27px;
top: 37px;
border-left: 1px solid white;
border-right: 1px solid white;
width: 13em;
}

#menu ul ul ul{
left: 126px;}
	
/*hide 2nd levels */
div#menu ul ul, div #menu ul ul ul{
display: none;
}
/* reveal li on hover */
div#menu ul li:hover ul
{display: block;
background: #B7D6D0;
border-bottom:1px dotted white;
padding:3px;
}
/* hide children when heading is hovered */
/* [three levels deep] */
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
/* reveal children when heading is hovered */
/* [three levels deep] */
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/* -------------------------------------------- content */
#content {
	clear: both;
	position: relative;
	width: 1000px;
	margin-bottom:6px;
	z-index: 1;
	top:10px;
}
/* -------------------------------------------- boxes */
#whitebox a, .s-box a, #r-box a, #f-box a
{text-decoration: none;}

/*#whitebox a:hover, .s-box a:hover, #r-box a:hover, #f-box a:hover
{text-decoration: underline;}
*/



#whitebox
{width: 682px;
}
.inside-white
{background: #fff;
width: 641px;
padding: 5px 20px 20px 20px;
border-left:1px solid #5f6f5c;
border-right:1px solid #5f6f5c;
color: #555;}


.s-box
{width: 333px;
margin:5px 0px 5px 0px;
float: left;
color: #555;
font-size: 11px;

}

.inside-s
{background: #fff;
width: 310px;
padding:10px 10px 5px 10px;
border-left:1px solid #8599a7;
border-right:1px solid #8599a7;
}

.inside-s li
{margin-left: 30px;}

.r-box, .f-box
{width: 299px;
margin:0px 17px 10px 0px;
float: left;
}

.f-box p
{font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.inside-r
{background: #fff;
width: 278px;
padding:2px 10px 5px 10px;
border-left:1px solid #8599a7;
border-right:1px solid #8599a7;

}

.inside-f
{background: #fff;
width: 270px;
margin-left: 4px;
padding:2px 10px 5px 10px;

}
/* -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; */

#green-bar
{
   /* width: 640px;
    background: url(images/bg/green-fade.png) no-repeat ;
	height:40px;
	padding:7px 0 0 10px;
	color: white;
	font:normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;*/
}

#excerptbox
{
font-family:"Comic Sans", "Trebuchet MS", sans-serif;
font-size: 12px;
background-color:#FFFFDD;
padding: 10px 10px 10px 10px;
margin-top:4px;
border:1px solid #996633;
}
#excerptbox p
{
font-family:"Comic Sans", "Trebuchet MS", sans-serif;
text-align:justify;
}
#excerptbox h4
{
font-family:"Comic Sans", "Trebuchet MS", sans-serif;
font-size: 18px;
text-align:center;}



#excerptbox .right
{text-align:right;
font-size:9px;}

p.mathbox
{padding:8px 8px 8px 100px;
border-top:2px solid #999;
border-bottom:2px solid #999;

line-height:150%;
font-size: 14px;
}

p.yellowbox
{padding:8px;
background-color:#ffff99;
color: #666;
line-height:150%;
font-size: 14px;
border-top:4px solid #ffdd99;

}
.moviebox
{padding:6px;
padding-right:40px;
background-color:#FFFFCC;
margin-bottom: 10px;
border:1px dashed #CC6600;
}
.printme
{float: left;
}
#printspace
{display: none;}
#nuthead
{font: normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #993300;
float: left; 
width: 300px;
}
#nutmenu
{float: right;
width: 300px;
margin-bottom: 10px;
text-align:right;
}

.warning
{float: right;
width:260px;
padding: 4px;
background-color:#FFC;
}
/* ------------------------------------------------------- recipe nutritional info */
#nutrition-info
{background: url(images/nutinfo-bg.jpg) left no-repeat;
height: 163px;
font: bold 14px Arial, Helvetica, sans-serif; 
color: #367994;
padding: 40px 10px 10px 100px;
line-height: 120%;
}
.per
{clear: both;
font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-left: 140px;
margin-top: 17px;
color: #993300;
}

#print-info
{display:none;
}

#nutrition-info #left
{width: 250px;
text-align:right;
margin-top: 12px;
float: left;
}

#nutrition-info #right
{margin:12px 0 0 10px;
font-weight: normal;
color: #444444;
width: 60px;
float: left;

}
#nutrition-info #left2
{width: 120px;
text-align:right;
margin-top: 12px;
float: left;
}

#printbottom
{display: none;
border-top:1px solid black;
margin-top:20px;
font: normal 12px Tahoma, Geneva, sans-serif;}

#printlogo
{display:none;float: right;text-align:right;}

/* --------------------------------------------------- form ---- */

#formright
{text-align:right;
width: 500px;
}
#formleft
{text-align:left;
margin-left: 220px;

}
#formoutline
{margin-top:10px;
padding:20px;
border: 2px solid #ccc;
background-color:#DBECFF;
}




/* --------------------------------------------------- columns ---- */
#leftcol, #leftcol-book
{
	margin: 0px 10px 0px 0px;
	width: 700px;
	float: left;
}

#leftcol-book
{	
	width: 320px;
	margin-top:15px;
}

#midcol-book
{
	margin: 15px 10px 0px 0px;
	width: 200px;
	float: left;
	padding-left: 20px;
	border-left: 2px dotted #B7D6D0;
}

#rightcol
{
	clear: both;position: absolute;
top: 0px;
float: right;
margin-left: 698px;
width: 299px;
margin-top:24px;
z-index:10;
}
#rightcol-container
{width: 1000px;
margin:auto;
}

.simplecolumn
{width: 300px;
float: left;
padding-right:20px;
background:#fff;}
.whitebg
{background-color:#fff;
width:640px;
height:200px}



.inside-white .mediacol /* ************************************** media column */
{width:290px;
float: left;
padding-right:30px;
margin-top:-6px;
background-color:#fff;
}
#mediabg
{height: 500px;
}

.mediacol li
{margin-left: 18px;}


.inside-white  ul,.boxcol ul
{
margin-top:35px;
font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-left: 0px;
margin-left:0px;

}

.inside-white  ul li
{font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333;
line-height:160%;text-align:left;

}

.boxcol
{width: 333px;
float:left;
margin-right:15px;}

.left145
{margin-left: 145px;}


/* --------------------------------------------------- Login Table */

.login
{float: right;}

.forgot
{font-size:9px;
color: blue;
text-align:right;text-decoration:underline;
}
.forgot a:link
{text-decoration:underline;}
/* --------------------------------------------------- play buttons ---- */
a.play-button, a.login-button
{	
	background:url(images/buttons/play-button-blank.jpg) no-repeat;
	padding: 19px 34px 17px 18px;
	color: white;
	float: right;
}

.play-button:hover, .login-button:hover
{
color: #0A0;
background:url(images/buttons/play-button-green.jpg) no-repeat;
}

.login-button
{font: normal 9px Arial, Helvetica, sans-serif;
width: 60px;
}
/* --------------------------------------------------- ending ---- */


#ending
{position: relative;
text-align:center;
margin-left:auto;
margin-right:auto;
padding-top: 10px;
border-top: 1px solid #999;
width: 1000px;
color: #666666;
height: 40px;
top: 10px;
}

#ending a
{color: #333;
font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#ending a:hover
{color:#666}

#credit 
{position: relative;
padding-top:20px;
padding-bottom:40px;
margin-left:auto;
margin-right:auto;
font-size: 9px;
color: #999999;
text-align:center;
}
#credit a
{font-size: 9px;
font-weight: bold;
text-align:center;
}
#credit p
{font-size: 10px;
text-align:center;
}