/* Standard HTML Definition */
html, body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#000000;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	height: auto;
	width: 760px;
	float: left;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	
}

.gray {
	color: #666;
	font-size:16px;
	font-style:normal;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.blue {
	color:#006;
	font-size:18px;
	font-style:normal;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.largered { color:#900;
	font-size:24px;
	font-style:normal;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.brown { color: #633;
	font-size:18px;
	font-style:normal;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.18red { color:#900;
	font-size:18px;
	font-style:normal;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.brightred { color: #F00;
	font-size:18px;
	font-style:normal;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/* html, body {margin:0; padding:0; font:small Verdana, Arial, Helvetica, sans-serif; background:#262745 url("/siteart/nos_bg.png") repeat-x;} */

a:link {
	color: #003366;
	text-decoration: none;
}
a:visited {
	color: #003366;
	text-decoration: none;
}
a:hover {

	color: #cc6600;
	/* text-decoration: underline; */
}
a:active {
	color: #0057AE;
	text-decoration: none;
}

/* a {}
a:hover {color: #CCCCCC;} /* link */
/* a img {border:none;}*/

h1 { color: #880000; font-size: 13pt; font-family: "Times New Roman", Times, serif; font-weight: bold; }
h2 { color: #880000; font-size: 12pt;}
h3 { color: #880000; font-size: 11pt;}
h4 {color: #2e79ab; font-size: 9pt;}
h5 {color: #2e79ab; font-size: 10pt; font-weight: bold;}



p {
	font-size: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.pmiddle {
	text-align:center;
	font-size: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}

.pright {
	text-align:right;
	font-size: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}

.pleft {
	text-align:left;
	font-size: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}

ul li {color:#333;}

/* ul li {color:#990000;} */

.officers {font-size: 11}

.toplogo {
	font-size: 22px;
	font-weight: bold;
	color: #000000; 
	font-family: "Times New Roman", Times, serif;
}

.basketball {
	color: #003366;
	font-size: 14pt;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}

.subtitle { color: #880000; font-size: 11pt; font:bold;}

.main_p {
		 text-align: center;
		 font-size: 12px;
		 color: #333333;
		 font-family: Arial, Helvetica, sans-serif;
		 font-style: normal;
		 font-weight: normal;
		 font-variant: normal;
}

.style_w {
	font-size:23pt;
	color: #880000;
	font-family: "Blackadder ITC";
	font-weight:bolder;
}

.style_logo {
	font-size:18pt;
	color: #880000;
	font-family: "Blackadder ITC";
	font-weight: bold;
}

.style1 {color: #2e79ab; font-size: 10pt; font-weight: bold;} /* light blue with bold */
.style2 {color: #2e79ab; font:10pt; font-style: italic;}      /* light blue with italic */
.style3 {
	text-align:left;
	font-size: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
} /* light gray with bold */

/* h6 {font: 10pt Verdana, Arial, Helvetica, sans-serif; font-weight: bold;} */

.filesize {color: #333333; font-size: 10pt; font-style: italic;} /* file size: gray italic */ 

.pdffile {
	color: #333333; 
	font-size: 10pt; 
	font-style: italic;
	zoom:1;
	padding-right:18px;
	background: transparent url("../images/icon_adobe.jpg") no-repeat bottom right;
} /* pdf icon with filesize font: gray italic */

hr {border: 1px solid #e3c057; height: 1px;} /* horizontal rule */

ul.doublebreak li {margin: 15px 0;} /* double break between paragraphs with bullets */
ol.doublebreak li {margin: 15px 0;} /* double break between paragraphs with numbers and letters */
ul.break li {margin: 0px 0;} /* break between paragraphs with numbers */
ol.break li {margin: 0px 0;} /* break between paragraphs with numbers and letters */

/* Page Elements */

#main1 {
	width:760px;
	background: #FFFFCC;
	height:auto;
}

#submain {
	width:755px;
	background: #FFFFCC;
}

#earth {
	width:102px;
	height: 102px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 2px;
	background-color: #003399;
}

#topbar {
	width:760px;
	background: #000;
}

#specialcol {
	padding:10px;
	width:510px;
	height: 300px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	text-align: left;
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	overflow:auto;
}

#spacebox { width:auto; height: 290px; }

#photocol {
	padding:5px;
	width:500px;
	height: 500px;
	border: 1px solid #000000;
	background-color: #333333;
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	overflow:auto;
}

#eventcol {
	padding:10px;
	width:510px;
	height: auto;
	border: 1px solid #e3c057;
	background-color: #FFFFFF;
	text-align: left;
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	overflow:auto;
}

#twitter {
	padding:5px;
	width:140px;
	height: auto;
	border: 1px solid #2fceff;
	background-color: #E8FAFF;
	font-size: 11px;
	color: #1a6189;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#F8F8F8;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
	display: block;
	float: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
} 

#adobe {
	padding:5px;
	width:250px;
	height: 50px;
	border: 1px solid #880000;
	background-color: #FFFFFF;
	font-size: 9px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#F8F8F8;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
	display: block;
	float: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
} 

#announcecol {
	padding:10px;
	width:510px;
	height: auto;
	border: 1px solid #E8AEB3;
	background-color: #FFFFFF;
	text-align: left;
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
} 

#infocol {
	padding:10px;
	width:510px;
	height: 300px;
	border: thin solid #CAF3FF;
	background-color: #E8FAFF;
	text-align: left;
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	overflow:auto;
} 

#contentcol{
	width:480px;
	height: auto;
	text-align: left;
	float: left;
}

/* lesson column */
#lessoncol {margin:0 auto; padding:0; width:680px; height: auto;}
#lessonrightcol {float: right; width: 400px; height: auto; text-align: left;}
#lessonworksheetrightcol {float: right; width: 300px; height: auto; text-align: left;}
#climaterightcol {float: right; width: 250px; height: auto; text-align: left;}

/* header */
#header{background-color: #000;}

/*
#search{ background:url("/education/images/noaa-strip.jpg") top left no-repeat; height:36px; width:740px; font:8pt Verdana, Arial, Helvetica, sans-serif;}
#search form {float:right; margin:5px 5px 0 0;}
#search .textbox {border:1px solid #5e6e66; height:12pt;}
#search .radiobtn {padding-top:5px;}

#breadcrumb{color: #c68320; font-size: 7pt; text-decoration: none; margin-top:30px;}  
*/

/* column */
#leftcol {
	text-align:left;
	width:700px;
	background: #FFFFCC;
/*	list-style-image: url(../images/arrowbullet.gif); */
} 

#leftcol2 {
	text-align:left;
	width:720px;
	background: #FFFFCC;
	float: left;
	height: auto;
	margin: auto;
	padding-left: 30px;
	padding-right: 10px;
	color: #036;
	font-family: Arial, Helvetica, sans-serif;
}

#leftcol3 {
	text-align:left;
	width:650px;
	background: #FFFFCC;
	float: left;
	height: auto;
	margin-left: 35px;
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#leftcol4 {
	text-align:left;
	width:105px;
	background: #FFFFCC;
	float: left;
	height: auto;
	margin-left: 35px;
}
		
.leftdivcol {background: #fff; margin: 0 .7em; width:220px; float:left; padding-left:0;}
.rightdivcol {background: #fff; margin: 0 .7em; width:220px; float:left; padding-left:1.2em; border-left:1px solid #c4cec6;}  

#rightcol {
	float:right;
	width:auto;
	font-size:9pt;
	background: #FFFFCC;
	margin-top:auto;
	margin-right: 20px;
	border-left-style: none;
	height: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	padding: 0;
} 	
#rightcol h2 {color:#c68320; font-weight:bold;} 
#rightcol h3 {color:#c68320;} 	
#rightcol h4 {color:#c68320; font-weight:normal;}

#rightcol a:link { color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#rightcol a:visited { color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#rightcol a:hover { color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#rightcol a:active { color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif;font-size: 12px; }
#rightcol a { color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } 

.column {
	width:210px;
	float:left;
	padding-left:0.2em;
	margin-top: 0.5em;
	margin-right: 0.7em;
	margin-left: 0.11em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: normal;
	background-color: #000000;
	border-left-width: thin;
	border-left-style: none;
}
.column dt{
	font-weight:bold;
	padding-bottom:.3em;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
}
.column dd{margin:0; padding:.2em 0;}

/* footer */
#footer {
	width:760px;
	clear:both;
	font-size:10px;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #000000;
	font-style: normal;
	font-weight: normal;
	color: #CCC;
}
#footer a {color:#369; text-decoration:none;}
#footer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #990000;
	background-color: #000000;
	text-align: left;
}
#footer p {margin-top:0; padding-top:0; font-size:90%;}
#footer .logo { float:left; padding:0 10px;}

/* factsheet */
#factsheets{font-size: 8pt;}


/* Navigation Elements */
.nav, .nav * {margin:0; padding:0; list-style:none;}
.nav {line-height:1.0;}
.nav ul {position:absolute; top:-999em; width:148px;}
.nav ul li, .nav a {width: 100%;}
.nav li {float:left; position:relative; z-index:99;}
.nav a {display:block;}
.nav li:hover ul, ul.nav li.sfHover ul {left:-1px; top:1.5em;}
.nav li:hover li ul, .nav li.sfHover li ul { top:-999em;}
.nav li li:hover ul, ul.nav li li.sfHover ul { left:148px; top:-1px;}
.nav li li:hover li ul, .nav li li.sfHover li ul { top:-999em;}
.nav li li li:hover ul, ul.nav li li li.sfHover ul { left:148px; top:-1px;}
.superfish li:hover ul, .superfish li li:hover ul, .superfish li li li:hover ul { top: -999em; }

embed, object { position: relative; z-index: 0; }
.nav { float:left;  }
.nav li { text-align:center; font-weight:bold; background:#242021; width:148px; }
.nav a {line-height:20px; font-size:11px; color: #fff; text-decoration:none;}
.nav li:hover, .nav li.sfHover, .nav a:focus, .nav a:hover, .nav a:active {
	background-color: #000000;
}
.nav li li { font-weight:normal; background:#949243;}

.nav li li li { background:#949243; }

/* Other Classes */
.imgfooter { vertical-align:bottom;}
.top { font-size:9pt; font-weight: bold; font-style:oblique;}
.clear{clear:both;}
.no-border {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #000000;
}
#imgright{float:right; background:#fff; padding:8px 8px 0; width:224px; margin-left:15px;}
#imageleft {
	float:left;
	background:#FFFFCC;
	width:244px;
	margin-left:15px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 8px;
}

#haitiimgright{
	float:right;
	background:#fff;
	width:250px;
	margin-right:15px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 8px;
}
#haitiimageleft { float:left; background:#FFFFCC; padding:8px 8px 0; width:188px; margin-left:15px; }


.imgright p{font-size:9pt; padding:0 4px;}
.imgrighttutorial{float:right; background:#f5fafc; padding:8px 8px 0; width:224px; margin-left:15px;}
.imgrighttutorial p{font-size:9pt; padding:0 4px;}