/* @override http://rogerberliner.com/css/all.css */

/*
 *  Roger Berliner
 *  Site by New Media Campaigns
 */

/* Eric Meyer's Reset styles */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}:active{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}


/* Begin text */

body {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	}

body, input, textarea, select, label {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	}
		
h1, h2, h3, #nav, blockquote {
	font-family: "Palatino Linotype", Palatino, "URW Palladio L", Georgia, serif;
	color: #000;
    }
h4, h5 {
	font-weight: bold;
	color: #000;
	}
	
p {
    padding-bottom: 18px;
	}
	
a:link, a:visited {
    color: #002b5c;
	}	
a:focus, a:hover, a:active {
    color: #54b948;
	}

strong {
	color: #002b5c;
	}

h1 {
    font-size: 24px;
    line-height: 27px;
    padding-bottom: 9px;
	color: #002b5c;
	}
	
h2 {
    font-size: 15px;
    padding-bottom: 18px;
	}
	
h3 {
    font-size: 13px;
	}
	
h4, h5 {
    font-size: 12px;
	}
	
blockquote {
	padding: 0 18px 18px;
	font-size: 16px;
	line-height: 27px;
	font-style: italic;
	color: #002b5c;
	}

label, input, textarea, select {
	font-size: 12px;
	color: #666;
	}

.input-text, textarea {
  border: 1px solid #777;
  padding: 3px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
	}

input.submit, button {
    
	}

img {
	-ms-interpolation-mode: bicubic;  /* Fixes IE6 scaling ugliness */
	}
img.left { float: left; margin: 0 1em 1em 0; }
img.right { float: right; margin: 0 0 1em 1em; }

.meta {
	padding-bottom: 0;
	font-style: italic;
	color: #002b5c;
	}

/* End text */ 


/* Begin page styles */

html {
	background: #e5e9ee;
	}
	
#wrapper {
	width: 880px;
	margin: 0 auto;
	padding: 0 30px;
	background: url(../images/wrapper-bg.png) repeat-y;
	overflow: hidden;
	}

/* End page */


/* Begin header styles */

#header {
	position: relative;
  height: 168px;
  margin: 0 -30px;
  padding: 80px 30px 0;
  background: url(../images/header-bg4.jpg);
  }

#skip {
	height: 0;
	width: 0;
	position: absolute;
	left: -9999px;
	}

#logo {
	float: left;
	padding: 0 0 0 14px;

	}
#logo a {
	display: block;
  width: 471px;
  height: 116px;
  background: url(../images/logo3.jpg) no-repeat 0 0;
  text-indent: -9999px;
	}

#nav {
	position: absolute;
	bottom: 1px;
	left: 30px;
	width: 881px;
	}
#nav li {
	float: left;
	}
#nav li a {
	display: block;
	line-height: 36px;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: url(../images/nav-bg.png) no-repeat right 0;
	}
#nav li a:focus, #nav li a:hover {
	background-position: right -36px;
	}
#nav #nav-home a { width: 85px; }
#nav #nav-about a { width: 134px; }
#nav #nav-issues a { width: 93px; }
#nav #nav-endorsements a { width: 148px; }
#nav #nav-news a { width: 92px; }
#nav #nav-media a { width: 101px; }
#nav #nav-volunteer a { width: 121px; }
#nav #nav-donate a { width: 106px; background-position: 0 -72px; }
#nav #nav-donate a:focus, #nav #nav-donate a:hover { width: 106px; background-position: 0 -108px; }

#social {
	float: right;
	width: 243px;
	padding-right: 20px;
	}
#social h3 {
	padding: 6px 0;
	color: #fff;
	font-size: 18px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	}
#social form input {
	vertical-align: middle;
	}
#social form .input-text {
	width: 160px;
	line-height: 17px;
	vertical-align: middle;
	}
#social .links {
	float: right;
	padding-top: 6px;
	}

/* End header */


/* Begin body styles */

#content {
	padding: 25px 0 36px;
	background: url(../images/content-bg.png) repeat-x 0 0;
	overflow: hidden;
	}

#body {
  float: left;
  clear: left;
  display: inline;
  width: 545px;
  margin-left: 15px;
  }

#body ul {
	list-style-type: none;
	padding: 0 0 9px 0;
	}
#body ul li {
	padding: 0 0 9px 1em;
	background: url(../images/bullet.png) no-repeat 0 5px;
	}
#body ol {
	list-style-type: decimal;
	padding: 0 0 9px 1.3em;
	}
#body ol li {
	padding-bottom: 9px;
	}

#body #section-list li h2 {
	padding-bottom: 9px;
	}
#body #section-list li {
	background: none;
	padding-left: 0;
	}

#body #quote-list li {
	background: url(../images/quote.png) no-repeat 0 0;
	padding: 0 0 18px 30px;
	}
#body #quote-list li p {
	padding-bottom: 9px;
	}

#body form label {
	display: block;
	font-weight: bold;
	margin-top: 10px;
	line-height: 14px;
	}
#body form label.checkbox {
	font-weight: normal;
	margin: 0;
	}
#body form .input-text {
	width: 240px;
	}
#body form .input-submit {
	margin-top: 18px;
	font-size: 16px;
	color: #444;
	}
