﻿
/* CSS Document */

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

:focus{outline:0}
body{line-height:1; color:black; background:white}
ol, ul{list-style:none}

table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after, 
q:before, q:after{content:""}
blockquote, q{quotes:""""}
/*****************************************************************************End Reset*/

.clear {clear:both;}

body {font-family:"Segoe UI", Segoe, Verdana, Arial, sans-serif; background:#164f5b url(../images/bg/body.gif) top center no-repeat; height:100%; width:100%; color:#333;}


/*Typography*/	
a{color:#154b57;}

a:hover{background:#154b57; color:#fff;}

p,li,.footer,.copyright_bar {font-size:.75em;/*12px*/	line-height:1.75em;}

p {	margin-bottom:1em;}

h2 {font-size:1.5em;/*24px*/  color:#d1ad2a; font-weight:normal; margin:0 0 .75em 0;}

h2.top_margin{margin:1em 0 .75em 0;}

h2#banner {font-size:1.875em;/*30px*/ line-height:2em; color:#666; font-weight:normal;}

h2#banner span{font-size:1.2em;/*36px*/ color:#2c727d;}

h3 {font-size:1.25em;/*20px*/ line-height:1.5em; color:#d1ad2a; font-weight:normal;} /*Sidebar Heading*/

h4 {font-size:1.125em;/*18px*/line-height:1.5em; color:#154b57; font-weight:normal; margin-bottom:.15em; margin-top:.75em;}

h5 {font-size:.875em; /*14px*/line-height:1.5em; color:#154b57; margin-bottom:.2em; margin-top:.75em}

h6 {font-size:.75em;/*12px*/line-height:1.5em;}


/*Layout*/
.header{height:123px; background:#fff url(../images/bg/header.png) bottom left repeat-x;}

.header .center{background:url(../images/bg/headercenter.gif) top center no-repeat;height:123px;}

.navigation{height:54px; background:#0b323c url(../images/bg/nav.png) repeat-x; border-top:1px solid white;}

.navigation .center{position:relative;}

.content{background:#fff url(../images/bg/content_container.gif) top center no-repeat; padding-bottom:30px; clear:both;}

.content .center{ background: url(../images/bg/content.gif) 620px 0px repeat-y;}

.footer{background:#06222b url(../images/bg/footer.jpg) repeat-x; color:#fff; padding:30px 0 15px 0 ; }

.copyright_bar{background:#164f5b; padding:20px 0; color:#fff; text-align:right;}

.col_main{width:575px; float:left; padding:15px 35px 0 0;}

.col_sub{ width:325px; float:left; padding:15px 0 0 30px;}

.center {width:990px; margin:auto;}


/*Navigation*/
.navigation li:first-child{padding-left:1px;}

.navigation li{float:left; position:relative; padding-right:1px; background:url(../images/bg/nav_pipe.png) top right; height:49px; overflow:visible;}

.navigation a{background:url(../images/bg/nav_button.jpg) center bottom repeat-x; display:block; font-size:1.25em; color:#fff; text-transform:uppercase;  height:36px; padding:13px 30px 0px 30px; text-decoration:none; overflow:hidden;}

.navigation a:hover{background:url(../images/bg/nav_button.jpg) center top repeat-x;}

ul.dropdown{position:absolute; top:50px; left:0px; display:none; float:left; padding:10px 0 0 0; background:transparent url(../images/bg/dropdown.png);}

.dropdown li{float:none; position:relative; padding-right:0px; background:none; height:25px; overflow:hidden; min-width:140px; width:140px;}

.dropdown a{background:none; display:block; font-size:1.25em; color:#fff; text-transform:none; min-width:140px; width:140px; height:25px; padding:4px 10px 0 10px; text-decoration:none; overflow:visible;}

.dropdown a:hover{background:transparent url(../images/bg/dropdown_link.png);}


/*Image Links*/
h1 a{background:url(../images/logo.jpg) top left no-repeat; width:264px; height:105px; overflow:hidden; text-indent:-1000px; float:left; margin-top:10px; }

h1 a:hover{background:url(../images/logo.jpg) top left no-repeat}

a#cp_tab{display:block; background:url(../images/bg/tab.png) 0px -32px no-repeat; width:177px; height:32px; overflow:hidden; text-indent:-100000px; float:right; margin-top:91px; }

a:hover#cp_tab{background:url(../images/bg/tab.png) 0px 0px no-repeat;}

#home_header{height:174px; background:url(../images/bg/home_header.png) bottom left repeat-x; }

#home_header .center{background:url(../images/bg/home_head_center.jpg) no-repeat;padding-top:20px; padding-bottom:6px;}


/*Footer Styles*/
.footer .center div {width:190px; float:left; margin:0 30px;}

.footer h3{color:#fff; font-size:1.5em; font-weight:normal; margin-bottom:6px;}

.footer li{margin:9px 0;}

.footer p{ padding-top:10px; font-size:12px;} 

.footer p span{font-style:italic;}

.copyright_bar a, .footer a{color:#fff; font-size:12px;}

.copyright_bar span{float:left;}

.copyright_bar a{margin:0 8px;}


/*Sidebar Styles*/
.faq_pullquote{clear:both;}

.faq_q{float:left; font-size:1.125em; width:30px; color:#d1ad2a; margin-top:4px;}

.faq_a{float:left; font-size:1.125em; line-height:1.25em; width:200px; margin:10px 0 30px 0;}

.faq_a a{float:right;text-align:right; font-size:.8em}

dt{font-size:1.25em;/*20px*/ color:#d1ad2a; margin-bottom:30px;}

dd{clear:both; margin:15px 0 15px 8px; min-height:35px; color:#666; font-size:.85em; line-height:1.25em;}

dd img{float:left; margin-right:15px;}

dd strong{display:block; font-weight:bold; color:#333;}

.event_list li{float:left;}

.event_list img{padding:11px 11px 8px 11px; background:url(../images/bg/event_img.jpg) top left no-repeat; float:left;}

.social_media img{ margin:5px;}

.social_media a:hover{background:none;}


/*Twitter Feed Styles*/
#quote_container{background:transparent url(../images/quote.png) top left no-repeat; padding-left:30px; margin:0; float:left; width:585px;}

#quote_container li {font-size:20px; line-height:29px; list-style:none; list-style-position:outside; }

.tweet_list a, #twitter_update_list {color:#ddd; margin-top:-5px; font-size:18px;}


/*Partners sidebar*/
.partners li{margin:15px 0; line-height:1.25em;}

.partners strong{font-weight:bold;}


/*Sidebar Subnav Styles*/
.subnav {margin-top:10px;}

.subnav a{font-size:1.125em;}

.subnav a:hover{font-size:1.125em;}


/*Board of Directors Styles*/
.member{margin:10px 0; clear:both; }

.member div.img{float:left; width:100px;}

.member div.desc{float:left; width:475px;}

.member img{ background:url(../images/people/bg.jpg) no-repeat; padding:9px 9px 9px 8px;}

.member h5{font-weight:bold; font-size:.875em; margin:0; color:#333;}

.member h6{font-weight:normal; font-style:italic; font-size:.875em;}


/*Partners Styles*/
.sponsor{margin:10px 0; }

.sponsor div.img{float:left; width:170px;}

.sponsor div.desc{float:left; width:400px;}

.sponsor h5{font-weight:bold; font-size:.875em; margin:0; color:#333;}

.sponsor h6{font-weight:normal; font-style:italic; font-size:.875em;}


/*Content Styles*/

.byline{font-weight:bold; margin:8px 0;}

.indent{margin-left:60px; width:515px;}

.indent h2{margin-left:-60px;}

.indent h2 img{margin:0 10px -10px 0;}

p.list_title{font-weight:bold; margin:0px;}

.col_main ul{margin-bottom:1.75em}

.col_main li{margin:10px 0; background:url(../images/bullet.gif) 3px 6px no-repeat ; padding-left:20px;}

.col_main li li{background:url(../images/bullet_ring.gif) 3px 6px no-repeat ;font-size:1em; margin:5px 10px;}

.col_main li ul{margin-bottom:0;}

ul.no_bullets li{background:none; margin:0; padding:0; }

.announcements li{text-align:left;}

.announcements li span{float:right; font-style:italic; color:#666; padding-right:30px;}

.shadowImg{padding:11px 11px 8px 11px; background:url(../images/bg/event_img.jpg) top left no-repeat; float:left;}


/*Contact Form Styles*/
form.contact fieldset{ margin-bottom:15px;}

form.contact legend{font-size:1.25em; color:#d1ad2a; margin-bottom:10px;}

form.contact input[type="text"] {width:230px; margin:3px 0 8px 0;}

form.contact input[type="radio"] {margin:4px 0 9px 2px; outline:none;}

form.contact textarea{width:230px; height:80px;}

form.contact label{font-size:.95em; margin:0 5px 0 0;}

form.contact li label{display:block; font-size:1.125em; margin:0px;}

form.contact fieldset li{ margin-left:6px;}

form.contact fieldset#radios ol{ margin:10px 0;}

form.contact fieldset#radios ol label{display:inline; padding-left:10px; cursor:pointer;}

form.contact fieldset#radios ol input{cursor:pointer;}

.invalid{color:#a11; margin:0px; font-size:.75em; font-style:italic; padding:0px 5px; }

.radios td{height:30px;}

.radios span{color:#333; margin:10px 0;}
