@charset "utf-8";
/* CSS Document */
/* Copyright 2010 // Elizabeth Moffly */

* { margin: 0; padding: 0; }
body { background: #fff url(../img/bg_tile.jpg) repeat-x; padding: 0; margin: 0; }
#wrapper { margin: 0 auto; width: 900px; height: auto; float:inherit; }

/* Navigation */
#nav { margin: 0 auto; width: 830px; height: 39px; }
#navAbout { width: 161px; height: 39px; float: left; }
#navRunning { width: 166px; height: 39px; float: left; }
#navMedia { width: 75px; height: 39px; float: left; }
#navNews { width: 74px; height: 39px; float: left; }
#navContribute { width: 123px; height: 39px; float: left; }
#navInvolved { width: 135px; height: 39px; float: left; }
#navContact { width: 92px; height: 39px; float: left; }

/* Content */

#headerBorder { margin: 0 auto; width: 827px; height: 6px; }
#headerImg { margin: 0 auto; width: 843px; height: 291px; }
#subNav { margin: 0 auto; width:843px; height: 55px; } 
#subnavWhy { width: 139px; height: 55px; float: left; }
#subnavDiv { width: 9px; height: 55px; float: left; }
#subnavIssues {width: 56px; height: 55px; float: left; }
#subnavbg { background: url(../img/subnav_bg.jpg) no-repeat; width: 379px; height: 55px; float: left; }
#subnavFollow { background: url(../img/subNav_Followbg.png) no-repeat; width: 258px; height: 55px; float: left; }
#navSocial { margin: 10px 15px 10px 30px; width: 230px; height: auto; }
#temDiv { margin: -20px auto; width: 841px; height: 2px; }
#contentMain { margin: 20px auto; background: url(../img/tem_zn1_bg.png) repeat-y; width:841px; height: auto; }
#contentBottom {margin: -20px auto; background:url(../img/tem_bottom.png) no-repeat; width: 841px; height: 23px; }
#contentSpacer { margin: 0 auto; width: 800px; height: auto; text-align: left; }
#contentText { margin: 0 auto; width: 760px; height: auto; text-align: left; padding: 10px 10px 10px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333; font-weight: normal;  }
#contentText1 { margin: 0 auto; width: 800px; height: auto; text-align: left; padding: 10px 0px 10px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333; font-weight: normal;  }
#buttonInvolve { width: 152px; height: 50px; float: left; }
#buttonContribute { width: 152px; height: 50px; float: left; }
#leadText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.9em; color: #003399; font-weight: bold; border-bottom: 1px solid #003399; }
#quoteText { margin: 0 auto; width: 727px; height: auto; padding: 5px 5px 5px 5px; background: #efefef; border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; color: #999; font-weight: normal; }

/* Social Icons */

#socialFacebook { width: 39px; height: 37px; float: left; }
#socialFlickr { width: 43px; height: 37px; float: left; }
#socialTwitter { width: 43px; height: 37px; float: left; }
#socialYouTube { width: 43px; height: 37px; float: left; }
#socialRSS { width: 44px; height: 37px; float: left; }

/* Get Involved Forms */

#formContent {margin: 0 auto; width: 310px; height: auto; }
#mainForm {  border: 0px; border-style: solid; margin: 0 auto; text-align: left; width: 70%; background-color: #ffffff; }
ul.mainForm { list-style-type: none; font-family: Tahoma, Arial, Verdana, sans-serif; font-size:15px; }
li.mainForm { list-style-type: none; padding-bottom: 10px; }
#mainFormError { position: relative; border: 1px; border-style: solid; margin: 0 auto; text-align: left; width: 70%; }
input.mainFormError { background-color: #FADADD; }
textarea.mainFormError { background-color: #FADADD; }
select.mainFormError { background-color: #FADADD; }
#formHeader { position: relative; width: 100%; background-color: #666699; margin:0 0 0 0; padding-bottom: 10px; }
p.formHeader { text-align: right; margin:0 0 0 0; font-family: Tahoma, Arial, Verdana, sans-serif; font-weight:normal; color: #ffffff; font-size:25px; position:relative; left:-5px; top:4px; letter-spacing: 2px }
#formInfo { position: relative; width: 100%; background-color: #ffffff; margin:0 0 0 0; }
h2.formInfo { text-align: left; margin:0 0 0 0; font-family: Tahoma, Arial, Verdana, sans-serif; font-weight:normal; font-size:20px;
position:relative; left:20px; top:0px; letter-spacing: 1px; line-height:150%; color: #ffffff; }
p.formInfo{text-align: left;margin:0 0 0 0;font-family: Tahoma, Arial, Verdana, sans-serif;font-weight:normal;color: #000000;font-size:12px;position:relative;left:20px;top:0px;color: #ffffff;}
#formFields{position: relative;width: 100%;background-color: #ffffff;margin:0 0 0 0;}
label.formFieldQuestion{line-height:125%;padding:0 4px 1px 0;border:none;	display:block;font-size:95%;font-weight:bold;}
label.formFieldOption{font-size:90%;display:block;line-height:2.0em;margin:-25px 0 0 25px;padding:4px 0 5px 0;width:75%;}
input.formFieldStyle{display:block;line-height:1.4em;margin:8px 0 0 3px;width:13px;height:13px;}

/* tooltip */
a.info {font-family: Tahoma, Arial, Sans-Serif;text-decoration:none; position: relative;}
a.info span {position: relative;display:none;}
a.info:hover {position: relative;cursor:default;}
a.info:hover .infobox {font-weight: normal; display:block; position:absolute; top:20px;;left:25px;width:205px; height:auto; border: 1px solid #ccc; background:#f4f4f4 url(question.gif) no-repeat bottom right; color:#000; text-align:left; font-size:0.7em; padding-left:10px; padding-top:5px; padding-right: 10px; padding-bottom: 5px;}

#formField {width: 370px; height: auto; margin: 0 10px 0 0; float: left;}
#formBoxes {width: 370px; height: auto; float: left;}
#formFieldTop {background: url(../img/formTop.png) no-repeat; width: 370px; height: 20px; }
#formFieldBottom { background: url(../img/formBottom.png) no-repeat; width: 370px; height: 20px; }
#FormFieldbg {background: url(../img/formbg.png) repeat-y; width: 370px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #003399; font-weight: bold; }
#formBoxesTop {background: url(../img/formTop.png) no-repeat; width: 370px; height: 20px; }
#formBoxesBottom { background: url(../img/formBottom2.png) no-repeat; width: 370px; height: 20px; }
#FormBoxesbg {background: url(../img/formbg.png) repeat-y; width: 370px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 0.825em; color: #000; font-weight: normal; }

/* Footer */

#seal { width: 300px; height: 35px; background: #fff; border: 1px solid #e7e7e7; float: left; margin: 7px 0 5px 33px; }
.sealContent { padding: 5px 10px 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333; }

#footerContact { width: 470px; height: 35px; border: 0px solid #e7e7e7; float: right; margin: 7px 0 5px 33px; }
.footerContactContent { padding: 5px 20px 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333; }

/* Endorsement */

#endorse { width: 800px; height: auto; margin: 0 auto; }
#newBuild {width: 800px; height: auto; margin: 0 auto;}
#newBuildbr { width: 800px; height: 3px; margin: 0 auto; border-bottom: 1px dotted #ccc; }
#newBuildleft { width: 169px; height: auto; float: left ; padding: 0 7px 0 0;}
#newBuildcenter { width: 400px; height: auto; float: left; margin: 0 5px 0 5px; border-left:1px dotted #ccc ; border-right:1px dotted #ccc ; padding:0 7px 0 7px; }
#newBuildright { width: 170px; height: auto; float: left; padding: 0 0 0 7px; }
#headerEndorse { width: 174px; height: 20px; }
#headerBlog { width: 174px; height: 20px; }
#headerAbout { width: 174px; height: 20px; }
#endorse1 { width: 174px; height: auto; font-family:Arial, Helvetica, sans-serif; font-size: 0.9em; color: #666; }
.endorser { font-size: 0.825em; font-weight: bold; color: #000;} 
#endorse1 img { top: 0px left: 0px; margin: 0 4px 4px 0; border: 2px solid #000;}
#endorse2 { width: 174px; height: auto; font-family:Arial, Helvetica, sans-serif; font-size: 0.9em; color: #666;}
#endorse2 img { top: 0px left: 0px; margin: 0 4px 4px 0; border: 2px solid #000; }
#aboutBlock { width: 400px; height: auto; font-family:Arial, Helvetica, sans-serif; font-size: 0.9em; color: #666;  }
#justInBlock { width: 400px; height: auto; font-family:Arial, Helvetica, sans-serif; font-size: 0.9em; color: #666;  }
#justInBlockNote { width: 400px; height: auto; font-family:Arial, Helvetica, sans-serif; font-size: 0.9em; color: #000; background:#FFFFCC; border:1px dashed #FF9900;}
#blogEntries { width: 174px; height: auto; font-family:Arial, Helvetica, sans-serif; font-size: 0.9em; color: #666; }
#blogEntries a:link { color: #CC6600; text-decoration: none; }
#blogEntries a:visited { color: #CC6600; text-decoration: none; }
#blogEntries a:hover{ color: #CCCC00; text-decoration: none; }
#blogEntries a:active { color: #CC6600; text-decoration: none; }
#blogEntries li { list-style:none; }
#eventHighlight {width: 400px; height: auto; margin: 0 auto; padding-top: 10px;  border-top: 1px dotted #ccc; }
#eventHighlightText {width: 400px; height: auto; margin: 0 auto; font-family:Arial, Helvetica, sans-serif; font-size: 0.9em; color: #666; padding-bottom: 10px; border-bottom: 1px dotted #ccc; }
#homeButton { width:31px; height: 68px; margin: -270px 0 0 10px; clear: both; }

/* Home Button */

#buttonSet { width: 750px; height: auto; margin: auto; }
#contributeButtonhm { width: 239px; height: 88px; float: left; margin: 0 9px 0 4px;}
#photosButtonhm { width: 239px; height: 82px; float: left; margin: 7px 9px 0 4px;}
#involvedButtonhm { width: 239px; height: 79px; float: left; margin: 8px 0 0 5px; }

/* Event Calendar */

#events { width: 220px; height: 102px; float: right; margin: -10px 0px 0 0; } 
#newsletter { width: 180px; height: 102px; float: left; margin: -10px 0px 0 0; }

/* Issues Buttons */

#issuesContainer { width: 375px; height: 48px; margin: 5px 3px 0 30px; }
#routesButton { width: 139px; height:21px; float: left; }
#gradingButton { width: 139px; height:22px; float: left; }
#graduationButton { width: 206px; height:21px; float: left; }
#standardsButton { width: 206px height:22px; float: left;}
#endorsement1{width:730px;height:auto;margin:6px auto;border:1px dotted #ddd;padding:5px 5px 5px 5px;}
#endorsement2{width:730px;height:auto;margin:6px auto;border:1px dotted #ddd;padding:5px 5px 5px 5px;}
#endorsement3{width:730px;height:auto;margin:6px auto;border:1px dotted #ddd;padding:5px 5px 5px 5px;}
#endorsement4{width:730px;height:auto;margin:6px auto;border:1px dotted #ddd;padding:5px 5px 5px 5px;}
#endorsement5{width:730px;height:auto;margin:6px auto;border:1px dotted #ddd;padding:5px 5px 5px 5px;}
#endorsement6{width:730px;height:auto;margin:6px auto;border:1px dotted #ddd;padding:5px 5px 5px 5px;}
#endorsement7{width:730px;height:auto;margin:6px auto;border:1px dotted #ddd;padding:5px 5px 5px 5px;}
#endorsement8{width:730px;height:auto;margin:6px auto;border:1px dotted #ddd;padding:5px 5px 5px 5px;}
#endorsement9{width:730px;height:auto;margin:6px auto;border:1px dotted #ddd;padding:5px 5px 5px 5px;}
.endorseHead{font-family:Arial, Helvetica, sans-serif;font-size:1.0em;font-weight:bold;color:#6B98EB;}
.endorseHeadRed{font-family:Arial, Helvetica, sans-serif;font-size:1.0em;font-weight:bold;color:#B60000;}
.endorseSub{font-family:Arial, Helvetica, sans-serif;font-size:0.9em;color:#333;font-weight:bold;}
.endorseContent{font-family:Arial, Helvetica, sans-serif;font-size:0.9em;color:#666;}
#endorseBtn{width:156px;height:62px;margin:0 auto;border:0px;}
#mediaBrk{width:750px;height:3px;border-bottom:2px dotted #ddd;margin:10px auto;}
.mediaHeaders{font-family:Arial, Helvetica, sans-serif;font-size:1.3em;font-weight:bold;color:#6B98EB;}
#endorseHeadMc{width:818px;height:150px;margin:3px 0 3px 9px;}
#justIn{width:174px;height:21px;}
#voteRibbon{width:102px;height:321px;margin:0 0 0 0;background:url(../img/voteribbon.png);float:left;}
.countdown{font-family:Arial, Helvetica, sans-serif;font-size:1.4em;font-weight:bold;color:#000;}
a.media:link{color:#B60000;font-size:0.9em;font-weight:bold;text-decoration:none;}
a.media:visited{color:#B60000;font-size:0.9em;font-weight:bold;text-decoration:none;}
a.media:hover{color:#000;font-size:0.9em;font-weight:bold;text-decoration:none;}
a.media:active{color:#B60000;font-size:0.9em;font-weight:bold;text-decoration:none;}
#secBreak{width:400px;height:1px;border-bottom:1px dotted #ccc;margin:0 auto;}
#namedollars{width:400px;height:auto;}
#namedollarsLeft{width:250px;height:auto;float:left;}
#namedollarsRight{width:140px;height:auto;float:left;margin:0 0 0 10px;}
#zaiscountdown{width:255px;height:51px;margin:0 auto;background:url(../img/zaiscountdown.png) no-repeat;padding:65px 0 0 120px;}