/*
//
// primary styles
// Author: DataSetGo
// Date: 2006/06/02
//
/////////////////////////////////////// */

/*temporary speakout fix*/
form#speakout_form {float:left !important;}

/* Global Styles
/////////////////////////////////////// */
html, body {
	font: 12px/18px verdana, arial, sans-serif;
	background: #fff;
	color: #000;
	margin: 0;
	padding: 0;
}

html {height: 100%; margin-bottom: 1px;} /* force scrollbars on short pages*/

img {border: 0;}
a img {border: 0;}

h1, h1 a, h1 a:active, h1 a:visited {font-size: 18px; line-height: 22px; color: #b54144; font-weight: 600; text-transform: uppercase; margin-top: 0;}
h2 {font-size:2em; font-weight:400; line-height:1.5em; margin-bottom:15px; color:#235698;}
h3 {font-size: 1.25em; line-height: 1.15em; color:#235698;}
#sideBar h3, .chicklet h3 {font-size: 14px; line-height: 16px; color: #b54144; text-transform: uppercase;}

div.clear {clear: both; line-height: 0; margin: 0; padding: 0;}
img.frame {padding: 8px; background: #fff; border: 1px solid #ccc;}
img.floatl {float: left; padding: 5px 5px 5px 0;}
img.floatr {float: right; padding: 5px 0 5px 5px;}

p.more {background: #ddd url(/sync/images/bullet.gif) 0 0 no-repeat; padding-left: 24px;}
p.more a {}
p.postedBy {background: #eee; padding: 5px; border: 1px solid #bbb;}

.blogEntryShort { margin-bottom: 40px;}
.blogEntry { margin-bottom: 40px;}

#container {width: 900px; margin: 0 auto 0 auto;}

body#oneCol div#sideBar {display: none;}
body#oneCol div#content {width: 900px;}

#content {width: 900px;}
#header {height: 115px; background: #fff url('http://www.americansunitedforchange.org/page/-/images/logo.jpg') no-repeat; position: relative;}
#logo {position: absolute;}
form#quicksignup input#email {position: absolute; margin: 10px 0 0 0px; width: 200px; padding:5px; font-size: 10px; color:#333; margin-bottom:2px;}
form#quicksignup input#zip {position: absolute; margin: 35px 0 0 0px; width: 132px; padding:5px; font-size: 10px; color:#333;}
form#quicksignup input#signup {position: absolute; margin: 35px 0 0 145px;}

#nav {position: relative; margin: 70px 0 30px 0; padding: 0; width: 500px;	height: 16px; background: url('http://www.americansunitedforchange.org/page/-/images/nav.jpg') no-repeat; top: 1px; }

#nav ul {margin: 0; padding: 0;}
#nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#nav a {height: 16px; display: block;}
#nav span {display: none;}

#navA {left: 0px; width: 36px;}
#navB {left: 61px; width: 37px;}
#navC {left: 123px; width: 40px;}
#navD {left: 188px; width: 65px;}
#navE {left: 279px; width: 82px;}

#navA a:hover {background: url('http://www.americansunitedforchange.org/page/-/images/nav.jpg') 0px -16px no-repeat;}
#navB a:hover {background: url('http://www.americansunitedforchange.org/page/-/images/nav.jpg') -61px -16px no-repeat;}
#navC a:hover {background: url('http://www.americansunitedforchange.org/page/-/images/nav.jpg') -123px -16px no-repeat;}
#navD a:hover {background: url('http://www.americansunitedforchange.org/page/-/images/nav.jpg') -188px -16px no-repeat;}
#navE a:hover {background: url('http://www.americansunitedforchange.org/page/-/images/nav.jpg') -279px -16px no-repeat;}

div#footer {background: #D4D4D4; color: #999; font-size: 11px; padding: 15px 15px 10px 15px; margin-bottom: 2px;}
#policies {position: absolute; margin: 0px 0 0 570px; float: right;}
#policies a {color: #777;}

.clear {clear: both;}

.mainImg {background: #fff url('/sync/images/ports.jpg') no-repeat; height: 294px; margin-top: 20px; position: relative; margin-bottom: 10px; border-bottom: 1px solid #fff;}
.watchAd {position: absolute;}
.petition {position: absolute;}  

#videobg {
background-image:url("http://www.americansunitedforchange.org/page/-/images/video_bg.jpg"); 
background-repeat: no-repeat;
background-color:#ffffff;
padding:15px;
width:900px;
height:374px;
margin-bottom:-20px;
}

#red {
	font-family:Helvetica, sans-serif;
	color:#990000;
	font-size:10pt;
	font-weight:800;
	margin-bottom:-20px;
	padding:0;
	text-transform:uppercase;
}

hr {
	height:1px;
	color:#fff;
	background-color:#fff;
	border: 1px dotted #b0b0b0; 
	border-style: none none dotted;
}

#secondarybody {
	float:left;
	width:560px;
	padding-right:30px;
	margin-bottom:20px;
	margin-top:30px;
	border-right:solid;
	border-right-width:5px;
	border-right-color:#E7E7E7;
}		

#secondaryquote {
	margin:20px;
	padding:20px;
	background-color:#B5D2FF;
}

#secondary a {
	font-family:Arial, Helvetica, sans-serif;
	color:#6A6A6A;
	display: block;
	padding:15px;
	padding-top:20px;
}

#secondary a:link, #secondary a:visited {
	text-decoration: none;
}

#secondary a:hover {
	background-color: #B5D2FF;
}	

