body {
	position: relative;
	font-size:12px; line-height: 16px;
	font-family: Lucida Sans, Helvetica, Arial, Verdana, sans-serif;
	color:#111;
	margin:0; padding:0;
	background: #325a81 url(img/page-bg.jpg) repeat-y top center;
	}
a {color:#555; text-decoration: none;}
a img {border: 0;}
:focus {outline: none;}	
.clearboth {clear: both;}
p {margin:0; padding:0 0 20px 0;}
#content img.alignleft {border:1px solid #1a365a;float:left;margin:0 15px 15px 0;}
#content img.alignright {border:1px solid #1a365a;float:right;margin:0 0 15px 15px;}
h2 {
	font-size:27px;
	color:#1a365a;
	margin:0 0 10px 0; padding:0;
	}
h3 {
	font-size:18px;
	margin:0 0 7px 0; padding:0;
	color:#1a365a;
	}
h4 {
	font-size:15px;
	margin:0 0 5px 0; padding:0;
	color:#1a365a;
	}
/*----Main Layout----*/		
#topbg {
	position: absolute;
	z-index: 2;
	top:0;
	left:0;
	right:0;
	height: 410px;
	background: url(img/bg-image.jpg) no-repeat top center;
	}
#pagebg {
	position: absolute;
	z-index: 1;
	top:0;
	left:0;
	right:0;
	height: 410px;
	background: url(img/top-bg.jpg) repeat-x top center;
	}
#rap {
	position: relative;
	z-index: 100;
	margin:0 0 20px 0; padding:0;
	}
#expander {
	position: relative;
	width:950px;
	margin: 0 auto; padding: 0;	
	overflow: hidden;
	}
#header {
	margin:0 auto; padding:9px 0 7px 0;
	width:950px;
	}	
a.logo {
	display:block;
	width:203px; height:80px;
	text-indent: -90000px;
	background: url(img/logo-castle.jpg) no-repeat 0 0;
	}	
#page {
	position: relative;
	width: 950px;
	margin:0 auto; padding: 0;
	}
#content {
	position: relative;
	float: left;
	background: #fff;
	}			
div.homepage {
	width:655px;
	padding:10px;
	}
div.subpage {
	width:635px;
	padding:30px 20px;
	}
#sidebar {
	position: relative;
	float: right;
	width:275px;
	background: #173a5d;
	}	
	
	
	
/*----Homepage Slideshow----*/		
#slide {
	position: relative;
	width:655px; height:340px;
	overflow: hidden;
	}
.wrapper {
	position: relative;
	width:655px; height:340px;
	}
	
#thumbNav {
	position: absolute;
	overflow: hidden;
	bottom:60px;
	left:10px;
	width:100px;
	height:20px;
	margin: 0;
	padding: 0;
	}

#slide ul, #slide ul li {
	list-style-type: none !important;
}

.slide-links {
	position: absolute;
	overflow: hidden;
	bottom:60px;
	left:10px;
	width:96px;
	height:18px;
	}
.slide-links ul {
	display: block;
	width:100px;
	height:20px;
	margin: 0;
	padding:0;
	list-style-type: none;
	}
.slide-links ul li {
	display: block;
	float: left;
	height: auto !important;
	width: auto !important;
	margin: 0 5px 0 0; padding:0;
	width:20px; height:20px;
	}
.slide-links ul li a {
	display: block;
	text-indent: -9000px;
	width:20px;
	height:20px;
	}
.slide-btn1 {background: url(img/slide-btn1.png) no-repeat 0 0;}
.slide-btn2 {background: url(img/slide-btn2.png) no-repeat 0 0;}
.slide-btn3 {background: url(img/slide-btn3.png) no-repeat 0 0;}
.slide-btn4 {background: url(img/slide-btn4.png) no-repeat 0 0;}
.slide-links ul li a.active {background-position: 0 -20px;}
.slide-links ul li a:hover {background-position: 0 -20px;}	

.slide-caption {
	position: absolute;
	bottom:0; left: 0; right: 0;
	width:625px; height:30px;
	padding:15px;
	background: url(img/slide-blurb-bg.png) repeat 0 0;
	}
#content .slide-caption h1 {
	float: left;
	margin:0; padding:0;
	font-size: 30px; line-height: 30px;
	color: #fff;
	}

#content .slide-caption h1 a {
	color: #fff;
}
	
p.slide-blurb {
	display: block;
	float: right;
	overflow: hidden;
	width:320px; height: 30px;
	margin:0; padding: 0;
	color:#fff;
	font-size: 11px;
	line-height: 15px;
	}
p.slide-blurb a {
	color:#fff;
	display: block;
	font-weight: bold;
	}
