/* selectors */
body {margin:0;padding:0;background:#000 url(/images/bg-body.jpg) no-repeat top center;}
p {color:#353430;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:24px;}
h1 {color:#800000;font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;}
h2 {color:#353430;font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;font-weight:normal;}
h4 {color:#353430;font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;font-weight:normal;}
li {color:#353430;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:24px;}
a {color:#035EB0;text-decoration:underline;}
a:hover {;text-decoration:none;}

/* quotes */
div.quote p {margin:0;padding:15px;color:#353430;font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;font-style:italic;line-height:24px;}
div.quote p.quotes {background:url(/images/quotes.png) no-repeat 15px 15px;text-indent:30px;}
div.quote p.quoter {color:#6F6D65;font-style:normal;text-align:right;line-height:normal;}
#sidebar div.quote {margin-bottom:20px;overflow:hidden;background:url(/images/sidebar/bg-sidebar-quote.png) no-repeat top;}
#sidebar div.quote p.quoter {margin-bottom:0;padding-top:0;background:url(/images/sidebar/bg-sidebar-quote-bottom.png) no-repeat bottom;}

/* misc */
.hide {display:none;}
img.portrait {margin:5px 0 0 20px;float:left;}
h2.portrait {margin-top:40px;padding-bottom:10px;border-bottom:2px solid #79B7F1;}
p.portrait {padding-left:120px;}
ul.news {list-style-type:none;}
ul.news li {margin-bottom:20px;padding-left:30px;padding-bottom:20px;border-bottom:1px dashed #70A3D2;background:url(/images/icons/bullet-news.png) no-repeat 0 4px;}
span.date {padding:1px 4px;border:1px solid #ACABA6;background-color:#D8D5C3;font-size:12px;font-weight:bold;}
.sponsorLogos {padding-left:20px;}
.sponsorLogos img{margin:4px;border:0;float:left;}
.donateButtons {padding-left:20px;overflow:hidden;}
.donateButtons form {width:116px;height:25px;margin:10px 20px;padding:0;float:left;display:block;}
.picBox {width:200px;padding:5px;margin:10px;border:1px solid #BEBBAB;background-color:#EEEDE4;}
#mainContent div.picBox p {margin:0;padding:0;color:#5B5A52;font-size:11px;line-height:normal;}

/* forms */
input[type="text"] {padding:5px;border:0;background:none;color:#666;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;}
select {padding:5px;border:0;background:none;color:#666;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;}
option {font-weight:bold;}
option.first {font-weight:normal;}
textarea {padding:5px;border:0;background:none;color:#666;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;}
label.error{margin-top:-1.5em !important; color:red !important; padding: 0 2px 0 50px;}

form {padding:0 20px;}
form#contact label {margin:15px 0 5px 0;display:block;color:#353430;font-family:Arial, Helvetica, sans-serif;font-size:14px;}
form#contact div.textField {width:315px;height:26px;padding:4px;background:url(/images/forms/contact-text-field.png) no-repeat;}
form#contact div.textField input {width:305px;}
form#contact div.select {width:315px;height:26px;padding:4px;background:url(/images/forms/contact-text-field.png) no-repeat;}
form#contact div.select select {width:315px;}
form#contact div.textArea {width:315px;height:92px;padding:4px;background:url(/images/forms/contact-text-area.png) no-repeat;}
form#contact div.textArea textarea {width:305px;height:82px;}
form#contact button {width:215px;height:25px;margin:15px 0;border:0;background:url(/images/buttons/main-red.png) no-repeat 0 0;color:#FFF;font-size:14px;}
form#contact button:hover {background-position:0 -25px;}


/* -------------------------------------------------------------------------------------------------------------------- Main */

#content {width:800px;padding:7px 0 30px 0;margin:0 auto;overflow:hidden;position:relative;z-index:1;background:#FFF url(/images/banner-top.png) repeat-x top;}
#contentIndex {width:800px;padding:7px 0 0 0;margin:0 auto;overflow:hidden;position:relative;z-index:1;background:#FFF url(/images/banner-top.png) repeat-x top;}
.mainBanner {padding-bottom:7px;background:url(/images/banner-bottom.png) repeat-x bottom;}
#mainContent {width:516px;float:left;}
#mainContent p, #mainContent h1, #mainContent h2 {margin-left:20px;margin-right:20px;}
#mainContent ul li {margin-right:20px;}

/* -------------------------------------------------------------------------------------------------------------------- Sidebar */

#sidebar {width:245px;min-height:390px;padding:24px 20px 20px 19px;float:left;background:url(/images/sidebar/bg-sidebar.png) no-repeat 0 0;}
h3.whyDonate {width:245px;height:25px;margin:0 0 15px 0;padding:0;background:url(/images/sidebar/text-why-donate.png) no-repeat 0 0;}
h3.whyDonate span {display:none;}
ul.starList {width:245px;margin:0;padding:0;list-style-type:none;}
ul.starList li {padding-left:30px;margin-bottom:15px;background:url(/images/icons/bullet-star.png) no-repeat 0 2px;}
.sidebarBox {width:245px;background:#508FC8 url(/images/sidebar/box-bottom.png) no-repeat bottom;}
.sidebarBox p, .sidebarBox h4 {padding:15px;margin:0;color:#FFF;}
.sidebarBox p {font-size:12px;line-height:normal;}
.sidebarBox h4 {padding-bottom:0;}
h3.attention-vets {width:245px;height:48px;margin:0;padding:0;background:url(/images/sidebar/text-attention-vets.png) no-repeat;}
h3.resources {width:245px;height:48px;margin:0;padding:0;background:url(/images/sidebar/text-resources.png) no-repeat;}
h3.pros {width:245px;height:48px;margin:0;padding:0;background:url(/images/sidebar/text-pro-services.png) no-repeat;}
h3.contribute {width:245px;height:48px;margin:0;padding:0;background:url(/images/sidebar/text-contribute.png) no-repeat;}
h3.sponsor {width:245px;height:48px;margin:0;padding:0;background:url(/images/sidebar/text-sponsor.png) no-repeat;}
h3.volunteer {width:245px;height:48px;margin:0;padding:0;background:url(/images/sidebar/text-volunteer.png) no-repeat;}
.sidebarBox h3 span {display:none;}
.sidebarBox form {padding:0 15px;}
.sidebarBox form label {margin:15px 0 5px 0;display:block;color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;}
.sidebarBox form div.textField {width:209px;height:26px;padding:4px;background:url(/images/forms/sidebar-text-field.png) no-repeat;}
.sidebarBox form div.textField input {width:199px;}
.sidebarBox form div.textArea {width:209px;height:64px;padding:4px;background:url(/images/forms/sidebar-text-area.png) no-repeat;}
.sidebarBox form div.textArea textarea {width:199px;height:54px;}
.sidebarBox form button {width:215px;height:25px;margin:15px 0;border:0;background:url(/images/buttons/sidebar-box-red.png) no-repeat 0 0;color:#FFF;font-size:14px;}
.sidebarBox form button:hover {background-position:0 -25px;}
.sidebarBoxRule {margin:0 15px;border-top:1px dashed #70A3D2;}
.sidebarBoxRule hr {clear:all;display:none;}
.sidebarBox p.formPhone {font-size:16px;text-align:center;}
.sidebarBox p.formPhone span {font-size:30px;font-weight:bold;}

img.CTA {margin-bottom:15px;border:0;}

#sidebar a.volunteer {width:245px;height:25px;margin:0 0 15px 0;padding:0;display:block;background:url(/images/buttons/volunteer-sidebar.png) no-repeat 0 0;}
#sidebar a:hover.volunteer {background-position:0 -25px;}
#sidebar a.volunteer span {display:none;}
#sidebar a.donate {width:245px;height:25px;margin:0 0 15px 0;padding:0;display:block;background:url(/images/buttons/donate-sidebar.png) no-repeat 0 0;}
#sidebar a:hover.donate {background-position:0 -25px;}
#sidebar a.donate span {display:none;}
#sidebar a.sponsor {width:245px;height:25px;margin:0 0 15px 0;padding:0;display:block;background:url(/images/buttons/sponsor-sidebar.png) no-repeat 0 0;}
#sidebar a:hover.sponsor {background-position:0 -25px;}
#sidebar a.sponsor span {display:none;}




/* -------------------------------------------------------------------------------------------------------------------- Masthead */

#masthead {;width:810px;height:84px;margin:0 auto;padding:0;position:relative;}
#masthead img.mastheadLogo {position:absolute;top:22px;left:205px;}
#masthead a {width:169px;height:48px;display:block;position:absolute;background-position:0 0;background-repeat:no-repeat;}
#masthead a:hover {background-position:0 -48px;}
#masthead a.volunteer {top:17px;left:0;background-image:url(/images/buttons/volunteer-masthead.png);}
#masthead a.donate {top:17px;right:0;background-image:url(/images/buttons/donate-masthead.png);}
#masthead a span {display:none;}

/* -------------------------------------------------------------------------------------------------------------------- Nav */

ul#mainNav {width:800px;height:50px;margin:0 auto;padding:0;position:relative;z-index:10;list-style-type:none;}
ul#mainNav li {margin:0;padding:0;float:left;position:relative;}
ul#mainNav li a {height:50px;display:block;background-position:0 0;background-repeat:no-repeat;}
ul#mainNav li a:hover {background-position:0 -50px;}
ul#mainNav li a span {display:none;}
ul#mainNav li a.home {width:60px;background-image:url(/images/nav/home.png);}
ul#mainNav li a.story {width:160px;background-image:url(/images/nav/story.png);}
ul#mainNav li a.resources {width:162px;background-image:url(/images/nav/resources.png);}
ul#mainNav li a.support {width:102px;background-image:url(/images/nav/support.png);}
ul#mainNav li a.calendar {width:89px;background-image:url(/images/nav/calendar.png);}
ul#mainNav li a.news {width:54px;background-image:url(/images/nav/news.png);}
ul#mainNav li a.about {width:90px;background-image:url(/images/nav/about.png);}
ul#mainNav li a.contact {width:83px;background-image:url(/images/nav/contact.png);}
ul#mainNav li ul {padding-top:1px;position:absolute;top:-900px;left:0;list-style-type:none;}
ul#mainNav li:hover ul {position:absolute;top:50px;left:-39px;}
ul#mainNav li ul li {font-family:Georgia, "Times New Roman", Times, serif;}
ul#mainNav li ul li a {width:142px;height:24px;padding:8px 9px;border-bottom:1px solid #3775AF;display:block;background-color:#F5F9FD;color:#000;text-decoration:none;}
ul#mainNav li ul li a:hover {background-color:#CDE5F7;}

/* -------------------------------------------------------------------------------------------------------------------- Footer */

#footer {width:800px;height:150px;margin:0 auto;padding-top:60px;border-top:1px solid #000;position:relative;background:#063376 url(/images/footer.png) no-repeat top;color:#FFF;}
#footer a {color:#FFF;text-decoration:underline;}
#footer a:hover {text-decoration:none;}
#footer p {padding:0 20px;color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:14px;text-align:center;}
#footer p.tinytype {font-size:11px;line-height:normal;}
#footer h2 {display:none;}
#footer a.volunteer {width:169px;height:40px;display:block;position:absolute;top:17px;left:10px;background:url(/images/buttons/volunteer-footer.png) no-repeat 0 0;}
#footer a:hover.volunteer {background-position:0 -40px;}
#footer a.volunteer span {display:none;}
#footer a.donate {width:169px;height:40px;display:block;position:absolute;top:17px;right:10px;background:url(/images/buttons/donate-footer.png) no-repeat 0 0;}
#footer a:hover.donate {background-position:0 -40px;}
#footer a.donate span {display:none;}

