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

* Filename: default.css
* Version: 2.0 (2009-05-06) YYYY-MM-DD
* Website: http://www.delberthosemann.com/
* Author: MWB Interactive http://www.mwb.com
* Description: Handles the site layout & makes it pretty!

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== 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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
img, a, div { behavior: url(iepngfix/iepngfix.htc) }

a { outline: none; }
a:active { outline: none; }
:focus { -moz-outline-style: none; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== GENERAL: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2e2e2e; line-height:20px; }
body { background: url(images/img-top-bg.jpg) repeat-x #00235d; }
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; font-weight: bold; color: #00235d; display: block; border-bottom: 1px solid #dcdcdc; width:571px; margin:0 0 13px 0; padding:0 0 12px 0; font-style:italic; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #2557aa; line-height:normal; margin:0px; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #53627a; line-height:normal; margin:0px; }
p { margin:0 0 10px 0; }
a { color: #2557aa; text-decoration: underline; }
a:hover { text-decoration: none; }
ul { padding:0 0 10px 25px; list-style-type:disc; }
ol { padding:0 0 10px 25px; }
li {}
.postdate { font-size: 11px; line-height:normal; font-style: italic; margin:2px 0 10px 0; color:#848484; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== STRUCTURE: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#container { width:960px;  margin:0 auto; padding:0 10px; background: url(images/img-content-bg.jpg) repeat-x; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== SPLASH PAGE: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#splash-container { width:100%; padding:85px 0 0 0; background: url(images/bg-splash-rpt.jpg) repeat-x; }
#splash-content { width:935px; height:49px; padding:290px 35px 0 10px; margin:0 auto;  background: url(images/img-splash-bg.jpg) no-repeat; position:relative; }

#join-contribute { width:390px; height:70px; position:absolute; top:224px; left:79px; }
#join-button { width:182px; height:36px; display:block; margin:0; }
#join-button input { background-image:url(images/img-splash-nav.jpg); background-position:0 0; background-repeat:no-repeat; }
#join-button input:hover { background-image:url(images/img-splash-nav.jpg); background-position:0 -36px; background-repeat:no-repeat; }

#join-contribute ul { margin:0; padding:0; width:390px; list-style-image:none; position:absolute; top:36px; left:192px; }
#join-contribute ul li { float:left; list-style-type:none; position:relative; margin:0; }
#join-contribute li a { background-image:url(images/img-splash-nav.jpg); display:block; text-decoration: none; }
#join-contribute li span { display:none; }

/*#join-contribute ul #item1 { top:0;left:0; margin:0 10px 0 0; }
#join-contribute #item1 a { width:182px;height:36px; background-position:0 0; }
#join-contribute #item1 a:hover, #join-contribute #item1 a.current { background-position:0 -36px; }*/

#join-contribute ul #item2 { top:0;left:0;}
#join-contribute #item2 a { width:126px;height:36px;background-position:-182px 0;}
#join-contribute #item2 a:hover, #join-contribute #item2 a.current { background-position:-182px -36px; }

#join-contribute form { width:390px; }
#join-contribute input.email { width:163px; height:18px; color:#b2b2b2; padding:2px 2px 0 4px; margin:0 6px 0 0; float:left; border:solid 1px #979797; }
#join-contribute input.zip { width:163px; height:18px; color:#b2b2b2; padding:2px 2px 0 4px; margin:0; float:left; border:solid 1px #979797; }
#join-contribute input.submit { width:216px; height:21px; margin:0px; float:left; }


#voter-petition { width:216px; height:48px; float:right; background: url(images/img-splash-petition-header.gif) no-repeat; padding:27px 0 0 114px; }

#skip { width:130px; height:36px; float:right; margin:0 0 0 42px; }
#skip ul { margin:0; padding:0; width:130px; list-style-image:none; }
#skip ul li { float:left; list-style-type:none; position:relative; margin:0; }
#skip li a { background-image:url(images/img-splash-nav.jpg); display:block; text-decoration:none; }
#skip li span { display:none; }

#skip ul #item1 { top:0;left:0; }
#skip #item1 a { width:130px;height:36px; background-position:-308px 0; }
#skip #item1 a:hover, #skip #item1 a.current { background-position:-308px -36px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== HEADER: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#getInvolved { width:960px; height:31px; text-align:right; margin:0px; padding:0px; }
#getInvolved form { height:31px; margin:0px; padding:0px; display:inline; }
#getInvolved input { color:#9d9d9d; border:none 0px; margin:5px 0 0 1px; vertical-align:top; }
input.email { width:190px; height:19px; padding:2px 0 0 2px; /*margin:-1px 0 0 0;*/ }
input.zip { width:61px; height:19px; padding:2px 0 0 2px; }
input.submit { width:58px; height:21px; }

#header { height:141px; width:960px; background: url(images/img-header-bg.jpg) no-repeat; }
#headerLeft { width:648px; height:141px; float:left; }
#headerLeft img { margin:11px 0 0 0; }
#headerRight { width:312px; height:141px; float:left; padding:0 0 0 0; }
#socialHeader { height:18px; text-align:center; border-bottom:1px solid #dcdcdc; padding:25px 0 10px 0; }
#socialNav { width:300px; height:32px; }
#socialNav ul { margin:10px 0 0 0; padding:0 0 0 30px; width:270px; list-style-image:none; }
#socialNav ul li {float:left; list-style-type:none; position:relative; margin:0 4px 0 0; }
#socialNav li a { background-image:url(images/matrix-SocialNetwork.gif); display:block; text-decoration: none; }
#socialNav li span{ display:none; }

#socialNav ul #item1{top:0;left:0;}
#socialNav #item1 a{width:32px;height:32px; background-position:0 0;}
#socialNav #item1 a:hover, #socialNav #item1 a.current{ background-position:0 -32px;}

#socialNav ul #item2{ top:0;left:0;}
#socialNav #item2 a{ width:32px;height:32px;background-position:-36px 0;}
#socialNav #item2 a:hover, #socialNav #item2 a.current{background-position:-36px -32px;}

#socialNav ul #item3{top:0;left:0;}
#socialNav #item3 a{width:32px;height:32px;background-position:-73px 0;}
#socialNav #item3 a:hover, #socialNav #item3 a.current{background-position:-73px -32px;}

#socialNav ul #item4{top:0;left:0;}
#socialNav #item4 a{width:32px;height:32px; background-position:-109px 0;}
#socialNav #item4 a:hover, #socialNav #item4 a.current{ background-position:-109px -32px;}

#socialNav ul #item5{ top:0;left:0;}
#socialNav #item5 a{ width:32px;height:32px;background-position:-145px 0;}
#socialNav #item5 a:hover, #socialNav #item5 a.current{background-position:-145px -32px;}

#socialNav ul #item6{top:0;left:0;}
#socialNav #item6 a{width:32px;height:32px;background-position:-182px 0;}
#socialNav #item6 a:hover, #socialNav #item6 a.current{background-position:-182px -32px;}

#socialNav ul #item7{top:0;left:0;}
#socialNav #item7 a{width:32px;height:32px;background-position:-218px 0;}
#socialNav #item7 a:hover, #socialNav #item6 a.current{background-position:-218px -32px;}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== NAVIGATION: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#nav { width:960px; height:46px; background-color: #ffffff; clear:both; }
#nav ul { margin:0; padding:0; width:960px; list-style-image:none; }
#nav ul li {float:left; list-style-type:none; position:relative; }
#nav li a { background-image:url(images/matrix-nav.jpg); display:block; text-decoration: none; }
#nav li span{ display:none; }

#nav ul #item1{top:0;left:0;}
#nav #item1 a{width:130px;height:46px; background-position:0 0;}
#nav #item1 a:hover, #nav #item1 a.current{ background-position:0 -46px;}

#nav ul #item2{ top:0;left:0;}
#nav #item2 a{ width:123px;height:46px;background-position:-130px 0;}
#nav #item2 a:hover, #nav #item2 a.current{background-position:-130px -46px;}

#nav ul #item3{top:0;left:0;}
#nav #item3 a{width:166px;height:46px;background-position:-253px 0;}
#nav #item3 a:hover, #nav #item3 a.current{background-position:-253px -46px;}

#nav ul #item4{top:0;left:0;}
#nav #item4 a{width:193px;height:46px; background-position:-419px 0;}
#nav #item4 a:hover, #nav #item4 a.current{ background-position:-419px -46px;}

#nav ul #item5{ top:0;left:0;}
#nav #item5 a{ width:195px;height:46px;background-position:-612px 0;}
#nav #item5 a:hover, #nav #item5 a.current{background-position:-612px -46px;}

#nav ul #item6{top:0;left:0;}
#nav #item6 a{width:153px;height:46px;background-position:-807px 0;}
#nav #item6 a:hover, #nav #item6 a.current{background-position:-807px -46px;}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CONTENT: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#content { width:960px; height:100%; background-color: #ffffff; position:relative; }
#contentMain { width:571px; float:left; padding:30px 53px 0 24px; }
.newsPost { width:571px; margin:0 0 20px 0; padding:0 0 5px 0; border-bottom:1px solid #dcdcdc; }
.newsPost img { margin:5px 0; }
.spacer { line-height:28px; }

#contentSide { width:302px; float:left; margin:20px 0 0 0; padding:0 10px 0 0; }
#contentSide div { width:302px; margin:0 0 10px 0; }
.contribute { height:40px; }
.joinTeam { width:302px; height:233px; background: url(images/img-JoinTeam-bg.jpg) no-repeat; padding:73px 0 0 0; }
.joinTeam ul { width:255px; height:233px; margin:0 0 0 27px; padding:0px; }
.joinTeam li { list-style-type:none; margin:0 0 2px 0; }
.joinTeam input.first { width:113px; height:19px; color:#b2b2b2; border:1px solid #a7adb6; padding:2px 2px 0 4px; margin:3px 0;}
.joinTeam input.last { width:113px; height:19px; color:#b2b2b2; border:1px solid #a7adb6; padding:2px 2px 0 4px; margin:3px 0;}
.joinTeam input.phone { width:239px; height:19px; color:#b2b2b2; border:1px solid #a7adb6; padding:2px 2px 0 4px; margin:3px 0;}
.joinTeam input.email { width:171px; height:19px; color:#b2b2b2; border:1px solid #a7adb6; padding:2px 2px 0 4px; margin:3px 0;}
.joinTeam input.zip { width:55px; height:19px; color:#b2b2b2; border:1px solid #a7adb6; padding:2px 2px 0 4px; margin:3px 0;}
.joinTeam input.submit { width:49px; height:21px; margin:3px 0 0 0;}

.signPetition { width:302px; height:35px; background: url(images/img-SignPetition-bg.jpg) no-repeat; text-align:center; padding:77px 0 0 0; }

.recentMedia { background: url(images/img-RecentMedia-bg.gif) repeat-y; }
.recentMedia ul { padding:17px 28px 0 27px; }
.recentMedia ul li {list-style-type:none; height:74px; margin:0 0 17px 0; }
.recentMedia ul li a { text-decoration:none; }
.recentMedia p { line-height:normal; }
.recentMedia ul li img { margin:0 13px 0 0; float:left; }
.mediaTitle { color:#2557aa; margin:0px; }

#contentBottom { clear:both; height:50px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== SLIDER: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#slideshow { width:960px; height:266px; overflow:hidden; position:relative; cursor:pointer; }
/*
.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
.slides li { position:absolute; top:0; width:960px; padding:0; margin:0; }
*/
.featured01 { width:960px; height:266px; margin:0; background-image:url(images/bg-feature.png); background-repeat:no-repeat; cursor:default; }
.featured01 p { display:block; font-size:14px; color:#d9e7ff; padding:20px 20px 0 20px; line-height:16px; }

#pagi { height:10px; width:85px; z-index:10; position:absolute; top:240px; }
#pagi ul { height:10px; width:85px; }
#pagi li { float:left; list-style-type:none; position:relative; }
#pagi li a { background:url(images/pagination.png) no-repeat; display:block; width:10px; height:10px; margin:0 3px 0 0; text-decoration:none; overflow:hidden; }
#pagi li a:hover { text-decoration:none; background-position:0 -10px; }
#pagi li a.activeSlide { background-position:0 -10px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CONTACT FORM: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*#contactformmain                     { width: 500px; margin: 15px 0;background: #ddd;padding: 5px;}
#contactformmain *                   { font-size: 12px;}
#contactformmain ol                  { margin: 0;padding: 0;list-style: none;}
#contactformmain li                  { margin: 0 0 5px 0; padding: 10px; background: #eee;}
#contactformmain li.buttons          { margin: 0; overflow: hidden;}
#contactformmain label               { width: 190px; margin: 0; display: block; float: left; padding: 5px 10px 2px 0; }
#contactformmain input.text          { width: 274px; border: 1px solid #D4D4D4; padding: 2px; margin: 0;}
#contactformmain textarea            { width: 274px; border: 1px solid #D4D4D4; padding: 2px; height: 80px; background: #FDFDF7; }
#contactformmain li.buttons input    { width: auto; padding: 4px; float: right; margin: 0 0 0 5px;  }
.warning { color:#970000; }
.loader { width: 16px; }*/

#contactformmain { width:500px; margin:15px 0; padding:5px; }
#contactformmain ol { margin:10px 10px 0 15px; padding:0px; list-style: none; }
#contactformmain li { float: left; clear: left; width: 556px; padding: 0 0 10px 0; margin: 0px; }
#contactformmain li.buttons { float: none; width: auto; margin: 0px; padding: 20px 0 0 0; border-style: none; }
#contactformmain label { float: left; width: 130px; margin: 0 10px 0 0; padding: 0px; }

#contactformmain input.text { width: 274px; padding: 2px; margin: 0;}
#contactformmain textarea { width: 274px; padding: 2px; height: 80px; }
#contactformmain li.buttons input { width: auto; }
.warning { color:#970000; }
.loader { width: 16px; }
.red { color: #FF0000; }




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CONTRIBUTE FORM: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
fieldset { float: left; clear: left; width: 571px; margin: 15px 0 0 0; padding: 0px; border-style: none; border-bottom: 1px solid #dcdcdc; }
legend { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #2557aa; line-height:normal; margin: 0 0 15px 0; }
.subtext { font-size:12px; font-weight:normal; color:#333333; padding:0px; }
label { float: left; width: 130px; margin: 0 10px 0 0; padding: 0px; }
fieldset ul { margin: 0 10px 0 15px; padding:0px; list-style: none; }
fieldset ol { margin: 10px 10px 0 50px; padding:0px; }
fieldset li { float: left; clear: left; width: 556px; padding: 0 0 10px 0; margin: 0px; }
fieldset.submit { float: none; width: auto; margin: 0px; padding: 20px 0 0 15px; border-style: none; }
.red { color: #FF0000; }
.footnote { color:#999999; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== FOOTER: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#footer { height:72px; background: url(images/img-footer-bg.jpg) repeat-x; margin:0 0 20px 0; padding:23px 0 0 0; text-align:center; font-size: 10px; }
#footer a { color:#94b9fa; }
#footer p { color:#5d8bdc; line-height:normal; margin:7px 0 0 0; }