@charset "utf-8";
/* CSS Document */

*{padding:0; margin:0}

html, body {
	height: 100%;
}
a, img{border:none;}

li{list-style-position:inside}
body
{
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	color: #333;
	background: url(../images/bg.jpg) repeat-x;
	font-size:14px;
	line-height: 21px;
}

#shadows{
	background:url(../images/shadows.png) repeat-y;
	background-position:center;
	}
	
#wrapper{
	width:960px;
	background-color:#FFF;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */
}

	
#header{
	background:#FFF;
	padding:20px;
	}

#logo{
	width:300px;
	float:left}
	
#headerInfo{
	width:500px;
	float:right;
	}
	
#headerInfo h2{font-size:18px; color:#1b2a88; font-weight:100}	
#main_nav{
	height:35px;
	margin: 0;
	padding: 0;
	width: 960px;
	color: #FFF;
 font-size:14px;
}

#header_image{
	margin-top:-35px;
	height:200px;
float:left;
}

#header_flash{
	margin-top:-35px;
	height:200px;
float:left;
}

#header_image h2{
position:relative;
margin-top:-45px;
 color:#FFF;
background:url(../images/50black.png);
padding:5px;
	width:950px;
	height:30px;
	text-align:right;
	font-size:25px;
	line-height:25px;
	vertical-align:middle;
	font-weight:100
	
	}
#breadcrumbs{
	background:url(../images/grad_bg.png) left bottom repeat-x scroll;
	height:25px;
	padding:10px 25px;
	width:470px;
	float:left;
	line-height:25px;
	vertical-align:middle;
}
#search{	background:url(../images/grad_bg.png) left bottom repeat-x scroll;
float:right; top:0px; 	height:25px;
	padding:10px;width:420px;	line-height:25px;
	vertical-align:middle; text-align:right}

input.search-button {
	border: none;
	height: 22px;
	width: 53px;
	margin-left: 5px;
	padding: 0px 2px 2px 0px;
/* makes the hover cursor show, you can set your own cursor here */
	cursor: pointer;
/* you can set your own image here */
	background: url(../images/search.gif) no-repeat center center;
}


#content{
	width:920px;
	background:#FFF;
	padding:20px;
	}
	
#main_info{
	float:left;
	background:#efefef;
	border:1px solid #a1a1a1;
	padding:10px;
	width:620px;
	font-size:14px;
	line-height:21px;}
	
	#main_info h2{width:95%;
	border-bottom:1px solid #0e2a8d;
	border-left:5px solid #0e2a8d;
	padding:5px;
	font-size:18px;
	color:#0e2a8d;
	margin-bottom:6px; font-weight:100}
	
	#main_info h3{padding:10px 0 0 0; font-size:15px; color:#0e2a8d;}
	#main_info h3 a{text-decoration:none}
	#main_info p{padding:5px 0; font-size:14px;}

#sidebar {
float:left;
margin-left:20px;
border: 1px solid #ccc;
width: 250px;
background: #F9F8F2;
color: #333;
text-align: left
border:solid 1px red;
}

#sidebar h2{font-size:14px;}
#sidebar a, #sidebar h2 a, .news-title a{text-decoration:none; color:#0e2a8d;}
.sidebar_heading{
	padding:10px;
	background: url(../images/menu_bg.gif) repeat-x;
	color:#FFF;
	}
.sidebar_content{padding:10px;}

.news_entry{padding-bottom:10px; solid; margin-bottom:10px; }
#main_info .news_entry{font-size:14px;}
.news_entry img{padding 15px 5px;}
h2 .news_title a{padding-bottom:15px; margin-bottom:5px;}
#footer{position:absolute; bottom:0px; 	background:url(../images/grad_bg.png) left bottom repeat-x scroll;
}

.footer, .push {
	height: 30px;
	padding:30px; /* .push must be the same height as .footer */
	clear:both;
	background:#efefef;
/*	background:url(../images/grad_bg.png) left bottom repeat-x scroll;
*/	text-align:center;
	line-height:15px;
	vertical-align:middle;
}

.date{padding:10px 0; font-size:12px;}

.clear{
	clear:both;
	line-height:0px;
	font-size:0px;
	height:0px;}
	
	.red{color:#FF0000;}
	
	#header_image b{
position:relative;
margin-top:-45px;
 color:#FFF;
background:url(../images/50black.png);
padding:5px;
	width:950px;
	height:30px;
	text-align:right;
	font-size:25px;
	line-height:25px;
	vertical-align:middle;
	font-weight:100
	
	}
