/* BEGIN CSS RESET */
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; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

:focus { outline: 0; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

table { border-spacing: 0; }

img{display: block;}
/* END CSS RESET */


/* BEGIN SITE DEFAULTS */
body{ background: #052636 url(/page/-/page-background.jpg) top center repeat-x; color: #444; font: .75em/1.4em Arial, sans-serif; padding: 0; }

h2 a.rss{position: absolute; top: 7px; right: 10px; display: block; width: 12px; height: 12px; cursor: pointer; text-indent: -5000em; background: transparent url(/page/-/rss.gif) top left no-repeat;}

h3{color: #014772; font-size: 14px; font-weight: normal;}
h3 a{text-decoration: none;}

/* input{border: 1px solid #DADADA; padding: 3px 5px;} */
input, textarea, select {border-top: 1px solid #DADADA; border-left: 1px solid #DADADA; border-bottom: 2px solid #DADADA; border-right: 2px solid #DADADA; padding: 3px 5px; margin-top: 3px; margin-bottom: 3px; margin-right: 3px; margin-left: 0px;}
.label label{font-weight: bold;}
.input_submit {border-top: 1px solid #777; border-left: 1px solid #777; border-bottom: 2px solid #777; font-size: 14px; border-right: 2px solid #777; background-color: #ddd; color: #000;  font-weight: bold; cursor: pointer; margin-top: 4px; }
.input_submit:hover {border: 2px solid  #777; margin-top: 3px; background-color: #ddd; color: #000; font-weight: bold; cursor: pointer; }
.required {color: #710c0c;};

a{color: #014772; text-decoration: underline; }

.clearer { clear: both; }

#pageWrapper{position: relative; width: 957px; margin: 0 auto; background: transparent url(/page/-/content-background.png) top left repeat-y; padding: 0 22px 0 22px;}

#pageHeader{position: relative; height: 109px; overflow: hidden;}
#pageHeader h1{ /*position: absolute; top: 0; left: 0;*/ background: transparent url(/page/-/sblogo.jpg) top left no-repeat; float: left; display: inline; width: 293px; height: 109px;}
#pageHeader h1 a{display: block; width: 293px; height: 109px; cursor: pointer;}
#pageHeader h1 a span{display: none;}

#pageHeader img { float: left; display: inline; margin: 0 0 0 /*293px*/;}

#pageHeader #signUpBox {position: absolute; top: 0; right: 0; background: transparent url(/page/-/sign-up-background.jpg) 0 0 no-repeat; width: 326px; height: 91px; padding: 18px 0 0 0;}
#pageHeader form {margin: -3px 0 25px 0; padding: 0 0 0 0px;}
#pageHeader form p { float: left; display: inline; margin: 3px 7px 0 0px; z-index: 5;}
#pageHeader form fieldset {margin: 0 0 0 20px;}
#pageHeader form label{color: #265B81; font-family: Georgia, Times, serif; margin: 0 3px 0 0; display: none;}
#pageHeader form #email{width: 115px; color: #A4A4A4; margin: 0 4px 0 0;}
#pageHeader form #zip{width: 35px; color: #A4A4A4; margin: 0 4px 0 0;}
#pageHeader form button{background: transparent url(/page/-/images/submit-button.png) top left no-repeat; border: none; padding: 0; height: 19px; width: 43px; text-indent: -5000em; cursor: pointer;}

#pageHeader #contribute{background: transparent url(/page/-/contribute.gif) top left no-repeat; width: 301px; height: 33px; display: block; cursor: pointer; text-indent: -5000em; margin: 0 0 0 13px;}

#mainNav{height: 37px;  padding: 0 0 0 277px; background: transparent url(/page/-/nav-background.gif) top left no-repeat; border-bottom: 1px solid #E6E6E6;}
#mainNav li{float: left; padding: 7px 0 0 0;}
#mainNav li a{display: block; float: left; font-weight: bold; font-size: 12px; color: #666; height: 24px; line-height: 24px; background: transparent url(/page/-/nav-divider.gif) top right no-repeat; text-decoration: none; padding: 0 16px; white-space: nowrap;}
#mainNav li a.active, #mainNav li a:hover{color: #4586A2;}
#mainNav li.last a{background: none; padding-right: 0;}

#rotation{position: relative; overflow: hidden; height: 239px;}
#rotation img{float: left;}
#rotation ul{float: right; background: transparent url(/page/-/tab-boxes-background.png) top left no-repeat; width: 309px; height: 239px; overflow: hidden;}
#rotation ul li{}
#rotation ul li a{display: block; height: 59px; line-height: 59px; padding: 0 0 0 60px; color: #FFF; font-size: 16px; text-decoration: none;}
#rotation ul li a span{text-decoration: underline; font-size: 10px;}
#rotation ul li a:hover,
#rotation ul li.ui-state-active a{background: transparent url(/page/-/active-arrow.png) -1px center no-repeat;}


.ui-tabs .ui-tabs-hide { display: none !important; }

#content{ /*overflow: hidden;*/ padding: 10px 0 10px 0;}

#mainContent{/*position: relative;*/ width: 639px; float: left; }

#mainContent.interior{padding: 0 15px 0 30px; width: 594px; color: #333;}
#mainContent.interior.wide{width: 894px;}

#mainContent.interior p{margin: 0 0 1.5em 0; line-height: 1.5;}
#mainContent.interior h1{background: none; font-size: 22px; font-family: Georgia, Times, serif; margin: 0; padding: 0; color: #014772;}
#mainContent.interior h2{background: none; font-size: 18px; font-family: Georgia, Times, serif; margin: 0; padding: 0; color: #014772;}
#mainContent.interior .meta{margin: 0 0 1em 0; display: block;}
#mainContent.interior h3{color: #014772; font-size: 16px; margin: 0 0 1em 0;}
#mainContent.interior a{color: #014772; text-decoration: underline;}
#mainContent.interior ol{margin: 0 0 1em 45px;}
#mainContent.interior ul{margin: 0 0 1em 50px;}
#mainContent.interior ol li{list-style-type: decimal; line-height: 1.5; margin-bottom: .5em;}
#mainContent.interior ul li{list-style-type: disc; line-height: 1.5; margin-bottom: .5em;}

#mainContent.interior .entry{border-bottom: 1px solid #E6E6E6; margin-bottom: 1em;}
#mainContent.interior .entry p{margin-bottom: 1em; }

#mainContent.interior .prev-next{overflow: hidden;}
#mainContent.interior .prev-next .prev{float: left;}
#mainContent.interior .prev-next .next{float: right;}

#disqus_thread{padding: 20px 0 0 0;}

.col{position: relative; width: 299px; padding: 0 10px 0 8px; border-right: 1px solid #E5E5E5; float: left;}
.col img{margin: 0 0 10px 0;}
.col.first{margin-right: 2px;}

.items{}
.items li{border-bottom: 1px solid #E6E6E6; padding: 0 0 12px 0; margin: 0 0 10px 0;}
.items li .meta{font-size: 10px; display: block;}
.items li .actions{display: block; margin: .5em 0 0 0;}

.archive h2{background: none; font-size: 10px; color: #014772; font-family: Arial,sans-serif; padding: 0; line-height: 12px; height: 12px; margin: 0 0 5px 0;}
.archive h2 a{color: #014772;}
.archive ul{margin: 0 0 5px 0;}

#eventCenter{margin: 10px 0 0 0; background: transparent url(/page/-/eventCenter.jpg) 0 27px no-repeat; height: 220px;}
#eventCenter h3{text-decoration: none; text-transform:  uppercase; text-align: center; margin: 50px 0 5px 0;}
#eventCenter form{text-align: center; height: 118px;}
#eventCenter input{ width: 58px; height: 15px; padding: 2px 5px; color: #A4A4A4; font-size: 12px; margin-top: 20px; }
#eventCenter p{ margin-top: 30px; }
#eventCenter input.btn1{ border: none; height: 19px; width: 43px; vertical-align: baseline; cursor: pointer;	padding: 0;	margin-bottom: -5px; }

#eventCenter select.searchswitcher { display: none;  }
#eventCenter .host-event{display: block; border-bottom: 0px solid #D8D8D8; border-top: 1px solid #D8D8D8; height: 50px; line-height: 50px; margin: 50px 0 0 0; font-size: 14px; text-decoration: none; background: transparent url(/page/-/house-icon.gif) 62px center no-repeat; padding: 0 0 0 105px;}
#eventCenter .start-event{display: none; border-bottom: 1px solid #D8D8D8; height: 40px; line-height: 40px; font-size: 14px; text-decoration: none; background: transparent url(/page/-/paper-icon.gif) 67px center no-repeat; padding: 0 0 0 105px;}

#sideContent{/*position: relative;*/ width: 307px; float: right;}

#sideContent #eventCenter{width: 299px; margin: 0 0 10px 0;}

#stayConnected{background: #37718D url(/page/-/tweet.png) 0 27px no-repeat; width: 299px; color: #FFF; margin: 0 0 10px 0;}
#stayConnected .tweet{padding: 10px 0 0 50px;}
#stayConnected .tweet span{color: #1E3E56; font-style: italic;}
#stayConnected h3{color: #FFF;}
#stayConnected #social{background: transparent url(/page/-/social.gif) 0 0 no-repeat; margin: 10px 0 0 0; padding: 10px 0 10px 73px; text-align: center; /*overflow: hidden;*/}

#stayConnected #social a{display: block; text-indent: -5000em; cursor: pointer; height: 34px; width: 34px; float: left; margin-right: 5px;}
#stayConnected #social .facebook{background: transparent url(/page/-/facebook.png) top left no-repeat;}
#stayConnected #social .youtube{background: transparent url(/page/-/youtube.png) top left no-repeat;}
#stayConnected #social .digg{background: transparent url(/page/-/digg.png) top left no-repeat;}
#stayConnected #social .myspace{background: transparent url(/page/-/myspace.png) top left no-repeat;}
#stayConnected #social .flickr{background: transparent url(/page/-/flickr.png) top left no-repeat;}
#stayConnected #social .twitter{background: transparent url(/page/-/twitter3.png) top left no-repeat; margin-top: 2px; margin-left: 2px;}

#stayConnected #social2 {background: transparent url(/page/-/social.gif) 0 0 no-repeat; margin: 0px 0 0 0; padding: 7px 0 2px 37px; text-align: center; /*overflow: hidden;*/}
#stayConnected #social2 a{display: block; text-indent: -5000em; cursor: pointer; height: 45px; width: 45px; float: left; margin-right: 12px;}
#stayConnected #social2 .twitter{background: transparent url(/page/-/twitter4.png) top left no-repeat;}
#stayConnected #social2 .facebook{background: transparent url(/page/-/facebook4.png) top left no-repeat;}
#stayConnected #social2 .youtube {background: transparent url(/page/-/youtube4.png) top left no-repeat;}
#stayConnected #social2 .flickr {background: transparent url(/page/-/images/flickr4.png) top left no-repeat;}

#getInvolved{width: 299px; margin: 0 0 10px 0;}
#getInvolved h2{margin: 0;}
#getInvolved a{display: block;}
#getInvolved .volunteer{height: 40px; text-indent: -5000em;}
#getInvolved .sign{height: 40px; text-indent: -5000em;}
#getInvolved .tell{height: 42px; text-indent: -5000em;}
#getInvolved .host{height: 40px; text-indent: -5000em;}

#eventsCenter {width: 299px; margin: 0 0 10px 0;}
#eventsCenter h2{margin: 0;}
#eventsCenter a{display: block;}

#latestVideo{background: transparent url(/page/-/latest-video.png) top left no-repeat; width: 289px; height: 302px; padding: 35px 0 10px 10px;}
#latestVideo .video-wrapper{margin-bottom: 5px;}
#latestVideo h2{display: none;}
#latestVideo p{margin: .5em 0 0 0; color: #FDFAF1; /*display: inline;*/}
#latestVideo p a {color: #F0F0F0; font-size: 10px;}
#latestVideo .video-link { text-align: right; }
#latestVideo .video-link a { font-family: Georgia, Times, serif; font-size: 14px; color: #FFF; font-weight: normal; padding-right: 10px; margin: 0px;}

.video-wrapper{margin-bottom: 1em;}

#footer{clear: both; position: relative; height: 100px; background: transparent url(/page/-/footer-background.png) top left repeat-x; margin: 0 10px; border: 1px solid #E1E1E1; border-bottom: none; padding: 34px 0 0 0; text-align: center;}

#footer span.highlight{border: 1px solid #E1E1E1; padding: 5px 10px; background-color: #FFF; font-size: 10px; color: #014772;}
#footer p{margin: 10px 0 0 0; font-size: 10px; color: #014772;}


a#TB_closeWindowButton {position: absolute; display: block !important; text-indent: -400px; height: 40px; width: 190px; top: 322px; left: 100px; font-size: 0; line-height: 0;}
#TB_title {height: 0px !important; overflow: hidden !important;}

#invite_wrapper {text-align: center;}
#invite_box {margin: auto; position: relative; text-align: center; border-style: solid; border-color: #aaa; border-width: 2px; width: 650px;}
#invite_innerbox {position: relative; text-align: center; margin: auto; width: 550px; border-style: solid; border-color: #aaa; border-width: 1px; background-color: #ddd;}
        
#invite_box h1 {font-size: 22px; font-family: Georgia, Times, serif; color: #014772; font-weight: bold; height: 30px; line-height: 30px;}
#invite_box h2 {font-size: 18px; font-family: Georgia, Times, serif; color: #014772; font-weight: bold; height: 26px; line-height: 26px;}
#invite_box h3 {font-size: 14px; font-family: Georgia, Times, serif; color: #014772; font-weight: bold; height: 20px; line-height: 20px;}
#invite_box p {font-size: 14px; font-family: Georgia, Times, serif;}
#invite_box table {border: 0; position: relative; margin: auto; font-size: 14px; font-family: Georgia, Times, serif; color: #014772; font-weight: bold; border-spacing: 5px;}
#invite_box table td {padding: 5px;}


h2{background: transparent url(/page/-/header-text-background.jpg) top left no-repeat; height: 27px; line-height: 27px; font-family: Georgia, Times, serif; color: #FFF; font-size: 16px; font-weight: normal; padding: 0 0 0 10px; margin: 0 0 10px 0; position: relative;}
h2 a{color: #FFF; text-decoration: none;}

.contribheader { font-size: 14px; font-weight: bold; margin-bottom: 4px; color: #014772;}

.rss_entry {margin-bottom: 12px;}
.entry_title a {font-size: 14px; font-weight: normal; text-decoration: none;}
.entry_title a:hover {text-decoration: underline;}
.entry_date {font-weight: bold; margin-bottom: 6px;} 
.entry_content {}

#eventsSearch { width: 299px; position: relative; overflow: hidden; text-align: center;}
#eventsSearch .inputField {height: 20px; padding-left: 2px; padding-right: 2px; padding-top: 4px; padding-bottom: 2px; border: 1px solid #777; width: 90px; font-size: 14px; text-align: center; font-weight: bold;}