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

body {background:#f4f1f1;}
#bot_white {height:50px; background:url(images/bot_white.png) repeat-x; width:100%; position:fixed; left:0px; bottom:0px; }

* {margin:0; padding:0;}

#wrapper {width:980px; margin:0 auto;}

#index_header {width:980px; height:280px; background:url(images/index_header.jpg) no-repeat;}
#header {width:980px; height:40px; background:url(images/kerry_rich_logo.png) no-repeat top left; position:fixed; margin:-40px 0 0 0; *margin:0px 0 0 0; }

#nav {background:url(images/nav_bg.png); width:auto; height:20px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; position:fixed; padding:10px 0px 10px 30px;  margin:0 0 0 170px; }

#nav ul {list-style:none; text-transform:uppercase;}
#nav ul li {margin:0 30px 0 0; display:inline;}
#nav ul li a {color:#cbcaca; text-decoration:none;}
#nav ul li a:hover {color:#fff;}


#index_main_content {width:980px; padding:65px 0 0 0;}
#main_content {width:980px;  margin:40px 0 25px 0; padding:350px 0 0 0;}

#left_column {background:url(images/grey_bar.jpg) repeat-y right; float:left; width:285px; margin:0 0 0 40px; padding:0 20px 0 0;}
#left_column_top {background:url(images/grey_bar_top.jpg) no-repeat right; float:left; width:285px; height:10px; margin:0; padding:0 20px 0 0;}
#left_column_bot {background:url(images/grey_bar_bot.jpg) no-repeat right; float:left; width:285px; height:10px; margin:0; padding:0 20px 0 0;}

#left_column h1 {font:18px "Georgia", Times New Roman, Times, serif; color:#000; text-transform:capitalize; font-weight:bold; margin:10px 0 5px 0; line-height:18px;}
#left_column p {color:#454444; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px; font-size:12px;}

#pic {font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:12px; color:#000; width:260px; margin:0 auto;}

#read_more {width:74px; height:18px; float:right; margin:5px 20px 0 0; padding:0;}

#read_more a {
	display: block;
	background: url(images/read_more.jpg) no-repeat center -18px;
	-webkit-transition: background .1s linear;
	-moz-transition: background .1s linear;
	-o-transition: background .1s linear;
	transition: background .1s linear;
	width:74px; height:18px;
	
	}

#read_more a:hover {
	background: url(images/read_more.jpg) no-repeat center top;
	}


#information {float:left; margin:0 0 0 30px; width:600px;}
#information h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#a70c12;}
#information p {color:#101010; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:5px 0 0 0; line-height:18px;}
#information a {color:#1384d3; text-decoration:none;}
#information a:hover {color:#37a1eb;}
#information h2 {font-size:18px; font-color:#000; margin:10px 0 5px 0;}

#newest {width:124px; height:25px; background:url(images/newest.jpg) no-repeat; padding:10px 0 0 123px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:0 0 20px 0;}

#black {width:100%; background:#171717; padding:50px 0 0 0; margin:30px 0 0 0;}
#kerry {width:980px; margin:0px auto 0 auto; background:url(images/kerry.jpg) no-repeat top right #171717; padding:60px 0 0 0;}
#kerry h3 {font-size:60px; font-family:"Georgia", Times New Roman, Times, serif; color:#fff; margin:0 0 15px 0;}
#kerry h4 {font-size:30px; font-family:"Georgia", Times New Roman, Times, serif; color:#fff; margin:0 0 5px 0;}
#kerry p {font-family:Verdana, Geneva, sans-serif; color:#fff; font-size:12px; line-height:18px; }
#kerry ul {width:450px;}
#kerry ul li {font-family:Verdana, Geneva, sans-serif; color:#fff; font-size:14px; line-height:16px; margin:0 0 15px 0; list-style-image:url(images/checkmark.jpg); font-weight:bold;}


#next_legislature {width:210px; height:46px; float:right; margin:5px 20px 0 0; padding:0;}

#next_legislature a {
	display: block;
	background: url(images/next_legislature.jpg) no-repeat center -46px;
	-webkit-transition: background .1s linear;
	-moz-transition: background .1s linear;
	-o-transition: background .1s linear;
	transition: background .1s linear;
	width:210px; height:46px;
	
	}

#next_legislature a:hover {
	background: url(images/next_legislature.jpg) no-repeat center top;
	}

#contact_kerry {width:210px; height:46px; float:right; margin:5px 20px 0 0; padding:0; cursor:pointer;}

#contact_kerry input {
	display: block;
	background: url(images/contact_kerry.png) no-repeat center -46px;
	-webkit-transition: background .1s linear;
	-moz-transition: background .1s linear;
	-o-transition: background .1s linear;
	transition: background .1s linear;
	width:210px; height:46px;
	cursor:pointer;	
	}

#contact_kerry input:hover {
	background: url(images/contact_kerry.png) no-repeat center top;
	cursor:pointer;
	}



#list {width:285px; float:left; background:#e9e9e9; padding:20px; border:1px solid #CCC; position:fixed; *position:static;}
#list ul {margin:0 0 0 15px;}
#list ul li {font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000; line-height:18px; margin:8px 0 8px 0; list-style-image:url(images/checkmark.png);}
#list ul li a {color:#000; text-decoration:none;}
#list ul li a:hover {color:#929292;}

#footer_holder {width:100%; background:url(images/footer_bg.jpg) repeat-x #000; height:82px;}
#footer {width:980px; margin:0 auto;}
#copyright {float:right; font-size:12px; color:#fff; font-family:Verdana, Geneva, sans-serif; padding:17px 0 0 0;}

.clear {clear:both; height:0;}
.fltleft {float:left;}
.fltright {float:right;}
.divider {margin:0 0 10px 30px;}
.green {color:#1c8d05; font-weight:bold;}
.al_broadcaster {margin:15px 0 0 170px;}
.utw {margin:10px 0 0 0;}
.see {float:right; border:0; margin:0 20px 20px 0;}





/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{}
  
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}






#form_holder form{
	float: left;
	width: 520px;
	margin: 100px 0 0 100px;
	border:none;
}



#form_holder form a {color:#1384d3; text-decoration:none;}
#form_holder form a:hover {color:#37a1eb;}

#form_holder input, #form_holder select, #form_holder textarea{
	float: left;
	padding: 0px;
	margin: 0;
	height:25px;
	}
	
#form_holder input:focus , #form_holder select:focus , #form_holder textarea:focus {
background:#f0f0f0; border:1px solid #ccc; 
}

.submit {
width: 100px;
}

#form_holder label{
	display: block;
	float: left;
	width: 350px;
	margin: 5px 6px 3px 0;
	line-height: 20px;
	padding: 0px;
	color:#424444;
	text-align:left;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#form_holder fieldset{ border:none}

.errors{color:#FF0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

.reload {margin:5px 0 0 0;}
