/* css by theCoup.org */
/* ---[ contents ]----------
- global
- layout
- self clearing floats
- page top
- banner
- columns
- left column
- active menu highlight
- menu
- menu top
- menu bottom
- submenu
- typography main
- body links
- lists
- related list
- archive list
- tables
- misc
- bookmarks
- posts
- author options
- color
- images
- live adjustments
----------------------- */ 

/* ---[ global ]---------- */

html, img, div { margin:0px; border:0px; padding:0px; }

body { 
 font-family: "Trebuchet MS", trebuchet, georgia, verdana, sans-serif;
 font-size:62.5%; /* equals 10px. allows ie resize. */ 
 line-height:1.8em; /* equals 18px */
 margin:0; padding:0; text-align:center;
 background:rgb(84,82,78);
 color:white; 
 }

#container { text-align:left;  }

table { border-spacing:0; border-collapse:collapse; }
td { text-align:left; font-weight:normal; }


/* ---[ layout ]---------- */

#container {
 position:relative; top:0;
 margin:0 auto; padding:0px;
 width:860px; 
 background:rgb(84,82,78) url(../images/bkg-narrow.gif) top center repeat-y;
 }

body.wide #menu { width:800px; }

#menu {
 position:relative; 
 width:500px; margin:0 auto 0 45px; padding:.2em 0;
 background:rgb(59,38,21) url(../images/gradient.gif) top center repeat-x;
 }

#banner {
 position:relative; margin:0; 
 display:block;
 width:480px; height:240px; 
}

body.wide #pagebody { width:800px; }
#pagebody {
 position:relative;
 display:inline; float:left;
 width:482px; padding:0;
 margin:0 0 0 45px;
 background:rgb(136,106,78); 
 }


/* ---[ self clearing floats ]---------- */
/* replaced by cleared paragraphs in templates? */

#left:after, #menu:after, #pagebody:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }

br.clear { clear:both; margin:0; line-height:1em; font-size:1em; }

div.clearfix { clear:both; }


/* ---[ banner ]---------- */

#banner h1 {
 position:absolute; display:block;
 top:0px; left:-1000px;
 padding-right:1200px; /* browser bug fix? */
 }

#banner img { height:240px; width:480px; }

/* ---[ columns ]---------- */

 
#left {
 position:relative; display:block;
 margin:0; padding:10px 0; 
 top:0; left:0; width:480px;
 }
body.wide #left { width:780px; }


#right {
 position:relative; display:inline; float:right;
 top:0; width:260px;
 margin:0 55px 0 0; padding:10px 0;
 border-bottom:2px solid rgb(59,38,21);
 background:rgb(153,64,0) url(../images/bkg-right.gif) left top no-repeat;
 }

#footer {
 margin:0; padding:1em 1em 1em 0;
 background:rgb(59,38,21) url(../images/gradient.gif) top center repeat-x;
 }

 /* ---[ left column ]---------- */

#left p { line-height:1.5em; color:black; font-size:1.2em; }
#left p a {  color:white; }
#left p a:hover {  color:white; background:rgb(190,80,0); }
#left p a img { margin-bottom:1em; }

#left div.note  p a {  color:black; }
#left div.note  p a:hover {  color:white; }

#left span a { 
 margin:0 10px; color:rgb(248,255,181); color:#888; 
 }

#left pre { color:black; font-size:1.5em; font-weight:bold; }

/* ---[ footer ]---------- */

#footer {
 margin:0; padding:1em 1em 1em 0;
 background:rgb(59,38,21) url(../images/gradient.gif) top center repeat-x;
 }
#footer p { font-size:1.2em; }


#footer img { margin-left:10px; }

#footer .contact { clear:both; margin-top:1em; padding-top:1em; }

/* ---[ active menu highlight ]---------- */

body#about #menu li.about a { background:rgb(215,122,40); }
body#candidates #menu li.candidates a { background:rgb(215,122,40); }
body#allies #menu li.allies a { background:rgb(215,122,40); }
body#list #menu li.list a { background:rgb(215,122,40); }
body#donate #menu li.donate a { background:rgb(215,122,40); }


/* ---[ menu ]---------- */

#menu ul { 
 position:relative;
width:610px;  
 margin:0; padding:0; padding-left:5px;
 list-style:none;
 }

