/* CSS Document */
* {
  margin: 0;
  padding: 0;
}

a:active {
  outline: none;
}

body {
  font-size: 85%;
  color: #3b3b3b; 
  font-family: Arial, Helvetica, Verdana, sans-serif;
}

img {
  border: none;
}

p {
  line-height: 1.4em;
}

.left {
  float: left;
}

.right {
  float: right;
}

.center {
  text-align: center;
}

.clear {
  clear: both;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.signup-btn {
  background: url(../images/signupbtn.png) top left no-repeat;
  text-indent: -999em;
  border: none;
  width: 95px;
  height: 21px;
  text-decoration: none;
  cursor: pointer;
}

.stay-connected-btn {
  background: url(../images/stay-connected-btn.png) top left no-repeat;
  text-indent: -999em;
  margin: 8px 0 0 20px;
  border: none;
  width: 149px;
  height: 22px;
  text-decoration: none;
  cursor: pointer;
}

#container {
	margin: 0 auto;
	width: 1150px;
}

/*******************************************/
/* ERROR / NOTICE */
/*******************************************/

#notice, #error {
  color: white;
  margin: 5px 20px 5px 20px;
  padding: .75em;
  padding-top: 0;
  padding-bottom: 0;
}
#notice {
  background-color: #0c3;
  border: 3px solid #7FE699;
}
#error {
  background-color: #c00;
  border: 3px solid #e67f00;
}

#error p, #notice p {
  margin: 15px 0;
  text-align: center;
}

/*******************************************/
/* OVERLABEL */
/*******************************************/

.blur {
  color:#999;
}

/*******************************************/
/* HEADER */
/*******************************************/

#header {
  margin: 0;
  padding: 0;
  background-color: #FF1B24;
  height: 30px;
  padding: 6px 5px 0px 5px;
}

#header form {
  float: right;
}

#header form p {
  font-size: 14px;
  font-weight: bold;
  color: #676767;
  display: inline;
}

#header form input.textfield {
  font-size: 12px;
  padding: 2px;
}

#header form input.textfield.last {
  width: 55px;
}

/*******************************************/
/* FOOTER */
/*******************************************/
#footer {
  margin: 25px 0;
}

#footer ul {
  text-align: center;
  margin: 5px;
  list-style: none;
}

#footer ul li {
  display: inline;
  margin-right: 15px;
}

#footer a {
  font-size: 12px;
  color: #1c477f;
}

#footer p {
  font-size: 11px;
  text-align: center;
}

/*******************************************/
/* NAVIGATION BANNER */
/*******************************************/

#nav-banner {
  background: #04457F url(../images/nav-banner-bg.png) top left;
  height: 93px;
}

#nav-banner .voteno-big {
  display: inline;
  padding: 0 20px 0 20px;
  height: 93px;
  width: 228px;
}

#nav-banner-main {
  height: 93px;
  float: left;
}

#nav-banner-main > img {
  float: left;
}

#nav-banner-main h1, #nav-banner-main h2 {
  margin: 20px 0 0 10px;
  font-size: 24px;
  height: 28px;
  color: #FF1B24;
}
#nav-banner-main h2 {color: #fff; font-size: 18px;}

#nav-banner-main .nav-donate-btn {
  text-indent: -999em;
  margin: 5px 30px 0 0;
  background: url(../images/donate-btn-blue.png) top left no-repeat;
  width: 149px;
  height: 30px;
}

/*******************************************/
/* NAVIGATION TABS */
/*******************************************/

#nav-tabs {
  margin-top: 17px;
  height: 27px;
}

#nav-tabs .tab {
  text-decoration: none;
  float: left;
  margin-right: 5px;
  height: 27px;
  cursor: pointer;
}

#nav-tabs a.tab:hover .tab-left {
  background: url(../images/tab-left.png) center left no-repeat;
  height: 27px;
}

#nav-tabs a.tab:hover .tab-mid {
  background: url(../images/tab-mid.png) center left;
  height: 27px;
}

#nav-tabs a.tab:hover .tab-right {
  background: url(../images/tab-right.png) center left no-repeat;
  height: 27px;
}

#nav-tabs a.tab.selected:hover .tab-left {
  background: url(../images/tab-left.png) bottom left no-repeat;
  height: 27px;
}

#nav-tabs a.tab.selected:hover .tab-mid {
  background: url(../images/tab-mid.png) bottom left;
  height: 27px;
}

