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

/* Reset
Based on http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
Removed elements not supported in HTML5
-----------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, var,
b, i, 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;}

.clear {clear:both;}
.clear2 {border-bottom:4px double rgb(220,220,220); height:1px; margin:9px 0 10px 0;}
.clear3 {border-bottom:4px double rgb(210,227,238); height:1px; margin:14px 0 10px 0;}
.clear4 {height:1px; margin:24px 0 19px 0;}

/* 
block level elements for HTML 5
-----------------------------------------------------------------------------*/
article, aside, dialog, figure, 
footer, header, hgroup, menu, 
nav, section {display: block; margin:0; padding:0;}


/*
Start website styles.
-----------------------------------------------------------------------------*/

body {margin:0; padding:0; width:100%; background:rgb(254,254,254) url(../images/mainBG.jpg) repeat 0 0;}
@font-face {font-family:"Bodoni MT", "Bodoni MT Black", "Bodoni MT Condensed", "Bodoni MT Poster Compressed"; font-weight:normal; src: url("fonts/BodoniXT.ttf") format("opentype");}

header {height:299px; width:100%; background:rgb(0,79,112);}
#headerWrapper {width:960px; height:299px; margin:0 auto; background:rgb(0,79,112); position:relative;}
#logo {position:absolute; height:299px; width:326px; left:0px; background:url(../images/logo5.png) no-repeat 0 0; z-index:100; overflow:hidden;}
#slideshow {position:absolute; height:299px; width:680px; top:0px; right:0px; z-index:50; overflow:hidden;}

nav {width:100%; height:40px; border-bottom:1px solid rgb(139,175,198); border-top:1px solid rgb(139,175,198); background:rgb(160,195,218); overflow:hidden;}
#navWrapper {width:960px; height:40px; margin:0 auto; overflow:hidden; position:relative;}
ul#mainNav {position:absolute; width:960px; bottom:0px; left:4px; z-index:150; list-style-type:none; margin:0; padding:0; text-align:right; height:40px; overflow:hidden;}
ul#mainNav li {float:left; margin:0; padding:0;}
ul#mainNav li a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:rgb(0,79,112); text-decoration:none; padding:11px 26px 12px 26px; display:block; text-align:right; border-right:1px solid rgb(139,175,198);}
ul#mainNav li a.first {padding:11px 26px 12px 26px; border-left:none;}
ul#mainNav li a.last {padding:11px 26px 12px 26px; border-right:none;}
ul#mainNav li a:hover {background:rgb(139,175,198); text-decoration:none; color:rgb(51,51,51);}

#wrapper {width:960px; margin:0 auto; background:rgb(255,255,255); padding:10px 0 10px 0; }
#content {background:rgb(255,255,255) url(../images/contentBG.gif) repeat-y 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:rgb(51,51,51);}

aside {width:280px; float:left; padding:15px; color:rgb(0,79,112);}
aside h1 {font-family:Georgia, "Times New Roman", Times, serif;font-size:26px; line-height:26px; padding:0 0 10px 0; margin:0 0 10px 0; font-weight:normal; color:rgb(0,79,112); border-bottom:1px solid rgb(210,227,238);}
aside p {padding:0 0 15px 0; margin:0;}

aside ul.bigness {list-style-type:none; margin:0; padding:0;}
aside ul.bigness li {margin:0; padding:0;}
aside ul.bigness li a {display:block; padding:15px 0 15px 55px; margin:0 0 5px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:rgb(0,79,112); text-decoration:none; border:1px solid rgb(210,227,238); overflow:hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;}
aside ul.bigness li a.donate {background:rgb(227,237,244) url(../images/donate2.png) no-repeat 2px 0;}
aside ul.bigness li a.volunteer {display:block; background:rgb(227,237,244) url(../images/volunteer2.png) no-repeat 2px 0;}
aside ul.bigness li a.find {display:block; background:rgb(227,237,244) url(../images/find.png) no-repeat 2px 0;}
aside ul.bigness li a.donate:hover {background:rgb(160,196,218) url(../images/donate2.png) no-repeat 2px 0; text-decoration:none;}
aside ul.bigness li a.volunteer:hover {background:rgb(160,196,218) url(../images/volunteer2.png) no-repeat 2px 0; text-decoration:none;}
aside ul.bigness li a.find:hover {background:rgb(160,196,218) url(../images/find.png) no-repeat 2px 0; text-decoration:none;}

