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

/* COPIED FROM GLOBALSTYLES.CSS */
.page-header{background: #527AEF url('/images_global/header_bg.gif') no-repeat top left; height:66px;}

/*------------- SECTION HEADING (e.g. Product Lines) -------------*/
.SectionHeading1 {/* Product Line Names (e.g. "Weather") */
	color:#333; 
	font-family:Tahoma, Geneva, sans-serif; 
	text-transform:uppercase; 
	letter-spacing:0.02em; 
	font-weight:bold; 
	overflow:hidden; 
	width:158px; 
	padding:7px 11px; 
	margin:29px 0 0 0;	
}

.news_clr, .about_clr, .contact_clr, .support_clr {
	background-color:#9bcbff; 
	border-top:solid #898989 1px;
	border-right:solid #898989 1px; 
	}

/* ROUNDED CORNERS */
/* Mar 9, 2011. Adapted from:
http://jonraasch.com/blog/css-rounded-corners-in-all-browsers
and http://css-tricks.com/snippets/css/rounded-corners/ */

.rounded_corners{
	-moz-border-radius: 14px; /* Firefox */
	-webkit-border-radius: 14px; /* Chrome/Safari */
	-khtml-border-radius: 14px; /* for older Konquerer browsers */
	border-radius: 14px; /* future proofing */
}
.rounded_corners_tr{/* only the Top Right corner */
	-moz-border-radius: 0px 14px 0 0; /* Firefox */
	-webkit-border-radius: 0px 14px 0 0; /* Chrome/Safari */
	-khtml-border-radius: 0px 14px 0 0; /* for older Konquerer browsers */
	border-radius: 0px 14px 0 0; /* future proofing */
}

.prod_section_wthr_IE, .prod_section_multi_IE{	
	/*Fix with bg img/borders in upper right corner in IE */
	*border:none; 
	border:none\9; 
	_border:none; 	
	*border-bottom: solid #898989 1px;
	border-bottom: solid #898989 1px\9;
	_border-bottom: solid #898989 1px;	
}
.prod_section_multi_IE{
	*background: #9bcbff url('/images_global/header-round-crnr.png') no-repeat top right;
	background: #9bcbff url('/images_global/header-round-crnr.png') no-repeat top right\9;
	_background: #9bcbff url('/images_global/header-round-crnr.png') no-repeat top right;
}
/*header buttons at top of page (weather section only)*/
.hdr_wthr, .hdr_auto, .hdr_marine{border-style:solid; border-width: 1px; width:68px; height:12px; display:block; padding:2px 0; margin:0; line-height:100%; font:Tahoma, Geneva, sans-serif; font-size:10px; font-weight:bold; text-align:center; text-decoration:none;}
a.hdr_wthr:link, a.hdr_auto:link, a.hdr_marine:link, a.hdr_wthr:visited, a.hdr_auto:visited, a.hdr_marine:visited{color:#000;}
.hdr_wthr{background-color:#ebebeb; border-color:#c6673f;}
.hdr_auto{background-color:#FBD796; border-color:#FFE633; width:67px;}
.hdr_marine{background-color:#72C6AC; border-color:#66FFCC;}

a.hdr_wthr.current, a.hdr_marine.current, a.hdr_auto.current{border-width:2px; width:66px; padding:1px 0;}
a.hdr_auto.current{width:65px;}

a.hdr_wthr:hover{color:#999;}
a.hdr_auto:hover{color:#BD7D06;}
a.hdr_marine:hover{color:#2E725E;}
/*end header buttons*/

/* END: COPIED FROM GLOBALSTYLES.CSS */


body{ margin:0;}

/*------------- Navigation -------------*/
#side_nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	width: 225px; 
	padding: 6px 6px 6px 6px; 
	border: solid #31009C 1px;
	background-color:#E4F1FC; 
	margin: 6px 15px 15px 0px;
}
#side_nav a:link {
/*	color: #0000FF;*/
	text-decoration:none;
	}
#side_nav a:hover {
	color: #000;
	text-decoration: underline;
	}
.navheader {
	font-size: 20px;
	font-weight: bold;
	color: #333399;
	margin: 15px 0px 0px 0px;
}

.navtitle {
	font-weight: bold;
	text-transform:uppercase;
	font-size: 15px;
	margin: 20px 0px 2px 0px;
}
.navtitle a:link, .navtitle a:visited{
	color: #000000;
	cursor: default;
}

.navtext {
	font-size: 12px;
}
/*------------- TABLE -------------*/
#table_main, #maintable{
	border:solid #31009C 1px;
	border-left-width: 3px;
	background-color:#FFFFFF;
}
#table_main{/*for April 2011 and prev. newsletters*/width:640px; }
#maintable{/* for June 2011 newsletters and newer */width:900px;}
#containertable{/*set width of inner body for newsletter, June 2011 and newer*/ width:85%; margin:15px 9% 0 5.9%;}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}




/*------------- SECTION HEADING -------------*/
div.section1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;color: #000;
	font-weight: bold; 
	margin: 30px 0px 2px 0px; 
	padding:5px; 
	text-transform:uppercase; 
	vertical-align:bottom; 
	font-variant: normal; /*border-bottom: solid #000 1px;*/ 
	letter-spacing: 1px; 
	word-spacing: 4px; 
	background-color:#E4F1FC;
}
.storytitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #333399;
	font-weight: bold;
	margin: 20px 0px 2px 0px;
}
.quiz1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #000000;
	font-weight:bold;
	vertical-align:top;
}


/*------------- Miscellaneous -------------*/
p, li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

ol, ul{margin:10px;}
li{padding-bottom:15px;}

.sml {
	font-size: 12px;
}

.date {
	font: 19px Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	vertical-align:text-top;
	font-variant: small-caps;
	text-align: center;
	line-height: 40px;
}

.photo_caption {
	font: 13px Arial, Helvetica, sans-serif;
	font-style: italic;
}

img.icon {padding:0px 7px 0px 0px;border:none; float:left; vertical-align:middle;}  
table.quiz{/*quiz table formatting*/font: 13px Arial, Helvetica, sans-serif;width:97%;border:solid #DACB82 2px;background:#FAF3D1; margin:15px 0px 20px 0px;}
td.quizpad{padding:8px 8px 3px 8px; margin:none;}
td.quizquestn{padding:0px 50px 10px 55px; margin:none;}
p.nopad{padding:0; margin:0;}
  

/* ---------- FOOTER ---------- */
#footer_links a:link {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	}
#footer_links a:hover {
	color: #000000;
	text-decoration: underline;
	}
.footer_text_tall {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	line-height: 30px;
	}
.footer_text {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	}