/* CSS Document */

/* global */
html, body {
	margin: 0px;
	padding: 0px;
	color: #000000;
	background: #97BEFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

/* main container */
div#container_main {
	display: block;
	width: 765px;
	height: 100%;
	background-color: #fff;
	border: 1px #2456AA solid;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
}

/* head container */
div#container_header {
	display: block;
	border: 1px #2456AA solid;
	background-color: #1A4387;
	height: 70px;
	border-top: 10px solid #EFEFEF;
	border-bottom: 10px solid #EFEFEF;
}

	div#container_header h1 { 
		font-size: 2em;
		display: block;
		float: left;
		color: #fff;
		background: transparent;
		margin: 15px 0px 15px 10px; 
		font-weight: normal; 
	}
	div#container_header a { text-decoration: none; }
	div#container_header a:hover { text-decoration: none; }

	div#headerlinks {
		display: block;
		float: right;
		color: #fff; 
		background: transparent;
		margin: 20px 10px 15px 0px; 
	}
	div#headerlinks a { color: #fff; font-size: 11px; text-decoration: none;   background-color: transparent;}
	div#headerlinks a:hover {text-decoration: underline;}


	div#header_ypn_ad {
		margin-left: auto;
		margin-right: auto;
		display: block;
		width: 740px;
		margin-bottom: 20px;
		border: 0px #000 solid;
		border-bottom: 1px #999 dotted;
	}

/* body container */
div#container_body {
	display: block;
	height: 100%;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	border: 1px #142E58 solid;
	border-top: 10px #142E58 solid;
	background-color: #D9D9D9;
}

	div#container_body h1 { 
		font-size: 22px; 
		font-weight: normal; 
		color: #1A4387; 
		font-weight:bold; 
		margin-bottom: 20px;
	}

/* left panel container */
div#body_leftpanel {
	display: block;
	float: left;
	width: 70%;
	background-color: #fff;
	border: 0px dotted #999;
	padding: 20px 10px 10px 10px;
}
	div.leftpanel_ad {
		float: left;
		display: block;
		width: 250px;
		padding: 7px;
		border: 0px #000 solid;
	}
	
	div#leftpanel_categories {
		display: block;
		float: left;
		width: 520px;
		border: 0px #000 solid;
		border-top: 0px #000 solid;
		margin-top: 10px;
	}
	html>body div#leftpanel_categories {margin-top: 20px;}
	
	div#leftpanel_adbottom {
		display: block;
		margin-top: 20px;
		border: 0px #000 solid;
		text-align: center;
	}

		div.categories_col {
			display: block;
			width: 260px;
			float: left;
			border: 0px #000 solid;
			margin-top: 10px;
		}
		
		div.categories_col dl { list-style: none; margin: 10px 0px 0px 10px;}
		div.categories_col dd { list-style: none; margin-bottom: 5px; margin-left: 0px; font-weight: bold}
		div.categories_col dd { font-size: 10px; color:#000000; margin-bottom: 10px;}
		
		div.categories_col a { color:#0A5EB5; background-color:#fff; text-decoration:none; font-size: 12px; font-weight: bold;}
		div.categories_col a:hover { text-decoration:underline; }

/* right panel container */
div#body_rightpanel {
	float: right;
	width: 25%;
	border: 0px #000 solid;
	background-color: #BFD3F0;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-right: 5px;
	margin-left: 0px;
}
html>body div#body_rightpanel { margin-right: 10px; }



	div#body_rightpanel ul { list-style: none; margin: 10px 0px 0px 10px;}
	div#body_rightpanel li { list-style-type:none; color: #FFFFFF; margin-left: 10px; margin-bottom: 5px;}
		
	div#body_rightpanel a { color:#000; background-color:transparent; text-decoration:none; font-size: 12px;}
	div#body_rightpanel a:hover { text-decoration:underline; }
	
	div#rightpanel_header {
		height: 15px;
		background-color: #1A4387;
		color:#FFFFFF;
		padding: 10px 5px 5px 12px;
		font-size: 12px;
		font-weight:bold;
	}
	
	div#rightpanel_adbanner {
		background-color: #8B8527;
		padding: 10px;
		padding-top: 40px;
		text-align: center;
		margin-bottom: 10px;
	}

/* footer container */
div#container_footer {
	display: block;
	width: 765px;
	height: 20px; 
	margin-left: auto;
	margin-right: auto;
	background-color: #transparent;
	color: #000;
	text-align: center;
	font-size: 10px;
	clear: both;
	padding-top: 10px;
}

/* fixing floating boxes */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}