aside ul.secondaryNav {list-style-type:none; margin:0; padding:0;}
aside ul.secondaryNav li {margin:0; padding:0;}
aside ul.secondaryNav li a {display:block; padding:5px 0 5px 25px; margin:0 0 5px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:rgb(0,79,112); text-decoration:none; border:1px solid rgb(210,227,238); 
overflow:hidden; background:rgb(227,237,244) url(../images/link.png) no-repeat 0 0; letter-spacing:0.05em; text-transform:capitalize;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;}
aside ul.secondaryNav li a.on {background:rgb(160,196,218) url(../images/link.png) no-repeat 0 0; text-decoration:none;}
aside ul.secondaryNav li a:hover {background:rgb(160,196,218) url(../images/link.png) no-repeat 0 0; text-decoration:none;}

article {width:620px; float:right; padding:15px; font-size:12px; line-height:18px;}
article h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:32px; line-height:26px; padding:0 0 10px 0; margin:0 0 10px 0; font-weight:normal; color:rgb(51,51,51); border-bottom:1px solid rgb(220,220,220);}
article h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; line-height:22px; margin:0 0 5px 0; font-weight:normal; color:rgb(51,51,51);}
article h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:22px; margin:0 0 5px 0; font-weight:bold; color:rgb(0,79,112);}
article h4 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:20px; margin:10px 0 5px 0; padding:0 0 4px 0; font-weight:bold; color:rgb(0,79,112); border-bottom:1px dashed rgb(210,227,238);}
article p {padding:0 0 15px 0; margin:0;}
article a {color:rgb(0,69,107); text-decoration:underline;}
article a:hover {color:rgb(50,122,161); text-decoration:underline;}
article ul {list-style-type:disc; margin:0 20px 15px 20px; padding:0;}
article ul li {list-style-type:disc; margin:5px; padding:0;}
article ul li ul {list-style-type:circle; margin:0 20px 15px 20px; padding:0; font-size:10px;}
article ul li ul li {list-style-type:circle; margin:5px; padding:0;}
article ol {margin:0 20px 15px 20px; padding:0;}
article ol li {margin:5px; padding:0;}
article img.bigMap {margin:0 0 0 30px;}

#leftSection {width:480px; float:left;}
#leftSection ul {list-style-type:disc; margin:0 20px 0 20px; padding:0;}
#leftSection ul li {list-style-type:disc; margin:0; padding:0;}

#rightSection {width:140px; float:right;}
#rightSection img {padding:10px 0 0 0;}

footer {width:100%; padding:0 0 20px 0;}
#footerheader {width:940px; margin:0 auto; font-weight:normal; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:rgb(0,79,112); padding:10px; background:rgb(160,196,218); text-align:center; border-bottom:1px solid rgb(0,0,0);
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;}
#footerheader a {color:rgb(0,79,112); text-decoration:underline;}
#footerheader a:hover {color:rgb(51,51,51); background:rgb(139,175,198); }

#footercontent {width:940px; margin:0 auto; font-weight:normal; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:rgb(160,196,218); padding:10px; background:rgb(0,79,112);
-moz-border-radius-bottomright: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-bottomleft: 30px;
-webkit-border-bottom-left-radius: 30px;}
#footercontent ul {list-style-type:none; margin:0; padding:0 0 0 11px;}
#footercontent ul li {list-style-type:none; float:left; margin:0 14px 0 0; padding:0; font-size:12px; font-weight:bold; border:none;}
#footercontent ul li.last {border:none; margin:0;}
#footercontent ul li ul {list-style-type:none; margin:0; padding:0;}
#footercontent ul li ul li {list-style-type:none; margin:4px 0 4px 0; padding:0; display:block; float:none; font-size:11px; font-weight:normal; border:none;}
#footercontent a {color:rgb(255,255,255); text-decoration:none; display:block; padding:0 10px 0 0;}
#footercontent a:hover {color:rgb(160,196,218); text-decoration:underline;}