/**
 * Themetastic, for Drupal 5.0
 * Stefan Nagtegaal, iStyledThis [dot] nl
 * Steven Wittens, acko [dot] net`
 *
 * If you use a customized color scheme, you must regenerate it after
 * modifying this file.
 */

/**
 * Layout
 */
html, body {width:100%; margin:0; padding:0; background:url(images/background.gif) repeat-y center top #74777a; color:#000; text-align:center;}
body {padding-top:2px;}
p, a, input, textarea {position:relative;}


/**
 * Colors & Fonts
 */
* {font-family:Arial,Helvetica,sans-serif;}
div, p {color:#000; font-weight:normal;}
p.right-align {text-align:right;}
h1, h2, h3 {font-weight:bold;}
table * {font-size:9pt;}
a:link, a:visited {color:#1C419C;}
a:hover, a:active, a.active {color:#1C419C;}
span.submitted, .links {font-size:10pt; color:#bbb;}
blockquote {margin:0 30px 0 20px; padding-left:10px; border-left:solid 2px #bbb;}
blockquote p {font-size:11pt;}
fieldset {border-color:#bbb;}


/**
 * Backgrounds
 */
.background {display:block; float:none; width:100%;}
#background-header {background:url(images/background_header.gif) repeat-x center top;}
#background-header-inner {background:url(images/header.gif) no-repeat center top; height:79px;}
#background-body {background:url(images/background_body.gif) repeat-y center top #e3eaf3;}
#background-footer {background:url(images/background_footer.gif) repeat-x center top;}
#background-footer-inner {background:url(images/footer.gif) no-repeat center top; height:240px;}


/**
 * Body
 */
.container {display:block; float:none; clear:both; width:950px; margin:0 auto; padding:0; text-align:left;}

#logo {display:block; float:left; padding-top:40px;}
#logo h1 {display:block; width:513px; height:123px; margin:0; background:url(images/logo.gif) no-repeat; text-indent:-9999px;}

#welcome {position:relative; z-index:10; display:block; float:right; width:310px; padding-top:70px;}
#welcome h2 {color:#0058bd;}

#photo {position:relative; z-index:1; display:block; float:left; margin:0 -100px 100px 0;}

#form {position:relative; z-index:10; display:block; float:right; width:260px; padding:30px 50px 0 0;}


/**
 * Footer
 */
#footer {display:block; float:none; clear:both; margin:0 auto; padding:20px 0 0 0; text-align:center;}
#footer .fecnotice {display:inline; width:auto; clear:both; margin:0; padding:0 3px; font-size:9pt; border:solid 1px #97b9df; color:#97b9df;}
#footer p { color:#97b9df;}


/**
 * Get Involved blocks
 */
.block form {margin:0;}
.block .form-item {float:left; margin:0; padding:0 10px 12px 0;}
.block .form-text {height:18px; margin:0; padding:4px 4px; font-size:10pt; border:0; color:#000;}
.block .form-item #email {width:202px; background:url(images/fieldbg_long.gif) no-repeat left top;}
.block .form-item #zipcode {width:62px; background:url(images/fieldbg_short.gif) no-repeat left top;}
.block .description {float:none; clear:both; margin:0; padding:0; color:#000; font-size:8pt; line-height:normal;}

.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}