@charset "utf-8";
/* CSS Document */

/* reset values */
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,
b, u, i, center,
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-size: 100%; vertical-align: baseline; background: transparent;}


ol, ul {list-style: none;}

strong {font-weight:bold;}

em {font-style:italic;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}


/* start site styles */
body {background:rgb(255,255,255) url(../images/mainBG7.jpg) repeat-x 0 0; padding:0 0 40px 0;}
.clear {clear:both;}
.clear2 {clear:both; height:15px; width:100%; margin:0; border-bottom:1px solid rgb(0,102,102);}

div#mainContent {margin:0 auto; width: 945px; padding:0 15px 10px 15px; background:rgb(255,255,255); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; overflow:hidden;}


/* Begin left side
-------------------------------------------------------------------------------------------*/
div#leftSection {width:210px; float:left;}

div#logo {margin:15px 0 15px 0;}


div#homeNav {width:210px;}
div#homeNav ul {list-style-type:none; margin:0; padding:0;}
div#homeNav ul li {list-style-type:none; margin:0 0 3px 0; padding:0; height:65px; background:rgb(255,255,255); overflow:hidden;}
div#homeNav ul li a {font-family:Tahoma; font-size:24px; font-weight:normal; letter-spacing:1.3px; line-height:16px; color:rgb(255,255,255); padding:25px 15px 26px 15px; display:block; text-decoration:none; text-shadow: rgb(0,0,0) 1px 1px 1px; }
div#homeNav ul li a.homenav1 {background:rgb(47,99,70);}
div#homeNav ul li a.homenav1:hover {background:rgb(109,145,125); background:rgba(47,99,70,.7);}
div#homeNav ul li a.homenav2 {background:rgb(61,120,88);}
div#homeNav ul li a.homenav2:hover {background:rgb(118,160,138); background:rgba(61,120,88,.7);}
div#homeNav ul li a.homenav3 {background:rgb(79,132,111);}
div#homeNav ul li a.homenav3:hover {background:rgb(131,169,154); background:rgba(79,132,111,.7);}
div#homeNav ul li a.homenav4 {background:rgb(136,163,152);}
div#homeNav ul li a.homenav4:hover {background:rgb(152,191,176); background:rgba(136,163,152,.7);}
div#homeNav ul li a.homenav5 {background:rgb(255,255,255);}
div#homeNav ul li a.homenav5:hover {background:rgb(152,191,176); background:rgba(136,163,152,.7);}


/* Get involved navigation and secondary navigation
---------------------------------------------------------------------- */
div#secondaryNav {width:208px; margin-bottom:3px; border:1px solid rgb(185,185,185);}
div#secondaryNav ul {list-style-type:none; margin:0; padding:0;}
div#secondaryNav ul li {list-style-type:none; margin:0; padding:0;}
div#secondaryNav a.getInvolved {background:rgb(227,227,227); font-family:Tahoma; font-size:22px; font-weight:normal; letter-spacing:1.3px; line-height:38px; color:rgb(50,50,50); padding:0 10px 0 10px; margin:0; display:block; text-decoration:none;}
div#secondaryNav a.getInvolved:hover {text-decoration:none; background:rgb(185,185,185);}
div#secondaryNav a {background:rgb(227,227,227); font-family:Tahoma; font-size:12px; font-weight:normal; letter-spacing:1.3px; line-height:28px; color:rgb(50,50,50); padding:0 10px 0 10px; margin:0; display:block; border-bottom:1px solid rgb(185,185,185); text-decoration:none;}
div#secondaryNav a.bottom {border:none;}
div#secondaryNav a:hover {text-decoration:none; background:rgb(185,185,185);}

