/*
Theme Name: Nels 4 Congress 2.0
Author: Mike Retzak
*/

html, body {
	height: 99%;
}

body {
	background: #004990 url(../images/bg1.jpg) no-repeat top center;
	margin: 0;
	padding: 0;
	font-size: 15px;
}
body #inner_content { font-size: 90% }


#wrapper {
	position: relative;
  	height: auto !important;
  	height: 100%;
  	min-height: 100%;
}

#page_wrapper {
	width: 942px;
	_width: 928px;
	height: 100%;
	margin: 0 auto;
}

#header_container {
	height: 132px;
	width: 100%;
}

#header_container a {
	height: 132px;
	width: 100%;
	display: block;
}

#page_container {
	display: block;
	border: 3px solid #fff;
	float: left;
	background: #ccc url(../images/page_bg.jpg) repeat-x;
	width: 942px;
	min-height: 929px;
}

#page_pad {
	padding: 8px;
	_padding: 0;
	_margin: 0;
}

#top_nav_menu {
	height: 43px;
	width: 924px;
	background: transparent url(../images/top_nav_bg.jpg) repeat-x;
	border: 1px solid #999;
	_margin-left: 8px;
	_margin-top: 8px;
	_margin-right: 8px;
}

#bottom_pad {
	display: block;
	height: 40px;
	float: right;
	clear: both;
}

/*********** top nav menu *********************/




/********************/
#nav,
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 1000
}

#nav li {
	float: left;
}

#nav a {
	font: normal 15px Helvetica, Arial, sans-serif;
	margin-top: 10px;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 4px 0 1px 0;
	border-right: 3px solid #ccc;
	width: 139px;
}

#nav li.home a {
	width: 54px;
	background: transparent url(../images/home_btn.gif) no-repeat;
	background-position: 15px 1px;
}

#nav li.contribute {
	float: right;
	margin-right: 8px;
	display:none
}

#nav li.contribute a {
	width: 131px;
	background: transparent url(../images/contribute_btn.jpg) no-repeat;
	border: none;
	color: #fff;
	font: normal 1em Helvetica, Arial, sans-serif;
	margin-top: 7px;
	margin-left: 14px;
	padding-top: 9px;
}

#nav li.contribute a:hover {
	background-position: -131px 0px;
}

#nav li ul {
	border: none;
	background: none;
	position: absolute;
	width: 190px;
	left: -999em;
	height: auto;
	padding-top: 9px;
}

#nav li li {
	width: 190px;
}

#nav li ul a {
	display: block;
	margin-top: 0px;
	background: #EAF2F5 ;
	text-align:left;
	font-size: .85em;
	padding: 7px 5px 0px 5px;
	border: 1px solid #999;
	border-top:none;
	clear:left;
	width: 190px;
	color: #353E47;
	position: relative;
}

#nav li ul.news {
	width: 100px;
}

#nav li ul.news li {
	width: 100px;
}

#nav li ul.news a {
	width: 100px;
}

#nav li ul.show_support  {
	width: 120px;
}

#nav li ul.show_support li {
	width: 120px;
}

#nav li ul.show_support a {
	width: 120px;
}

#nav li ul a:hover {
	color: #FFFFFF;
	background: #BE3626;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul {
	left: auto;
}

#nav li:hover, 
#nav li.sfhover {
	color: #999; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	
	#top_nav_menu li.contribute a {
		padding-top: 8px;
	}

}

/******************* page content **************/

#content_container {
	float: left;
	margin-top: 8px;
	width: 653px;
	min-height: 770px;
	height:auto !important;
	height: 770px;
	background-color: #fff;
	border: 1px solid #999;
	margin-bottom: 8px;
	_margin-left: 4px;

}

#inner_content {
	padding: 16px 26px;
}

/***************** Main Index Page ************/

#index_top {
	display: block;
	height: 383px;
	width: 635px;
	background: transparent url(../images/blue.jpg) repeat-x;
	margin: 8px;
	border: 1px solid #999;
}