p.slide-blurb a:hover {color:#d8e6f2;}	
	
	
	
	
/*----The 3 featured posts area----*/	
#featuredposts {
	width: 655px;
	overflow: hidden;
	margin:20px 0 0 0;
	}	
	
.post {
	float: left;
	width: 203px;
	padding-left:11px;
	}
.thumbnail {width:203px;}
.thumbnail img {
	width:201px; height: 101px; border:1px solid #ccc;
    filter:alpha(opacity=80); 
    -moz-opacity: 0.8; 
    opacity: 0.8; 
	}
.thumbnail img:hover {
	border:1px solid #999;
    filter:alpha(opacity=100); 
    -moz-opacity: 1; 
    opacity: 1; 
	}	
.description {padding:10px 4px;}
.post p {margin:0 0 5px 0; padding:0;}
p.title a {
	font-size: 13px; font-weight: bold; color:#113b68;
 	}
p.excerpt {font-size: 11px; color:#666;}
.post a:hover {color:#222;}
	
	
/*---- Bulletin Board ----*/		
#bulletin {
	clear: both;
	width:655px;
	overflow: hidden;
	margin:20px 0 0 0; padding:30px 0 0 0;
	background: url(img/title-bulletin.jpg) no-repeat top center;
	}
.bulletin-news {
	float: left;
	width:161px; height: 262px;
	margin:0 11px 0 0; padding:20px 25px;
	background: url(img/bulletin-news.jpg) no-repeat top center;}
.bulletin-press {
	float: left;
	width:161px; height: 235px;
	margin:0; padding:20px 25px;
	background: url(img/bulletin-press.jpg) no-repeat top center;}
.bulletin-events {
	float: right;
	width:161px; height: 247px;
	margin:0; padding:20px 25px;
	background: url(img/bulletin-events.jpg) no-repeat top center;}	
#bulletin h3 {
	font-size:13px;
	line-height: 14px;
	margin:0; padding: 0 0 15px 0;
	}
.bulletin-news h3 a {
	color:#318133;
	}
.bulletin-press h3 a {
	color:#6c2020;
	}
.bulletin-events h3 a {
	color:#204467;
	}
.listing {
	padding:0 0 17px 0; 
	font-size:11px; line-height: 12px;
	}
.listing p {padding:0 0 5px 0; margin:0;}
.listing p.title a {font-size:11px; font-weight: normal; color:#444;}
.listing p.title a:hover {color:#111;}
.listing span.date {color:#888;}
.listing span.source a {color:#888; font-style: italic;}
.listing span.source a:hover {color:#444;}
	
	
/*----Feature Video section----*/		
#featuredvids {
	clear: both;
	width:635px;
	overflow: hidden;
	margin:20px 0 0 0; padding:30px 10px 0 10px;
	background: url(img/title-featuredvideo.jpg) no-repeat top center;
	}
.home-video {
	width: 425px; height: 344px;
	float: left;
	margin:0 28px 0 0;
	}
.video-description {
	width: 182px;
	float: right;
	color:#111;
	}
p.video-title {margin:1em 0; padding:0 0 1em 0; border-bottom:1px solid #999; font-size: 13px; font-weight: bold;}
p.video-excerpt {margin:0 0 1em 0; font-size:11px;}
	
	
/*----------"Help Elect Mike to the Senate!" top section of the sidebar----------*/	
#helpelect-top {
	position: absolute;
	top:-9px; right:82px;
	width: 45px; height: 9px;
	background: url(img/contribute-bg-top.jpg) no-repeat 0 0;
	}
#helpelect {
	width: 243px; height: 42px;
	margin:0; padding: 127px 16px 0 16px;
	background: url(img/contribute-bg.jpg) no-repeat 0 0;;
	}

a.contribute {
	display:block;
	text-indent: -90000px;
	width:243px;
	height:41px;
	background: url(img/contribute.png) no-repeat 0 0;
	}
a.contribute:hover {background-position: 0 -41px;}


/*----Newsletter----*/	
#newsletter {
	width:247px; height:169px;
	margin:0; padding:14px 14px 0 14px;
	background: url(img/newsletter-bg.jpg) no-repeat 0 0;
	}
#newsletter h2, #newsletter h3 {
	text-transform: uppercase;
	color:#fff;
	}	
#newsletter h2 {
	padding:0 0 8px 21px; margin:0 0 0 0;
	font-size: 19px;
	}	
#newsletter h3 {
	font-size: 16px; margin:0 0 0 0;
	padding:0 0 2px 21px;
	}
#signup {
	overflow:hidden;
	display: block; 
	width:247px;
	margin:0; padding:0;
	}
#signup input {
	font-size:13px;
	color:#222;
	border:0;
	margin:0 0 0 0; padding:7px 4px 0 4px;
	}	