div#getInvolved {width:208px; margin-bottom:3px; border:1px solid rgb(185,185,185);}
div#getInvolved ul {list-style-type:none; margin:0; padding:0;}
div#getInvolved ul li {list-style-type:none; margin:0; padding:0;}
div#getInvolved a.getInvolved {background:rgb(227,227,227); font-family:Tahoma; font-size:22px; font-weight:normal; letter-spacing:1.3px; line-height:38px; color:rgb(50,50,50); padding:0 10px 0 10px; display:block; text-decoration:none;}
div#getInvolved a.getInvolved:hover {text-decoration:none; background:rgb(185,185,185);}
div#getInvolved a {background:rgb(227,227,227); font-family:Tahoma; font-size:12px; font-weight:normal; letter-spacing:1.3px; line-height:28px; color:rgb(50,50,50); padding:0 10px 0 27px; display:block; border-bottom:1px solid rgb(185,185,185); text-decoration:none}
div#getInvolved a.bottom {border:none;}
div#getInvolved a:hover {text-decoration:none; background:rgb(185,185,185);}
div#getInvolved a.donate {background:rgb(227,227,227) url(../images/donate.png) no-repeat 0 0;}
div#getInvolved a.volunteer {background:rgb(227,227,227) url(../images/volunteer.png) no-repeat 0 0;}
div#getInvolved a.linkedin {background:rgb(227,227,227) url(../images/linkedin2.png) no-repeat 0 0;}
div#getInvolved a.email {background:rgb(227,227,227) url(../images/email.png) no-repeat 0 0;}
div#getInvolved a.login {background:rgb(227,227,227) url(../images/login.png) no-repeat 0 0;}
div#getInvolved a.donate:hover {background:rgb(185,185,185) url(../images/donate.png) no-repeat 0 0;}
div#getInvolved a.volunteer:hover {background:rgb(185,185,185) url(../images/volunteer.png) no-repeat 0 0;}
div#getInvolved a.linkedin:hover {background:rgb(185,185,185) url(../images/linkedin2.png) no-repeat 0 0;}
div#getInvolved a.email:hover {background:rgb(185,185,185) url(../images/email.png) no-repeat 0 0;}
div#getInvolved a.login:hover {background:rgb(185,185,185) url(../images/login.png) no-repeat 0 0;}


/* Begin right side
-------------------------------------------------------------------------------------------*/
div#rightSection {width:720px; float:right; color:rgb(50,50,50);}

div#rightSection a {text-decoration:underline; color:rgb(100,100,100);}
div#rightSection a:hover {text-decoration:underline; background:rgb(225,225,225);}

div#rightSection ul.mainNav {width:718px; border:1px solid rgb(215,215,215); float:right; margin:5px 0 0 0; background:rgb(47,99,70); overflow:hidden;
-moz-border-radius-topright: 10px; 
-webkit-border-top-right-radius: 10px;}
div#rightSection ul.mainNav li {float:left; line-height:32px; margin-left:5px;}
div#rightSection ul.mainNav li a {font-family:Tahoma; font-size:18px; font-weight:normal; color:rgb(255,255,255); padding:10px 20px 10px 20px; text-decoration:none; background:none; text-shadow: rgb(0,0,0) 1px 1px 1px; }
div#rightSection ul.mainNav li a:hover {background:rgb(68,115,89); background:rgba(255,255,255,.2);}
div#rightSection ul.mainNav li a.first {margin-left:12px;}

div#homeRight {border:1px solid rgb(215,215,215); background:rgb(253,253,253); width:718px; margin:5px 0 0 0;
-moz-border-radius-topright: 10px; 
-webkit-border-top-right-radius: 10px;}

#slideshow {position:relative; float:left; height:267px; width:410px; overflow:hidden; margin:0 10px 3px 0;}
#slideshow IMG {position:absolute; top:5px; left:5px; z-index:8;}
#slideshow IMG.active {z-index:10;}
#slideshow IMG.last-active {z-index:9;}

div#mission {padding:3px 10px 3px 0; 	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; line-height:22px; color:rgb(50,50,50);}

div#mission span {font-size:24px; display:block; line-height:30px; color:rgb(50,50,50); letter-spacing:0.01em;}
div#mission span span {font-size:24px; display:block; line-height:30px; color:rgb(50,50,50); letter-spacing:0.04em; margin-bottom:3px;}
div#mission h1 {font-family:Tahoma; font-size:32px; font-weight:normal; line-height:26px; color:rgb(50,50,50); padding:5px 0 5px 0; margin:0;}
div#mission a {text-decoration:underline; color:rgb(100,100,100);}
div#mission a:hover {text-decoration:underline; background:rgb(225,225,225);}

/* Featured homepage section with news
---------------------------------------------------------------------- */
div#featured, div#sponsors {float:right; width:718px; padding:0; margin:5px 0 0 0; background:rgb(253,253,253); border:1px solid rgb(215,215,215); overflow:hidden;
-moz-border-radius-topright: 10px; 
-webkit-border-top-right-radius: 10px;}

