/* RESET */
/* http://meyerweb.com/eric/tools/css/reset/ */

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 { 
    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; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0;}
table { border-collapse: collapse; border-spacing: 0; }
html{ overflow-y:scroll; }

/* GLOBAL */

body {
	font: 16px/24px arial, helvetica, sans-serif;
}
a:link, a:visited, a:hover, a:active {
color: #ab0621;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* LAYOUT */

#header, #page {
	margin: 0 auto;
	width: 960px;
}
#header {
	height: 210px;
}


/* HEADER */

#headerWrapper {
	background: url(../images/header-bg.png) repeat-x;
}
#header {
	position: relative;
}
#header h1, #header h2 {
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
}
#header h1 {
	background: url(../images/logo.png);
	right: 33px;
	top: 57px;
}
#header h1 a {
	display: block;
	height: 72px;
	width: 260px;
}
#header h2 {
	background: url(../images/tagline.png);
	left: 17px;
	height: 52px;
	top: 70px;
	width: 558px;
}

/* NAVIGATION */

#navigation {
	color: #fff;
	position: absolute;
	top: 166px;
	width: 641px;
}
#navigation h3 {
	background-image: url(../images/nav.png);
	float: left;
	overflow: hidden;
	text-indent: -9999px;
}
#navigation .takeAction h3 { background-position: 100% 0; width: 177px; }
#navigation .takeAction.on h3 { background-position: 0 0; }
#navigation .learn h3 { background-position: 100% -100px; width: 244px; }
#navigation .learn.on h3 { background-position: 0 -100px; }
#navigation .share h3 { background-position: 100% -200px; width: 220px; }
#navigation .share.on h3 { background-position: 0 -200px; }
#navigation h3 a {
	display: block;
	height: 44px;
}
#navigation div div {
	background: url(../images/nav-bg.png) repeat-x;
	display: none;
	left: 0;
	height: 120px;
	padding: 20px 35px;
	position: absolute;
	top: 44px;
	width: 571px;
}
#navigation .on div {
	display: block;
}
#navigation div div h4 {
	background: url(../images/nav-act-now.png);
	float: left;
	height: 111px;
	margin-right: 40px;
	overflow: hidden;
	text-indent: -9999px;
	width: 106px;
}
#navigation div div h4 a {
	display: block;
	height: 111px;
	width: 106px;
}
#navigation div div p {
	font-size: 21px;
	line-height: 31px;
}

/* FACES */

#faces {
	background: url(../images/faces.jpg) repeat-x;
	height: 160px;
}

/* PAGE */

#page {
	padding: 20px 0;
	position: relative;
}

/* PRIMARY CONTENT */

#primaryContent {
	padding: 0 30px;
	width: 580px;
}
#primaryContent h2 {
	color: #ab0621;
	float: left;
	margin-right: 3px;
	text-transform: uppercase;
}
#primaryContent h3 {
    color: #2C609C;
    margin-bottom: 24px;
}
#primaryContent p, #primaryContent ul, #primaryContent ol {
	margin-bottom: 24px;	
}
#primaryContent ul {
    list-style: disc;
    margin-left: 24px;
    margin-top: 5px;
}
#primaryContent ul ul, #primaryContent ul ul ul, #primaryContent ol ol {
    margin-bottom: 0;
}
#primaryContent li {
    margin-bottom: 5px;
}
#primaryContent blockquote {
    font-style: italic;
    margin: 0 24px;
}

/* Collapsibles */

#primaryContent .collapsible {
	background: url(../images/collapsible-header-bg.png) repeat-x;
	clear: both;
	margin: 0 -30px 5px -30px;
	overflow: hidden;
}
#primaryContent .collapsible h3 {
	background-position:  52px 14px;
	background-repeat: no-repeat;
	color: #fff;
	height: 44px;
	line-height: 44px;
	margin-bottom: 14px;
	margin-left: -25px; /* Initial setting, JS will correct this when arrow is added */
	overflow: hidden;
	text-indent: -9999px;
}
#primaryContent .collapsible.closed h3 {
	margin-bottom: 0;
}
#primaryContent .collapsible h3 a {
	background: url(../images/collapsible-arrows.png) no-repeat 12px 15px;
	display: block;
}
#primaryContent .collapsible.closed h3 a {
	background-position: 18px -41px;
}
#primaryContent .collapsible p, #primaryContent .collapsible h4, #primaryContent .collapsible h5,
#primaryContent .collapsible ul, #primaryContent .collapsible ol, #primaryContent .collapsible img {
    padding: 0 30px 0 30px;
}
#primaryContent .collapsible.twocolumn p, #primaryContent .collapsible.twocolumn h4, #primaryContent .collapsible.twocolumn h5,
#primaryContent .collapsible.twocolumn ul, #primaryContent .collapsible.twocolumn ol, #primaryContent .collapsible.twocolumn img {
    padding: 0;
}
#primaryContent .collapsible.closed div, #primaryContent .collapsible.closed p, #primaryContent .collapsible.closed h4, #primaryContent .collapsible.closed h5, 
#primaryContent .collapsible.closed ul, #primaryContent .collapsible.closed ol, #primaryContent .collapsible.closed img {
	display: none;
}
#primaryContent .collapsible img.more {
	margin: -10px 0 12px 0;
}
#primaryContent .collapsible .profile {
	color: #1e1e1e;
	font-size: 11px;
	float: left;
	line-height: 15px;
	margin-right: 15px;
	padding-top: 6px;
	width: 160px;
}
#primaryContent .collapsible .profile img, #primaryContent .collapsible .profile p {
	margin-bottom: 5px;
}
#primaryContent .collapsible .profile .byline {
	color: #ab0621;
	font-weight: bold;
	margin-bottom: 20px;
}
#primaryContent .collapsible .profile .byline .location {
	color: #1e1e1e;
	display: block;
	font-weight: normal;
	line-height: 11px;
	text-transform: uppercase;
}
#primaryContent .collapsible .actNow {
	background: url(../images/act-now-red-on-white.png) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
