/* CSS Document */
body { margin: 0;}
body, p, td {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
img {border:0}

p { padding:7px 0;}

h1 { font-size:16px; color:#8357AE;}
h2 { font-size:12px;  color:#E7971E}
h3 { font-size:13px; margin:0px; padding:0px; 		padding-bottom:3px;}
h4 {color:#8357AE; margin:0px; padding:0px; padding-top:8px;}



.orange {color:#E7971E; }
.blueheader {color:#1C78B5; font-weight:bold; }
.purple {color:#8357AE; }

/* LINKS */
A:link { color: #006699; text-decoration: underline; }
A:hover { color: #FF9D0C; text-decoration: none;}
.small { font-size:10px; }
.small A:link {	color: #006699; text-decoration: underline;}
.small A:active { color: #006699; text-decoration: underline;}
.small A:visited { color: #666666; text-decoration: underline;}
.small A:hover { color: #FF9D0C; text-decoration: none;}


/* home style*/
#calc { margin-bottom: 20px; }
#quiz, #join { text-align: center; font-weight: bold; margin-bottom: 20px;}

#newsletter-signup {margin-top: 20px;}
#newsletter-signup p {margin: 0; font-size:9px; color: #444;}

#home #nav, #homef #nav { background: #2c8ecf url(../images/nav_bg.gif) repeat-x top; }
#banner {text-align: center; margin: 0 10px 30px 10px;}
#banner img { margin-bottom: 2px;}
#banner p { width: 400px; margin: 0 auto; text-align: right;}
#banner p a { color: #0261B3; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif ;}
#banner p a:hover { text-decoration: underline; }

#home #feature { text-align: center; margin: 0 20px 10px 20px}
#home #container {margin: 15px 0 0 0; }
#left-col { padding-left: 5px; }
#right-col { padding-right: 5px;}

#scoop { margin: 10px 20px;}
#scoop h2 { color: #E7971E; background: #FCE9CE; padding: 3px 6px; font-size: 14px; margin-bottom: 5px;}
#scoop p { margin: 0 0 12px 0}

#home #footer { text-align: center;}
div.advert { background: #eee; border: 1px solid #333; text-align: center; margin: 10px 0; height: 106px; width: 146px; padding: 0 5px;}
div.advert a {font-size: 15px; color: #000; font-weight: bold; text-decoration: none; display: block; padding: 20px 0; }

#google-ad { margin-top: 10px;}

#homef { background: #ffffe7;}
#wrap { width: 947px; padding: 0; margin: 0 auto; }
#side-1, #side-2, #main { float: left; }
#main { width: 545px; padding: 0 18px;}
#side-1, #side-2 {width: 180px;}
div.box { border: 1px solid #adad9d; margin-bottom: 18px; padding: 0; background: #fff; padding: 5px 0; margin-top:5px; }
div.box-3 { border: 1px solid #adad9d; margin-bottom: 18px; padding: 0; background: #fff; padding:0; margin-top:5px; }
div.box-2 { margin-bottom: 18px; padding: 0; text-align: center; font-weight: bold;}
div.box-2 p {margin: 0; padding: 5px 0; }
div.box-2 p.disclaimer { font-size: 10px; text-align: left; font-weight: normal;}

#hero { border-bottom: 1px solid #adad9d}

#w2g { background: #fff url(/images/hf_box_w2g_hd.gif) no-repeat 3px 7px; padding-top: 43px; }
#w2g p { margin: 10px; padding-bottom: 15px; color: #333; line-height: 18px; border-bottom: 1px solid #adad9d; clear: both; font-weight: bold;}
#w2g p img {  border: 1px solid #adad9d; float: right; margin: 0 0 5px 5px;} 
#w2g p img.lt {  border: 1px solid #adad9d; float: left; margin: 0 12px 5px 0;} 

#main #content { background: #fff;}
#feat-banner { margin: 10px 0 0 90px; }
#cclogo {  margin: 0 0 10px 170px;}
p.featuretxt { margin: 10px 20px; color: #060; font-weight: bold;}
#news { margin: 16px 20px 0 20px;}
#news h2 {background: #8357ae; color: #fff; padding: 5px; font-size: 14px;}
#FAQ { margin: 16px 20px 0 20px; background-color:#e4f7e4;}
#FAQ h2 {background: #a4d5a4; color: #006600; padding: 5px; font-size: 14px;}
#FAQ h3 { color: #006600; padding: 5px; font-size: 12px; font-style:italic;}
#FAQ .text {padding:5px 10px;}
a.arrow { padding-left: 16px; background:url(/images/hf_arrow_bullet.gif) no-repeat left 3px ; }

#newsletter { background: #c0e3fb; text-align: center; } 


#ccoptin { padding: 20px 12px; margin: 0;}

#links, #links2 { padding: 16px 0 14px 16px;}
#links p, #links2 p {margin: 0; padding: 8px 0;}
#homef #footer { clear: both; width: 500px; margin: 0 auto; }
.heightfix { clear:both; height: 1px; background: #fff; }

#snl {background: #FCD4DD; text-align: center;}

/*New Styles*/

#sideNote {border:1px solid #666666; background-color:#FFFFFF; padding:4px;}

	/*Links*/
	a { color: #ffffff; text-decoration: none; }
	a.white:link { color: #ffffff; padding-left: 10px; padding-right: 10px; text-decoration: none}
	a.white:visited { color: #ffffff; padding-left: 10px; padding-right: 10px; text-decoration: none}
	a.white:active { color: #ffffff; padding-left: 10px; padding-right: 10px; text-decoration: none}
	a.white:hover { color: #ffffff; padding-left: 10px; padding-right: 10px; background: #8357AE; text-decoration: none;}
	
	a:link, a.blue:link { color: #006699; text-decoration: underline;}
	a:visited, a.blue:visited { color: #006699; text-decoration: underline;}
	a:active, a.blue:active { color: #006699; text-decoration: none;}
	a:hover, a.blue:hover { color: #FF9D0C; text-decoration: none;}
	
	a.black:link { color: #000000; padding-left: 5px; padding-right: 5px; text-decoration: none}
	a.black:visited { color: #000000; text-decoration: none}
	a.black:active { color: #000000; text-decoration: none}
	a.black:hover { color: #000000; background: #8357AE; text-decoration: none;}

	/*Header*/
	.contain {
		width: 960px;
	}
	
	.head {
		background: #6DBFF5;
	}
	
	.logo {
		float: left;
		margin-top: 15px;
	}
	
	.right {
		float: right;
	}
	
	.right div {
		font-weight: bold;
		text-align: right;
		padding-right: 15px;
	}
	.date {
		background: #FFFFE7;
		text-align: right;
		padding: 3px 15px;
	}

	/*New Menu*/
	
	.hmenu {
		clear: both;
		background: #2C8ECF;
		color: #ffffff;
		font-weight: bold;
	}
	
	#navcontainer ul {
		padding-left: 0;
		margin: 0;
		background-color: #2C8ECF;
		color: #ffffff;
		float: left;
		width: 100%;
	}
	
	#navcontainer ul li { display: inline; }
	
	#navcontainer ul li a {
		padding: 0.2em 1em;
		background-color: #2C8ECF;
		color: #ffffff;
		text-decoration: none;
		float: left;
		border-right: 1px solid #fff;
	}
	
	#navcontainer ul li a:hover {
		background-color: #8357AE;
		color: #fff;
	}
	/*End New Menu*/

	/*Content Area*/
	.clear {
		clear: both;
		height: 0px;
	}
	
	.content {
		background:#FFFFE7;
		padding: 5px;
		background-color:#FFFFE7;
	}
	
	.cont_left {
		float: left;
		width: 715px;
		background: #ffffff;
		padding:0 5px;
		border:1px solid #e5e5e5;
		padding:5px 10px;
	}
	
.cont_left ul {margin:0 10px; padding:0 10px;}
.cont_left ol {margin:0 10px; padding:0 10px;}

	
	.cont_right {
		width: 200px;
		float: left;
		margin-left: 10px;
		background: #FFFFE7;
	}
	
.floatRight {padding:3px 0 0 6px; float:right;}

.lghtBlue { 
    background-image:url(/images/lghtBlue_bkgd.gif);
    background-repeat:no-repeat;
    color:#1C78B5;
    text-align:center;
    font-weight:bold;
    background-position:center; 
    height:16px;
   }
  #recipeGuide { text-align:center; padding:5px 5px;}
  #tip { text-align: left; padding:5px 5px; } 


.sideNav {margin:10px 0;padding-left:0px; text-align:left;}

.sideNav ul{ margin:0; padding:0;}
.sideNav li{ background-repeat:no-repeat;  list-style-image:url(/images/bullet_square_purp.gif); list-style-type:none;  padding-left:0px; margin-left:30px;}

.sideNavInside {margin:10px 0;padding-left:15px;}

.sideNavInside ul{ margin:0;}
.sideNavInside li{ background-repeat:no-repeat; padding-bottom:3px;  list-style-image:url(/images/bullet_square_purp.gif); list-style-type:none;}

.oneColFixCtr #container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFE7;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	 /* remember that padding is the space inside the div box and margin is the space outside the div box */
}


.calc_link {
	background-image:url(/images/icon_calc.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:24px;
	margin-left:65px;
	padding-bottom:4px;
   }
   
.tools_link {
	background-image:url(/images/icon_tools.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:24px;
	margin-left:65px;
	padding-bottom:4px;
	padding-top:10px;
   }


   
/* FORMS */

fieldset {padding:3px; border:1px solid #00989b; width:650px;}
legend {
		font-size: 1.2em;
		color:#00989b;
		font-weight:bold;
		padding:0 0 10px 0;
}
TEXTAREA {border:1px solid #666666;  background-color:#FFFFFF; }

.login {}
.login  TD { padding:5px 0; }

.login .inputField {
	border:1px solid #00989b;
	background-color:#f3f1f1;
	padding:1px; 
	font-size:.9em;
	color:#000;
	font-weight:bold;
}

#formBttn { padding:2px;  border:1px solid #666666; 
  border-right: 3px solid #3a5297;
  border-left: 3px solid  #3a5297; cursor:pointer;}

#formBttn:hover {border-color: #F00 #C30 #C30 #F00;}

.print { margin-left:20px; height:25px; background-image:url(/images/icon_printer.jpg); background-repeat:no-repeat; padding-left:35px; padding-top:6px; background-position:center left; font-size:12px;}

/* FONTS */

.italic {font-style:italic;}
.red { color:#ea2a3b;}
.green { color:#67ca31; font-weight:bold;}
.black { color:#000; font-weight:bold;}
.small {font-size:.9em;}
.tight {}


/* PADDING */

.rightPad5 {padding-right:5px;}
.padTop25 {padding-top:25px;}
.padTop10 {padding-top:10px;}
.padBottom5 {padding-bottom:5px;}

.external-window  
{
        background: url(/images/remote.gif) right center no-repeat;  
        padding-right: 15px;  
    
}

.recipe-window { padding:0px;}
.icon_link {
	background-image:url(/images/nav_arrow.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-left:10px;
	margin-left:5px;
   }
.icon_link_double {
	background-image:url(/images/nav_arrow.gif);
	background-repeat:no-repeat;
	background-position:0% 5px;
	padding-left:10px;
	margin-left:5px;
	display:block;
   }

   /* FOOTER */

 #footer {  text-align:center;  font-size:10px;} 

 #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:center; font-size:11px;
}
 #footer #copy { padding-bottom:11px;text-align:center;}

 #footer a{ color: #00989b; text-decoration: underline; font-size:11px}
 #footer a:hover{text-decoration: none; color:#00989b;}
 #footer a:visited{}
 #footer a:active{}
 
a.SEO { text-decoration:none;font-weight:normal !important;}
a.SEO:hover{font-weight:normal} 
a.SEO:visited{ font-weight:normal !important; } 
a.SEO:active{  font-weight:normal} 

h1 a.SEO { font-weight:normal !important;}
h1 a.SEO:hover{font-weight:normal} 
h1 a.SEO:visited{ font-weight:normal !important; } 
h1 a.SEO:active{  font-weight:normal} 

h2 a.SEO { font-weight:normal !important;}
h2 a.SEO:hover{font-weight:normal} 
h2 a.SEO:visited{ font-weight:normal !important; } 
h2 a.SEO:active{  font-weight:normal}