/* CSS Document */

*{margin: 0; padding: 0;}
body{background: url(../images/bg_main.jpg) center top #0D7A8D no-repeat fixed; font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size:12px; color: #2C2C2C;}
#wrapper{background-color: #fefefe; position:relative; width: 780px; left: 50%; margin-left: -400px; padding: 0 10px; -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);}

/*****Text*****/
h1{font-family: Georgia, "Times New Roman", Times, serif; color: #98CC5C; margin-top: 5px; padding-bottom: 2px; font-size:28px; font-weight: normal; border-bottom: solid 1px #98CC5C; width: 100%;}
h2{font-family: Georgia, "Times New Roman", Times, serif; color: #104459; font-size:18px; font-weight: normal; padding: 10px 0 5px;}
h3{font-family: Georgia, "Times New Roman", Times, serif; color: #104459; font-size:14px; font-weight: normal; padding: 10px 0 5px; font-weight:bold;}
h4{font-family: Georgia, "Times New Roman", Times, serif; color: #104459; font-size:14px; font-weight: normal; padding: 10px 0 0; font-weight:bold;}
h5{font-family: Georgia, "Times New Roman", Times, serif; color: #104459; font-size:12px; font-weight: normal; padding: 5px 0; font-weight:bold;} 
h6{font-family: Georgia, "Times New Roman", Times, serif; background-color:#104459; color: #fff; width: 190px; font-size:18px; padding: 5px 0 5px 10px; margin-top: 10px; font-weight:normal;}

p{color:#2C2C2C; font-size:12px; line-height: 1.5; padding: 10px 0;}

hr {border:solid 1px #104459;}

/*****Top Navigation*****/
#mainNav{display:inline; width: 100%; float: left;}
#mainNav ul{width: 736px; position: relative; left: 50%; margin-left: -368px; }
#mainNav ul li{display: inline; list-style-type:none; float: left;}
#mainNav ul li a{font-size: 18px; text-decoration:none; display:block; padding: 9px 11px; letter-spacing: 1px;}
#mainNav ul li a:link,#mainNav ul li a:visited,#mainNav ul li a:active{color: #98CC5C;}
#mainNav ul li a:hover{color: #048197;}
a#homeLink:hover, .active1{background: url(../images/bg_homeLink.gif) bottom left no-repeat;}
a#aboutLink:hover, .active2{background: url(../images/bg_aboutLink.gif) bottom left no-repeat;}
a#programsLink:hover, .active3{background: url(../images/bg_programsLink.gif) bottom left no-repeat;}
a#involvedLink:hover, .active4{background: url(../images/bg_involvedLink.gif) bottom left no-repeat;}
a#newsLink:hover, .active5{background: url(../images/bg_newsLink.gif) bottom left no-repeat;}
a#eventsLink:hover, .active6{background: url(../images/bg_eventsLink.gif) bottom left no-repeat;}
a#contactLink:hover, .active7{background: url(../images/bg_contactLink.gif) bottom left no-repeat;}

/*****Header*****/
#header{clear: both;}
#missionStatement{position:absolute; top: 192px; left: 25px; color: #fefefe; font-size: 12px; width: 290px; font-weight:bold; line-height: 1.2; padding: 0; color: #eeeeee;}

/*****Content*****/
#content{padding: 10px; position: relative;	overflow: hidden;}

#mainLeft{width: 540px; float: left; margin-bottom: 10px; padding-bottom: 32767px; margin-bottom: -32767px;}
#mainLeft a:link, #mainLeft a:visited, #mainLeft a:active{color: #048197;}
#mainLeft a:hover{color: #98CC5C;}
#mainLeft ul, #mainLeft ol{color:#2C2C2C; font-size:12px; line-height: 1.5; padding: 5px 0 10px 0;}
#mainLeft ul li, #mainLeft ol li{margin-left: 20px;}

#mainRight{width: 200px; float: right;}
#mainRight a:link, #mainRight a:visited, #mainRight a:active{color: #98CC5C;}
#mainRight a:hover{color: #104459;}

.homeInfo{background: url(../images/bg_right.jpg) top left; padding: 0 10px 10px; width:180px; margin-bottom: 10px;}
.homeInfo p{color:#eeeeee;}

.lcor{width: 100%; border: 1px solid #2C2C2C; margin-top: 10px;}
.lcor td{padding: 5px; border: 1px solid #2C2C2C;}

#content img{border: 3px solid #104459; float:right; margin: 0 0 10px 10px;}

#icons{text-align:center}
#icons img{border: none; float:none; margin: 10px 15px 0;}

#affiliations{text-align:center}
#affiliations img{border: none; float:none; margin: 10px 0 0;}

#content .caption img, #content .caption2 img, #content .caption3 img, #content .captionLeft img{margin: 0 0 5px 0;}
#content .caption{width: 206px; float: right; font-weight:bold; margin: 15px 0 10px 10px; font-size: 10px; text-align:center;}
#content .captionLeft{width: 206px; float: left; font-weight:bold; margin: 15px 10px 10px 0;font-size: 10px; text-align:center;}
#content .caption2{width: 166px; float: right; font-weight:bold; margin: 15px 0 10px 10px; font-size: 10px; text-align:center;}
#content .caption3{width: 81px; float: right; font-weight:bold; margin: 15px 0 10px 10px; font-size: 10px; text-align:center;}

/*****Secondary Navigation*****/
#btnDonate a{font-family: Georgia, "Times New Roman", Times, serif; display:block; width: 200px; font-size: 22px; padding: 4px 0 4px 0; text-decoration:none; margin-top: 7px; text-align:center;}
#btnDonate a:link, #btnDonate a:visited, #btnDonate a:active{background: url(../images/btn_donate_off.jpg) top left no-repeat;}
#btnDonate a:hover{background: url(../images/btn_donate_on.jpg) top left no-repeat;}

#secondaryNav{background: #0c798d /*url(../images/bg_right.jpg) top left no-repeat*/; padding: 0 10px; width:180px; padding-bottom: 32767px; margin-bottom: -32767px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 18px;}
#secondaryNav ul{list-style-type:none;}
#secondaryNav ul li{margin: 0px; padding: 0px; display:block; border-bottom: 1px dotted #104459;}
#secondaryNav ul li.last{border-bottom: none;}
#secondaryNav a{text-decoration:none; padding: 7px 0 7px 0; margin:0 auto; display:block;}

/*****Bottom Navigation*****/
#bottomNav{display:block; clear:both; border-top: 1px solid #98CC5C; font-size: 12px; height: 20px; padding-top: 5px; text-align:center; margin-top: 10px;}
#bottomNav ul{color: #104459;}
#bottomNav ul li{list-style-type:none; display:inline;}
#bottomNav ul li a{text-decoration:none; padding: 5px 21px;}
#bottomNav ul li a:link, #bottomNav ul li a:visited, #bottomNav ul li a:active{color: #104459;}
#bottomNav ul li a:hover{color: #048197;}

/*****Footer*****/
#footer{position:relative; width: 800px;  left: 50%; margin-left: -400px;}
#footer p{color: #eeeeee; font-size: 10px; padding: 5px 0;}
#copyright{float:left;}
#etap{float: right;}
#etap a{text-decoration: none;}
#etap a:link, #etap a:visited, #etap a:active{color: #98CC5C;}
#etap a:hover{color: #104459;}