#body #form-4{width:315px!important; margin-right:0!important; padding-right:0!important;}

#body #gallery {
  list-style-type: none;
  }
#body #gallery li {
  float: left;
  padding: 0;
  margin: 0 15px 15px 0;
  background: none;
  }
  
#body .endorsements {
	overflow: hidden;
	padding-bottom: 14px;
	}
#body .endorsements li {
	float: left;
	width: 230px;
	padding: 0 20px 9px 1.3em;
	}

#body #pagination-links{ margin: 0; list-style-type: none; }
#body #pagination-links li{ float: left; background: none; padding: 0 }
#body #pagination-links li a{ display: block; padding: 0 6px; line-height: 22px; font-size: 12px; }
#body #pagination-links li a.current{ margin: 0 3px; font-weight: bold; background: #002b5c; color: #fff; text-decoration: none; }
	
/* End body */


/* Begin Sidebar */

#sidebar {
  float: right;
  width: 300px;
  }

#actions{display:block;}

#actions li a {
	display: block;
	width: 300px;
	height: 95px;
	background: url(../images/actions.png) no-repeat 0 0;
	text-indent: -9999px;
	}
#actions li.donate a:focus, #actions li.donate a:hover {
	background-position: -300px 0;
	}
.home #actions li.donate a {
	background-position: 0 -290px;
	}
.home #actions li.donate a:focus, .home #actions li.donate a:hover {
	background-position: -300px -290px;
	}
#actions li.volunteer a {
	height: 100px;
	background-position: 0 -95px;
	}
#actions li.volunteer a:focus, #actions li.volunteer a:hover {
	background-position: -300px -95px;
	}
#actions li.contact a {
	background-position: 0 -195px;
	}
#actions li.contact a:focus, #actions li.contact a:hover {
	background-position: -300px -195px;
	}

#sidebar .section {
	margin-top: 18px;
	display:block;
	background: #d9dfe7 url(../images/sidebar-section-bg.png) no-repeat 0 0;
	}
#sidebar .section h3 {
	float: left;
	height: 30px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	}
#sidebar .section .more {
	float: right;
	padding: 0 10px 0 0;
	color: #fff;
	line-height: 30px;
	}
#sidebar .section .body {
	clear: both;
	padding: 22px 25px 9px;
	}
#sidebar .section .body a {
	color: #666;
	text-decoration: none;
	}
#sidebar .section .body a:focus, #sidebar .section .body a:hover {
	text-decoration: underline;
	}

#sidebar #factsheet {
	margin-top: 18px;
  }
#sidebar #factsheet h3 a {
  display: block;
	padding-left: 10px;
	background: url(../images/sidebar-factsheet.png) no-repeat 0 0;
	font-size: 14px;
	line-height: 71px;
	text-decoration: none;
	color: #fff;
  }

#sidebar .section blockquote {
	background: url(../images/sidebar-section-blockquote.png) no-repeat 0 1px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-style: normal;
	color: #666;
	}
#sidebar .section blockquote img {
	float: left;
	margin-right: 10px;
	}
#sidebar .section blockquote p {
	margin-left: 82px;
	padding-bottom: 9px;
	}

/* End Sidebar */


/* Begin footer styles */

#footer {
	clear: both;
	margin: 0 -30px;
	padding: 27px 0;
  background: #e5e9ee url(../images/footer-bg.png) no-repeat 0 0;
  text-align: center;
  font-size: 11px;
  color: #999;
	}
#footer p {
	padding-bottom: 9px;
	}
#footer a:link, #footer a:visited {
	color: #999;
	}
#footer a:focus, #footer a:hover {
  color: #002b5c;
	}
	
/* End footer */


/* Begin Homepage */

.home #content {
	padding-top: 0;
	}

#feature {
	position: relative;
	width: 579px;
	height: 290px;
	margin: 0 -15px 18px;
	}
#feature #slides li {
	padding: 0;
	background: none;
	}
#feature .shadow {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 12px;
	background: url(../images/content-bg.png) repeat-x 0 0;
	z-index: 20;
	}
#feature #controls {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 549px;
	padding: 10px 15px;
	background: #000;
	background: rgba(0,0,0,0.7);
	filter: alpha(opacity = 70);
	z-index: 50;
	}
#feature #controls p {
	float: left;
	padding: 0;
	color: #888;
	}
#feature #pager {
	display:block;
	float: right;
	}
#feature #pager a {
	padding: 0 8px;
	margin-left: 10px;
	line-height: 22px;
	color: #aaa;
	font-size: 14px;
	text-decoration: none;
	border: 1px solid #666;
	}
#feature #pager a.activeSlide, #feature #pager a:hover {
	background: #666;
	color: #000;
	}

#body #endorsements {
	overflow: hidden;
	padding-bottom: 14px;
	}
#body #endorsements li {
	float: left;
	width: 160px;
	padding: 0 5px 4px 1.3em;
	}

/* End homepage */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}f
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(../images/colorbox/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(../images/colorbox/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(../images/colorbox/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(../images/colorbox/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(../images/colorbox/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(../images/colorbox/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(../images/colorbox/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(../images/colorbox/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../images/colorbox/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}