#index_top #frame {
	display: block;
	float: left;
	height: 278px;
	width: 340px;
	margin: 8px;
	background-color: #fff;
	border: 1px solid #ccc;
	_margin: 4px;
	_margin-top: 8px;
	_height: 275px;
}

#index_top #frame object {
	margin: 8px;
	_margin-bottom: 4px;
	_padding: 0;
}

#index_top #text {
	display: block;
	height: 365px;
	width: 267px;
	float: right;
	margin: 8px;
	margin-left: 0px;
	background-color: #fff;
	padding: 1px;
	_margin: 4px;
	_margin-top: 8px;
}

#index_top #index_headline {
	float: left;
	width: 340px;
	margin: 8px;
	margin-top: 12px;
	text-align: center;
	_margin: 4px;
	_padding-top: 12px;
}

#index_headline .headline {
	font: normal 3.2em Georgia, Times, serif;
	color: #fff;
}

.index_top_text p {
	font: normal 12px Verdana, arial, sans-serif;
	color: #333;
	padding: 4px 8px;
	margin: 0;
	line-height: 14.8px;
}

.index_top_text .hope {
	font: bold 14px Helvetica, arial, sans-serif;
	color: #666;
	padding: 4px 0 0 8px;
	margin: 0 auto;
}

#index_spotlight {
	display: block;
	height: 359px;
	width: 635px;
	margin: 8px;
	border: 1px solid #999;
}

#index_spotlight_tabs div {
	float: left;
	width: 130px;
	height: 33px;
	color: #666;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	cursor: pointer;
	text-align: center;
	font: normal 1.1em Helvetica, Arial, sans-serif;
	color: #fff;
	background: #ccc url(../images/spotlight_tab_inactive.jpg) repeat-x;
}

#index_spotlight_tabs div.active {
	border-bottom: none;
	cursor: pointer;
	font: normal 1.1em Helvetica, Arial, sans-serif;
	color: #333;
	background: #ccc url(../images/spotlight_tab_active.jpg) repeat-x bottom;
}


#index_spotlight_tabs div.spotlight {
	width: 111px;
	background: #5585B5 url(../images/spotlight_bg.jpg) no-repeat;
	font: normal 1.8em Georgia, Times, serif;
	font-variant: small-caps;
	border-right: none;
	border-left: 1px solid #999;
}

#index_spotlight_tabs div.first {
	border-left: none;
}

#index_spotlight_tabs div .pad {
	display: block;
	padding-top: 10px;
}

#spotlight_pad {
	display: block;
	float: left;
	width: 615px;
	padding: 10px;
	height: 305px;
	overflow: auto;
	overflow-x: hidden;
}

#spotlight_pad h2 {
	font: normal 1.3em Helvetica, Arial, sans-serif;
}

#spotlight_trail img {
	margin: 8px 17px;
	padding: 4px;
	border: 1px solid #999;
}

#spotlight_trail img:hover {
	border: 1px solid red;
	background-color: #ddd;
}

/*.trail_image_wrapper {
	height: 120px;
	width: 120px;
	display: block;
	float: left;
	vertical-align: middle;
}*/

/************** Archive page ************/

#archive_search {
	float: right;
}

ul#archives {
	font-family: Verdana, arial, sans-serif;
	color: #666;	
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}
	
/************* sidebar **************/

#sidebar_container {
	margin: 8px 0 0 8px;
	float: right;
	}

#sidebar_container h1 {
	font: normal 1.45em Georgia, Times, serif;
/*	font-variant: small-caps;*/
	letter-spacing: .02em;
	border-bottom: none;
	text-align: center;
	padding-bottom: 0;
	margin-bottom: 0;
	_margin-top: 0px;
}

* + html #sidebar_container h1 { 
	margin-top: 4px;
}

#sidebar_container h2 {
	font: bold .8em Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding: 0px;
	margin-top: 3px;
}