#nav-tabs a.tab.selected:hover .tab-right {
  background: url(../images/tab-right.png) bottom left no-repeat;
  height: 27px;
}

#nav-tabs .tab .tab-left {
  float: left;
  background: url(../images/tab-left.png) top left no-repeat;
  height: 27px;
  width: 6px;
}

#nav-tabs .tab .tab-mid {
  float: left;
  background: url(../images/tab-mid.png) top left;
  height: 27px;
}

#nav-tabs .tab .tab-right {
  float: left;
  background: url(../images/tab-right.png) top left no-repeat;
  height: 27px;
  width: 6px;
}

#nav-tabs .tab.selected .tab-left {
  float: left;
  border-bottom: 1px solid white;
  background: url(../images/tab-left.png) bottom left no-repeat;
  height: 27px;
  width: 6px;
}

#nav-tabs .tab.selected .tab-mid {
  float: left;
  border-bottom: 1px solid white;
  background: url(../images/tab-mid.png) bottom left;
  height: 27px;
}

#nav-tabs .tab.selected .tab-right {
  float: left;
  border-bottom: 1px solid white;
  background: url(../images/tab-right.png) bottom left no-repeat;
  height: 27px;
  width: 6px;
}

#nav-tabs .tab p {
  font-size: 14px;
  color: white;
  padding: 5px 8px 0 8px;
}

#nav-tabs .tab.selected p {
  font-weight: bold;
  color: black;
}

/*******************************************/
/* CONTENT BANNER */
/*******************************************/

#content-banner {
  width: 960px;
  height: 310px;
  margin: 20px 0 0 0;
}

#banner-img {
  width: 328px;
  height: 310px;
}

#content-banner-main {
  width: 596px;
  height: 254px;
  background-color: #5a616a;
  padding: 0 0 0 35px;
}

#content-banner-top {
  background: url(../images/content-banner-top.png) top left no-repeat;
  display: block;
  width: 631px;
  height: 28px;
}

#content-banner-bottom {
  background: url(../images/content-banner-bottom.png) top left no-repeat;
  display: block;
  width: 631px;
  height: 28px;
}

#content-banner-main h1 {
  color: white;
  font-size: 24px;
  margin: 0px 0 25px 0;
  width: 561px;
}

#content-banner-main p {
  color: white;
  font-size: 16px;
  line-height: 1.4em;
  width: 561px;
}

#content-banner-main .links {
  padding: 0 5px;
}

#content-banner-main .links a {
  color: white;
  margin-right: 24px;
}

/*******************************************/
/* CONTENT */
/*******************************************/

#content {
  width: 740px;
  float: left;
  margin-top: 25px;
}

#content blockquote {
  font-style: italic;
  margin-left: 20px;
}

#content h1 {
  margin: 0 0 25px 0;
}

#content h3 {
  margin: 25px 0 5px 0;
}

#content h4 {
  margin: 25px 0 25px 0;
}

#content img {
  margin: 20px;
}

#content p {
  margin: 0 0 15px 0;
}

#content a {
  text-decoration: none;
/*  font-size: 12px;*/
  font-weight: bold;
  color: #1c477f;
}

#content a:hover {
  color: #FF1B24;
}

#content ul {
  margin-left: 15px;
}

#content ul li {
  line-height: 1.4em;
}

/*******************************************/
/* ARTICLES */
/*******************************************/

#articles {
  float: left;
  width: 740px;
}

#articles .date-posted, #content .date-posted {
  font-size: 12px;
  margin: 0;
}

#articles .text {
  width: 340px;
}

#articles .video, #content .article div.video {
  margin: 5px 0 0 10px;
  width: 300px;
  height: 220px;
}

#articles .article, #articles .lead-article {
  margin-bottom: 20px;
}

#articles .article a, #articles .lead-article a, #content .article a {
  color: #1c477f;
  font-weight: bold;
}

#articles .article h2 a, #articles .lead-article h2 a, #content .article h2 a {
  font-size: 18px;
}

#articles .article a:hover, #articles .lead-article a:hover, #content .article a:hover {
  color: #FF1B24;
}

#articles .article a.more, #articles .lead-article a.more {
  font-size: 12px;
  font-weight: normal;
}

#articles .article p, #articles .lead-article p, #content .article p {
  margin-top: 5px;
  line-height: 1.3em;
}