#menu li { 
 float:left; 
 list-style:none;
 margin:0; padding:0;
 margin-right:1px; 
 }

#menu a { 
 float:left; margin:4px 14px 4px 0; 
 padding:2px 3px;
 font-family: verdana, arial, sans-serif;
 font-size:1.5em; line-height:1.5em;
 text-decoration:none; 
 color:#fff;
 /* font-weight:bold; */
 background:none;
 }

#menu a:hover { background:rgb(190,80,0); }


 
 
/* ---[ menu bottom ]---------- */

#menu-bottom { 
 color:white; font-size:1.1em;
 border:black 1px solid; 
 border-width:1px 0 3px;
 padding:2px 0; 
 }

#menu-bottom ul { 
 position:relative; 
 margin:0; padding:0; padding-left:5px;
 list-style:none;
 }

#menu-bottom li { display:inline; list-style:none; margin:0; padding:0;  }

#menu-bottom li a { 
 margin:1px 0 0; padding:1px 15px; 
 text-align:center; text-decoration:none;
 color:rgb(15,15,40); 
 }

#menu-bottom li a:hover {
 color:white; background:rgb(97,0,0);
 }

 

/* ---[ typography main ]---------- */

p, pre, h2, h3, h4, h5 {
 margin:1em 14px; text-indent:0;
 font-size:1em; line-height:1.6em;
 }

#left p { margin-right:11px; }

blockquote { 
 margin:1em 12px 1em 0; 
 padding:10px 0; 
 background:rgb(97,0,0);
 margin:0 15px; 
 font-family: arial, verdana, sans-serif;
 line-height: 1.2em;
 font-size:1.1em;
 color:white;
 border:0;
 float:none;
 }


h2 {
 text-indent:-1px; margin-bottom:0;
 font-size:2em; line-height:1em; 
 font-weight:bold; font-style:italic;
 }
 
#left h2 { color:black; }
#left h2 span { font-size:.5em; }

#right h2 { color:white; margin-left:9px; }

h3 { 
 font-size:1.6em; line-height:1em; 
 margin-top:2em; margin-bottom:1em;
 font-weight:bold; color:black;
 }

#right h3 { color:white; }

#left h4 {
 text-indent:-1px; margin-bottom:0; padding-left:5px;
 font-size:1.4em; line-height:1.5em; 
 font-weight:bold; text-transform:uppercase;
 background:rgb(221,220,164); color:black;
 }

h5 { 
color:black; font-style:italic; margin:0 14px; font-size:1.4em;
}

/* ---[ body links ]---------- */

p a:link { color:black; } 
p a:visited { color:black; }
p a:hover { color:white; background:rgb(190,80,0); text-decoration:none; } 
p a:active { color:white; background:black; }

#left li a { ;} 
#left li a:visited { ; }
#left li a:hover { ; } 
#left li a:active { ; }

h2 a { color:rgb(209,0,0); text-decoration:none; }
h2 a:hover { color:white; background:rgb(97,0,0); }

h3 a { color:rgb(209,0,0); text-decoration:none; }
h3 a:hover { color:white; background:rgb(97,0,0); }

h4 a { color:rgb(248,255,181); }
h4 a:hover { color:white; background:rgb(97,0,0); text-decoration:none; }


/* ---[ lists ]---------- */

ul li { font-size:1em; line-height:1.2em; color:black; }
ul li li { margin:1em 2em;   }
ul li li li { margin:1em 2em;  }
ul li { margin-right:33px; line-height:1.5em; margin-bottom:1.5em; }

#right ul { list-style:none; margin:1em 10px; padding:0; text-indent:0; }
#right li { list-style:none; color:white; font-size:1.2em; }
#right li a { color:white; text-decoration:none; }
#right li a:hover { color:white; background:black; }


/* ---[ tables ]---------- */

table { font-size:1em; line-height:1.2em; margin:1em;}


/* ---[  copyright ]---------- */

#copyright {
 position:relative; 
 width:860px; margin:0 auto 20px;
 text-align:left; 
 }

#copyright p { display:inline; float:left; font-size:1em; margin-left:50px; color:#ddd; }
#copyright p.right { display:inline; float:right; margin-right:330px; }
#copyright a { color:#ddd; }
#copyright a:hover { color:yellow; }