#signup input.name {
	width:105px; height:22px;
	margin:0 8px 7px 0;
	background:url(img/field-name.jpg) no-repeat 0 0;
	}	
#signup input.email {
	width:152px; height:22px;
	margin:0 8px 2px 0;
	background:url(img/field-email.jpg) no-repeat 0 0;
	}	
#signup input.zip {
	width:59px; height:22px;
	margin:0 0 2px 0;
	background:url(img/field-zip.jpg) no-repeat 0 0;
	}	
#signup #submit {
	clear: both;
	cursor:pointer;
	border:0;
	outline: none;
	margin:0 0 0 152px;
	width:96px; height:33px;
	background:url(img/newsletter-join.png) no-repeat 0 0;
	}
#signup #submit:hover {background-position:0 -33px;}
#signup span {
	display: block;
	font-size: 9px; line-height: 9px;
	padding:0 0 2px 0;
	color: #669b70;
	text-transform: uppercase;
	}
span.label-firstname {float: left;}
span.label-lastname {margin:0 0 0 125px}
span.label-email {float: left;}
span.label-zip {margin:0 0 0 172px}	
	
/*----------Action Buttons----------*/	
#action-buttons {margin:1px 0 0 0;}	
a.action-getinvolved, a.action-volunteer, a.action-factcheck {
	display: block;
	width: 275px; height: 45px;
	text-indent: -90000px;
	margin:0; padding: 0;
	}	
a.action-getinvolved {background: url(img/action-getinvolved.jpg) no-repeat 0 0;}
a.action-volunteer {background: url(img/action-volunteer.jpg) no-repeat 0 0;}
a.action-factcheck {background: url(img/action-factcheck.jpg) no-repeat 0 0;}
a.action-getinvolved:hover, a.action-volunteer:hover, a.action-factcheck:hover {background-position: 0 -45px;}
				
/*----------social buttons----------*/	
#social {
	width:275px; height:32px;
	margin:0; padding:21px 0 21px 42px;
	background: url(img/social-bg.jpg) no-repeat 0 0;
	}
#social ul {
	display: block;
	overflow: hidden;
	width:233px;
	list-style-type: none;
	margin:0; padding:0;
	}
#social ul li {
	display: block;
	float:left;
	width: 32px; height: 32px;
	margin:0 21px 0 0;
	}
#social ul li a {
	display: block;
	width:32px; height:32px;
	text-indent: -90000px;
	}	
#social ul li a:hover {
	margin-top: 1px;
	}
.social-fb {background: url(img/facebook_32.png) no-repeat 0 0;}
.social-tw {background: url(img/twitter_32.png) no-repeat 0 0;}
.social-fl {background: url(img/flickr_32.png) no-repeat 0 0;}
.social-yt {background: url(img/youtube_32.png) no-repeat 0 0;}

/*----------Castle Connect button----------*/
#connect {
	margin:0; padding:10px 0 0 0;
	}
a.castleconnect {
	display: block;
	width: 267px; height: 68px;
	margin:0 auto; padding:0;
	text-indent: -90000px;
	background: url(img/teamcastle-btn.jpg) no-repeat 0 -68px;
	}	
a.castleconnect:hover {background-position: 0 0;}
#connect h3 {color: #c6def6; font-size:14px; text-align: center; display:block; padding: 0 25px; margin:0;}	
	
/*----------Latest Tweets section----------*/
#latest-tweet {
	width:215px;
	margin:25px auto;
	background: #234465;
	padding:15px;
	}
h2.twitterbird {
	display: block;
	height:25px;
	margin:-20px 0 10px 0; padding:21px 0 0 45px;
	color: #fff;
	font-size:22px;
	background: url(img/twitterbird.png) no-repeat 0 0;
	}	
p.tweet-text {
	color:#ccecff;
	font-size: 12px;
	line-height: 14px;
	}
p.tweet-time {
	color:#ccecff;
	font-size: 11px;
	line-height: 11px;
	}

#latest-tweet p a {color:#7ebcfa;}
#latest-tweet p a:hover {color:#90c4f8;}

	
/*----------Footer stuff----------*/
#footer {
	margin:0;padding:18px 0;
	height:72px;
	background: #237633 url(img/footer-bg.jpg) repeat-x 0 0;	
	font-size:11px;
	color:#fff;
	text-align: center;
	}
#footer a {color:#fff;}
#footer a:hover {text-decoration: underline;}	
#footer .footer-nav, #footer .credits {
	list-style-type: none;
	margin:0;
	padding:0;
	}
#footer .footer-nav {
	margin: 0 0 15px 0;
	}	
#footer .credits {
	font-size: 10px;
	margin: 0 0 15px 0;
	}	
#footer .footer-nav li, #footer .credits li {
	display:inline;
	padding:0 8px 0 5px;
	border-right:1px solid #184021;
	}	
