@import url('meyer-reset.css');
@import url('text-reset.css');

/* @group Text General
--------------------------------------  */
body {
        margin: 0;
        padding: 0;
        font-family: Arial, Verdana,  sans-serif;
        font-size: 11px;
        line-height: 1.5;
        text-align: center;
        background: #c99f6a url(/images/page-bg.jpg)  top center;
}

p {
        font-family:  Arial, Vardana, sans-serif;
        font-size: 11px;
        line-height: 16px;
        margin-bottom: 0.75em;
        }

li {
        font-size: 11px;
        line-height: 1.3em;
        }        
        
h1, h2, h3, h4, h5, h6 {font-family: Times, Times New Roman; font-weight: bold; font-variant: small-caps; line-height: 1.5em; color: #BD7131;}
h1        {font-size: 30px;}
h2        {font-size: 26px;}
h3        {font-size: 18px; margin-bottom: 10px;}
h4  {font-size: 14px;}

strong, .bold, .strong {
        font-weight: bold;
 }        
 
i, em, .italics {
        font-style:italic;
 }


ol, ul {
        list-style: decimal inside;
        margin-bottom: 10px;
        margin-left: 5px;
}

ul {
        list-style: disc;
        margin-left: 25px;
}

.col ul {
        margin-left: 0;
}

pre {
        font-family: monospace;
        font-size: 11px;
        line-height: normal;
        white-space: pre;
        margin: 11px;
}

sup {
        font-size: 10px;
        vertical-align: super;
        font-weight: bold;
}

fieldset label {
	font-weight: bold;
}

a,
a:visited {
        color: #8b1a13;
        text-decoration: none;
 }
 
a:hover,
a:active,
a:focus {
 text-decoration: underline;
 }
 
hr.section,
.hidden {
        display: none;
} 

.clear {
        clear: both;
}


blockquote {
	padding: 10px 15px;
	border: solid 1px #444;
	background: #999;
	margin: 10px;
}

textarea {
	width: 250px;
	height: 100px;
	border:1px solid #B6753F;
}
 

input {
	border:1px solid #B6753F;
	font-family:Georgia,Times,"Times New Roman",serif;
	font-size:12px;
	margin-bottom: 5px;
}

/* campaign form input customizations */

.lab { font-weight: bold; }
.hidelabel { height: 0px; width: 0px; overflow: hidden; }
.topspace { margin-top: 12px; }
.smallfont { font-size:12px; }
.fn { width:120px; }
.ln { width:150px; }
.email { width:275px; }
.addr { width:275px; }
.city { width:150px; }
.state { width:30px; }
.zip{ width:70px; }
.mobile { width:120px; }
.radio1 { padding:0px 0px 0px 5px;margin:4px 10px 0px 0px; font-weight:bold;font-size:6px; border:0px solid #ffffff;}

input[type=submit] {
	background: #8B1A13;
	border: 0 !important;
	font-weight: bold;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	color: #fff;
	padding: 3px 5px;
	margin-top: 5px; margin-bottom:10px;
	line-height: 1.5;
}

/* campaign form end */


hr {
	color: #BD7131;
}

.align_left {
	float: left;
	margin: 10px;
}

.align_right {
	float: right;
	margin: 10px;
}

.align_center {
	display: block;
	margin: 10px auto 10px auto;
}

 /* @end */

/* @group Structure
------------------------  */
#container-outer {
        background: url(/images/logo.jpg) 80px 0px no-repeat;
        width: 956px;
        margin: 0 auto;
}

#container-light {
        background: url(/images/light-source-dim.png) top center repeat-y;
}

#container {
		width: 900px;
		margin: 0 auto;
        clear: both;
        text-align: left;
        position: relative;
}

#head {
		height: 142px;
        position: relative;
}

.nav-div {
	z-index: 100;
}

#columns {
        padding: 0px;
}

#sidebar {
	width: 236px;
	float: right;
	padding-bottom: 8px;
	display: inline;
}