/*#articles p.preview-video, , #content p.preview-video {
  margin-top: 5px;
  line-height: 1.3em;
}*/

#articles .placeholder, #content .placeholder {
  background-color: #efefef;
  text-align: center;
}

#articles .placeholder p, #content .placeholder p {
  font-weight: bold;
  margin-top: 95px;
}

/*******************************************/
/* Action Boxes */
/*******************************************/

#action-boxes {
  float: left;
  width: 292px;
  margin: 22px 0 0 18px;
}

#action-boxes .action-box {
  display: block;
  margin-bottom: 15px;
  width: 291px;
  height: 69px;
}

#action-boxes .action-box div.content {
  margin: 5px 8px 0 75px;
  height: 66px;
  padding: 6px 0 5px 5px ;
}

#action-boxes .action-box div.content a {
  padding-top: 0;
  font-weight: bold;
  color:#1c477f;
}

#action-boxes .action-box div.content a:hover {
  color: #FF1B24;
}

#action-boxes .action-box div.content p {
  margin: 5px 0;
  font-size: 12px;
  color:#777;
}

#action-boxes .action-box div.content h1 {
  margin: 0 20px;
  font-size: 12px;
  color:#6d6d6d;
}

#action-boxes .action-box div.content img {
  margin: 5px 0 5px 22px;
}

#action-boxes .action-box div.content form > input.textfield {
  font-size: 10px;
  padding: 2px;
}

#action-boxes .action-box div.content form > input.textfield.first {
  width: 130px;
}

#action-boxes .action-box div.content form > input.textfield.last {
  width: 45px;
}

#action-boxes div#novote.action-box {
  background: url(../images/novote.png) top left no-repeat;
}

#action-boxes div#events.action-box {
  background: url(../images/events.png) top left no-repeat;
}

#action-boxes div#store.action-box {
  background: url(../images/store.png) top left no-repeat;
}

#action-boxes div#wedding-reg.action-box {
  background: url(../images/wedding-reg.png) top left no-repeat;
}

#action-boxes div#stay-connected.action-box {
  background: url(../images/stay-connected.png) top left no-repeat;
}

#action-boxes div#donate.action-box {
  background: url(../images/donate.png) top left no-repeat;
}

#action-boxes div#voteno.action-box {
  background: url(../images/voteno-box.png) top left no-repeat;
}

/*******************************************/
/* ABOUT */
/*******************************************/

#about {
  width: 740px;
}

#about h1 {
  margin: 0 0 20px 0;
  font-size: 32px;
}

#about .text {
  width: 360px;
}

#about .text a {
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  color: #1c477f;
}

#about .text a:hover {
  color: #FF1B24;
}

#about .text p {
  line-height: 1.5em;
  margin: 5px 0 20px 0;
}

#about .image {
  margin: 0 0 0 10px;
}

/*******************************************/
/* ACTION */
/*******************************************/

#action {
  width: 740px;
}
#action .text ul { 
  list-style-type: none;
}
#action .text ul li {
  margin: 10px 0 0 0;
  padding: 0;
  border-bottom: 1px solid #efefef;
}

#action .text a {
  text-decoration: none;
  font-weight: bold;
  color: #1c477f;
}

#action .text a:hover {
  color: #FF1B24;
}
/*******************************************/
/* non ACTION */
/*******************************************/
#action .text ol {
  margin-left:20px;
}
#action .text ul.normalul {
  list-style-type: disc;
}
#action .text ul li {
  margin: 0 10px 0 0;
  border-bottom:none;
}
/*******************************************/
/* ARTICLE DETAILS */
/*******************************************/

#article-details {
  width: 740px;
}

#article-details .date-posted {
  font-size: 12px;
}

#article-details .text h1 {
  margin: 0 0 15px 0;
}

#article-details .text p {
  line-height: 1.4em;
}

/*******************************************/
/* PRIVACY POLICY */
/*******************************************/

#privacy {
  width: 740px;
}

#privacy h2 {
  margin: 15px 0 15px 0;
}

#privacy p {
  line-height: 1.4em;
}

/*******************************************/
/* ESPANOL */
/*******************************************/

#espanol {
  width: 740px;
}

#espanol h3 {
  margin: 65px 0 0 0;
}

#espanol h4 {
  font-weight: normal;
  font-size: 12;
  text-align: center;
  margin: 45px 0 0 0;
}

