@charset "UTF-8";
/* CSS Document */
/*standard colors: dark blue:04194e green:096309 red:b62222 */
* {
	padding:0;
	margin:0;
	border:0;
	outline:0;
} 
body {
	behavior: url("csshover3.htc"); /*for fixing IE6 hover on all elements */
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#333333;
	background:#000000 url(images/bodybkg.jpg) top center no-repeat;
}
html, body {
	height:100%;
	min-height:100%;
}
p {
	padding:3px 10px 5px 10px;
	font-size:14px;
	line-height:18px;
}
a {
	color:#174d79;
	text-decoration:none;
}
a:hover {
	color:#e61202;
}
ul, ol {
	padding-left:40px;
	list-style-position:outside;
	font-size:12px;
}
blockquote {
	padding-left:40px;
	font-size:.95em;
}
h1 {
	color:#096309;
	font-size:24px;
	padding:10px 0 4px 0;
	line-height:26px;
}
h2 {
	color:#096309;
	font-size:16px;
	padding:8px 0 2px 0;
	line-height:18px;
}
h3 {
	color:#04194e;
	font-size:13px;
	padding:8px 0 2px 0;
}
/**************** layout stuff ********************/
#outer {
	width:1000px;
	margin:0 auto;
}
#header {
	width:960px;
	height:277px;
	margin:0 auto;
	background:transparent url(images/header_bkg.jpg) top left no-repeat;
}
#newsletter {
	width:240px;
	height:20px;
	background:transparent url(images/newsletterbkg.jpg) top center no-repeat;
	text-align:center;
	float:right;
	margin-right:50px;
	padding-top:105px;
	display:inline; /* so IE 6 doesn't double the right margin value since this is float:right */
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: -.05em;
}
#nav {
	width:960px;
	height:100px;
	margin:0 auto;
	background:#FFFFFF url(images/nav_bkg.jpg) top left no-repeat;
}
#inner {
	width:960px;
	margin:0 auto;
	background:#FFFFFF url(images/innerbkg.jpg) top left repeat-y;
	overflow:hidden;
}
#content {
	width:797px;
	background: url(images/innertop.jpg) top left no-repeat;
	padding:10px;
	overflow:hidden;
}
#footer {
	width:960px;
	height:100px;
	background:#000000 url(images/footerbkg.jpg) top left no-repeat;
	text-align:center;
	margin:0 auto;
}
#footerinner {
	padding:30px;
}
#footer p {
	font-size:11px;
}
#colright {
	width:360px; margin:4px 0 0 0; float:right; display:inline; text-align:center;
}
#colright p, #colright h2 {
	color:#FFFFFF;
}
#colleft {
	width:600px; margin: 4px 0 0 0; float:left; display:inline;
}
.colleftinner {
	padding:10px 10px 20px 20px;
}
/********************** top navigation *********************/
ul#navbar {
	list-style:none;
	padding:0;
	margin:0;
}
#navbar li {
    list-style:none;
    display:inline;
}
#navbar a i {
	display:none;
}
#navbar a {
    background:url("images/navigation.jpg") no-repeat;
    float:left;
	height:35px;
	outline:0;
}
li#home a {
	width:87px;
	background-position:0 0;
}
li#meet a {
	width:112px;
	background-position:-87px 0;
}
li#endorse a {
	width:155px;
	background-position:-199px 0;
}
li#issues a {
	width:81px;
	background-position:-354px 0;
}
li#news a {
	width:125px;
	background-position:-435px 0;
}
li#blog a {
	width:73px;
	background-position:-560px 0;
}
li#donate a {
	width:92px;
	background-position:-633px 0;
}
li#volunteer a {
	width:120px;
	background-position:-725px 0;
}
li#contact a {
	width:115px;
	background-position:-845px 0;
}
li#home a:hover, li#home a:active, li#home a.current { 
    background-position:0 -35px;
}
li#meet a:hover, li#meet a:active, li#meet a.current { 
    background-position:-87px -35px;
}
li#endorse a:hover, li#endorse a:active, li#endorse a.current { 
    background-position:-199px -35px;
}
li#issues a:hover, li#issues a:active, li#issues a.current { 
    background-position:-354px -35px;
}
li#news a:hover, li#news a:active, li#news a.current { 
    background-position:-435px -35px;
}
li#blog a:hover, li#blog a:active, li#blog a.current { 
    background-position:-560px -35px;
}
li#donate a:hover, li#donate a:active, li#donate a.current { 
    background-position:-633px -35px;
}
li#volunteer a:hover, li#volunteer a:active, li#volunteer a.current { 
    background-position:-725px -35px;
}
li#contact a:hover, li#contact a:active, li#contact a.current { 
    background-position:-845px -35px;
}
/******************* slideshow styles *******************/
.sidebarphotos { height: 255px; width: 340px; padding:0; margin:0 8px 10px 8px; border:1px solid #CCCCCC; overflow: hidden; }
.sidebarphotos img { height: 255px; width: 340px; padding: 0; background-color: #FFFFFF; top:0; left:0 }
/******************* sidebar buttons styles *******************/
.sidebutton {
	width:180px; height:70px;float:left; text-align:left;
}
.sidebutton p {
	padding:18px 10px 0 70px;
	font-size:14px;
	font-weight:bold;
}
.sidebutton a {
	color:#FFFFFF;
}
.sidebutton a:hover {
	color:#04194e;
}
/****************** item lists ***************/
.itemleftimg {
	padding:10px 0; 
	overflow:hidden;
	border-bottom:1px solid #CCCCCC;
	width:560px; /* need to trigger hasLayout for stupid IE6 */
}
.itemleftimg img {
	float:left;
	padding:1px;
	margin-top:10px;
}
.itemleftimgtxt {
	margin-left:210px;
}
.itemleftimgtxt2 {
	margin-left:120px;
}
.itemleftimgtxt3 {
	margin-left:250px;
}
.itemleftimgtxt p, .itemleftimgtxt2 p, .itemleftimgtxt3 p {
	font-size:13px;
	line-height:16px; 
	padding-left:0;
	margin:2px 0;
}
.morebutton {
	background-color:#096309; 
	width: 120px; 
	text-align:center; 
	font-weight:bold;
	font-size:9px; 
	padding:3px;
	margin:4px;
	display:block;
	border:1px solid #CCCCCC;
	border-top-color: #FFFFFF;
	border-left-color:#FFFFFF;
}
.morebutton a {
	color:#FFFFFF;
	text-decoration:none;
}
.morebutton:hover {
	background-color:#b62222;
	border:1px solid #FFFFFF;
	border-top-color: #CCCCCC;
	border-left-color:#CCCCCC;
}
/***************** hidden content ****************/
div.issuedetail {
	padding:0 10px;
	width:420px;
	display:none;
	text-align:left;
	background-color:#F6F6F6;
}
.issuedetail img {
	padding:0 10px 10px 0;
}
.issuedetail h3 {
	margin-top:10px;
}
.issuedetail p {
	font-size:11px;
	padding:6px 0;
}
.issuedetail ol, .issuedetail ul {
	margin-left:40px;
	font-size:11px;
	padding:6px 0;
}

/***************** contact form ********************/
#contactform {
	margin:0;
	padding:0 20px 0 40px;
	font-size:10px;
}
.formlabel {
	font-size:11px;
	padding:2px;
	height:40px;
}
input, textarea, select {
	border:1px solid #CCCCCC;
	background-color:#f3f3f3;
	padding:2px;
	margin:0 5px 0 0;
	line-height:12px;
}
.controlset label, 
.controlset input { 
	font-size:11px;
	display: inline; 
	float: none; 
}
.controlset { 
	margin-left: 40px; 
}
input#email_button {
	background-color:#519330;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	border:0px;
	padding:4px;	
}
input#email_button:hover {
	background-color:#333333;
}
.reqd {
	color:#CC0000;
}
div.errors {
	width:500px;
	border:3px solid #FF0000;
	padding:5px 20px;
	color:#FF0000;
	font-size:14px;
	text-align:center;
}
div.messages {
	width:500px;
	border:3px solid #339933;
	padding:5px 20px;
	color:#339933;
	font-size:14px;
	text-align:center;
}
/*************************************************/
.email {
	display:inline-block;
	text-align:left;
	padding-left:20px;
	margin-bottom:3px;
	font-size:11px;
	background:transparent url(images/iconemail.png) bottom left no-repeat;
}
.calpage {
	background:transparent url(images/calendar.gif) top left no-repeat; width:46px; height:49px; float:left;
}
.calmonth {
	font-weight:bold;color:#FFFFFF;text-align:center; font-size:11px; padding-top:2px; display:block;
}
.caldate {
	font-weight:bold;color:#04194e;font-size:24px;padding-top:2px;text-align:center;display:block;
}