#sidebar_container ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#sidebar_container li a {
	font: normal .9em Helvetica, Arial, sans-serif;
	display: block;
	height: 29px;
	width: 233px;
	line-height: 32px;
	margin: 0 auto;
	margin-top: 4px;
	background: transparent url(../images/sidebar_btn.jpg) no-repeat 0px;
}

#sidebar_container li a.flickr {
	background: transparent url(../images/sidebar_btn_flickr.jpg) no-repeat;
}

#sidebar_container li a.facebook {
	background: transparent url(../images/sidebar_btn_facebook.jpg) no-repeat;
	margin-top: 8px;
}

.rss {
	float: left;
	margin-top: 5px;
}

.rss a {
	font: normal .9em Helvetica, Arial, sans-serif;
	margin-left: 14px;
	display: block;
	height: 42px;
	width: 230px;
	background: transparent url(../images/rss_btn.jpg) no-repeat;
	padding-top: 14px;
	_margin-left: 7px;
}

.rss a .subscribe {
	padding-left: 44px;
}

.rss a:hover {
	color: #fff;
	background-position: -230px 0px;
}

.signup_confirmation {
	font: normal .9em helvetica, arial, sans-serif;
	display: block;
	color: #fff;
	margin: 0 15px 21px 15px;
}

#sidebar_container li .map_text {
	font: bold .8em Helvetica, Arial, sans-serif;
	color: #666;
	display: block;
	width: 233px;
	margin: 0 auto;
	margin-top: 20px;
}

#sidebar_container li .map a img {
	display: block;
	margin-top: 8px;
	margin-left: 15px;
	padding: 0;
}

#sidebar_container li a:hover {
	color: #fff;
	background-position: -233px 0px;
}

.sidebar_block {
	width: 260px;
	border: 1px solid #999;
	margin-bottom: 8px;
	_margin-right: 5px;
}

#stay_informed {
	height: 194px;
	background: transparent url(../images/informed_bg.jpg) repeat-x;
}

#get_involved {
	height: 134px;
	background: transparent url(../images/involved_bg.jpg) repeat-x;
}

#voter_info {
	height: 287px;
	background: transparent url(../images/voterinfo_bg.jpg) repeat-x;
}

#connect {
	height: 125px;
	background: transparent url(../images/connect_bg.jpg) repeat-x;
}

/************** footer ***************/

#footer_container {
	width: 924px;
	height: 78px;
	float: left;
	margin: 8px;
	margin-top: 0px;
/*	position: absolute;*/
/*	bottom: 11px;*/
	background: transparent url(../images/footer_bg.jpg) no-repeat;
	border: 1px solid #999;
	_margin-left: 4px;
	_margin-right: 4px;
}

#paid {
 	border: 1px solid #98b5cc;
	float: left;
	height: 30px;
	width: 300px;
	margin-left: 25px;
	margin-top: 24px;
	_margin-left: 12px;
}

#footer_container p {
	color: #FFF;
	font: normal .9em Helvetica, Arial, sans-serif;
	line-height: 30px;
	text-align:left;
	margin-top:2px;
	text-align:center;
	cursor: default;
}

#footer_container ul {
  	float: right;
  	margin: 2.3em 25px 0 0 !important;
  	margin: 2.3em 0.5em 0 0;
  	padding: 0;
}

#footer_container ul li {
  	display: inline;
  	list-style: none;
}

#footer_container ul li a {
  	float: left;
  	padding: 0 1em;
  	font: 400 .9em helvetica,arial, sans-serif;
  	letter-spacing: 0.1em;
  	line-height: 0.8em !important;
  	line-height: 1em;
  	color: #cccfff;
  	border-right: 1px solid #98b5cc;
}

#footer_container ul li a.last {
  	padding-right: 0;
  	border-right: 0;
}

#footer_container ul li a:hover {
  	color: #98b5cc;
}


/****************** Show your support page ***********/