div#featured .interior {padding:0 10px 0 10px;}

div#featured h2, div#sponsors h2 {font-family:Tahoma; font-size:24px; font-weight:normal; line-height:26px; display:block; color:rgb(255,255,255); background:rgb(47,99,70); padding:5px; margin:0 0 15px 0; overflow:hidden; text-shadow: rgb(0,0,0) 1px 1px 1px;  
-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;}
div#featured h3, div#sponsors h3 {font-family:Tahoma; font-size:18px; font-weight:normal; padding:0; margin:0 0 10px 0; color:rgb(50,50,50);}
div#featured h4, div#sponsors h4 {font-family:Tahoma; font-size:13px; font-weight:bold; line-height:20px; padding:0; margin:0 0 5px 0; color:rgb(50,50,50);}

div#featured p, div#sponsors p {margin:0 0 15px 0; padding:0; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:20px;}
div#featured div, div#sponsors div {padding:0;}

div.partners img {display:inline; margin:0 20px 15px 20px;}

div.readMore {padding:0; margin:0 0 15px 0;}

div#featured a {text-decoration:underline; color:rgb(100,100,100);}
div#featured a:hover {text-decoration:underline; background:rgb(225,225,225);}


/* secondary
--------------------------------------------------------*/
div#rightSection div#secondary {float:right; width:698px; min-height:605px; padding:10px; margin:0 0 0 0; background:rgb(253,253,253); border:1px solid rgb(215,215,215); border-top:3px solid rgb(215,215,215); overflow:hidden;
line-height:20px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#rightSection div#secondary h1 {font-family:Tahoma; font-size:28px; font-weight:normal; line-height:34px; display:block; color:rgb(47,99,70); padding:0; margin:0 0 10px 0; overflow:hidden; }
div#rightSection div#secondary h2 {font-family:Tahoma; font-size:24px; font-weight:normal; line-height:30px; display:block; color:rgb(47,99,70); padding:0; margin:0 0 10px 0; overflow:hidden; }
div#rightSection div#secondary h3 {font-family:Tahoma; font-size:18px; font-weight:normal; padding:5px 0 0 0; margin:0 0 10px 0; color:rgb(50,50,50);}
div#rightSection div#secondary h4 {font-family:Tahoma; font-size:15px; font-weight:normal; padding:0; margin:0 0 10px 0; color:rgb(50,50,50);}
div#rightSection div#secondary h5 {font-family:Tahoma; font-size:12px; font-weight:normal; padding:0; margin:0 0 5px 0; color:rgb(47,99,70);}
div#rightSection div#secondary h6 {font-family:Tahoma; font-size:10px; font-weight:normal; padding:0; margin:0 0 5px 0; color:rgb(47,99,70);}
div#rightSection div#secondary p {line-height:20px; margin:0 0 15px 0; padding:0; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#rightSection div#secondary ul {list-style-type:disc; margin:0 0 15px 0; padding:0 0 0 25px;}
div#rightSection div#secondary ul li {list-style-type:disc; margin:0 0 3px 0; padding:0 0 0 3px;}
div#rightSection div#secondary ol {margin:0 0 15px 0; padding:0 0 0 25px;}
div#rightSection div#secondary ol li {margin:0 0 3px 0; padding:0 0 0 3px;}
div#rightSection div#secondary hr {margin:10px 0 10px 0; height:1px; clear:both; background:rgb(200,200,200); border:none;}
div#rightSection img.rightImg {margin:5px 0 5px 10px; float:right;}
div#rightSection img.leftImg {margin:5px 10px 5px 0; float:left;}

/* footer
--------------------------------------------------------*/
div#footer {width:718px; margin:0 auto; line-height:16px; font-family:Tahoma; font-size:12px; color:rgb(48,37,21); text-align:center; padding:10px 0 10px 0; }
div#footer p {margin:10px 0 10px 0; width:720px; float:right;}
div#footer p span {margin:0 20px 0 20px;}
div#footer a {text-decoration:none; color:rgb(47,99,70); background:rgb(240,240,240); border-bottom:dashed 1px rgb(225,225,225);}
div#footer a:hover {text-decoration:none;background:rgb(225,225,225);}