#footer .footer-nav li:last-child, #footer .credits li:last-child {	
	border-right:0;
	}
.paidfor {
	font-size: 9px;
	padding:3px 7px;
	border:1px solid #fff;
	}	
	
	
	

/*----------smoothmenu nav CSS----------*/
#nav {
	position: relative;
	z-index: 1000;
	width:950px;
	height:36px;
	padding:0;
	}
#nav ul {
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#nav ul li {
	position: relative;
	display: inline;
	float: left;
	height:36px;
	}
#nav ul li a {
	display: block;
	text-decoration: none;
	text-indent: -9000px;
	height:36px;
	}
	
#nav355 {
	width:77px;
	background: url(img/nav-home.png) no-repeat 0 0;
	}	
#nav432 {
	width:115px;
	background: url(img/nav-about.png) no-repeat 0 0;
	}	
#nav356 {
	width:81px;
	background: url(img/nav-issues.png) no-repeat 0 0;
	}	
#nav357 {
	width:130px;
	background: url(img/nav-media.png) no-repeat 0 0;
	}	
#nav358 {
	width:122px;
	background: url(img/nav-getinvolved.png) no-repeat 0 0;
	}	
#nav433 {
	width:87px;
	background: url(img/nav-groups.png) no-repeat 0 0;
	}	
#nav359 {
	width:83px;
	background: url(img/nav-events.png) no-repeat 0 0;
	}	
#nav360 {
	width:110px;
	background: url(img/nav-contribute.png) no-repeat 0 0;
	}	
* html #nav ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	color:#fff;
	}
#nav ul li:hover {
	background-position: 0 -36px;
	}
#nav ul li.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background-position: 0 -72px;
	}
#nav ul li ul {
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	margin:0; padding:0;
	font-size:12px;
	color:#fff;
	}
#nav ul li ul li {
	display: block;
	float: none;
	margin:0; padding:0;
	height:34px;
	border-bottom:1px solid #2a4968;
	border-bottom: 1px solid #2a4968;
	}
#nav ul li ul li a {
	width: 140px; height: 14px;
	margin: 0; padding:10px 15px;
	text-indent: 0;
	color:#b6dbff;
	background: #152e46;
	}
#nav ul li ul li a:hover {
	color:#fff;
	background: #1f3f5e;
	}
/* Holly Hack for IE \*/
* html #nav {height: 1%;} /*Holly Hack for IE7 and below*/
.ddshadow, .rightarrowclass, .downarrowclass {display:none;}



/*  Slider */

div.wrapper ul {
	height: 340px;
	width: 99999999px;
	padding: 0;	
	margin: 0;
	overflow: hidden;
}

div.wrapper ul li {
	float: left;
	width: 655px;
	height: 340px;
	position: relative;
}

/*  Tabs */

.tab-box {
        width:100%;
        overflow:hidden;
}

.tab-box .tabset {
        list-style: none;
        padding: 0;
        margin-left: 0px;
        font-size: 12px;
        line-height: 33px;
}
.tab-box .tabset li {
        float: left;
        margin: 0 5px 0 0;
}
.tab-box .tabset li a {
        float: left;
        color: #8faac0;
        text-decoration: none;
        background: url(img/tabset-bg.gif) no-repeat;
        cursor: pointer;
        position: relative;
}
.tab-box .tabset li a span {
        float: left;
        height: 33px;
        padding: 0 24px;
        background: url(img/tabset-bg2.gif) no-repeat 100% 0;
}
.tab-box .tabset li a:hover, .tab-box .tabset li a.active {
        color: #4482b3;
        background: url(img/tabset-bg3.gif) no-repeat;
}
.tab-box .tabset li a:hover span, .tab-box .tabset li a.active span {
        background: url(img/tabset-bg4.gif) no-repeat 100% 0;
}

.columns{
        width:590px;
        background:#fff;
        overflow:hidden;
        padding: 20px;
        padding-bottom:20px;
	border-left: 1px solid #dde0e7;
        border-left: 1px solid #dde0e7;
        clear: both;
}
.column{
        width:145px;
        float:left;
        padding:20px 35px 0 0px;
}
.column h3{
        font-size:14px;
        color:#0079b2;
        margin:0;
        font-weight: bold;
}
.column p{
        font-size:11px;
        color:#4F5860;
        margin:6px 0 0;
        line-height:16px;
}
.column a{
        text-decoration:none;
        color:#0079b2;
}
.column a:hover{text-decoration:underline;}

div.clear {
	clear: both;
}

body.nosidebar div.subpage {
	width: 910px;
}

body.nosidebar div#sidebar {
	display: none;
}

body.nosidebar div#rap {
	maring: 0 0 0 !important;
}