#main {
        float: left;
        width: 650px;
        margin-left: 0;
        xposition: relative;
        xz-index: 10;
}

.main-interior {
        background: #fff url(/images/interior-bg.jpg) top right repeat-y;
}

.main-bg {
        background:  url(/images/interior-bottom-bg.jpg) bottom left no-repeat;
        padding: 12px 14px;
}

.leveler td {
	vertical-align: top;
}

/* @end */

/* @group Shading
------------------------  */
.nav-div,
#footer,
.box,
.homebox {
        background:url(/images/trans-bg.png);
}


/* @end */

/* @group Header
------------------------  */
#head-links {
	position: absolute;
	top: 9px;
	right: 0px;
	z-index: 10;
}

#head-links ul li {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	display: inline;
	margin-right: 10px;
	padding-left: 16px;
    background:url(/images/star-nav.png) no-repeat;
    letter-spacing: -0.5px;
}

#head-links ul li a {
	font-weight: bold;
}

#title {
	font-weight: bold;
	position: absolute;
	top: 23px;
	left: 263px;
	width: 448px;
}

#head h1 {
		margin-left: 30px;
		padding: 0;
		background: url(/images/logo-text.png) no-repeat;
		width: 448px;
		height: 86px;
}

#head h1 a {
		text-indent: -9000px;
		width: 448px;
		height: 86px;
		display: block;
}


#head h2 {
		color: #133c64;
		font-size: 13px;
		font-weight: normal;
		text-align: center;
		text-indent: -9000px;
}


/* @end */

/* @group Navigation
------------------------  */
.nav {
        list-style: none;
        padding: 0;
        margin-left: 10px;
        background:  url(/images/nav-item-bg.png) left center no-repeat;
        margin-bottom: 8px;
}

.nav ul {
	list-style: none;
}

.nav li a,
.nav li a:visited {
        display: block;
        padding: 3px 22px 0 22px;        
        line-height: 36px;
        color: #8b1a13;
        text-transform: uppercase;
        font-size: 15px;
        letter-spacing: 0px;
        font-weight: bold;
        font-family: Helvetica, Arial;
        background:  url(/images/nav-item-bg.png) right center no-repeat;
}

.nav li.here a,
.nav li.here a:visited {
        color: #fff;
}

.nav li:hover a,
.nav li.here:hover a,
.nav li.here:hover a:visited  {
        background: #FCF0E6;
        text-decoration: none;
        color: #8b1a13;
}


.nav li a:hover,
.nav li a:active,
.nav li:hover a:hover,
.nav li:hover a:active,
.nav li.here:hover a:hover,
.nav li.here:hover a:active,
.nav li.over ul li a:hover,
.nav li.over ul li a:active {
        background: #E7CAB1;
        text-decoration: none;
        color: #8b1a13;
}


/* @end */

/* @group Dropdowns
------------------------  */
 
#nav li.over ul {
	margin: 0;
	padding: 0;
}

#nav a {
	text-decoration: none;
}

#nav li { /*float the main list items*/
	margin: 0;
	float: left;
	display: inline;
	position: relative;
	z-index: 6000;
}

#nav li li { /*float the main list items*/
	float: none;
	display: block;
	padding: 0;
	margin: 0;
}

#nav li li a { /*float the main list items*/
	line-height: 30px;
	background-image: none;
	margin: 0;
}

#nav li ul {
	display: none;
}

#nav li.off ul, 
#nav li.on ul{ /*put the subnav below*/
	position: absolute;
	top: 38px;
	*top: 38px;
	left: 0px;
	padding-top: 0px;
	width: 205px;
	background: #FCF0E6;
	margin-left: 0;
	border-bottom: solid 1px #DDB88D;
	border-right: solid 1px #c08f57;
}

#nav li.over ul a {
	border: 0;
	width: auto;
	margin:0px;
	color: #8b1a13;;
}

#nav li.on ul {
	display: block;
}

#nav li.off:hover ul, 
#nav li.over ul {
	display: block;
	z-index: 6000;
			}





/* @end */