#primaryContent .collapsible .actNow a {
	display: block;
	height: 31px;
}

#primaryContent ul.custom-action-list {
margin: 0; padding: 0;
list-style: none; 
}

#primaryContent ul.custom-action-list li h4 {
font-size: 115%;
text-transform: uppercase;
color: #ab0621;
}

#primaryContent ul.custom-action-list li h4 a {
color: #ab0621;
}

#primaryContent ul.custom-action-list li {
margin-bottom: 1.5em;
}

#primaryContent ul.custom-action-list li p  {
margin: .3em 0 .3em 30px; 
padding: 0; 
}

#primaryContent ul.custom-action-list li p.more  {
font-weight: bold;
}


/* SECONDARY CONTENT */

#secondaryContent {
	color: #1e1e1e;
	font-size: 17px;
	line-height: 25px;
	position: absolute;
	right: 0;
	top: 20px;
	width: 300px;
}
#secondaryContent .section {
	margin-bottom: 40px;
}
#secondaryContent h3 {
	background-repeat: no-repeat;
	border-bottom: 1px solid #c4c4c4;
	line-height: 15px;
	margin-bottom: 12px;
	overflow: hidden;
	padding-bottom: 6px;
	text-indent: -9999px;
}
#secondaryContent .voices {
	position: relative;
}
#secondaryContent .voice {
	margin-top: 12px;
}
#secondaryContent p {
	margin-bottom: 5px;
}
#secondaryContent .byline {
	color: #ab0621;
	font-weight: bold;
	margin-bottom: 24px;
}
#secondaryContent .byline .location {
	color: #1e1e1e;
	display: block;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
	text-transform: uppercase;
}
#secondaryContent form {
	height: 27px;
	width: auto;
}
#secondaryContent .signup input.grInputText {
	float: left;
	width: 227px;
}
#secondaryContent .signup .button {
	float: right;
}

/* FORMS */

form {
	margin-bottom: 24px;
	width: 375px;
}

form#registration {
width: 100%;
}

.formItem {
    margin-bottom: 10px;
}

form#registration .formItem {
margin-bottom: 1.5em;
}

form label {
display: block;
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 3px;
    margin-left: -3px;
    text-transform: uppercase;
}

form#registration label {
margin: 0 0 3px 0;
}

form#registration label {
text-transform: none;
font-size: 16px;
line-height: 22px;
}

form#registration div.chooseSingle, 
form#registration div.chooseMultiple {
margin: .3em 0 .3em 1em;
}

form#registration div.chooseSingle input, 
form#registration div.chooseMultiple input {
margin-top: 6px;
margin-right: 10px;
}

form#registration div.chooseSingle strong,
form#registration div.chooseMultiple strong {
text-transform: uppercase;
}


form label .requiredMarker {
	padding-right: 3px;
}

.grFormErrorFieldLabel {
	color: red;
}

.grFormDefaultText, .grFormInfoMsg {
	display: none;
}

.grInputText, .grInputEmailAddress, select, textarea, .grInputPassword1, .grInputPassword2, #grid-username, #grid-password, #targetLetter input {
border: 1px solid #c4c4c4;
color: #3C3C3C;
height: 20px;
padding: 4px 4px 2px 4px;
width: 95%;
}

select {
    height: 27px;
    width: 98%;
}

textarea {
    height: 297px;
}
.button {
	padding: 2px 0;
}

/* Issue Target */


html body.take-action div#page form.lobby {
position: relative;
width: 265px;
}

.take-action #targetLetter {
position: absolute;
top: -15px;
right: -347px;
width: 325px;
font-size: 11px;
line-height: 15px;
width: 305px;
background: #f2f2f2;
padding: 10px;
border: #DFDFDF 1px solid;
}

.take-action #targetLetter p {
margin-bottom: 10px;
}

.take-action #targetLetter p:first-child {
margin-top: -17px;
}

.targetsListTarget {
    display: block;
}

#formIssueTargetsSuccess {
    margin-top: 24px;
}

#primaryContent #formIssueTargetsSuccessList {
    list-style: none;
    margin-left: 0;
}

#targetLetter table {
    margin: -5px 0 -5px -5px;
    width: 102.5%; 
}

#targetLetter textarea {
    margin: -18px 0;
}

#targetLetter .grFormDefaultText {
    display: block;
    font: 16px/24px arial, helvetica, sans-serif;
   	padding: 20px 0 0 5px;
    text-transform: none;
}

/* FOOTER */

#footer {
	color: #8a8a8a;
	font-size: 11px;
	line-height: 11px;
	margin-top: 24px;
	padding-left: 30px;
	text-transform: uppercase;
}