/* ---[ bookmarks ]---------- */

a#bookmark { 
 position:absolute; bottom:10px; right:5px;
 } 

#left a#bookmark:hover { 
 background:transparent;
 } 


/* ---[ author options ]---------- */

strong, #left b {  color:rgb(59,38,21); }
em, i {  color:rgb(59,38,21); }

blockquote.left { display:inline; float:left; }
blockquote.right { display:inline; float:right; }
blockquote.border { border:1px solid #777; }


/* ---[ images ]---------- */

#left a img { border:0; }
#left a:hover img { border:0; }

.alignright { 
 display:inline; float:right; margin:0 0 3px 5px  }
.alignleft { 
 display:inline; float:left; margin:0 5px 3px 0; }
.aligncenter { 
 display:block; margin-left:auto; margin-right:auto; }


/* ---[ color ]---------- */



/* ---[  forms  ]---------- */

form.local { 
 margin:0; padding:10px;
 color:black;
 }

form.local .formRow { margin:.8em 0; }
form.local label { display:block; font-size:1.1em; line-height:1.5em; color:white; }
form.local label em { color:white; font-style:normal; text-decoration:underline; }
form.local span.required { margin-left:1px; }

form .hiddenRow { visibility:hidden; height:1px; overflow:hidden; margin:0; padding:0; }

textarea { 
 font-family: "Trebuchet MS", trebuchet, sans-serif;
 font-size:12px;
 }

p.info, #left p.info { margin:0; padding:0; text-align:left; color:white; width:67%; }



#salsa  { color:white; border-top:1px dotted rgb(59,38,21); }
#salsa p { color:white; margin-left:10px; }
#salsa span { color:white; }
#salsa label { font-size:1.1em; color:white; }
#salsa label em { text-decoration:none; color:white; }
#salsa .securitySeal { margin:10px; }
#salsa .diaFields, #cardInfo { border-left:0px dotted rgb(59,38,21); }
#salsa table table { border-left:1px dotted rgb(59,38,21); }
#salsa table table table { border-left:1px dotted rgb(59,38,21); }
#salsa table table table table { border-left:0; }
table#donation_amount_other { margin-top:-5px; margin-bottom:5px; padding-bottom:25px; border-bottom:1px dotted rgb(59,38,21); }
#cardInfo { padding-left:10px; }
#cardInfo ul { margin:0; padding:0; text-indent:0; }
#cardInfo li { margin:0; padding:0; text-indent:0; }
#salsa div#clickonce { margin:-1em auto; text-align:center; }
#salsa div#clickonce i { color:white; font-weight:bold; }




/* ---[ google addresses ]---------- */

.google {
      padding:4px;
      border:rgb(58,38,21) solid 0px;
      background:white;
			width:250px;
      }
.google form.local label { color:black; }

/* ---[ live adjustments ]---------- */
	
div.block {  
 display:block; margin:.5em 0; padding:1em;
 font-size:2em; 
 background:rgb(59,38,21) url(../images/gradient.gif) top center repeat-x; 
 }

div.note {
 display:block; margin:.5em 0; padding:1px 1em 1em;
 background:rgb(59,38,21) url(../images/bkg-yellow.gif) top center repeat-y; 
 background:rgb(181,151,108); 
 background:rgb(255,255,191); 
 }

a#button {
 position:relative; display:block; 
 margin:.5em auto; height:95px; width:275px;
 padding:25px 0 0; /* padding + height = 120 	*/
 background: url(../images/donate.gif) top center no-repeat;
 text-align:center; color:white; text-decoration:none;
 font-size:36px; line-height:28px; letter-spacing:-1px;
 }

a#button span { color:white; font-size:20px; line-height:28px; letter-spacing:0; }

a#button:hover {
 background: url(../images/donate.gif) bottom center no-repeat;
 }

#legal { width:680px; border:1px #777 dotted; margin:0 auto 1em; }
#legal { width:auto; border:0; background:#bbb; margin:0; }
#legal p { margin:.3em 0 0; padding-bottom:.3em; color:#ccc; color:#222; font-size:1.2em; }

img.frame { border:3px solid white; display:block; margin:1em auto; }

p.narrow { width:190px; margin:-.5em auto 1em; }