html {
  height: 100%;
  margin-bottom: 0px;
}

form {
  margin: 0;
  padding: 0;
}

img,table {
	border: none;
}

/* outermost part: */
body {
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	margin: 0px auto;
	padding: 0;
	text-align:center;
	font-size: 12px;
	color: #333;
	background: url('../img/bg.jpg') repeat-x #F2EFDC;
	height:100%;
}

body /* Mozilla Firefox alignment */
{
text-align: -moz-center;
} 

a { color: #150185;// #002D64;text-decoration: none; }
a:hover { color: #E11700; text-decoration: underline}

/* sits inside body; background color would override body's if used */
#screen {
 	text-align: center;
  margin: 0 auto;
  padding: 0;
  width: 900px;

 }

ul {
  padding-left:1em; /* used by browsers that work */
  padding-right:2em;
  margin-left:1em; /* used by IE */
  margin-right:3em;
}

li { 
  margin-top: .75em;
}



/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

/* horizontal menu */

#ja-cssmenu {
	margin: 0px 0px 0px 10px; /* all lists */
	padding: 0;
	float: left;
	font-family: arial, sans;
	f/ont-family: Palatino, georgia;
	/*border-right: 1px solid #555555;*/
}

#ja-cssmenu ul {
	margin: 0; /* all lists */
	padding: 0;
}

#ja-cssmenu li {
	margin: 0; /* all list items */
	padding: 0;
	float: left;
	display: block;
	background: none;
	cursor: pointer;
	position: relative;
}

#ja-cssmenu li a {
	margin: 0px 0px 5px 0px;
	padding: 0px 8px;
	display: block;
	color: #C9DDC9;//#00FF00;//#A9BDE1;//#FFF7C6;//#202e47;//#202020;
	line-height: 200%;
	text-decoration: none;
	font-weight:bold;
	font-size:145%;//165%;//115%;
	outline:none;
	text-transform: uppercase;
	font-family:  tahoma, arial, sans;
}
#ja-cssmenu li a:hover,
#ja-cssmenu li a:active,
#ja-cssmenu li a:focus {
	background-color: #B51301;//#295575;//#202e47;
	color: white;//#405c8e;
}

#ja-cssmenu li {
	margin: 0 15px 0 0 ;
}





/* behind banner and quotes; no background color */
#divwrapper {
	position:relative;
	float:left;
	margin-left: auto;
	margin-right: auto;
	text-align:left; /* Treated as align */
	width: 900px;
	margin: 0;
	padding: 0; 
	b/ackground: url('../img/we-people.jpg') no-repeat #FFF;

}
#divwrapper img { 
	margin-top: 5px
}


#logo {
	position:relative;
	float:center;
	width:900px;//768px;
	padding:30px 0px 100px 0px; // was: 26 0 0 28  top right bottom left
}
#logo img {
	margin-top: 80px;
}


// top nav bar:
#navbar {
	position:relative;
	float:left;
	left:5%;
	margin:2px 0px 0px 0px;
	color:#fff;
	font-size:9px;
	width:715px;
}

#bg_footer {
 	bottom:10px;
	height:161px;
	width:100%;
}

#page {
	width:900px;
	vertical-align: top;
	height:auto;
}

#page_bg {
	padding: 0;
}

div.center {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	float:left;
}

#wrapper {
	position:relative;
	float:left;
	width: 880px;
	padding:10px 10px 10px 10px;
	background-color:#ffffff;
}
#page_1 #wrapper {
	 display:none;
}

#top {
	width: 900px;
	height: 43px;
	margin: 0 auto;
	padding: 0;
}

#header {
	height: 55px;
	background-image:none;
	margin: 0 auto;
	width: 900px;
}
#main_content {
	margin: 0 auto;
	width: 900px;
	border:1px solid yellow;
	clear:both;
	
	}
	
#mainarea{
	position:relative;
	float:left;
	width: 880px;
	background-color:#FFFFFF;
	height:240px;
	margin-top:10px;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
	
	
}


