/* Leveler
---------------------------------------------------------- */
* {
	margin: 0;
	padding: 0; }

hr {
	display: none; }
	
* html acronym, abbr {
    border-bottom: 1px dashed; }

acronym, abbr {
    cursor: help; }
	
img, img a, img a:link {
	border: none; }
	
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%; }
	
.h {
	display: block;
	font-size: 1px;
	height: 1px;
	left: 0;
	overflow: hidden;	
	position: absolute;
	text-indent: -9990px;
	top: -9900px;	
	width: 1px;	}
	
br.clear, div.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	position: relative;	}
	
a, a:link, a:visited, a:active {
	text-decoration: none;
	color: #126e9e; }
			
a:hover {
	text-decoration: underline; }
	
ul, li {
	list-style: none; }
	
fieldset {
	border: none; }

	
	
/* Body
---------------------------------------------------------- */
html, body {
	background: #fff;
	color: #000;
	text-align: center;
	font: 100% Arial, Tahoma, Helvetica, Verdana, sans-serif; }
	
div.wrapper {
	text-align: left;
	width: 800px;
	margin: 0 auto;
	font-size: 80%; }
	
	div.wrapper p {
		margin-bottom: 14px; }
	
	
/* Header
---------------------------------------------------------- */
div.header {
	height: 120px;
	overflow: hidden;
	background: #fff; }
	
	div.header div.logo {
		width: 480px;
		height: 120px;
		float: left;
		position: relative; }

		
		/* logo */
		div.header div.logo h1 {
			overflow: hidden;
			position: absolute;
			top: 0;
			left: 0;
			color: #017dc5;
			font-weight: bold;
			font-size: 125%;
			height: 120px;
			width: 385px; }

			div.header div.logo h1 a {
				display: block;
				height: 120px;
				width: 385px;
				text-decoration: none;
				cursor: pointer; }
			
				div.header div.logo h1 a:hover {
					text-decoration: none;
					color: #006fb5;
					cursor: pointer; }
				
			div.header div.logo h1 span {
	cursor: pointer;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	height: 120px;
	width: 385px;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
				
				
		/* navigation */
		div.header div.logo div.navigation {
			position: absolute;
			right: 0;
			margin-top: 9px;
			margin-right: 10px;
			font-size: 85%; }
		
			div.header div.logo div.navigation ul li {
				text-align: right;
				padding-bottom: 0px; }
	
	
	/* top right banner ad */
	div.header div.banner-ad {
		float: left;
		width: 320px;
		height: 120px;
		overflow: hidden; }

				

				
				
/* Top
---------------------------------------------------------- */		
body.home div.middle {
	height: 240px;
	position: relative;
	overflow: hidden; }
	
	div.middle {
		position: relative;
		height: 100%; }
	
	div.middle div.logo-bottom {
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0;
		width: 160px;
		height: 45px;
		background: url(../../content-based-theme/images/logo-bottom.png) no-repeat top left; }
	
	div.middle div.left {
		width: 480px;
		height: 240px;
		float: left; }
		
	div.middle div.right {
	width: 320px;
	height: 240px;
	text-align: center;
	background: #e9f8ff;
	padding: 0px;
	float: left;
	margin: 0;
}
	
	
	
/* Announcement
---------------------------------------------------------- */	
div.announcement {
	background: #f8c6d7;
	text-align: center;
	width: 800px;
	height: 120px;
	overflow: hidden; }
	
	div.announcement img {
		padding-top: 0px; }	
	
	
	
/* Sub-Pages
---------------------------------------------------------- */
div.yellow { /* yellow page */
	background: url(../../content-based-theme/images/bg-yellow.gif); }
	
div.pink { /* pink page */
	background: url(../../content-based-theme/images/bg-pink.gif); }
	
/* col one on subpages */
div.one {
	width: 148px;
	float: left;
	padding-top: 65px;
	padding-left: 12px; }
	
	div.one div.box {
		padding-top: 150px;
		width: 160px;
		margin-left: -10px;
		float: left;
		height: 240px;
		overflow: hidden; }

	div.one h2 {
		color: #f60e67;
		font-size: 150%;
		padding-bottom: 7px; }
	
	div.one h3 {
		color: #f60e67; }
	
	div.one ul li {
		padding-top: 4px; }
	
	div.one ul ul {
		padding-left: 10px;
		font-size: 85%; }
		
/* col two on subpages */
div.two {
	width: 440px;
	float: left;
	padding: 20px 20px 0 20px; }

	div.short {
		width: 280px; }

	div.two h3 {
		font-weight: bold;
		margin-top: -5px; }

	div.two h3 a,
	div.two h3 a:link,
	div.two h3 a:visited,
	div.two h3 a:active {
		color: #000; }

	div.two ul li {
		clear: both; }

		div.two ul li div.image {
			float: left;
			margin-bottom: 20px;
			width: 121px; }
	
		div.two ul li div.desc {
			float: right;
			margin-bottom: 20px;
			width: 300px; 
			line-height: 115%; }
			
/* col two wide */
div.nopadd {
	padding: 0;
	width: 640px; }
	
	div.nopadd div.content {
		padding: 20px 160px 20px 20px; }
		
		div.nopadd div.content h3 {
			color: #f60e67;
			font-size: 125%;
			padding-bottom: 7px; }
			
			
/* col three on subpages */
div.three {
	width: 160px;
	min-height: 360px;
	height: auto !important;
	height: 360px;
	float: left; }
	
	div.img-right {
		position: absolute;
		right: 0;
		top: 0; }

		
		
/* Bottom
---------------------------------------------------------- */	
div.bottom div.box {
	float: left;
	background: #f9ca74;
	width: 160px;
	height: 240px;
	overflow: hidden; }
	
	div.bottom ul.bannerads li {
		float: left;
		height: 120px;
		background: #cccc99;
		width: 320px;
		overflow: hidden; }
	
	div.bottom div.content {
		background: #bbdfec;
		min-height: 200px;
		height: auto !important;
		height: 200px;
		padding: 20px 160px 20px 20px; }
	
	div.bottom div.padd {
		padding-right: 20px; 
		background: #bbdfec; }

/* current links */
a.current {
	color: #f60e67; }