/*
//
// 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*/

a {color: #666; text-decoration: underline;}
a:link {}
a:visited {}
a:hover {color: #b33; text-decoration: none;}
a:active {}

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

h1 {font-size: 18px; line-height: 22px; color: #BD1D30; font-weight: 600; text-transform: uppercase; margin-top: 0;}
h2 {font-size: 14px; line-height: 18px;	color: #333; margin-top: 0;}
h3 {font-size: 12px; line-height: 14px;	color: #333; margin-top: 0;}
#sideBar h3, .chicklet h3 {font-size: 14px; line-height: 16px; color: #BD1D30; 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: 759px; margin: 0 auto 0 auto;}

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

#content {width: 483px;}
#header {height: 108px; background: #fff url('http://www.americansunitedforchange.org/page/-/au4c_newlogo.gif') no-repeat; position: relative;}
#logo {position: absolute;}
form#signup {margin-top: -2px;}
form#signup input#email {position: absolute; margin: 62px 0 0 547px; width: 115px;}
form#signup input#zip {position: absolute; margin: 62px 0 0 675px; width: 58px;}
form#signup input#signup {position: absolute; margin: 63px 0 0 744px;}

#nav {position: relative; margin: 0 0 20px 0; padding: 0; width: 759px;	height: 11px; background: url('/sync/images/buttons/nav.png') 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: 11px; display: block;}
#nav span {display: none;}

#navA {left: 7px; width: 48px;}
#navB {left: 85px; width: 78px;}
#navC {left: 193px; width: 52px;}
#navD {left: 276px; width: 100px;}
#navE {left: 406px; width: 60px;}
#navF {left: 497px; width: 50px;}
#navG {left: 577px; width: 45px;}
#navH {left: 653px; width: 95px;}

#navA a:hover {background: transparent url('/sync/images/buttons/nav.png') -7px -11px no-repeat;}
#navB a:hover {background: transparent url('/sync/images/buttons/nav.png') -85px -11px no-repeat;}
#navC a:hover {background: transparent url('/sync/images/buttons/nav.png') -193px -11px no-repeat;}
#navD a:hover {background: transparent url('/sync/images/buttons/nav.png') -276px -11px no-repeat;}
#navE a:hover {background: transparent url('/sync/images/buttons/nav.png') -406px -11px no-repeat;}
#navF a:hover {background: transparent url('/sync/images/buttons/nav.png') -497px -11px no-repeat;}
#navG a:hover {background: transparent url('/sync/images/buttons/nav.png') -577px -11px no-repeat;}
#navH a:hover {background: transparent url('/sync/images/buttons/nav.png') -653px -11px 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;}  

/* sideBar */


div#sideBar {background: #fff; float: right; width: 266px;}

div.sideBarCell {padding: 8px; margin-bottom: 10px; background: #fff; border: 1px solid #ccc; font-size: 11px;}
div.sideBarCell#integrity {background: #fff url('/sync/images/backgrounds/integrity.jpg') 8px 8px no-repeat; width: 248px; height: 236px;}
div.sideBarCell#medicare {background: #fff url('/sync/images/backgrounds/medicare.jpg') 8px 8px no-repeat; width: 248px; height: 236px;}
div.sideBarCell#tvads {background: #fff url('http://www.americansunitedforchange.org/page/-/images/tvimage.jpg') 8px 8px no-repeat; width: 248px; height: 275px;}

div.sideBarCellContent{line-height: 14px;}
div.sideBarCellContent#mc {text-align: left; color: #fff; margin: 135px auto 0 12px; width: 220px; font-size: 11px;}
div.sideBarCellContent#int {text-align: left; color: #fff; margin: 140px auto 0 12px; width: 220px; font-size: 11px;}
div.sideBarCellContent a {color: #fff; text-transform: uppercase;}

div#sideEvents {background: #fff url("/sync/images/backgrounds/eventFinder.png") no-repeat 8px 0; padding: 0; margin: 0 auto; position: relative; height: 240px;}
div#sideEvents h3 {margin-bottom: 12px;}
div#sideEvents form {position: absolute; top: 188px; left: 122px;}
div#sideEvents form input#evradius {width: 35px;}
div#sideEvents form input#evzip {width: 57px; margin-bottom: 5px;}
div#sideEvents form input#evfind {position: absolute; margin: 1px 0 0 6px; padding: 0;}

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;}