﻿* { padding: 0; margin: 0; }

/*----------------------------------------------------------------------- 
   Standard styles
 ------------------------------------------------------------------------ */
body {
	background-color: #082B7D;
	/*background-color: #023647;	*/
	color: #666666;
	font-family: HelveticaNeue, "Helvetica Neue", Arial, Verdana, sans-serif;
	font-size: 13px;
}

img { border: 0; }
a:link { color: #FF6600; text-decoration: underline; font-weight: bold; }
a:visited { color: #FF6600; text-decoration: underline; font-weight: bold; }
a:hover { color: #cc3300; text-decoration: underline; font-weight: bold; }
a:active { color: #FF6600; text-decoration: underline; font-weight: bold; outline: none; }
a:focus { outline: none; }

h1 { 
	font-family: 	Tahoma, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight: 	bold;
	font-size: 		28px;
	line-height: 	28px; 
	margin-bottom: 	5px;
}

h1.pgtitle {
	background: #DCB463 url('../img/pgtitle-bg.jpg') no-repeat right top;
	color: #efefef;
	padding: 8px 20px;
}

h1 a { color: #006699; }

h2 { 
	color: 			#023647;
	font-family: 	Tahoma, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight: 	bold;
	font-size: 		18px;
	line-height: 	18px; 
	margin-bottom:	3px;
	}

h3 { 
	color: 		    #333333;
	font-family: 	Tahoma, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight: 	bold;
	font-size: 		14px;
	line-height: 	14px; 
	margin-bottom:	3px;
}

h4 {
	color: 			#DCA537;
	font-family: 	Tahoma, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight: 	bold;
	font-size: 		11px;
	line-height: 	11px;
	text-transform:	uppercase; 
}

h5 { 
	color: 			#666;
	font-family: 	Arial, Verdana, sans-serif;
	font-weight: 	normal;
	font-size: 		11px;
	line-height: 	11px;
	margin-bottom:	3px;
}

p { line-height: 130%; margin-bottom: 20px; }
ol, ul { padding: 0 20px 10px 20px; }
ol li, ul li { padding: 3px 0; }
blockquote {
	border-left: 3px solid #cecebd;
	padding-left: 15px;
}

blockquote p { font-size: 12px !important ;}
input { font: 11px arial; }

.clear { clear: both; height: 0; }
.floatr { float: right; }
.floatl { float: left; }
.iconr { padding-right: 18px !important; background-position: center right; }
.rsssml { background-image: url('../img/icons/icon_feedsml.png'); background-repeat: no-repeat; }
.spacer { height: 45px; }
.disclaimer { color: #999999; font-size: 11px; font-style: italic; }
.black { color: #000000; }
.italics { font-style: italic; }
.bold { font-weight: bold; }
.center { text-align: center; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix { display: inline-block; }
 html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/*----------------------------------------------------------------------- 
   Core Layout
 ------------------------------------------------------------------------ */
#header {
	height: 95px;
	margin: 0 auto;
	width: 960px;
}
#header #logo {
	float: left;
	height: 60px;
	margin-left: 15px;
}
#nav {
	height: 38px;
	float: right;
	margin: 35px 0 0 0;
}

#nav ul { float: left; margin: 0; padding: 0; }
#nav ul li { display: inline; }
#nav ul li a {
	border-right: solid 1px #093493;
	color: #ffffff;
	display: block;
	float: left;
	font-size: 16px;
	padding: 6px 10px;
	text-decoration: none;
}
#nav ul li a:hover, #nav ul li a.a {
	 background-color: #031A51;
	 color: #FFFFFF;
}

#main {
	background-color: #ffffff;
	margin: 0 auto;
	width: 960px;
}

/* Home */
#banner { border-top: solid 2px #093493; }
#home { background-color: #ffffff; }
#home h2 {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
#home h3 { font-size: 13px; margin: 20px 0 10px 0; }

#home { font-size: 11px; }
#home-leftcol {
	float: left;
	margin: 15px 10px 0 10px;
	width: 460px;
}
#home-leftcol .home-alert {
	background-color: #FBE0B0;
	border: solid 1px #FFBC47;
	margin-bottom: 15px;
	padding: 10px;
}
#home-leftcol .home-alert p { margin: 5px 0; padding: 0; }
#home-midcol {
	float: left;
	margin: 15px 10px 0 10px;
	width: 220px;
}
#home-rightcol {
	float: left;
	margin: 15px 10px 0 10px;
	width: 220px;
}

#home .box { margin-bottom: 18px; }
#home .top-news { font-size: 12px; margin-bottom: 20px; }
#home .top-news .hdr {
	font-size: 10px;
	margin: 30px 0 10px;
	padding-bottom: 2px;
	border-bottom: solid 1px #cccccc;
}

