/* CSS - New Project */

/* reset */
	html, body, div, span, object, iframe, img, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}

/* general */
	strong {font-weight: bold;}
	em {font-style: italic;}
	.left {float: left;margin-right: 1em;}
	.right {float: right;margin-left: 1em;}
	.center {text-align: center;}
	.clear {clear: both;}
	.hide {display: none;}
	.show {display: block;}
	body {font-size: 12px; background: #EEEEEC url(images/bg.jpg) no-repeat center top; font-family: Arial, Helvetica, sans-serif; color: #656462; font-weight: bold;}
	h1, h2, h3, h4 {color: #3e3a5c; font-weight: bold;}
	h1 {font-size: 26px;}
	h2 {font-size: 18px;}
	h3 {font-size: 16px;}
	h4 {font-size: 14px;}
	a {font-weight: bold; color: #656462; text-decoration: underline;}
	a:hover {text-decoration: none;}

/* basic */
	#mainContainer, #headerContainer, #bodyContainer, #footerContainer {clear: both; width: 936px; margin: 0 auto;}
	
/* header */
	#headerContainer {background: url(images/header.jpg) no-repeat; height: 184px;}
		.inside #headerContainer {background: url(images/header2.jpg) no-repeat; height: 184px;}
	#headerLogo h1 {text-indent: -9999px;margin: 0; display: inline;}
	#headerLogo a {display: block; width: 350px; float: left; margin-top: 50px; height: 100px;}
	#headerNav {width: 570px; float: right; margin-top: 115px;}
	#headerNav li {list-style: none; display: inline; float: left; background: url(images/righttab.png) no-repeat right; margin-right: 25px;}
	#headerNav li a {background: url(images/lefttab.png) no-repeat left; padding: 10px 20px; display: block; color: #9daec1; font-weight: bold; text-decoration: none; font-size: 16px; position: relative; left: -14px; text-indent: 14px; cursor:pointer;}

/* body */;
	#bodyContainer {background: url(images/bodybg.png) repeat-y;}
		.home #bodyContainer {background: url(images/bodybg.png) repeat-y;}
		.inside #bodyContainer {background: url(images/bodybg.png) repeat-y;}
	#bodyContent {background: url(images/bodytop.jpg) no-repeat;}
		.inside #bodyContent {background: url(images/bodytop2.png) repeat-y;}
	#leftCol {float: left; width: 605px; padding-left: 50px;}
	#domainSearch {height: 150px; text-align: center; color:#fff;}
	#rightCol {float: right; width: 170px; padding-right: 40px;}
	#rightCol ul {padding-left: 30px;}
	.nobullets li {list-style: none;}
	#leftCol .levels li {background: url(images/levelbox.png) no-repeat; width: 163px; height: 132px; overflow: hidden; text-align: center; display: inline; float: left;  margin-right: 20px; list-style: none; padding: 5px;}
	#leftCol .levels li h2 {margin: 8px 0 4px 0;}
	#leftCol .levels li h3 {font-size: 36px; color: #656462; margin: 0;}
	#leftCol .levels li p {font-size: 10px;}

/* footer */
	#footerContainer {background: url(images/footer.png) no-repeat; height: 21px;}
	#footerContent {text-align: center; font-size: 11px; color: #1f1c2e; font-weight: bold;}