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

	body {
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 14px;	
		background: url(../images/body_bg.gif) repeat-x #e3f3e5;
		margin:0;
	}
	#container-main {
		width:1011px;
		margin: auto;
	}
	#header{
		height: 119px;
		background: url(../images/header_bg.gif) repeat-x;
		width: 100%;
	}
	#logo {
		background:url(../images/logo.gif) no-repeat;
		width: 308px;
		height: 86px;
		float: left;
		margin-top: 22px;
		margin-left: 20px;
	}
	#menu {
		float: right;
		width: 400px;
		height: 20px;
		margin-top: 80px;
		color: #FFF;
	}
	
	#menu a {
		color: #fff;
		text-decoration: none;
		float: left;
		margin-left: 30px;
	}
	
	#menu a:hover {
		color:#09F;
	}
	
	#menu ul{
		list-style:none;	
		list-style-type:none;
		text-align:left;
	}
	#banner {
		height: 228px;
		background: url(../images/banner_bg.gif) repeat-x;
		
	}
	#content-left {
		width: 75%;
		float: left;
	}
	
	#content-right {
		width: 24%;
		float: right;
	}
	#container-content {
		width: 991px;
		padding: 10px 10px;
		background-color:#FFF;
	}
	
	#learn-more {
		background:url(../images/learn_more_img.gif) no-repeat;
		width: 252px;
		height: 111px;	
	}
	#footer {
		height: 80px;
		width: 100%;
		background: url(../images/footer_bg.gif) repeat-x;
	}
	
	.banner-text {
		 float: left; 
		 width: 40%;
		 color: #FFF;
		 font-size: 14px;
		 font-weight: bold;	
		 padding-left: 30px;
	}
	
	.table-blue {
		width: 100%;
		border-top: solid 1px #1993d2;
	}
	
	.table-blue tr {
		background:#1675a6;
		color: #FFF;
	}
	.table-blue tr.title {
		background:#136087;
		font-weight: bold;		 
	}
	.table-blue tr.content {
		background:#1674a5;	
		font-size: 12px;	 
	}
	.table-blue tr.content:hover {
		background: #3188b7;		 
	}
	.table-blue td {
		padding:5px;
	}
	
	.bpoContent{
		padding-top: 5px; 
		padding-left: 5px; 
		padding-right: 5px;
		padding-bottom: 2px;
		cursor: pointer;
	}
	
	.bpoContent:hover{
		background-color: #CCCCCC;
	}
	
	.spacer {
		clear: both;
	}