* { border: 0; margin: 0; padding: 0; outline: none }

body { background: #fff; color: #000; font: 11px/16px "News Gothic MT", "News Gothic Std", "Franklin Gothic Medium", sans-serif !important }
a { text-decoration: none }
a:hover {  }


/* HEADER */
#center { width: 1024px; margin: 0 auto; position: relative }
#header { width: 1024px; height: 358px }
#top { width: 1024px; height: 99px; padding: 15px 12px 0; border-bottom: 1px solid #000; voice-family: "\"}\""; voice-family: inherit; width: 1000px; height: 84px }
#top #logo { display: block; float: left; width: 192px; height: 71px; background: url(i/head-velocity_logo.png) no-repeat; text-indent: -9999px }
#top div#contact { float: right; text-align: right; font-size: 11px; line-height: 23px }
#top div#contact a, #top div#contact span, #top div#contact #button { display: inline-block; background: #000; padding: 0 8px 0 10px; margin-bottom: 1px }
#top div#contact a:hover, #top div#contact #button { color: #fff !important }
#top div#contact #button { display: inline !important; margin-left: 1px }
#top div#contact #button:hover { cursor: pointer }
#top div#contact #email { width: 130px; padding: 0 2px; color: #999; border: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc }
#top div#contact #email:focus { color: #000 }
#image { width: 1024px; height: 240px; background: #000; position: relative }
#donatebox { display: block; width: 80px; height: 62px; position: absolute; left: 30px; top: 20px; background: url(i/head-donate_box.png) no-repeat; text-indent: -9999px }
#newsticker { width: 1024px; height: 18px; background: #000; overflow: hidden; font-size: 10px; line-height: 18px; letter-spacing: 0.05em }
#newsticker p { display: inline }
#newsticker p:before { content: " // " }
#newsticker a { text-decoration: underline }
#newsticker a:hover { color: #fff !important }

#menu a { color: #fff }

#header, #menu, #leftnav, #footer { text-transform: uppercase }

#header, #middle, #footer {  }


/* SHARED HEADER, NAV MENU AND COLORS */
.home #top { background: #a8d200 url(i/home-head-stripebg.png) }
.home #top div#contact a, .home #top div#contact span, .home #top div#contact #button:hover, .home #newsticker, .home #newsticker a { color: #a8d200 }
.home #header #image { background: url(i/home-head-image.jpg) no-repeat }

.space #top { background: #00fdff url(i/space-head-stripebg.png) }
.space #top div#contact a, .space #top div#contact span, .space #top div#contact #button:hover, .space #newsticker, .space #newsticker a, 
.space #menu a:hover, .space #menu li.page-item-75 li.head a, #menu li.page-item-75 a:hover { color: #00fdff }
.space #header #image { background: url(i/space-head-image.jpg) no-repeat }

.classes #top { background: #f00 url(i/classes-head-stripebg.png) }
.classes #top div#contact a, .classes #top div#contact span, .classes #top div#contact #button:hover, .classes #newsticker, .classes #newsticker a, 
.classes #menu a:hover, .classes #menu li.page-item-94 li.head a, #menu li.page-item-94 a:hover { color: #f00 }
.classes #header #image { background: url(i/classes-head-image.jpg) no-repeat }

.events #top { background: #909 url(i/events-head-stripebg.png) }
.events #top div#contact a, .events #top div#contact span, .events #top div#contact #button:hover, .events #newsticker, .events #newsticker a, 
.events #menu a:hover, .events #menu li.page-item-103 li.head a, #menu li.page-item-103 a:hover { color: #d87fd6 }
.events #header #image { background: url(i/events-head-image.jpg) no-repeat }

.program #top { background: #cf3 url(i/program-head-stripebg.png) }
.program #top div#contact a, .program #top div#contact span, .program #top div#contact #button:hover, .program #newsticker, .program #newsticker a, 
.program #menu a:hover, .program #menu li.page-item-105 li.head a, #menu li.page-item-105 a:hover { color: #cf3 }
.program #header #image { background: url(i/program-head-image.jpg) no-repeat }

.about #top { background: #6c0 url(i/about-head-stripebg.png) }
.about #top div#contact a, .about #top div#contact span, .about #top div#contact #button:hover, .about #newsticker, .about #newsticker a, 
.about #menu a:hover, .about #menu li.page-item-109 li.head a, #menu li.page-item-109 a:hover { color: #6c0 }
.about #header #image { background: url(i/about-head-image.jpg) no-repeat }

.campaign #top { background: #36c url(i/campaign-head-stripebg.png) }
.campaign #top div#contact a, .campaign #top div#contact span, .campaign #top div#contact #button:hover, .campaign #newsticker, .campaign #newsticker a, 
.campaign #menu a:hover, .campaign #menu li.page-item-111 li.head a, #menu li.page-item-111 a:hover { color: #36c }
.campaign #header #image { background: url(i/campaign-head-image.jpg) no-repeat }

.community #top { background: #ff0 url(i/community-head-stripebg.png) }
.community #top div#contact a, .community #top div#contact span, .community #top div#contact #button:hover, .community #newsticker, .community #newsticker a, 
.community #menu a:hover, .community #menu li.page-item-113 li.head a, #menu li.page-item-113 a:hover { color: #ff0 }
.community #header #image { background: url(i/community-head-image.jpg) no-repeat }

.contact #top { background: #f60 url(i/contact-head-stripebg.png) }
.contact #top div#contact a, .contact #top div#contact span, .contact #top div#contact #button:hover, .contact #newsticker, .contact #newsticker a, 
.contact #menu a:hover, .contact #menu li.page-item-115 li.head a, #menu li.page-item-115 a:hover { color: #f60 }
.contact #header #image { background: url(i/contact-head-image.jpg) no-repeat }


#footer { clear: both; width: 1024px; padding: 45px 0 8px; font-size: 9px; color: #797979; text-align: center; margin: 0 auto }
#footer p { margin-bottom: 0 }
#footer a { color: #797979 }
#footer a:hover { color: #333 }