/* @group Sidebar
------------------------  */
#button-box {margin:0px 0px 8px 0px;}
.button-container {margin:0px 0px 8px 0px;}
.register-button,
.box {
	margin-bottom: 8px;
        margin-top: 0px;
        padding-top: 0px;
	display: block;
	border: 0;
}
.blog-button {margin:0px 0px 0px 0px;padding:0px;}
.caucustv-button { margin: 0px 0px 0px 2px;padding:0px;}
#box-news {
	margin-bottom: 0;
}

.box {
	padding-bottom: 5px;
}

.box, .box p, .box li, .box h4 {
	font-family: Arial, Verdana, sans-serif;
}

.box h3 {
	height: 30px;
	margin: 0 0 8px 0;
	padding: 0;
	text-indent: -9000px;
}

#box-updates h3 {
        background:  url(/images/box-signup-bg.png) no-repeat;
}

#box-photo-gallery h3 {
        background:  url(/images/box-photo-bg.png) no-repeat;
}

#box-events h3 {
        background:  url(/images/box-events-bg.png) no-repeat;
}

#box-news h3 {
        background:  url(/images/box-news-bg.png) no-repeat;
}

#box-policy h3 {
        background:  url(/images/box-policy-bg.png) no-repeat;
}

#box-caucus-tv h3 {
	    background: url(/images/box-caucus-bg.png) no-repeat;
}

#box-archive h3,
#box-news-archive h3,
#box-blog-archive h3 {
        background:  url(/images/box-archive-bg.png) no-repeat;
}

#box-twitter h3 {
		background: url(/images/box-twitter-bg.png) no-repeat;
}

#box-socnet {
		text-align: center;
}

#box-socnet h3 {
		background: url(/images/box-socnet-bg.png) no-repeat;
}

.box .item {
	margin: 0 10px;
}

.box h4{
	line-height: 1.25em;
	margin-bottom: 3px;
}

li.upcoming_event { font-size: 14px; padding-left: 10px; list-style: none;}
li.upcoming_event a { font-weight:	bold; }

/* @end */

/* @group Get Updates
------------------------  */
.cta_field {
	border: solid 1px #b6753f;
	font-family: Georgia, Times, Times New Roman;
	font-size: 10px;
	line-height: 12px;
	padding: 3px 5px;
	margin: 0 6px 2px 0;
	width: 100px;
}

#first_name,
#mobile {
	width: 75px;
}

#email {
	width: 120px;
}

#zip {
	width: 55px;
}

#box-updates form .cta_submit {
	vertical-align: middle;
	border: 0 !important;
}

#box-updates form {
	padding: 5px 10px 8px 10px;
	margin: 0;
}

.signup-error {
	padding: 0 0 2px 5px;
	font-size: 10px;
	font-family: Arial, Helvetica, san-serif;
	color: #FF1100;
	font-weight: bold;
}


/* @end */

/* @group Upcoming Events
------------------------ */
.upcoming_events  {
	padding: 0 10px;
	margin: 0;
}

.upcoming_events li {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	font-variant: small-caps;
	font-size: 13px;
	text-indent: 0;
}

.upcoming_events li span {
	display: block;
	font-size: 11px;
	text-transform: none;
	margin-bottom: 3px;
}


/* @end */

/* @group Content
------------------------  */
.homebox {
	margin-bottom: 8px;
}

.homebox img {
	display: block;
}

.home-promo {
	height: 340px;
	padding: 11px 13px;
	margin-bottom: 0;
}

#featured-stories {
	background: #fff;
	margin: 10px 0;
}

.entry,
.content-pad {
	padding: 25px 0 0
}

.entry h3 {
	margin: 0;
}

.entry h4.byline {
	font-size: 11px;
	font-weight: normal;
	color: #555;	
	margin-bottom: 5px;
}

.entry img {
	margin: 10px 10px;
}
.main-interior p {
        font-family: Arial, Verdana, sans-serif;
        font-size: 13px;
        line-height: 18px;
        color: #1f1f1f;
        padding: 0 5px;
}