#actionbg {
background-image:url('http://www.americansunitedforchange.org/page/-/images/action_bg.jpg'); 
background-repeat:repeat-x;
background-color:#222222;
}

p {
	font-size: 1em; 
	line-height: 1.5em;
	margin-top: 10px;
}

img#govtWrk {margin-top: 20px;}

.comment {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 10px;}

.contentBlockForm {padding: 0; margin: 0;}
.contentBlockForm form {margin: 0; padding: 0;}
.contentBlockForm label {display: block; width: 90px; float: left; text-align: right; padding-right: 10px;}
.contentBlockForm input.text {width: 320px;}
.contentBlockForm input.button {width: 320px;}
.contentBlockForm input.checkbox {margin-right: 8px; border: none; background: none;}
.contentBlockForm textarea {width: 320px;}
.contentBlockForm select {width: 320px;}
.contentBlockForm p {margin-bottom: 6px;}


/* content chicklets */
div.chickletContainer {width: 483px; margin-top: 25px;}
div#chickletLeft {background: #fff url('/sync/images/backgrounds/eventFinderHome.png') no-repeat; width: 228px; height: 250px; padding: 26px 4px 4px 4px; float: left; border-right: 1px solid #666;}
div#chickletRight {width: 234px; padding: 0px 4px 4px 0px; float: right;}

div.chicklet {font-size: 11px; line-height: 14px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
div.chicklet h3 {margin-top: 0; margin-bottom: 4px;}

form#eventFinder {margin: 162px 0 0 110px;}
form#eventFinder input#evradius {width: 35px;}
form#eventFinder input#evzip {width: 57px; margin-bottom: 5px;}
form#eventFinder input#evfind {position: absolute; margin: 1px 0 0 6px; padding: 0;}

/* interior pages */

div#blogSB {background: #fff url('/sync/images/headers/blog.png') 15px 0 no-repeat; width: 234px; padding: 20px 4px 4px 15px;}
div.sideBarCell#securePorts {background: #fff url('/sync/images/backgrounds/securePorts.jpg') 8px 8px no-repeat; width: 248px; height: 236px;}
div.sideBarCellContent#sp {text-align: left; color: #fff; margin: 165px auto 0 12px; width: 220px; font-size: 11px;}

img#contribute {margin: 20px 0 20px 2px;}
img.intPgHdr {margin: 30px 0 5px 0;}

/* FORM ATTRIBUTES
----------------------------------------------- */
form {margin: 0;}
form p, form label {font-size: 12px; margin: 0; padding: 1px; line-height: 1.2em;}
select {font-size: 12px;}
input {font-size: 11px; font-family: "lucida grande", verdana, lucida, arial, helvetica, sans-serif; vertical-align: middle;}
input.txt, input.text, textarea, input.errHilite {background: #fff; border: 1px solid #ccc; color: #000; padding: 2px; text-align: left;}
input.button {cursor: pointer; background: #A9A9A8; border: solid 1px #333; color: #fff;}
input.buttonImg {cursor: pointer; border: none; height: 18px; padding: 0;}
label {padding: 0px; font: 11px "lucida grande", verdana, lucida, arial, helvetica, sans-serif; line-height: 1.1em;}

input.errHilite {background:#ffc; border-color: #cc0000;}