/*::: Site Guide :::
	container width = 900px
	content width = 820px
::::::::::::::::::*/

/*::: Color Guide :::
	main background = #59748e
	body copy = #555999	
	red links = #e12624
	seedco red = #d8282d
	
	dark blue = #002852
	grey dotted lines = #dedede
:::::::::::::::::::*/

/*::: Style Heirarchy Guide :::
	1) tag-based
	2) id/class-based
	3) include section-based (header, nav, side, footer) in order on page
	4) location in site based (home, dashboards, events) in order on site
:::::::::::::::::::::::::::::*/



@import url(reset.css);

/*::: GLOBAL :::*/
body { background: #59748e; color: #555; font: 12px/1.5 Arial, sans-serif; padding-bottom: 30px; }

a:link,a:visited { color: #e12624; text-decoration: none; }
a:hover, a:active { color: #002852; text-decoration: underline; }

a.image, a.image img { display: inline-block; }
b, strong { font-weight: 600; }

.button { background: #f8f8f8; border: 1px solid #e5e5e5; color: #555; font-size: 10px; }
.button:hover { background: #002852; color: #fff; cursor: pointer;  }

select.date_range { background-color: #fff; border: 1px solid #eee; padding:2px; margin:0 0 20px 0; }


/*::: CONTAINER :::*/
div#container { background: #fff; border-bottom: 2px solid #002852; margin: 0 auto 0; padding: 25px 40px 0; width: 820px;  box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); }



/*::: HEADER :::*/
div#header { width: 820px; }

div#header a.logo { float: left; height: 62px; width: 331px; }

div#header div.utility { float: right; position: relative; text-align: right; }
div#header div.utility a.seedco { background: #fff url(/images/seedco_rollover.png) 0 0 no-repeat; display: block; height: 23px; position: absolute; right: 80px; top: 0; width: 53px; }
div#header div.utility a.seedco:hover { background-position: 0 -23px; }
div#header div.utility a.seedco img { height: 0; }
div#header div.utility a.donate { position: absolute; right: 0; top: 3px; }

div#header div.utility form { padding-top: 35px; }
div#header div.utility form span { background: #f8f8f8; border: 1px solid #e5e5e5; display: block; float: left; padding: 0 0; }
div#header div.utility form span input { border: none 0 transparent; color: #555; font-size: 10px; display: block; height: 20px; }
div#header div.utility form span.text { margin-right: 5px; padding: 0 5px; }
div#header div.utility form span.text input { width: 190px; }
div#header div.utility form span.submit { background: #f8f8f8 url(/images/sprites/icons_arrows.png) 46px -97px no-repeat; padding-left: 5px; }
div#header div.utility form span.submit:hover { background-color: #002852; background-position: 46px -147px; border: 1px solid #002852; cursor: pointer; }
div#header div.utility form span.submit:hover input { color: #fff; cursor: pointer; }
div#header div.utility form span.submit input { text-align: left; width: 53px; }

div#header ul#nav { background: #fff; border: 1px dotted #dedede; border-bottom: none; float: left; line-height: 1.2; margin: 30px 0 0; position: relative; width: 818px; z-index: 500; }
div#header ul#nav li { float: left; }
div#header ul#nav li a { background: #fff; border-bottom: 1px dotted #dedede; color: #555; display: block; font-size:14px; padding: 5px 0 5px 0; position: relative; z-index: 1001; }
div#header ul#nav li a span.header { border-right: 1px dotted #dedede; display: block; padding: 7px 0 5px; text-align: center; }
div#header ul#nav li.last a span.header { border: none; }

div#header ul#nav li.option1 a span.header { width: 59px; }
div#header ul#nav li.option2 a span.header { width: 86px; }
div#header ul#nav li.option3 a span.header { width: 159px; }
div#header ul#nav li.option4 a span.header { background: transparent url(/images/sprites/icon_us_map.gif) 7px 5px no-repeat; padding-left: 36px; padding-right: 16px; text-align: left; width: 53px; }
div#header ul#nav li.option5 a span.header { width: 133px; }
div#header ul#nav li.option6 a span.header { width: 101px; }
div#header ul#nav li.option7 a span.header { width: 75px; }
div#header ul#nav li.option8 a span.header { width: 93px; }

/*sub and subsubpages*/
div#header ul#nav li ul li a { font-size:13px; }
div#header ul#nav li ul li a span.main_page { font-weight: 600; }
div#header ul#nav li ul li a span.subpage { padding-left: 20px;  }
div#header ul#nav li ul li a span.subsubpage { padding-left: 40px;  }


div#header ul#nav li a:hover { background: #e3e3e3; color: #002852; cursor: pointer; text-decoration: none; }
div#header ul#nav li a.selected { color: #002852; }
div#header ul#nav li.option4 a:hover span, div#header ul#nav li.option4 a.selected span { background-position: 7px -54px; }






/* dropdown */
div#header ul#nav li ul { background: #fff; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); display: none; padding-bottom: 5px; position: absolute; z-index: 1000; -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);}
div#header ul#nav li.hover ul, div#header ul#nav li:hover ul { display: block; }

div#header ul#nav li ul li { float: none; width: auto; }
div#header ul#nav li.first ul { margin-left: -1px; } 	
div#header ul#nav li ul li a { border-bottom: 1px dotted #dedede; padding: 5px 20px 2px 12px; }



/*::: PAGE CONTENT :::*/
div#page { clear: both; padding: 10px 0 0; }	

div#page div#banner { height: 140px; line-height: 1.1; overflow: hidden; position: relative; width: 820px; z-index: 10;	 } /* using padding instead of margins, and using position: relative for IE */
div#page div#banner ul { float: left; }
div#page div#banner ul#slides_container { float: none; height: 140px; }
div#page div#banner ul#slides_container li { float: left; }
div#page div#banner ul#slides_container li div.slide { height: 100px; padding: 20px 0; width: 820px; }
div#page div#banner ul#slides_container li div.slide div.slide_content { background: transparent url(/images/backgrounds/white_60_opacity.png) 0 0 repeat; } /* for IE7+*/
div#page div#banner ul#slides_container li div.slide div.slide_content { background: rgba(255,255,255,0.7); border-left: 10px solid #002852; height: 75px; padding: 15px 25px 10px; position: relative; width: 505px;  -webkit-border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
div#page div#banner ul#slides_container li div.slide div.slide_content p { color: #002852; font-size: 16px; font-weight: bold; height: 55px; overflow: hidden; }
div#page div#banner ul#slides_container li div.slide div.slide_content a { background: transparent url(/images/sprites/icons_arrows.png) 0 4px no-repeat; display: block; font-weight: bold; height: 15px; line-height: 1.2; padding: 5px 13px 0; }
div#page div#banner ul#slides_container li div.slide div.slide_content a:hover { background-position: 0 -46px; color: #002852; text-decoration: none; } 


div#page div#banner div#slides_mini_controller { bottom: 5px; position: absolute; right: 8px; }
div#page div#banner div#slides_mini_controller span.control { background-color: transparent; background-image: url(/images/sprites/icons_mini_controller.png); background-repeat: no-repeat;  cursor: pointer; display: block; float: left; height: 10px; padding: 5px 4px; text-indent: -999999px; width: 10px; }
div#page div#banner div#slides_mini_controller span#prev_control { background-position: 4px 4px; }
div#page div#banner div#slides_mini_controller span#next_control { background-position: 4px -16px; }
div#page div#banner div#slides_mini_controller ul#bullet_container li.slideshow_bullet { cursor: pointer; float: left; }
div#page div#banner div#slides_mini_controller ul#bullet_container li.slideshow_bullet a { background: transparent url(/images/sprites/icons_mini_controller.png) 4px -35px no-repeat; color: #fff; display: block; height: 10px; padding: 5px 4px; text-indent: -999999px; width: 10px; }
div#page div#banner div#slides_mini_controller ul#bullet_container li.slideshow_bullet.selected a { background-position: 4px -55px; }
div#page div#banner div#slides_mini_controller ul#bullet_container li.slideshow_bullet a:hover,
div#page div#banner div#slides_mini_controller ul#bullet_container li.slideshow_bullet a:active { color: #e12624; text-decoration: none; }




div#page div#content { font-size: 13px; padding-top: 25px; }
div#page div#content h1 { color: #666; font-size: 24px; font-weight: normal; padding-bottom: 10px; }
div#page div#content h1 a.admin { margin-left:10px; visibility: hidden; }
div#page div#content h1:hover a.admin { visibility: visible; }

div#page div#content p { line-height: 1.5; margin-bottom: 15px; }
div#page div#content p.heading { font-size:16px; font-weight:600; margin:16px 0 0 0; }
div#page div#content ul, div#page div#content ol { margin: 5px 0 15px;  }
div#page div#content ul li, div#page div#content ol li { list-style: square outside; line-height: 1.5; margin-left: 35px; padding-bottom: 10px; }
div#page div#content ul li ul { margin-top: 5px; }
div#page div#content ul li ul li { list-style: square outside; line-height: 1.5; margin-left: 35px; padding-bottom: 10px; }
div#page div#content ol li { list-style: decimal outside; }
div#page div#content dir { font-weight: bold; }

div#page div#content div.swf { float:right; margin:0 0 10px 10px; }

/* contact page form*/
body.contact div#page div#content form { border-right: 1px dotted #dedede; margin-top: 12px; width: 456px; }
body.contact div#page div#content form p label { display: inline-block; margin-right: 10px; text-align: right; vertical-align: top; width: 120px; }
body.contact div#page div#content form p input { background: #f8f8f8; border: 1px solid #e5e5e5; }
body.contact div#page div#content form p textarea { background: #f8f8f8; border: 1px solid #e5e5e5; left: -3px; padding: 10px; position: relative; width: 285px; }
body.contact div#page div#content form p select { width: 304px; }
body.contact div#page div#content form p.submit { padding-left: 130px; }
body.contact div#page div#content form p.textfield label { padding-top: 3px; }
body.contact div#page div#content form p.textfield input { padding: 3px 5px; width: 295px; }
body.contact div#page div#content form p input.button { background: #f8f8f8; border: 1px solid #e5e5e5; color: #555; font-size: 10px; padding: 3px 5px; }
body.contact div#page div#content form p input.button:hover { background: #002852; color: #fff; cursor: pointer;  }
body.contact div#page div#content form input:focus, div#page div#content form textarea:focus { background: #ebf3f7; }


body.donate div#content input.text { border:1px solid #ccc; }
body.donate div.hiddenset h4 { cursor: pointer; }
body.donate ul.donation { list-style-type: none; }

div#page div#content ul.publications li { list-style: none; margin: 0; min-height: 120px; padding: 0 0 0 100px; position: relative; }
div#page div#content ul.publications li h2 a { font-size: 16px; }
div#page div#content ul.publications li p.date { font-style: italic; margin-bottom: 15px; }
div#page div#content ul.publications li p.desc {  }
div#page div#content ul.publications li img.cover { left: 0; position: absolute; top: 0; }





div#page div#content dl { margin-bottom: 30px; }
div#page div#content dt { background: #002852; color: #fff; font-size: 12px; font-weight: normal; padding: 15px 10px; text-transform: uppercase; }
div#page div#content dd { font-size: 11px; border-bottom: 1px dotted #dedede; border-left: 1px solid #dedede; border-right: 1px solid #dedede;  padding: 15px 20px; text-indent: -5px; }
div#page div#content dd.striped { background: #fff url(/images/sprites/stripe_pattern.gif) 0 0 repeat; }



div#page div#content table.custom { background: #fff; border-left: 1px solid #dedede; font-size: 11px; margin-bottom: 30px; width: 820px; }
div#page div#content table.custom.adjacent { margin-bottom: 0; }
div#page div#content table.custom caption { background: #002852; color: #fff; font-size: 12px; font-weight: normal; padding: 10px; text-align: left; text-transform: uppercase; }
div#page div#content table.custom thead, div#page div#content table thead td, div#page div#content table th { background: #f8f8f8; }
div#page div#content table.custom thead { border-left: 1px solid #dedede; }
div#page div#content table.custom tr.striped { background: transparent url(/images/sprites/stripe_pattern.gif) 0 0 repeat; }
div#page div#content table.custom th { border-bottom: 1px dotted #dedede; border-right: 1px solid #dedede; padding: 10px; text-align: left; }
div#page div#content table.custom td { border-bottom: 1px dotted #dedede; border-right: 1px solid #dedede; padding: 10px; }
div#page div#content table.custom th p { margin: 0; } 
div#page div#content table.custom td p { margin: 0; } 
div#page div#content table.custom tbody th { width: 170px; }





body.contact div#page div#content form { float: left; margin: 22px 13px 0 0; }
body.contact div#page div#content p.confirmation { border-right: 1px dotted #dedede; float: left; margin: 12px 13px 0 0; width: 456px; }
body.contact div.offices { float:left; overflow: auto; width:350px; overflow-x: hidden; }
/*body.contact div.offices p { float:left; width:166px; margin-left:11px; min-height: 120px; }*/



/* press releases, in the news, publications, etc */
div#page div#content ul.custom_object {  }
div#page div#content ul.custom_object li { border-bottom: 1px dotted #dedede; clear: both; float: left; list-style: none; margin: 0; padding: 20px 0; width: 820px; }
div#page div#content ul.custom_object li.first { padding-top: 0; }
div#page div#content ul.custom_object li.last { border-bottom: none; }
div#page div#content ul.custom_object li img { float: left; margin: 0 20px 5px 0; }
div#page div#content ul.custom_object li h2 { font-weight:normal; font-size: 16px; }
div#page div#content ul.custom_object li p {  }
div#page div#content ul.custom_object li p.subhead { color: #888; margin-bottom: 5px; }
div#page div#content ul.custom_object li a.image { float:left; }


div#page div#teasers { float: left; padding-top: 40px; width: 820px; }

div#page div#teasers ul li div.wrapper h3 { padding-bottom: 10px; }
div#page div#teasers ul li div.wrapper h3 a { color: #666; display: inline-block; font-size: 16px; font-weight: bold; line-height: 1.2; }
div#page div#teasers ul li div.wrapper h3 a:hover { color: #002852; }
div#page div#teasers ul li div.wrapper p { line-height: 1.5; padding-bottom: 10px; }
div#page div#teasers ul li div.wrapper a { color: #e12624; display: block; }
div#page div#teasers ul li div.wrapper a.link_arrow { background: transparent url(/images/sprites/icons_arrows.png) 0 3px no-repeat; display: block; margin-top: 5px; padding: 2px 0 0 13px; }
div#page div#teasers ul li div.wrapper a.link_arrow:hover { color: #002852; background-position: 0 -47px; }


div#page div#teasers ul#singles { float: left; padding-right: 22px; width: 441px; }
div#page div#teasers ul#singles li { border-bottom: 1px dotted #dedede; clear: both; float: left; padding: 18px 0; width: 441px; }
div#page div#teasers ul#singles li.first { padding-top: 0; }
div#page div#teasers ul#singles li.last { border-bottom: none; }
div#page div#teasers ul#singles li a.image, div#page div#teasers ul#singles li a.image img  { float: left; }
div#page div#teasers ul#singles li div.wrapper { float: right; padding-left: 11px; width: 266px; }


div#page div#teasers ul#doubles { border-left: 1px dotted #dedede; float: left; padding-left: 21px; width: 335px; }
div#page div#teasers ul#doubles li { padding-bottom: 18px; width: 335px; }
div#page div#teasers ul#doubles li.last { padding-bottom: 0; }
div#page div#teasers ul#doubles li img { display: block; padding-bottom: 10px; }
div#page div#teasers ul#doubles li div.wrapper { width: 335px;}




/*::: FOOTER :::*/
div#footer { clear: both; font-size: 11px; padding: 20px 0 30px; zoom: 1; }
div#footer div.wrapper { border-top: 1px dotted #dedede; line-height: 1.5; 	 padding: 8px 0 0; position: relative; width: 820px; }
div#footer div.wrapper div#copyright { width: 450px; left:0 top:8px }

div#footer div.wrapper div#utility_nav { position: absolute; right: 0; top: 8px; text-align: right; }
div#footer div.wrapper div#utility_nav ul { float: left; }
div#footer div.wrapper div#utility_nav ul li { float: left; }
div#footer div.wrapper div#utility_nav ul li.option7 { display: none; } /*Doesn't show the long RFP link in the footer*/
div#footer div.wrapper div#utility_nav a { color: #555; }

div#footer div.wrapper div#utility_nav ul.nav { /* padding-right: 45px; */ }
div#footer div.wrapper div#utility_nav ul.nav li { border-right: 1px solid #ccc; padding: 0 4px; }
div#footer div.wrapper div#utility_nav ul.nav li.last { border-right: none; padding-right: 0; }

div#footer div.wrapper div#utility_nav ul.social { bottom: 0; position: absolute; right: 0; }
div#footer div.wrapper div#utility_nav ul.social li a { background: red; display: block; height: 16px; text-indent: -999999px; width: 16px; }
div#footer div.wrapper div#utility_nav ul.social li.twitter a { background: #fff url(/images/sprites/icons_social.gif) 0 0 no-repeat; margin-right: 5px; }
div#footer div.wrapper div#utility_nav ul.social li.twitter a:hover { background: #fff url(/images/sprites/icons_social.gif) 0 -25px no-repeat;  }
div#footer div.wrapper div#utility_nav ul.social li.facebook a { background: #fff url(/images/sprites/icons_social.gif) 0 -50px no-repeat; }
div#footer div.wrapper div#utility_nav ul.social li.facebook a:hover { background: #fff url(/images/sprites/icons_social.gif) 0 -75px no-repeat; }

div#credit { margin: 17px auto 0; padding: 0; width: 820px; text-align: right; }
div#credit a { color:#aabbcc; }


/*::: HOME Page Specific :::*/
body.home div#page div#banner { height: 360px; line-height: 1.2; }
body.home div#page div#banner ul#slides_container { height: 300px; }
body.home div#page div#banner ul#slides_container li div.slide { height: 260px; }
body.home div#page div#banner ul#slides_container li div.slide div.slide_content { height: 220px; padding: 20px 25px; }
body.home div#page div#banner ul#slides_container li div.slide div.slide_content p { font-size: 33px; font-weight: bold; height: 200px; }

body.home div#page div#banner ul#slides_controller { background: #f8f8f8 url(/images/backgrounds/slides_controller.gif) 0 0 repeat-x; width: 820px; }
body.home div#page div#banner ul#slides_controller li { background: #f8f8f8; border-top: 10px solid #8a8a8a; color: #6e6e6e; float: left; font-size: 16px; height: 35px; padding: 15px 0 0; text-align: center; }
body.home div#page div#banner ul#slides_controller li.selected,
body.home div#page div#banner ul#slides_controller li.hover,
body.home div#page div#banner ul#slides_controller li:hover { background: #e9e9e9; border-top-color: #002852; color: #002852; cursor: pointer; }

body.home div#page div#banner div#slides_mini_controller { bottom: 64px; }

/* site map */
body.map table tr th { display: none; }
body.map table tr td { font-size:13px; padding:3px 0; }
body.map table tr.subpage td { padding-left:20px; }
body.map table tr.subsubpage td { padding-left:40px; }
body.map table tr.group td { padding-top:16px; }

/* board o dir */
body.board div#page div#content p { float:left; width:390px; margin: 0 20px 20px 0px; min-height: 100px; }


body.donate div.hidden { display: none; }

/* interactive map */
span.map_loc {
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	width:10px;
	height:10px;
	cursor:pointer;
}

span#map_newyork {
	background: url(/images/map/loc_dots.png) no-repeat;
	top:84px;
	left:297px;
}

span#map_birmingham {
	background: url(/images/map/loc_dots.png) no-repeat;
	top:155px;
	left:226px;
}

span#map_batonrouge {
	background: url(/images/map/loc_dots.png) no-repeat;
	top:179px;
	left:200px;
}

span#map_bellechase {
	background: url(/images/map/loc_dots.png) no-repeat;
	top:191px;
	left:211px;
}

span#map_neworleans {
	background: url(/images/map/loc_dots.png) no-repeat;
	top:183px;
	left:208px;
}

span#map_hover_box {
	display:block;
	position:absolute;
	z-index:1000;
	background: url(/images/map/map_hover_box.png) no-repeat;
	width:179px;
	height:124px;
	left:180px;
	cursor:pointer;
}

span#map_hover_box p {
	padding:6px 10px 0 10px;
	font-size:10px;
	line-height:11px;
}