/* contains sidebar and main text: */
#mediarea{
position:relative;
float:left;
width: 880px;
background-color:#f9f7ee;/*#f9f7ee;#f2efdd #fefcfa;*/
padding:10px 10px 10px 10px;
text-align: left;
margin: 0;
}
#mediarea-left { width: 665px; float: left}
#mediarea-left-bottom { padding: 50px; font-size: 12pt; line-height: 135%}
#mediarea-left-bottom p{ background: url('../img/orange.gif') repeat #D44C1B; color: #fff; font-weight: bold; font-size:7pt; width: 65px; text-align: center; float: right; margin: 0px 60px 0 -60px}
#mediarea-left-bottom a{ color: #fff; padding: 2px; display: block}
#mediarea-left-bottom a:hover{ background: url('../img/red.gif') repeat #C2092B; text-decoration:none; display: block}


#rss-feed { padding: 20px 50px; b/order: 1px solid #C0C0C0; font-size: 12pt; letter-spacing: 1px; font-family: arial, palatino; background-color: #F9F7EE;//#EFEFEF}
#rss-feed h1{ font-size: 10pt; font-family: verdana, palatino; margin: 0;}
#rss-feed h2{ font-size: 13.5pt; font-family: arial, verdana; margin: 9px 0; color: #150185}
#rss-feed a{ color: #000;//#CC0000;//#C41919;//#A30724; padding: 2px; }
#rss-feed a:hover{ text-decoration: underline;}
#rss-feed li{ padding-bottom: 2px; margin: 0; margin-left: -3px}

#mediacen_area{
  position:relative;
  line-height: 135%;
	float:left;
	width:595px;
	padding:30px 30px 30px 50px;
	font-size:135%;
	color:#2a2a2a;
	text-align:left;
	margin-bottom: 100px;
	background-color: #fff;

}
#mediacen_area p {
	margin-bottom: 18px;
}
#mediacen_area h1{ 
font-family: Palatino, georgia, times new roman;
font-size:26px;
color:#545454;
text-align:left;
font-weight:bold;
margin:38px 0 25px;
}
#maintext {
	width: 600px;
	background-color: #fff;
}




/* Sidebar start*/

#sidebar{
position:relative;
float:right;	
width:204px;
border-left: 1px solid #9F937D; 
border-top: 1px solid #9F937D;
background:url('../img/sidebar_bg.jpg') no-repeat #f2efdd; 
}

#sidebar a {
	color:#202e47; /*#087aae;*/
}
#sidebar p {
	font-size:18px;
	padding-left:10px;
}
#sidebar a:hover {
	color:#405c8e /*#404041;*/
}


/* Left sidebar menu */

#sidebar_left {
	width:190px;	
	margin: 0;
	padding: 0;	
	margin-left: 7px;
	margin-top: 75px;
}
#sidebar_left p{
	text-align: center;
	display: block;
	background-image: url('../img/transparent.png');
	background-repeat: repeat-y;
	color: #193555;
	font-size: 14pt;
	font-weight: normal;
	font-family: Palatino, Times, serif;
	margin: 0 0 15px 0;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #333333 #333333 #FFFFFF;
	vertical-align:text-middle;	
}
#sidebar_left ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sidebar_left li {
	list-style-type: none;
	border-width: 1px;
	border-style: solid;
	border-color: #333333 #FFFFFF #FFFFFF #333333;
}
#sidebar_left li a {
	margin: 0;
	padding: 8px 1px 8px 8px;
	display: block;
	background-image: url("../img/transparent_bg.png");
	background-color: #F9F7EE;
	text-decoration:none;
	font-size:11pt;	
	height: 17px;
}
#sidebar_left li a:hover {
	background-image: none;
	background-color: #B51301;
	color: #F9F7EE;
}
/* Sidebar end */

#white-dot { position: absolute; right:205px; top:220px; background-color: #FFF; width:9px; height: 210px;}

