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


body {
	text-align:center;
}

/*id's*/
#wrapper{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:1024px;
	height:100%;
	background:url(images/obama_believe_1024.jpg) no-repeat center top;
	text-align:left;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height: 18px;
}
#header{
	position:relative;
	width:100%;
	height:100px;
	text-align:left;
	font-size:14px;
	font-weight:normal;
	color:#FFFFFF;
}
#header img{
	padding: 0px 7px;
}
#left_header{
	float:left;
	width:200px;
}
#left_header img{
	padding:0px;
}
#right_header{
	float:right;
	width: 200px;
	text-align:right;
	padding-top:20px;
	padding-right:17px;
}
#main{
	position:relative;
	padding: 0px 30px 0px 35px;
	width:959px;
	height:533px;

}
#left_main{
	position:relative;
	width:285px;
	float:left;
	height:100%;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#top_left{
	position:relative;
	width:inherit;
	height:50%;
}
#bottom_left{
	position:relative;
	width:inherit;
	height:50%;
	padding-top:10px;
}

#right_main{
	position:relative;
	width:275px;
	float:right;
	height:100%;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#top_right{
	position:relative;
	width:inherit;
	height:50%;
}
#bottom_right{
	position:relative;
	width:inherit;
	height:50%;
	padding-top:10px;
}
#button_row{
	position:relative;
	width:100%;
	height:65px;
	color:#001749;
	text-align:center;
}
#button_row li{
	list-style:none;
	display:inline;
	padding:0px 5px;
}
#button_row li.mid_left_button{
	padding-right:100px;
}
#lowest_links{
	position:relative;
	width:100%;
	height:auto;
	color:#001749;
	text-align:center;
}

#lowest_links li{
	list-style:none;
	display:inline;
	padding: 0px 10px;

}

#ticker{
	position:relative;
	color: #476894;
	width:100%;
	margin: 0px auto;
	overflow:hidden;
	height: 20px;
	padding-top:15px;
	font-size:12px;
	
}

#available_content{
	position:relative;
	width: 100%;
	height: 450px;
	left: -5px;
	top:60px;
	background:transparent url(images/content_bg.jpg) no-repeat top center;
	text-align:center;
	color:#063873;
	line-height:1;

}
#available_content fieldset{
	
	border:2px solid #999999;
	padding:0px 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-align:left;
	font-size:12px;
	margin-top:10px;
}
#available_content ul{
	clear:both;
	padding:5px 0;
}
#available_content li{
	margin:0;
	padding:5px;
	width:160px;
	display:inline;
	float:left;
	
}
#available_content h3{
	font-size:12px;
	font-weight:bold;
	padding-bottom:7px;
}
#available_content fieldset legend{
	font-size:18px;
	font-weight:bold;
	padding:0px 10px;
}
#table_container{
	position:relative;
	padding:5px 40px;

}
#available_content table{
	position:relative;
	width:100%;
	font-size:14px;
	line-height:16px;
}
#available_content td{
	text-align:left;
	border:0;
	width:168px;
	overflow:hidden;
	vertical-align:top;
	padding:5px;
}

#available_content td h1{
	font-size:14px;
}
.free_content{
	color:#006600;
}
/* liScroll style declarations */
.tickercontainer { /* the outer div with the black border */
	
	background: #fff; 
	width: 1024px; 
	height: 20px; 
	margin: 0; 
	padding: 0
	overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	/*top: 8px;*/
	width: 1024px;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 750px;
	
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
	background: #fff;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #ff0000;
	font: bold 12px Verdana;
	margin: 0 50px 0 0;
} 
ul.newsticker span {
	margin: 0 0 0 10px;
	color:#000000;
} 
/*classes*/
.indented_list{
	margin-left:13px;
}
.compact_list{
	font-size:12px;
	line-height:14px;
}

.compact_list ul{
	padding:0px;
}
.compact_list li{
	padding:0px;
	margin-top:0px;
}
.accent{
	font-size:14px;
	font-weight:bold;
}
.main_links a:link{
	color:#FFFFFF;
	text-decoration:underline;
}
.main_links a:active{
	color:#CCCCCC;
}
.main_links a:visited{
	color:#FFFFFF;
	text-decoration:underline;
}
.main_links a:hover{
	color:#CCCCCC;
}
/*universal*/
h1{
	font-size:24px;
	padding-bottom:6px;
	font-weight: bold;
}
h2{
	font-size:18px;
	padding-bottom:6px;
	font-weight:bold;
}
li{
	margin-left:7px;
	margin-top:7px;
	padding: 3px 5px;
	list-style:none;
}
.indented_list li{
	list-style:disc;
	padding:0px;
}

a:link {
	color: #476894;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #476894;
}
a:hover {
	color: #444444;
}
a:active {
	color: #444444;
}