#home .top-news a { font-size: 12px; }
#home .top-news img { border: solid 1px #cccccc; margin: 0 5px 5px 5px; padding: 2px; }
#home .top-news img.floatl { margin: 0 10px 5px 0; }
#home .top-news img.floatr { margin: 0 10px 0 5px; }
#home .top-news h3 { margin: 0 0 2px 5px; }
#home .top-news p { margin: 0 0 10px 5px; }
#home .issues-topic ul li { font-size: 14px; padding: 2px 0; }
#home .quick-links ul { list-style: none; margin: 0; padding-left: 0; }
#home .quick-links ul li { font-size: 14px; padding: 6px 0 6px 38px; }
#home .quick-links ul li.legislator { background: url('../img/icons/icon_legislation.png') no-repeat 0 0; }
#home .quick-links ul li.emaillist { background: url('../img/icons/icon_email.png') no-repeat 0 2px; }
#home .quick-links ul li.support { background: url('../img/icons/icon_support.png') no-repeat 0 2px; }
#home .quick-links ul li.blog { background: url('../img/icons/icon_blog.png') no-repeat 0 4px; }	
#home .affinity4 img { border: solid 1px #cccccc; padding: 2px; }
#home .calendar p { font-size: 12px; font-weight: bold; margin: 5px 0; padding: 0; }
#home .calendar .date { font-size: 11px; font-weight: normal; color: #999999; }

#statement { background-color: #333333; }
#statement p {
	color: #999999;
	font-size: 12px;
	margin: 0;
	padding: 15px;
}

/* Normal page */
#content { }
#content h3 { margin-top: 15px; }
#content .floatr { margin-left: 20px; }
#content h2 { padding-top: 15px; }
.content-full { padding: 20px; }
.content-alpha { 
	float: left; 
	margin: 0 10px; 
	padding: 20px 10px; 
	position: relative; 
	width: 680px; 
}
.content-beta { 
	float: left; 
	margin: 0 10px; 
	padding: 0 10px; 
	position: relative; 
	width: 200px; 
}

.resource td { vertical-align: top; }
.resource td p { line-height: 115%; margin-bottom: 10px; }
.resource .pic { padding-top: 20px; text-align: left; width: 100px; }
.resource .desc { font-size: 11px; padding: 10px 0; }
.resource .addtocart { padding: 45px 0 0 0; text-align: center; width: 100px; }
.resource span.authors { font-size: 12px; font-weight: bold; }
.resource span.links { font-size: 12px; font-weight: bold; }

.amazon-listing { margin: 0; padding: 5px 0 15px 0; width: 920px; }
.amazon-listing li { 
    float: left;
    list-style: none;
    margin-bottom: 5px;
    text-align: left;
    width: 130px;
}

.amazon-listing img {
	border: solid 1px #cccccc;
	padding: 2px;
}


/* Promos */
.promobox { 
	border: solid 1px #cccccc;
	font-size: 11px; 
	margin: 15px 0; 
}
.promobox h4 { margin-bottom: 4px; }
.promobox h5 { font-weight: bold; padding-top: 7px; text-transform: uppercase; }
.promobox p { line-height: normal; margin: 5px 0; padding: 0; }
.promobox ul li { padding: 2px 0; }
.promobox .inner { padding: 7px; }
.cta-text { font-size: 16px; }
.cta-btn { text-align: center; }
.cta-btn a { 
	background-color: #082B7D;
	border: solid 2px #031A51;
	color: #efefef; 
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none; 
	width: 100%;
}
.cta-btn a:hover {
	background-color: #2D53A3;
	border-color: #082B7D;
	text-decoration: underline;
}
.portraitl {
	border: solid 1px #ccc;
	margin: 0 10px 10px 0;
	padding: 2px;
}

/* Footer */
#footer {
	height: 150px;
	margin: 15px auto 30px auto;
	width: 960px;
}

#footer p {
	 color: #90A5A9;
	 font-size: 11px;
}


#footer ul li { font-size: 11px; padding: 0; }
#footer a { color: #C9DAFC; }
#footer a:hover { color: #ffffff; }

#footer .footer-col { 
	float: left;
	margin: 0 10px;
	width: 220px;
}

#footer .donate { margin-left: 250px; }
#footer .donate img { margin: 5px 0 2px 5px; float: right; }
#footer-cap {
	border-top: solid 1px #093493;
	clear: both;
	float: left;
	margin-top: 15px;
	padding: 8px 0 15px;
	width: 100%;
}

#footer-cap #fb {
	float: left;
	margin-left: 10px;
	width: 200px;
}
#footer-cap #fb a {
	background: transparent url('../img/icons/icon_fb.png') no-repeat top left;
	font-size: 11px;
	display: block;
	height: 32px;
	line-height: 32px;
	padding-left: 39px;
	text-decoration: none;
}
#footer-cap #fb a:hover { text-decoration: underline; }

#footer-cap #copyright { float: right; margin-right: 10px; text-align: right; width: 350px; }
#footer-cap #copyright p { margin: 0; line-height: 32px; padding: 0; }
#footer-cap #copyright .tagline {
	 color: #ffffff;
	 font-weight: bold;
}


/*----------------------------------------------------------------------- 
   General Sections
 ------------------------------------------------------------------------ */
.imgcallout {
	 background-color: #efefef;
	 border: solid 1px #cccccc;
	 line-height: 10px;
	 margin: 10px 0;
}
.imgwrap { padding: 0 10px; }
.question { color: #3366CC; font-weight: bold; margin: 12px 0 5px 0; }
.answer { 
	border-left: solid 2px #cccccc;
	margin: 0 6px;
	padding: 0 8px; 
}

.nextsteps {
	font-weight: bold;
	padding: 5px 0;
}

.nextsteps a {
	background: url('../img/arrow-blue.gif') no-repeat 0 1px;
	padding-left: 16px;
}
table.twocol { width: 100%; }
table.twocol td { padding-right: 15px; vertical-align: top; width: 50%; }
table.twocol td img { padding: 10px 0 10px 0; }