/*  Style for climat web page 
         colors
	  body,righBar,leftBars(left,right)	 	208c65	95f596;    mid green 
	  background					208c65	95f596
	 column background-left/right			4af9ef	107415
	  centerBar						eeec6a	ddffda
	  menu bg						208c65
	   weather day					fbd184
	  footer 						cfcfcf	 #c3d4d4
*/	
@media screen {
/*		FONT  	 */
#bodyId {font-family:Verdana,Arial,sans-serif;font-size:10pt;background:#208c65;}
#leftBar           {position:absolute;top:0px; left:3px;   width:160px; background:#208c65; }
#centerBar       {position:absolute;top:0px; left:173px; width:665px; background:white;}	
#rightBar         {position:absolute;top:0px; left:847px; width:160px; background:#208c65;}
#centerBar508 {position:absolute;top:0px; left:173px; width:835px; background:white;}
.dnrlogo {
	padding:5px 20px 0px 30px;
	border:0px;
}
.new{position:relative;left:60px;font-weight:bold;font-size:80%;padding:0 5px;color:white;background:red;}

#bodyId table.preformattedtable	{border-collapse:collapse; width: 60%; text-align:right; margin:0 0 0 10%;}
#bodyId table.preformattedtable th	{font-weight:bold;}
#bodyId p.abovesoilP	{margin-bottom: 3em;}

/*		DIV'S UNDER CENTER BAR 		*/
#pictures{padding:10px 0 10px 0;background:#208c65;} 
.pixtable {border-collapse:collapse; margin: 0 auto 0 auto;background:white;}	
.sc_flag{margin:0 auto 0 auto;padding:10px 3px 5px 3px;}
#siteName{padding:10px 0 10px 0;font-size:200%;text-align:center;color:white;background:#208c65;}
/*	background-image:url('/demo/climate/sco/Images/vert_line.gif');background-repeat:repeat-x;}		*/
/*		MENU BUTTONS	*/
#pages{padding:15px 0 0 0;background:#208c65;height:30px;text-align:center;border:0px solid;border-color:white #000 #000 white;margin:2px;}

#pages a.link4:link {position:relative;top:0;left:0;	
border:2px solid;border-color:white #000 #000 white;color:black;background:#A0C07C;margin:0 3px 0 0;padding:2px;text-decoration:none;font-weight:bold;}

#pages a.link4:visited {position:relative;top:0;left:0;border:2px solid;border-color: white #000 #000 white;color:black;background:#A0C07C;margin:0 3px 0 0;padding:2px;text-decoration:none;font-weight:bold;}

#pages a.link4:hover {position: relative;top:1px;left: 1px;border:2px solid;border-color: #000 white white #000;color:red;background:#cfcfcf;margin:0 3px 0 0;padding:2px;text-decoration:none;} 
/*		MAININFO  */
#mainInfo{padding:5px 10px 0 10px;line-height:125%;background:white;}
/*		WEATHERDAY  & SPECIAL NOTE	  display on side of main area   	float:right;       width:175px;     */   
#weatherDay{background:#fbd184; position:relative; margin:.5em;	padding:.4em .4em 0 .4em;border:solid 2px #a18657;}
#specialNote{background:#ffa8a0; color:black; position:relative;  padding:.4em .4em 0 .4em;margin:.3em;border:solid 2px #d10412; line-height:125%; }
#specialNote .specialHeadln {text-align:center;color:black;font-size:150%;}
#specialNote.specialText {color:black;}
.x {position:absolute;left:200px;top:650px;z-index:-1;}
/*		TOP OF PAGE  &  PREVIOUS PAGE BUTTON       at the END of each page  */
a.linkone img.topImage{border:3px solid white;}
a.linkone img.topImage:hover{border:3px solid #208c65;}
.changeButton{color:black;background:#c0c5bf;padding:2px 5px;text-decoration:none;font-size:80%;}
.changeButton:hover{color:white;background:#208c65;}	
/*  		LINK DATA   */
#mainInfo a.linkone:link,a:link {font-weight: normal;color:#0000ff;}    
#mainInfo a.linkone:visited,a:visited{color:#ff00ff;font-weight:normal;}
#mainInfo a.linkone:hover,a:hover{color:#ff0000;}
/*   		DATA/LINKS ON BOTH BARS  */
#leftBar h3,#rightBar h3{text-align:center;font-size:100%;color:white;background:#208c65;padding:3px; margin:15px 0 20px 0;}

#rightBar a.linktwo:link h3,#leftBar a.linktwo:link h3 {text-decoration:none;text-align:center;font-size:80%;color:black;background:#A0C07C;padding:3px 4px 3px 4px;margin:0 0 15px 0;border:0px solid #A0C07C;} 

#rightBar a.linktwo:visited h3,#leftBar a.linktwo:visited h3 {text-decoration:none;text-align:center;font-size:80%;color:#ff00ff;background:#A0C07C;padding:3px 4px 3px 4px;margin:0 0 15px 0;border:0px solid black;}   
/*	white;	*/
#rightBar  a.linktwo:hover h3, #leftBar a.linktwo:hover h3{color:red;background:#cfcfcf;border:0px solid red;}
/*		IMAGE LINKS ON BOTH BARS */
#rightBar a.linkthree img.barImage,#leftBar a.linkthree img.barImage{margin:0 auto 0 auto;border:3px solid white;}
#rightBar a.linkthree img.barImage:visited,#leftBar a.linkthree img.barImage:visited{border:3px solid #ff00ff;}
#rightBar a.linkthree img.barImage:hover,#leftBar a.linkthree img.barImage:hover{border:3px solid red;}		 
a.link5:link {color:dimgray;text-decoration:none;font-weight:bold;}     /* unvisited link */
a.link5:visited {color:dimGray;text-decoration:none;font-weight:bold;} 		/* visited link */
a.link5:hover {color:red;text-decoration:none;font-weight:bold;}   /* mouse over link */
/*		FOOTER  INFO  		*/
#footerInfo{display:none;}	
#footerInfo  {font-size:65%;line-height:normal;padding:.4em 0 .4em 1.4em;
	background-color:#cfcfcf;color:black;margin:0px;}
#footerInfo a.footerMail {position:relative;left:300px;color:red;} 
#footerInfo a.footerHome {position:relative;left:280px;color:black;} 
#footerInfo b.footerNames {color:black;font-weight:bold;font-size:105%;}
p.footerNames{color:gray;font-size:70%;}
/*		DROUGHT 	TAGS --- DROUGHT, LOGIN ,SPECIAL DATA 		*/
.droughtCur,.droughtNxt{text-align:center;color:red;}
.approved  {color:red;}
.loginText{font-weight:normal;color:black;}
.loginText1{text-align:center;color:red;}
.loginText2{text-indent:90px;}
.loginReset{color:black;background:#ff958c;font-weight:bold;}
.loginReset:hover{background:red;}
.loginSubmit{color:black;background:#A0C07C;font-weight:bold;}
.loginSubmit:hover{background:#208c65;}
.loginInput{background:wheat;}
/*		MISC  INFO    	*/
.contactInfo {text-align:center;font-size:125%;font-weight:bold;}
#mainInfo ol li   { list-style-type: decimal; color:black;padding:0 .3em .4em .3em;}
/*		STAFF DATA  	*/
.staffTable{width:90%;border-collapse:collapse;border-spacing:1px;margin: 0 auto 0 auto;}
.staffTable th{text-align:left;color:red}	
.staffData {color:black; padding:10px 5px;width:50%;}
/*  		SITEMAP  DATA   */
.sitemap{border-collapse:collapse;width:100%;margin:0 auto 0 auto;}
.siteMapInfo{border:2px solid #b79d78;width:auto;background:#ffdba8;text-align:left;padding:5px;font-weight:normal;}
.sitemap td {padding:5px 0 0 5px;text-align:left;}	
td.siteMapLeft {border-right:0px solid black;width:auto;}
td.siteMapRight{border-left:1px solid black;width:auto;}
.spclSiteMapText{margin:0 0 0 30px;color:black;font-size:75%}
/*   		 TABLES  */
.temptable {border-collapse:collapse;border-spacing:1px;text-align:center;border:1px solid gray;	margin:0 auto 0 auto;}
.temptable th{border:1px solid gray;font-weight:bold;color:black;background:#cfcfcf;}
.temptable th.onelh {border:1px solid gray;font-weight:bold;color:black;text-align:left;background:#cfcfcf;}
.temptable th.onel {border:1px solid gray;font-weight:normal;color:black;text-align:left;background:white;}
.temptable td.onel {border:1px solid gray;text-align:left;}
.temptable td.oner {border:1px solid gray;text-align:right;}
.temptable td {border:1px solid gray;}
.temptable td.cma{background:#ffd0ca;}
.temptable td.cmi{background:#c5ffef;}
.temptable td.cpp{background:#caffa4;}
.temptable th.cav{background:wheat;border:1px solid gray;text-align:left;}
.temptable td.cav{background:wheat;border:1px solid gray;}
/*	weekly table  */
.weeklyTable,li{margin: 0 auto 0 auto;list-style-type:none;}
.weeklyTable h2 ,h3{color:black;text-align:center;}
/*  		 MAIN TABLE 		 */
.mytable {border-collapse:collapse;border-spacing:1px;margin: 0 auto 0 auto;text-align:center;	}
.mytable th {border:1px solid gray;padding:5px;font-weight:bold;color:black;background:#cfcfcf;}
.mytable td  {border:1px solid gray;padding:5px;}                   /*   default to center  */
.mytable td.onel {border:1px solid gray;text-align:left;padding:5px;}   /*  left  */
.mytable td.tmpabv{background:#ff6961;}
.mytable td.tmpblo{background:#5e95fe;}
.mytable td.pcpabv{background:#89ff95;}
.mytable td.pcpblo{background:#ffc34f;}
/*		new	green,yellow,orange,red,purple	*/
.mytable td.Normal{background:#82ff77;padding:7px 2px;}
.mytable td.Incipient {background:#f7ff05;padding:7px 2px;}
.mytable td.Moderate{background:#f79803;padding:7px 2px;}
.mytable td.Severe{background:#ff0000;padding:7px 2px;}
.mytable td.Extreme{background:#ff1ce0;padding:7px 2px;}
/*		Drought table		*/
.droughttbl{width:100%;border-collapse:separate;border-spacing:1px;margin: 0 auto 0 auto;}	
.droughttbl th.head1{padding:10px 2px;color:black;font-size:14pt;background:#cfcfcf;}
.droughttbl th.head2 {font-size:7pt;color:black;background:#cfcfcf;}
.droughttbl td {border:0px solid gray;padding:1px 5px;}
.droughttbl tr.row1{font-size:7pt;color:black;background:wheat;}		/*    #ffddda;		*/
.droughttbl tr.row2{font-size:7pt;color:black;background:wheat;}		/*    #d8ffda;		*/
/*		Drought Picture table	*/
.Dpixtable  {width:90%;border-collapse:collapse;margin: 0 auto 0 auto;}
.Dpixtable td  {padding:5px 5px;border:0px solid gray;}
/*		 MISC   		*/
.hurrColor {background:#ffa8a0;text-align:center;}  /*old color for hurr tracks       #87CEFA*/
.textIndent{text-indent:50px;}
.textCenter{text-align:center;}
.imageCenter{display:block;margin:0 auto 0 auto;}
/* 		 HURRICANE  REPORTS ---->Ophelia.....Ernesto		 */
.captionCenter{margin: 0 10% 0 10%;text-align:center;font-weight:bold;}
#mainInfo  li {list-style-type: disc;}
.hurrTable {width:95%;border-collapse:collapse;border-spacing:1px;margin: 0 auto 0 auto;}
.hurrTable th {border:0px solid gray;padding:0;font-weight:bold;color:blue;}
.hurrTable td.onea {border:0px solid gray;padding:0 10px;}
.hurrTable td.onec {border:0px solid gray;text-align:center;}
/*    		 MARKS  TABLE  */
.marksTable {width:95%;margin:0 auto 0 auto;text-align:left;border-collapse:separate;border:0px solid gray;}
.marksTable td{width:185px;border:0px solid red;padding:5px 0;}
.marksTable td.td1  {width:150px;font-weight:bold;padding:5px 0;}
}
/*		Climate Change			*/
#mainInfo ul.cclist li{list-style-type:disc;}
.ccpara {color:#208c65;margin-left:10px;font-weight:bold;}
.ccpara1{margin-left:25px;text-indent:50px;}
.cclink{margin-left:75px;}
.cci{font-weight:bold;color:#208c65;}
/* css/tooltip.css -- fancy tooltips */
span.tool {
  position: relative;   /* this is key */
  cursor: text;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 4.0em;
  left: -150px;
  width: 400px;
  line-height: 1.1em;
  padding: 3px 7px 4px 6px;
  border: 2px solid #CD853F;
  background-color:wheat;		/*#B0C4DE;	#B0E0E6;		#A0C07C;		#ffa8a0;	#fbd184;*/
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  color: #000;
  text-align: left;
}

/* css/tooltip.css */


sub 			{font: Verdana, Arial, Helvetica, sans-serif; position: relative; top: 3px; text-decoration: none; line-height: 0px; vertical-align:baseline; font-size: 80%;}
sup				{font: Verdana, Arial, Helvetica, sans-serif; position: relative; top: -5px; text-decoration: none; line-height: 0px; vertical-align:baseline; font-size: 80%;}