@charset "UTF-8";
/* CSS Document */
html, body, h1, h2, h3, h4, h5, h6 {padding:0; margin:0;}
/* Fix IE. Hide from IE Mac \*/
html ul li { float: left; }
html ul li a { height: 1%; }
/* End */
body{
	background: #bed6f0 url(/images/site-img/bg.jpg) repeat-x center top;
	margin:0;
	padding:0;
}
a:link {
	color:#2C7B9E;
}
a:visited{
	color:#235263;
}
a:hover{
	color:#69C3E2;
}
#bgholder{
	margin:auto;
	padding:26px 0 0 0;
	overflow:visible;
	height:930px;
	background:url(/images/site-img/backflag.jpg) no-repeat top center;
}
#container{
	width:960px;
	margin:auto;
	font: normal 12px/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#nav{
	background: url(/images/site-img/nav-bg.jpg) repeat-x top center;
	display:block;
	width:960px;
	height:33px;
	overflow:hidden;
	border-bottom:1px solid #bbbbbb;
	border-right:1px solid #808080;
	border-left:1px solid #808080;
}

#nav ul{
	margin:0 0 0 104px;
	padding:0;
	list-style:none;
	display:block;
	position:relative;
}
#nav li{
	display:inline;
	float:left;
}
#nav li a{
	text-indent:-200px;
	overflow:hidden;
}
.home a{ float:left; display:block; width:96px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -61px 0px;}
.about a{ float:left; display:block; width:103px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -157px 0px;}
.issues a{ float:left; display:block; width:179px; height:33px; background:url(/images/site-img/nav-add.jpg) no-repeat 0 0;}
.news a{ float:left; display:block; width:101px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -360px 0px;}
.media a{ float:left; display:block; width:108px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -461px 0px;}
.contact a{ float:left; display:block; width:107px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -569px 0px;}
.volunteer a{ float:left; display:block; width:110px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -676px 0px;}
.district a{ float:left; display:block; width:105px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -789px 0px;}
/*hover*/
.home a:hover{ float:left; display:block; width:96px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -61px -33px;}
.about a:hover{ float:left; display:block; width:103px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -157px -33px;}
.issues a:hover{ float:left; display:block; width:179px; height:33px; background:url(/images/site-img/nav-add.jpg) no-repeat 0 -33px;}
.news a:hover{ float:left; display:block; width:101px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -360px -33px;}
.media a:hover{ float:left; display:block; width:108px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -461px -33px;}
.contact a:hover{ float:left; display:block; width:107px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -569px -33px;}
.volunteer a:hover{ float:left; display:block; width:110px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -676px -33px;}
.district a:hover{ float:left; display:block; width:105px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -789px -33px;}
/*selected*/
.current-home .home a{ float:left; display:block; width:96px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -61px -66px;}
.current-about .about a{ float:left; display:block; width:103px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -157px -66px;}
.current-issues .issues a{ float:left; display:block; width:179px; height:33px; background:url(/images/site-img/nav-add.jpg) no-repeat 0 -66px;}
.current-news .news a{ float:left; display:block; width:101px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -360px -66px;}
.current-media .media a{ float:left; display:block; width:108px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -461px -66px;}
.current-contact .contact a{ float:left; display:block; width:107px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -569px -66px;}
.current-volunteer .volunteer a{ float:left; display:block; width:110px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -676px -66px;}
.current-district .district a{ float:left; display:block; width:105px; height:33px; background:url(/images/site-img/nav.jpg) no-repeat -789px -66px;}
#header{
	padding:0;
	margin:0;
	background: url(/images/site-img/header.jpg) no-repeat top center;
	width:960px;
	height:190px;
	display:block;
	border-right:1px solid #606060;
	border-left:1px solid #606060;
}
#header h1{
	text-indent:-99999px;
	width:1px;
	height:1px;
	font-size:1px;
	margin:0;
	padding:0;
	float:left;
}
#sidebox{
	position:relative;
	left:690px;
	width:260px;
	height:186px;
}
#signup{
	width:263px;
	height:82px;
	background: url(/images/site-img/sign-up.gif) no-repeat top left;
	position:relative;
	top:13px;
}
#signup label{ display:none;}
#signup input{
	background-color:transparent;
	border:0 none;
	position:absolute;
	top:51px;
	left:23px;
}
#signup a{
	position:absolute;
	top:46px;
	left:206px;
	display:block;
	width:45px;
	height:28px;
	text-indent:-99999px;
}
#feature{
	position:absolute;
	top:98px;
	left:2px;
	width:256px;
	height:80px;
	background-color:#ffffff;
	border:1px solid #2f6d9c;
}
#middle{
	width:256px;
	height:80px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
#feature img{ 
	border:0 none;
	 max-width: 256px;
	 max-height: 80px;
	 width: expression(this.width > 256 ? "256px" : true);
	 height: expression(this.height > 80 ? "80px" : true);
}
#feature span{ 
	position:absolute; 
	bottom:0px; 
	right:0px; 
	width:89px; 
	height:10px;
	text-indent:-999999px;
	background: url(/images/site-img/feature.gif) no-repeat bottom right;
}
#content{
	background: #ffffff url(/images/site-img/shade.jpg) no-repeat top center;
	width:960px;
	margin:0;
	padding:0;
	overflow:hidden;
	border-bottom:1px solid #808080;
	border-right:1px solid #808080;
	border-left:1px solid #808080;
}
#main{
	padding:18px 0px 18px 33px;
	float:left;
}
#carosel{
	background: url(/images/site-img/carosel.jpg) no-repeat top center;
	width:616px;
	height:304px;
	position:relative;
	margin-bottom:14px;
}
#site-body{
	width:616px;
	margin-bottom:14px;
}
.titleline{
	font-size:28px;
	line-height:36px;
	color:#194670;
	font-weight:normal;
	letter-spacing:-0.5px;
}
.dateformat{
	font-size:11px;
	color:#999999;
}
#site-body ul li{
	list-style:none;
	float:none;
	line-height:24px;
	padding-left:24px;
	background:url(/images/bullet.gif) no-repeat 0px 50%;
}
#hideLeft{
	width:260px;
	height:304px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