.support_graphic {
	border-top: 1px solid #999;
	padding-bottom: 20px;
	padding-top: 14px;
	display: inline-block;
}

.support_graphic img {
	float: left;
	margin: 6px;
	_margin: 3px;
}

#code_block {
	float: left;
	margin: 6px;
}

/****************** HTML Elements *****************/

/* Headers */

h1, h2, h3, h4, h5, h6 {
  	margin: 10px 0px;
}

h1 {
  	padding-bottom: 0.2em;
	padding-top: .2em;
  	font: 400 1.4em verdana, arial, sans-serif;
  	color: #353E47;
  	border-bottom: 2px solid #dddddd;
}

h2 {
	font: bold 1.2em Helvetica, Arial, sans-serif;
  	color: #586B7A;
	padding-top: 12px;
	padding-bottom: 3px;
	
}

h3 {
  	text-transform: uppercase;
  	font-size: 0.9em;
  	color: #5D6F73;
}

h4 {
  	font-size: 0.85em;
}

h5 {
  	font-size: 0.8em;
}

p {
	font: normal .95em verdana, arial, sans-serif;
	color: #333;
}

blockquote {
	margin: 0;
  	padding: 0 20px;
font-size: .9em;
  	background: #E7F1F3;
  	border-top: 1px solid #AAD3DB;
  	border-bottom: 1px solid #AAD3DB;
}

.white {
	color: #fff;
}

.blue {
	color: #004990;
}

.grey {
	color: #999;
}

.dark {
	color: #666;
}

.hideFromScreen {
	display: none;
}

#success {
	font: normal 1em Verdana, arial, sans-serif;
	color: #004990;
	padding: 0 13px;
	
}

/* Links */
a {
  	text-decoration: none;
  	color: #3B5D77;
}

a:hover {
  	color: #668FA3;
}

a img {
  	border: 0;
}

a img.border {  
  	border: 1px solid #FC3307;
}

/**************************************************************
   Form Elements
 **************************************************************/

form {
  	padding: 0;
  	margin: 0;
}
/*
label {
  	float: left;
  	width: 25%;
  	vertical-align: top;
}
*/
input,
textarea,
select {
  	padding: 2px 1px 3px 5px;
  	margin-bottom: 2px;
  	font: 400 1em verdana, sans-serif;
  	/* color: #999; */
  	background: #FFF;
  	border: 1px solid #CCC;
}

input.email {
	width: 224px;
	display: block;
	margin-left: 14px;
	_margin-top: -12px;
}

* + html input.email { 
	margin-top: -12px;
}

input.zip {
	width: 108px;
	margin-left: 14px;
	margin-top: 8px;
	float: left;
	clear: left;
	_margin-top: -9px;
}

* + html input.zip { 
	margin-top: -8px;
}

input:hover.email,
input:focus.email {
	color: #333;
}

input:hover.zip,
input:focus.zip {
	color: #333;
}

input.signup {
	float: right;
	font: normal .9em Helvetica, Arial, sans-serif;
	color: #3b5d77;
	margin-top: 8px;
	width: 107px;
	height: 26px;
	padding: 0;
	margin: 8px 15px 0 0;
	background: transparent url(../images/signup_btn.jpg) no-repeat;
}

input:hover.signup {
	color: #fff;
	border: none;
	background-position: -107px 0px;
	cursor: pointer;
}


input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  	padding: 0;
  	border: 0;
}

input.button {
  	padding: 2px 5px 2px 5px;
  	font: 400 0.9em verdana, serif;
  	cursor: pointer;
  	color: #fff;
  	background: #356e96;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #98b5cc;
}

input.radio {
  	background: none;
  	border: 0px;
}

.hidden_credit {
	visibility: hidden;
}

/*prevent firefox from outlining selected links*/
a {
  outline: none;
}

body.RadEContentBordered { font-size: .75em; font-family: Verdana, Arial, Sans-Serif }
.box_inner h3, .progressIndicator h3 { text-transform: none }