#espanol img {
  margin: 10px;
}

#espanol p {
  margin: 15px 0 0 0;
}

#espanol a {
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  color: #1c477f;
}

#espanol a:hover {
  color: #FF1B24;
}

/*******************************************/
/* CONTACT FORM */
/*******************************************/

#contact-form .short {
  width: 40px;
}

#contact-form .medium {
  width: 160px;
}

#contact-form .long {
  width: 220px;
}

#contact-form td.submit {
  text-align: center;
}

#contact-form fieldset {
  padding: 15px;
  width: 400px;
  margin: 0 auto;
}

#contact-form table td {
  padding: 5px;
}

#contact-form textarea {
  height: 200px;
}

#contact-form table th {
  padding: 5px;
  text-align: right;
}

/*******************************************/
/* SCHEDULE SPEAKER FORM */
/*******************************************/

#speaker-request-form .hour {
  margin-right: 0;
  width: 18px;
}

#speaker-request-form .minute {
  margin-left: -4px;
  width: 18px;
}

#speaker-request-form .short {
  width: 80px;
}

#speaker-request-form .medium {
  width: 160px;
}

#speaker-request-form .long {
  width: 220px;
}

#speaker-request-form td.submit {
  text-align: center;
}

#speaker-request-form fieldset {
  padding: 15px 0 15px 80px;
  width: 500px;
  margin: 0 auto;
}

#speaker-request-form table td {
  padding: 5px;
}

#speaker-request-form textarea {
  height: 200px;
}

#speaker-request-form table th {
  padding: 5px;
  text-align: right;
}

/*******************************************/
/* CONNECT & SHARE */
/*******************************************/

#connect-share {
  width: 289px;
  height: 68px;
  padding-top: 6px;
  background: url(/images/cs-tile.gif) no-repeat left top;
}

#connect-share .title {
  margin: 5px auto 0 auto;
  width: 148px;
  height: 13px;
  background: url(/images/cs-title-horiz.png) no-repeat left top;
}

#connect-share .title p {
  text-indent: -999em;
}

#connect-share .icons {
  width: 220px;
  height: 29px; 
  margin: 5px auto;
}

#connect-share .icons a img {
  float: left;
  width: 50px;
  height: 29px;
  margin: 0 4px 0 0; 
}

/*******************************************/
/* MONTHLY ARCHIVES */
/*******************************************/

#archives {
  min-height: 700px;
}

#monthly-archive-links {
  margin: 22px 0 0 22px;
  float: left;
}

#monthly-archive-links ul {
  list-style: none;
}

#monthly-archive-links li {
  width: 120px;
}

#monthly-archive-links a {
  font-weight: bold;
  text-decoration: none;
  color: #1c477f;
}

#monthly-archive-links a:hover {
  color: #FF1B24;
}

/*******************************************/
/* FORM STEP 1 */
/*******************************************/

#form-two-col h1 {
  font-size: 64px;
  text-align: center;
  margin: 25px 0 10px 0;
  color: #004a84;
}
#form-two-col h2 {
  font-size: 36px;
  text-align: center;
  font-weight: normal;
  color: #004a84;
  margin-bottom: 20px;
}
#form-two-col h2 strong {
  font-weight: bold;
  color: #b5d232;
  font-size: 48px;
}
#col-left {
  background: #5b636b url(/images/sml_grey_top.gif) top left no-repeat;
  float: left;
  display: inline;
  width: 608px;
  margin-bottom: 30px;
}
#col-left form {
  background: url(/images/sml_grey_btm.gif) bottom left no-repeat;
  padding: 20px 65px 20px 20px;
  color: #fff;
  font-size: 13px;
}
#col-left form p.center {margin-bottom: 20px;}
#col-left form p.center a {color: #fff;}
#col-left form h3.center {margin-top: 20px;}
#col-left form h3 {font-size: 24px;margin-bottom: 10px;}
#col-left form .indent {margin: 0 0 30px 28px;}
#col-left form fieldset {border: none;}
#col-left form label {display: block;margin-bottom: 5px;float:left;}
#col-left form input.sml {width: 70px; float: left; margin-left: 5px;}
#col-left form textarea {display: block;width: 487px;}
#col-left form .float input {width: 115px;}
#col-left form .float span {display: block;}
#col-left form .floatLrg input {width: 205px;}
#col-left form .float {
  float: left;
  display: inline;
  width: 130px;
}
#col-left form .floatLrg {
  float: right;
  display: inline;
  width: 215px;
}
#col-left #btn-send {
  background: url(/images/btn_send.gif) top left no-repeat;
  display: block;
  margin: 20px auto 0 auto;
  text-indent: -999em;
  overflow: hidden;
  padding-top: 29px;
  width: 133px;
  height: 29px;
  border: none;
  cursor: pointer;
}
#col-right {
  float: right;
  display: inline;
  width: 330px;
}
#col-right h4 {font-size: 16px;color: #004a84;}
#col-right p.date {font-size: 10px;margin-bottom: 5px;}
#col-right .video {margin-bottom: 20px;}

