/*
İAgroClimate 2008-2009      //
Designed and Coded By Brent Ferraro   	 //
*/

/*
imports for navigation and table styles
*/
@import url(subNavigation.css);

/* this won't break the padding on form elements like select/option/input */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,fieldset,textarea,p,blockquote,th,td {
    padding: 0; margin: 0; }

/* Global styles ------------------------------------------------ */
a img{border:none;}

img:hover{text-decoration:none;}
body
{
	background-color: #FFF;
	font-size: 100%;
	font-family: verdana, helvetica, san-serif;
}
.toolsUpdate
{
	background-color: #FFF;
	background-image: url(../images/tools_bodybg2008.png);
	background-repeat: repeat-y;
	background-position: center top;
}

.boxout {
	display: block; 
	clear: both; 
	font-size: 1px; 
	height: 1px; 
	line-height: 1px; 
	margin: 0;
}
a, a:visited{text-decoration:none;color:#0b86a1;}
a:hover{text-decoration:underline;color:#72b84c;}
a:active{text-decoration:none;}

.hvlog a:hover{text-decoration:none;}

h1{font-size:1.8em; color:#666;}
h2{font-size:1.5em; padding-top:15px; color:#666;}
h3{font-size:1.1em; padding-top:15px; color:#666;}
h4{font-size:1.0em; padding-top:15px; color:#666; line-height:25px;}
h5{font-size:.9em; padding-top:15px; color:#666;}
h6{font-size:.75em; padding-top:15px; color:#666;}

#mainBody ul,#mainBody ol{font-size:.78em; line-height:1.3em; padding-top:10px;}
#mainBody ul li,#mainBody ol li {padding:0;margin:0 0 0 15px;}
dl dt{font-size:.78em; line-height:1.3em; padding-top:10px;}
dl dd{font-size:.7em; padding:0px;}

#photoWrap p.photoCaption, div p.photoCaption {font-size:.7em !important;color:#aaa;}

#seccLink, span.climatePhase p, #nav ul, #innerWrap ul, .flashText,#outlookBox p, #newsBox p, #innerWrap p.updateDate,
a.upButt{font-size: .7em;}

blockquote, #cite
{
	color: #999;
	font-size: small;
	font-style: italic;
	margin: 15px 15px 15px 0;
}
#cite, .ImgCaption {color:#999; font-size:x-small; margin:0;padding:0;line-height: 12px;}

.storyImg{margin:10px 0 0 0;padding: 0;}

.bbutton{font-size:10px; float:right; margin: 5px 20px;padding:5px;background-color:#eee;}

.bbuttonLeft{font-size:10px; float:left;margin: 15px 20px 0 0;padding:5px;background-color:#eee;}


/*
Site  Structure
*/
#wrapper
{
	width: 910px;
	margin: 0 auto;
	background-image: url(../images/agclimate_bodyBg2008-01.png);
	background-repeat: repeat-y;
	background-position: center top;
}
#toolsWrapper
{
	width: 910px;
	margin: 0 auto;
	background-image: url(../images/tools_bodybg2008.png);
	background-repeat: repeat-y;
	background-position: center top;
}
#Inwrapper
{
	position:relative;
	width:900px;
	margin: 0 auto;
}
#topper
{
	position:relative;
	width: 900px;
	height: 40px;
	background-image: url(../images/agclimate_topNav.png);
	background-repeat: no-repeat;
}

/*left top navigation*/
#topperLeft{
	position:absolute;
	left:0;
	margin-left:5px;
}

/*right top navigation*/
#topperRight{
	position:absolute;
	right:5px;
}
#topperRight form {float:left; padding-top: 13px;}

#topperLeft a, #topperRight a,#topperRight p{
	display:inline;
	float:left;
	font-size: .7em;
	font-weight:700;
	color:#fff;	
	padding: 0 5px;
	line-height: 45px;
}
#topperLeft a:hover, #topperRight a:hover {color:#000;}


/*Heading - climate phase and Logo area*/
#branding
{
	position:relative;
	width: 900px;
	height: 94px;
	background-image: url(../images/header_bg.png);
	background-repeat: no-repeat;
}
span.climatePhase{
	position:absolute;
	right:0;
	width: 440px;
	height: 90px;
}
span.climatePhase h3{
	font-size:.9em;
	padding: 15px 5px 0 15px;
}
span.climatePhase p{
	padding: 0 5px 5px 15px;
	color:#000;
}
h3.nina { color: #3CF; }
.nino{color:#ff0000;}
.nuetral{color:#73A84D;}

#logoLink {
	position:absolute;
	top: 10px;
	left:20px;
	width: 300px;
	height:35px;
	display:block;
	text-indent: -5000px;
	padding: 15px 0 0 20px;
}
#seccLink{
	position:absolute;
	top: 70px;
	right:15px;
	color:#777;
	font-weight:700;
}
a#seccLink{color:#777;}
a#seccLink:hover{color:#999;}


/*Left Navigation --------------------------------------------------*/
#nav {
	float:left;
	width:140px;
	}

#nav ul{
	list-style-type: none;
	//margin-top:25px;
	font-weight:100;
	color:#333;
}

#nav ul li{
	position:relative;
	text-indent: 15px;
	line-height:25px;
	//border-bottom:1px solid #ccc;
}

#nav ul li a{color:#555; display:block;}
#nav ul li a:hover{color:#fff;text-decoration:none;}


/*Main Content area  --------------------------------------------------*/
#mainBody, #mainBodyTools
{
	min-height:700px;
	width: 740px;
	float: right;
	text-align:left;
}

#mainBodyTools{
	width: 880px;
	margin-top:15px;
}

/*Inner wrap creates a 20px margin inside of main content area -------------------*/
#innerWrap{padding:20px; padding-bottom: 25px;}
#innerWrap p{padding: 7px 0; font-size:.8em;line-height:1.75em;}
#innerWrap ul
{
	list-style-position: inside;
	line-height: 2em;
	margin:5px 0 15px 0;
}
#innerWrap a{text-decoration:underline;}


/*middleColumn is for the index page only ---------------------------------*/
#middleColumn{
	top:20px;
	left:20px;
	width: 420px;
	float:left;
}

.flashText{
	padding: 15px;
}
#noline a{text-decoration:none;}



/*index page only ----------------------------------*/
#outlookBox
{
	width: 380px;
	min-height: 180px;
	margin: 25px 20px 15px 20px;
	background-image: url(../images/outlooks-bg.png);
	background-repeat: no-repeat;
	border-bottom:  1px solid #ccc;
	z-index:0;
}
#newsBox
{
	width: 380px;
	min-height: 180px;
	margin: 0 15px 15px 20px;
	background-image: url(../images/news-bg.png);
	background-repeat: no-repeat;
	border-bottom:  1px solid #ccc;
}

#outlooksTitle, #newsTitle {height: 30px; width: 380px;}
#outlookBox p, #newsBox p {padding: 5px; } 

#RightColumn{
	margin-top: 25px;
	width: 260px;
	float:left;
}

/*SSP Styles ---------------------------------------------------------------------------*/

/*left column rotator*/
#rotator
{
	width: 260px;
	height: 280px;
	background-image: url(../images/rotator_bg.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

/*US climate impact movies*/
#climateMov
{
	width: 600px;
	height: 422px;
	margin-bottom: 10px;
}



/*Climate Phase Pie Chart ---------------------------------------------------------------------------*/
#pieChartWrap
{
	position: relative;
	width: 260px;
	height: 120px;
	margin-bottom: 15px;
	background-image: url(../images/pie_chart_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#pieChart{
	padding-top: 0;
	width: 260px;
	height: 80px;

}
a#ricsLink{
	position:absolute;
	bottom:3px;
	left:15px;
	width: 230px;
	height: 25px;
	text-indent:-5000px;
}
#pieChartWrap p{
	font-size:9px;
	font-weight: 700;
	text-align:center;
	padding-top:5px;
	color:#333;
}


.monthG1
{
	background-image: url(../images/_enso_forecast/enso_forecats_1.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.monthG2
{
	background-image: url(../images/_enso_forecast/enso_forecats_2.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.monthG3
{
	background-image: url(../images/_enso_forecast/enso_forecats_3.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.monthG4
{
	background-image: url(../images/_enso_forecast/enso_forecats_4.png);
	background-repeat: no-repeat;
	background-position: center top;
}



/*Florida and Georgia Weather Network Buttons ---------------------------------------------------------------------------*/
#weather
{
	position: relative;
	width: 271px;
	height: 71px;
	background-image: url(../images/weather.png);
	background-repeat: no-repeat;
	text-indent:-5000px;
}
a#gawn {
	position:absolute;
	bottom:0;
	left:0;
	width: 130px;
	height:47px;
	display:block;
}
a#gawn:hover
{
	background-image: url(../images/weather_over.png);
	background-repeat: no-repeat;
	background-position: 0 -24px;
}
a#fawn {
	position:absolute;
	bottom:0;
	left:130px;
	width: 130px;
	height:47px;
	display:block;
}
a#fawn:hover
{
	background-image: url(../images/weather_over.png);
	background-repeat: no-repeat;
	background-position: -130px -24px;
}

/* SECC Member Logos on Index ----------------------------------------------------------------*/
#seccMembers
{
	position:relative;
	width: 700px;
	height: 250px;
	background: #FFF url(../images/secc_members.png) no-repeat 0 0;
}
#seccMembers a{
	text-indent: -5000px; 
	display:block;
}
a#floridaSt
{
	position: absolute;
	top: 50px;
	left: 40px;
	width: 193px;
	height:60px;
	background-image: url(../images/seccMembers/fl_st.png);
}
a#Georgia
{
	position: absolute;
	top: 45px;
	left: 260px;
	width: 178px;
	height: 58px;
	background-image: url(../images/seccMembers/uga.png);
}
a#Florida
{
	position: absolute;
	top: 55px;
	left: 475px;
	width: 147px;
	height: 45px;
	background-image: url(../images/seccMembers/uf.png);
}

a#Auburn
{
	position: absolute;
	top: 150px;
	left: 60px;
	width: 137px;
	height: 47px;
	background-image: url(../images/seccMembers/auburn.png);
}
a#Alabama
{
	position: absolute;
	top: 150px;
	left: 260px;
	width: 189px;
	height: 32px;
	background-image: url(../images/seccMembers/ala_hunts.png);
}
a#Miami
{
	position: absolute;
	top: 135px;
	left: 500px;
	width: 106px;
	height: 53px;
	background: url(../images/seccMembers/miami.png);
}

/* Image Float Right ---------------------------------------------------------------------------*/
.imgFltRight{float:right; border: 1px #ccc solid; padding:5px; margin-right:10px;}
/* Image Float Right1 ---------------------------------------------------------------------------*/
.imgFltRight1{float:right; border: 1px #ccc solid; padding:5px; margin-right:3px;}
/* Image Float Left ---------------------------------------------------------------------------*/
.imgFltLeft{float:left; border: 1px #ccc solid; padding:5px; margin-left:0px;}
/* Image Float Center ---------------------------------------------------------------------------*/
.imgFltCenter{float:center; border: 1px #ccc solid; padding:5px;}


/* Link List Style ---------------------------------------------------------------------------*/
ul.listLinks li, ul.listLinks li a{font-size:1em; line-height:1.8em;}


dl.freezeForcasts {margin-top:3px;padding:3px; border:1px solid #ccc; width: 250px; display:block;background-color: #eee;}

.hortSubNavWrap
{
	margin: 5px 0;
	background-color:#efecec;
	border-top:1px solid #ccc;
}

.hortSubNavWrap ul{ height:20px;min-width:250px;}

.hortSubNavWrap ul li
{
	display: inline;
	padding-left: 15px;
	font-size: 10px;
	list-style-type: circle;
	list-style-position: inside;
	background-image: url(../images/0001_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 center;
}

.crops p {padding-top:0;}

#innerWrap p.updateDate
{
	margin: 0;
	padding: 0;
	color:#ccc;
}

.movieWrap {width: 200px; height: 165px; float:left;margin:15px 0 35px 25px;}
.movieWrap p.Caption {color:#aaa;text-align:center;font-size:.7em !important}
#photoTable tr{text-align:center !important;}

/* Tools Page ---------------------------------------------------------------------------*/
.toolBoxLeft
{
	width:300px;
	margin: 5px 10px 5px 0;
	float:left;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	min-height: 275px;
	height: auto;
}

.toolBoxRight
{
	width:300px;
	margin: 5px 10px 5px 0;
	float:right;
	border-bottom: 1px #ccc solid;
	min-height: 275px;
	height:auto;

}
.toolBoxRight dl, .toolBoxLeft dl {margin: 0 0 25px 0;}
.toolBoxRight dt a, .toolBoxLeft dt a {font-weight: 700; line-height: 18px;}
.toolBoxRight dd, .toolBoxLeft dd {line-height: 15px;}

#ToolFrame{position: relative; width:715px; left:70px;}

.bbutton{font-size:10px; float:right; margin: 5px 20px;padding:5px;background-color:#eee;}



/* Links Page ---------------------------------------------------------------------------*/
.linkswrap {
	margin:20px 0;
	border-bottom:1px solid #ccc;
}

.linkswrap ul
{
	list-style-type: square;
	list-style-position: inside;
	color: #999;
}

ul.list-left{ 
	width:320px;
	float:left;
}

ul.list-right{ 
	width:320px;
	float:right;
}

.LinksPage ul li{	font-size:1em; line-height:1.4em; padding: 5px 0;}

a.upButt {font-size:10px;margin: 15px 20px 0 0;padding:5px;background-color:#eee;line-height:4em;text-decoration:underline;}

.headerRow {border-top: 1px solid#ccc; margin: 5px 0;}



/* Footer styles ---------------------------------------------------------------------------*/
#footer, #footerTools
{
	margin:0 auto;
	width: 910px;
	min-height: 80px;
	text-align: center;
	background-image: url(../images/footer-bg.png);
	background-repeat: no-repeat;
	background-position: center 0;
}

#footerTools
{ 
	background-image: url(../images/Toolfooter.png); 
	background-repeat: no-repeat;
	background-position: center 0;
}

#footer p, #footerTools p{
	font-size: .6em;
	font-weight:100;
	padding: 10px;
}
#footer a, #footerTools a{color:#fff;}

.news { float:right; padding: 7px 0; font-size:.8em;line-height:1em; } .picbox { FLOAT:right; BACKGROUND: #F2F2F2;}