#controler {
	position:absolute;
	top:280px;
	width:260px;
	height:24px;
	text-align:center;
	background:#275674;
} #controler a{	color:#ffffff; text-decoration:none; font-size:18px; cursor:pointer;}
#hideRight{
	width:356px;
	height:304px;
	position:absolute;
	top:0;
	left:260px;
	overflow:hidden;
}
#leftSlide{
	width:260px;
	height:304px;
	position:relative;
}
.text{
	color:#ffffff;
	width:210px;
	height:254px;
	padding:25px;
	overflow:hidden;
}
#leftSlide div.text a{ color:#ffffff;}
.text h3{ font-size:18px; line-height:27px; margin-top:0;}
#rightSlide{
	width:99999px;
	height:304px;
	position:relative;
}
.pic{
	display:inline;
	position:relative;
	width:356px;
	height:304px;
	display:block;
	float:left;
}
.pic .caption{
	display:block;
	width:356px;
	height:45px;
	text-indent:20px;
	text-decoration:none;
	font-size:12px;
	color:#ffffff;
	background-color:#1c3c53;
	line-height:45px;
	position:relative;
	top:0px;
}
.pic a.caption, .pic a.caption:visited, .pic a.caption:hover { color:#ffffff;}
.pic p{ margin:0; padding:0;}
#update{
	width:616px;
	overflow:hidden;
	display:block;
}
#latest {
	width:368px;
	float:left;
	margin:0;
	padding:0;
}
#latest-news{
	display:block;
	width:368px;
	height:45px;
	background: url(/images/site-img/latestnews.jpg) no-repeat top center;
	text-indent:-99999px;
}
#latest dl{
	border:1px solid #bfbfbf;
	padding:8px 18px;
	margin-top:12px;
	overflow:hidden;
}

#latest dl dt{
	color:#7d7d7d;
	float:left;
	width:85px;
	display:inline;
}
#latest dl dd{
	margin:0 0 12px 85px;
}
#latest dl p{ padding:0; margin:0;}
.read{
	width:78px;
	height:16px;
	margin:2px;
	background: url(/images/site-img/read.gif) no-repeat top right;
	display:block;
	float:right;
	text-indent:-999999px;
}
#twitter-feed{
	width:236px;
	float:right;
	margin:0;
	padding:0;
}
#mike-twitter{
	display:block;
	width:236px;
	height:45px;
	background: url(/images/site-img/twitter-feed.jpg) no-repeat top center;
	text-indent:-99999px;
}
#twitter-feed ul{
	list-style:none;
	margin:12px 0 0 0;
	padding:0;
}
#twitter-feed ul li{
	width:212px;
	display:block;
	overflow:hidden;
	padding:8px 11px;
	margin-bottom:12px;
	background-color: #f1f8ff;
	border:1px solid #8296af;
}
#sidebar{
	width:245px;
	float:right;
	padding:18px 33px 18px 0;
	text-align:center;
}
/*
#newsletter{
	width:219px;
	padding:16px 13px;
	background-color:#ffffff;
	border:1px solid #bfbfbf;
	overflow:hidden;
}
#newsletter label{
	background:url(/images/site-img/signup.jpg) no-repeat top center;
	width:209px;
	height:38px;
	display:block;
	text-indent:-99999px;
	padding-bottom:16px;
}
#newsletter #email{
	width:90%;
	padding:3px;
	color:#666;
	font-style:italic;
}
#newsletter .subscribe{
	background:url(/images/site-img/subscribe.jpg) no-repeat bottom left;
	width:95px;
	height:23px;
	display:block;
	float:right;
	padding:8px 6px 0 0;
	text-indent:-99999px;
}*/
#notes{
	position:relative;
	width:245px;
	height:257px;
	background: url(/images/site-img/note.jpg) no-repeat top center;
	margin-bottom:25px;
}
#notes h3{text-indent:-99999px;padding:0; margin:10px 0;}
#notes a{color:#AC1F23;}
#notes #inner{
	width:200px;
	height:205px;
	overflow:hidden;
	margin:auto;
}
#notes #inner p{
	font-size:11px;
	line-height:14px;
}
#notes .more{
	position:absolute;
	bottom::13px;
	right:10px;
	width:97px;
	height:46px;
	text-indent:-99999px;
	
}
#showcase img{
	border:0;
	padding: 0 0 25px 0;
}
#footer{
	text-align:center;
	font-size:11px;
	color:#999;
	background-color:#ffffff;
	border:1px solid #808080;
	margin-top:12px;
}
#Tooltip{
	background:#05224a;
	border:1px #333333 solid;
	color:#ffffff;
	width:150px;
	font: normal normal 12px/1.5em "Trebuchet MS",Arial,Helvetica,sans-serif;
	padding:5px;
	position:absolute;
	text-align: center;
}
#picturebox {
	width:616px;
	overflow:hidden;
}
#picturebox a{
	display:block;
	float:left;
	width:150px;
	height:150px;
	padding:10px;
	text-align:center;
	border:none;
}
#picturebox img{
	border:none;
}
.article{
	margin-bottom:60px;
}
#announce {
    background: none repeat scroll 0 0 #F9F18E;
    border-bottom: 1px solid #000000;
    font: 14px/40px Helvetica,Arial,sans-serif;
    height: 41px;
    text-align: center;
	color:#737000;
}