/*******************************************/
/* FORM STEP 2 */
/*******************************************/

#lrg-grey-box {
  background: #5b636b url(/images/lrg_grey_top.gif) top left no-repeat;
  width: 761px;
  margin: 20px auto 40px auto;
}
#more {
  font-weight: bold;
  margin-bottom: 40px;
}
#more a {
  color: #004a84;
}
#lrg-grey-box h1 {
  font-size: 36px;
  color: #fff;
  text-align: center;
  font-weight: normal;
  padding: 50px 40px 30px 40px;
}
#lrg-grey-box ul {
  font-size: 36px;
  color: #fff;
  list-style: none;
  margin: 0 0 60px 0;
}
#lrg-grey-box ul li {
  height: 60px;
  line-height: 1.5em;
}
#lrg-grey-box ul strong {
  color: #b5d232;
  line-height: 1em;
  text-align: right;
  float: left;
  display: inline;
  width: 275px;
  margin-right: 15px;
  font-size: 48px;
}               
#lrg-grey-box ul a {
  font-size: 13px;
  color: #fff;
  padding-left: 20px;
}
#lrg-grey-box #box-btm {
  background: url(/images/lrg_grey_btm.gif) top left no-repeat;
  height: 27px;
  font-size: 0;
  line-height: 0;
}
http://www.noonprop8.com/styles/date-picker.css
/* Some resets for compatibility with existing CSS */
.date_selector, .date_selector * {
  width: auto;
  height: auto;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.date_selector {
  background: #F2F2F2;
  border: 1px solid #bbb;
  padding: 5px;
  margin: -1px 0 0 0;
  position: absolute;
  z-index: 100000;
  display: none;
}
.date_selector_ieframe {
  position: absolute;
  z-index: 99999;
  display: none;
}
.date_selector .month_nav {
  margin: 0 0 5px 0;
  padding: 0;
  display: block;
}
.date_selector .month_name {
  font-weight: bold;
  line-height: 20px;
  display: block;
  text-align: center;
}
.date_selector .month_nav a {
  display: block;
  position: absolute;
  top: 5px;
  width: 20px;
  height: 20px;
  line-height: 17px;
  font-weight: bold;
  color: #003C78;
  text-align: center;
  font-size: 120%;
  overflow: hidden;
}
.date_selector .month_nav a:hover, .date_selector .month_nav a:focus {
  background: none;
  color: #003C78;
  text-decoration: none;
}
.date_selector .prev {
  left: 5px;
}
.date_selector .next {
  right: 5px;
}
.date_selector table {
  border-spacing: 0;
  border-collapse: collapse;
}
.date_selector th, .date_selector td {
  width: 2.5em;
  height: 2em;
  padding: 0;
  text-align: center;
}
.date_selector td {
  border: 1px solid #ccc;
  line-height: 2em;
  text-align: center;
  white-space: nowrap;
  background: white;
}
.date_selector td.today {
  background: #FFFED9;
}
.date_selector td.unselected_month {
  color: #ccc;
}
.date_selector td a {
  display: block;
  text-decoration: none;
  width: 100%;
  height: 100%;
  line-height: 2em;
  color: #003C78;
  text-align: center;
}
.date_selector td.today a {
  background: #FFFEB3;
}
.date_selector td.selected a {
  background: #D8DFE5;
  font-weight: bold;
}
.date_selector td a:hover {
  background: #003C78;
  color: white;
}

.caption {font-size:85%; margin:0  0 20px 10px; }
#content p.banner img {margin:10px 10px 0 10px;}
#action-boxes #donate, #action-boxes #stay-connected {display:none;}