.main-interior li {
        font-family: Arial, Verdana, sans-serif;
        font-size: 13px;
        line-height: 16px;
        color: #1f1f1f;
        padding: 0 5px 5px 0px;
}

.main-interior h2 {
        margin-bottom: 15px;
}

.main-interior p.donate {
        text-align: right;
        margin: 20px 10px 0 0 ;
}

h3#comments, h3#respond {
	margin: 20px 5px;
}

div.comment {
	border-bottom: 1px solid #999;
}

#video {
	min-height: 550px;
}

.caption {
	font-size: 11px;
	line-height: 1.25em;
	margin-bottom: 10px;
}

#homevideos {
	font-size: 10px; 
	line-height: 1.1em;
}

#homevideos embed {
	height: 150px;
	width: 175px;
	margin-bottom: 10px;
	position: relative;
	display: block;
}

#homevideos object {
	height: 150px;
	width: 175px;
	position: relative;
	display: block;
}

#homevideos p {
	font-size: 10px;
	line-height: 1.15em;
	margin-top: 2px;
}


#oldervideos {
	width:560px;
	font-size: 10px; 
	line-height: 1.1em;
	margin-left: 30px;
}

#oldervideos embed {
	height: 150px;
	width: 175px;
	margin-bottom: 10px;
	position: relative;
	display: block;
}

#oldervideos object {
	height: 150px;
	width: 175px;
	position: relative;
	display: block;
}

#oldervideos p {
	font-size: 10px;
	line-height: 1.15em;
	margin-top: 2px;
}

#leftvideo {
	float: left;
	width: 180px;
}

#centervideo {
	float: right;
	margin-left: 10px;
	width: 180px;
}

#rightvideo {
	float: right;
	margin-left: 10px;
	width: 180px;
}

#topvideo {
	width: 650px;
	margin-left: 100px; 
}

#topvideo embed {
	margin-bottom: 20px;
	position: relative;
	display: block;
}

#topvideo object {
	position: relative;
}

/* @end */


/* @group Calendar */

h1.calendar_header {
	background-color: #BB6E2F;
	font-size: 18px;
}

ul.calendar_events {
	float: none !important;
	width: 100%;
	display: block;
}

.calendar_event {
	display: inline;
	text-indent: 0;
	margin-left: 0;
}

.calendar_day {
	padding: 1px;
	width: 80px;
}

li.calendar_event a {
	display:block;
        font-size:10px;
        line-height:1.2;
}

/* @end */


/* @group Footer
------------------------  */

#footer {
	padding: 10px 0 8px;
	color: #333;
	margin: 8px 0 40px 0;
}

.footer a,
.footer a:visited {
	color: ;
        font-weight: bold;
}

.footer p {
        line-height: 24px;
        font-size: 10px;
        text-align: center;
        font-weight: bold;
        color: #2B2B26;
        margin: 0;
}

.footer p img {
        margin: 0 6px;
}


/* @end */

/* @group Clearfix
---------------------------  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* @end */

/* misc extras */

.label12 { font-size:12px; color:#BD7131;}
.label14 { font-size: 14px; font-family: Times, Times New Roman; font-weight: bold; font-variant: small-caps; line-height: 1.5em; color: #BD7131;}
.label16 { font-size: 16px; font-family: Times, Times New Roman; font-weight: bold; font-variant: small-caps; line-height: 1.5em; color: #BD7131;}
.label18 { font-size: 18px; font-family: Times, Times New Roman; font-weight: bold; font-variant: small-caps; line-height: 1.5em; color: #BD7131;}

.box1 {float:left; width:90%; margin:0px 20px 0px 20px; border: 0px solid #cccccc; padding:10px;}
.box2 {float:left; width:90%; margin:0px 20px 5px 20px; border: 0px solid #cccccc; padding:10px;}
.StationsBox {margin: 0px 0px 0px 40px; }
.boldoption11 { font-size:11px;font-weight:bold; padding-bottom:3px; }
.req {font-size:10px; color:red; margin:4px; }

/* end misc extras */