@charset "utf-8";
/* CSS Document */

body { 
background: #8cc63f url(images/gradient.jpg) repeat-x;
font-family: Helvetica, Arial, sans-serif;
color:#ffffff;
margin:0px;
padding:0px;
}

h1 { color:#00264c; font-size:20px; }
h2 { color:#fff; font-size:13px; padding:8px 0 5px 0; margin:0px;}
a { color:#4f7922;}
a:hover { text-decoration:none; }

.container { 
width:860px;
margin:0px auto;
font:14px/20px Helvetica, Arial, sans-serif;
color:#2b353c;
}
.header {
background:url(images/header.jpg) no-repeat;
padding:50px 37px 0 37px;
}
.header img { display:block;}

.header .mainnav { 
	width:786px;
	height:25px;
	background:url(images/mainnav.jpg) no-repeat;
}

.header .mainnav ul { background:url(images/mainnav.jpg) no-repeat; margin:0px; padding:0px; width:786px; }
.header .mainnav li { margin:0; padding:0px; list-style: none; float: left; text-transform:uppercase; color:#FFF; }
.header .mainnav li#homeNav a,
.header .mainnav li#aboutNav a,
.header .mainnav li#joinNav a,
.header .mainnav li#issuesNav a,
.header .mainnav li#newsNav a, 
.header .mainnav li#contactNav a,
.header .mainnav li#voterNav a{
  margin: 0;
  height: 25px;
  display: block;
  text-indent: -9999px;
  background: url(images/mainnav.jpg) no-repeat;
}

/* Navigation Image Replacement */
.header .mainnav li#homeNav a { width: 53px; background-position: 0px 0px;}
.header .mainnav li#aboutNav a { width: 114px; background-position: -53px 0px;}
.header .mainnav li#joinNav a { width: 136px; background-position: -167px 0px;}
.header .mainnav li#issuesNav a { width: 103px; background-position: -303px 0px;}
.header .mainnav li#newsNav a { width: 109px; background-position: -406px 0px;}
.header .mainnav li#contactNav a { width: 127px; background-position: -515px 0px;}
.header .mainnav li#voterNav a { width: 144px; background-position: -642px 0px;}

/* the hover and current page */
.header .mainnav li#homeNav a:hover { background-position: 0px -25px;}
.header .mainnav li#aboutNav a:hover { background-position: -53px -25px;}
.header .mainnav li#joinNav a:hover { background-position: -167px -25px;}
.header .mainnav li#issuesNav a:hover { background-position: -303px -25px;}
.header .mainnav li#newsNav a:hover { background-position: -406px -25px;}
.header .mainnav li#contactNav a:hover { background-position: -515px -25px;}
.header .mainnav li#voterNav a:hover { background-position: -642px -25px;}

body#home .header .mainnav li#homeNav a { background-position: 0px -50px;}
body#about .header .mainnav li#aboutNav a { background-position: -53px -50px;}
body#join .header .mainnav li#joinNav a { background-position: -167px -50px;}
body#issues .header .mainnav li#issuesNav a { background-position: -303px -50px;}
body#news .header .mainnav li#newsNav a { background-position: -406px -50px;}
body#contact .header .mainnav li#contactNav a { background-position: -515px -50px;}
body#voter .header .mainnav li#voterNav a { background-position: -642px -50px;}

.maincontent { 
	padding:19px 33px;
	background:url(images/boxlines.jpg) repeat-y;
}

.leftcol { float:left; width: 172px; padding-right:29px;}
.leftnav { background: #e4f0f8 url(images/bluebox.jpg) no-repeat; padding:0 5px 5px 19px; width:146px;}
.leftnav ul { margin:10px 0px; padding:0px; list-style:none;}
.leftnav ul li { margin:0px; padding:0px; font-size:13px; font-weight:bold; line-height:23px; }
.leftnav ul li a { color:#636363; text-decoration:none;}
.leftnav ul li a:hover { color:#8dc63f; text-decoration:none;}
.leftnav ul li#lefton a { color:#00375e; text-decoration:none;}
.leftnav p { line-height:3px;}
.leftnav1 { background: #e4f0f8 url(images/bluebox.jpg) no-repeat; padding:0 5px 5px 19px; width:146px;}
.leftnav1 ul { margin:10px 0px; padding:0px; list-style:none;}
.leftnav1 ul li { color:#636363; margin:0px; padding:0px; font-size:12px; font-weight:bold; line-height:20px; }
.leftnav1 ul li a { color:#636363; text-decoration:none;}
.leftnav1 ul li a:hover { color:#8dc63f; text-decoration:none;}
.leftnav1 ul li#lefton a { color:#00375e; text-decoration:none;}

.contenttext { float:left; width:392px; padding-right:29px;}
.contenttext h2 { color: #4f7922; border-bottom: 1px solid #4f7922; font-size: 16px; padding-bottom: 2px; margin: .5em 0 .75em 0; }

.contenttext ul li { list-style-image:url(http://www.voteforcarsten.com/images/bullet.gif)}

.rightcol { float:left; width:172px; padding-top:20px;}
.rightcol .rightcolpic { margin-bottom:20px;}
.rightcol .rightbox {
	background: #e7f2d9 url(images/greenbox.jpg) no-repeat;
	padding:0 3px 5px 11px;
	font: 11px/16px Helvetica, Arial, sans-serif;
	width:157px;
}
.rightcol .rightbox1 {
	background: #e7f2d9 url(images/greenbox.jpg) no-repeat;
	padding:0 3px 5px 11px;
	font: 11px/16px Helvetica, Arial, sans-serif;
	width:157px;
	color: #636363;
}
.rightcol .rightbox2 {
	background: #e7f2d9 url(images/greenbox2.jpg) no-repeat;
	padding:0 3px 5px 11px;
	font: 11px/16px Helvetica, Arial, sans-serif;
	width:157px;
	color: #636363;
}
.rightbox h2 { padding:6px 0 15px 0;}
.rightbox a { color:#4f7922;}
.rightbox span { font: bold 13px/19px Helvetica, Arial, sans-serif;}
.rightbox1 h2 { padding:6px 0 15px 0;}
.rightbox1 ul { margin:10px 0px; padding:0px; list-style:none;}
.rightbox1 ul li { color:#636363; margin:0px; padding:0px; font-size:12px; font-weight:bold; line-height:20px; }
.rightbox1 a { color:#636363; text-decoration:none;}
.rightbox1 a:hover { color:#8dc63f; text-decoration:none;}
.rightbox1 span { font: bold 13px/19px Helvetica, Arial, sans-serif;}

.footer { 
	background:url(images/footer.jpg) no-repeat;
	padding:30px 33px 20px 33px;
	font: bold 9px/25px Helvetica, Arial, sans-serif;
	color:#ffffff;
	text-align:center;
}
.footer a { color:#fff;}

.colbreak { height:1px; font-size:1px; clear:both;}