#content {
	width: 100%;
	margin-top:30px;
}
#pagearea{
float:left;
width:646px;
}

#pagearea h1{	
float:left;
font-size:14px;
color:#555555;
text-align:left;
padding:0px;
margin-top:-20px;
}
#pagearea h2{	
font-size:12px;
color:#EB3EA5;
text-align:left;
font-weight:normal;
	
}
#pagearea h3{	
font-size:12px;
color:#231F20;
text-align:left;
font-weight:normal;
}
#pagearea h4{	
background-color:#E7E7E8;	
font-size:14px;
color:#225A79;
text-align:left;
font-weight:bold;	
}


/* Background banner in header */

#banner_bg {
  background:url('../img/wethepeople.jpg') no-repeat #193555; 
  height: 210px; 
  width: 579px; 
  margin: 0 0px 0 1px;
  padding: 0; 
  text-align: center;
}
#banner_bg img {
 margin-top: 105px
}
#stylebar {
  background: url('../img/bar.jpg') repeat #193555; 
  width: 900px; 
  height: 15px; 
  margin: 3px 0;
}

/* Footer*/

#finale { b/ackground-color:  #A30A07; padding: 0px; margin: 100px;}
#finale-inner { width: 900px; text-align: center; margin: 0 auto;}
#finale-inner-right {float: right; margin: 30px 55px 30px 35px}
#finale-inner-middle { float: right; margin: 45px 40px 40px 70px}

/* Paid for by*/
#disclaimer {
	border: 1px solid #9F937D;//#FFF7C6;
	width: 300px;
	font-family: arial;
	color: #9F937D;//#FFFCD7;
	display:block;
	padding: 8px;
	margin: 20px auto;
	text-align: center;
}

#footer {
width:100%;
background-color: #003246;
clear:both;
}
#footer_bg{	
width:100%;
clear:both;
font-size:11px;
color:#FFFFFF;
text-align:center;
position:relative;
}

#footer_nav{
width:100%;
font-size:11px;
color:#9F937D;//#D6CEA7;
text-align:center;
} 
#footer_nav a{
display:inline;
color:#9F937D;//#FFF7C6;
text-decoration:none;
}
#footer_nav a:hover{
display:inline;
color: #C2092B;//#ffffff;
text-decoration:none;
}

#copyright{
width:900px;
font-size:11px;
font-weight:normal;
text-align:center;
color:#FFFFFF;
clear:both;
background-color:#003246;
}
#copyright a{
color:#FFFFFF;
text-decoration:none;
padding-left:5px
}
#copyright a:hover{
color:#FFFFFF;
text-decoration:none;
}


#quotes p { 
	font-size: 105%;
	line-height: 125%;
	padding:0px 15px 5px 22px;
	margin: 12px 0;
}

#quotes h3 { 
	font-family:Palatino, Times, serif;
	font-size: 150%;
	padding:25px 10px 5px 10px;
	margin: 0 0 0 5px;
}

#transparent_dot { background: url('../img/transparent_dot.png') repeat transparent; border: 1px solid #E11700; margin-top: 46px; padding: 8px; color: #FFF7C6; font-size: 10pt}
#transparent_dot a { color: #FFF7C6}
#transparent_dot a:hover { color: #FFF7C6; text-decoration: none}


/* Twitter badge*/

#twitter_div { width: 161px; padding: 5px 18px; background-color: #fff; margin: 25px 5px 0 -1px; text-align: center; border-right: 1px solid #9F937D; border-bottom: 1px solid #9F937D;}
 
ul#twitter_update_list { width: 150px; padding: 0; margin: 0; text-align: left; overflow: hidden; }
 
ul#twitter_update_list li { width: 150px; padding: 5px 0 5px 0; list-style: none; display:block;}
 
ul#twitter_update_list li a { color: #150185; text-decoration: none; }
 
ul#twitter_update_list li a:hover { color: #E11700; }

/* Flickr badge*/

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img { width: 120px; height: 90px; border-color:  #333 #FFF #FFF #333 ; border-style: solid; border-width: 1px; }
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#002D64 !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#002D64;}
#flickr_badge_wrapper { margin-top: 90px}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/* Left main column */

#we-people-text { background: url('../img/transparent.png') repeat transparent; padding: 10px; margin: 38px 0 0 10px}
#we-people {  width: 666px; background: url('../img/we-people.jpg') no-repeat #FFF; float: left; border: 10px solid #F0D99C; border-right: 10px solid #FFF}
#we-people,
#action_items { margin: -10px 0 0 -10px; float: left}

#action_items { width: 686px; margin-top: 0px; background-color: #fff; padding-top: 10px; padding-bottom: 10px; }

#action_items .ai1, 
#action_items .ai2, 
#action_items .ai3{ background-color: #fff; padding-right: 10px; padding-left: 10px; color: #150185;//#002D64; }

#action_items .ai1 ul, 
#action_items .ai2 ul, 
#action_items .ai3 ul{  list-style-type: none; width: 177px; height: 220px; padding: 15px; margin: 0; background-color: #efefef; }

#action_items .ai1 h1, 
#action_items .ai2 h1, 
#action_items .ai3 h1{ color: #C41919; font-size: 18pt; font-family: Palatino, Times, serif, georgia ; line-height: 120%;}

#action_items .ai1, 
#action_items .ai2 { }  
#action_items .ai3 { margin: 0px;} 

#action_items .ai1 { float:left;}
#action_items .ai2 { float:left; border-left: 2px solid #efefef; border-right: 2px solid #efefef}
#action_items .ai3 { float: right}

#action_items h2 { font-size: 10pt; font-weight: normal; text-align: right}

#action_items .ai1-button,
#action_items .ai2-button, 
#action_items .ai3-button { background: url('../img/red.gif') repeat #C32A27; color: #fff; font-weight: bold; font-size: 8pt; text-align: center}

#action_items .ai1-button { width: 115px;}
#action_items .ai2-button { width: 55px;}
#action_items .ai3-button { width: 90px; margin-top: 10px}

#action_items .ai1-button a,
#action_items .ai2-button a,
#action_items .ai3-button a{ color: #fff; padding: 3px 5px; display: block}

#action_items .ai1-button a:hover,
#action_items .ai2-button a:hover,
#action_items .ai3-button a:hover{ background: url('../img/orange.gif') repeat #000; display: block; text-decoration: none}

#extra .extra-button { background: url('../img/red.gif') repeat #C32A27; color: #fff; font-weight: bold; font-size: 8pt; text-align: center}
#extra .extra-button a{ color: #fff; padding: 3px 5px; display: block}
#extra .extra-button a:hover{ background: url('../img/orange.gif') repeat #000; display: block; text-decoration: none}

#top-blurb { margin: 0 0 13px; font-size: 10pt; line-height: normal; font-style: italic; width: 500px}
#fb-share-button { float: right; width: 50px; margin: 0; position: absolute; top:10px; right:20px }

#image-desk { border-top: 1px solid #D8C6A9; border-bottom: 1px solid #D8C6A9; padding: 10px 15px 15px 10px;}
#image-desk img { float: left; border-left: 1px solid #9F937D; border-bottom: 1px solid #9F937D}
#image-desk h3 { float: right; font-size: 16pt; font-family: palatino; margin: 15px 0 0}

.donate-bottom {float: right; margin: 80px 10px 10px; padding: 12px 0 0; border-top: 1px solid #D8C6A9;}

#candidate-index { border: 1px solid #fff; background: url('../img/transparent.png') repeat transparent; font-size: 124%; font-weight: bold; text-align: center; padding: 20px; margin: 40px 50px 25px}
#candidate-page a { font-weight: bold}
#candidate-page img { border: 1px solid #000}
#candidate-page-top { border: 1px solid #cdcdcd; background-color: #efefef; font-size: 124%; font-weight: bold; text-align: center; padding: 20px; margin-bottom: 20px}