/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #313131; height: 100%; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #aac355; }
img { border: 0px; display: block; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url('../images/main_bg.png') repeat-y center 0; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 981px; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 973px; height: 176px; background: url('../images/header_bg.png') repeat-x; margin-left: 4px; }
	#headerCntr a.logo { position: absolute; top: 27px; left: 20px; display: block; width: 463px; height: 71px; text-indent: -9999px; background: url('../images/logo_vdta.png') no-repeat; }
	#headerCntr p { position: absolute; top: 54px; right: 33px; color: #7b7b7b; line-height: 18px; text-align: center; }
	#headerCntr p span { padding: 0 8px; }
	
		/* ### menu box ### */
		.menuBox { position: absolute; top: 124px; left: 21px; }
		.menuBox ul { list-style: none; }
		.menuBox li { float: left; margin-right: 14px; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
		.menuBox li a { color: #4b4c4d; text-decoration: none; display: block; padding-left: 21px; } 
		.menuBox li a span { display: block; padding-right: 21px; line-height: 27px; }
		.menuBox li a:hover, .menuBox li.active a { color: #fff; background: url('../images/menu_left.png') no-repeat; }
		.menuBox li a:hover span, .menuBox li.active a span { background: url('../images/menu_right.png') no-repeat right 0; }
	
	/* ### banner container ### */
	#bannerCntr { margin-left: 4px; width: 973px; background: url('../images/banner_bg.png') repeat-x; height: 218px; overflow: hidden; margin-bottom: 42px; }

	/* ### photo box ### */
	.photoBox { float: left; margin: 0 5px 0 20px; }
	
	/* ### nav box ### */
	.navBox { float: left; background: #2d5389 url('../images/link_bg.png') no-repeat 0 bottom; width: 258px; }
	.navBox.sub { margin-bottom: 35px; }
	.navBox ul { list-style: none; margin: 17px 0 38px 32px; border-top: 1px solid #6682a9; width: 206px; }
	.navBox li { color: #fff; line-height: 30px; border-bottom: 1px solid #6682a9; width: 206px; font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
	.navBox li a { color: #fff;  text-decoration: none; }
	.navBox li a:hover { color: #6385b6; }
	
	/* ### content container ### */
	#contentCntr { overflow: hidden; width: 935px; padding: 0 23px; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 675px; }
		
			/* ### dolor box ### */
			.dolorBox { width: 626px; min-height: 175px; background: #cbdbf1; padding: 30px 22px 22px 18px; margin-bottom: 26px; }
			.dolorBox h1 { color: #2d5389; font-size: 26px; font-family: Arial, Helvetica, sans-serif; padding-bottom: 8px; }
			.dolorBox p { color: #313131; line-height: 18px; padding-bottom: 14px; }
			.dolorBox a.button { display: block; text-decoration: none; color: #fff; text-align: center; background: url('../images/button1.png') no-repeat; width: 89px; min-height: 27px; line-height: 27px; }
			.dolorBox a.button:hover { background: #3866a7; }
			
			/* ### details box ### */
			.detailsBox { overflow: hidden; margin-bottom: 54px; }
			.detailsBox ul { list-style: none; overflow: hidden; }
			.detailsBox li { float: left; width: 100%; min-height: 200px; padding: 18px 12px 12px 22px; margin-right: 30px; background: #edf9c2; }
			.detailsBox h2 { color: #77970b; font-size: 18px; font-family: Arial, Helvetica, sans-serif; padding-bottom: 10px; }
			.detailsBox p { color: #3f3f3f; line-height: 18px; padding-bottom: 16px; } 
			.detailsBox a.button { background: url('../images/button2.png') no-repeat; width: 89px; min-height: 27px; line-height: 27px; text-align: center; display: block; text-decoration: none; color: #fff; margin-left: -6px; }
			.detailsBox a.button:hover { background: #93b718; }
			.detailsBox p.tool { color: #313131; }
			.detailsBox p a { color: #77970b; font-weight: bold; }
			.detailsBox p a:hover { text-decoration: none; }
			.detailsBox li.last { margin-right: 0; }
			
			/* ### blue container ### */
			#blueCntr { width: 646px; background: #cbdbf1; padding: 28px 0 22px 20px; margin-bottom: 44px; }
			
				/* ### training box ### */
				.pageBox { width: 638px; overflow: hidden; }
				.pageBox h1 { color: #2d5389; font-size: 20px; font-family: Arial, Helvetica, sans-serif; padding-bottom: 14px; }
				.pageBox ul { padding-bottom: 18px; padding-top:0px; list-style:disc; width:100%; color:#2D5389 }
				.pageBox ol { padding-bottom: 18px; padding-top:0px; width:100%; color:#2D5389 }
				.pageBox li { width:92%; margin-left:20px; line-height:20px; }
				.pageBox h2 { color: #2d5389; font-size: 14px; line-height: 18px; }
				.pageBox h3 { color: #2d5389; font-size: 12px; line-height: 18px; }
				.pageBox p { color: #2d5389; line-height: 18px; padding-bottom:12px; }
				.pageBox a { color: #2d5389; font-weight: bold; text-decoration:none; }
				.pageBox a:hover { text-decoration: underline; }
			
				/* ### training box ### */
				.trainingBox { width: 638px; overflow: hidden; }
				.trainingBox h1 { color: #2d5389; font-size: 20px; font-family: Arial, Helvetica, sans-serif; padding-bottom: 14px; }
				.trainingBox ul { float: left; width: 328px; list-style: none; }
				.trainingBox ul.last { width: 302px; }
				.trainingBox li { padding-bottom: 18px; width: 272px; }
				.trainingBox h2 { color: #2d5389; font-size: 14px; line-height: 18px; } 
				.trainingBox h3 { color: #2d5389; font-size: 12px; line-height: 18px; }
				.trainingBox p { color: #313131; line-height: 18px; }
				
				/* ### materials box ### */
				.materialsBox { width: 594px; background: #f7faff; padding: 18px 0 18px 24px; margin-bottom: 16px; overflow: hidden; }
				.materialsBox h2 { color: #2d5389; font-size: 14px; padding-bottom: 16px; }
				.materialsBox h2 img { display: inline; vertical-align: middle; margin-right: 8px; }
				.materialsBox ul { list-style: none; float: left; width: 303px; }
				.materialsBox ul.last { width: 276px; }
				.materialsBox li { line-height: 34px; width: 271px; border-bottom: 1px solid #bfcde1; padding-left: 2px; }
				.materialsBox li a { color: #2d5389; display: block; text-decoration: none; background: url('../images/arrow2.png') no-repeat 0 13px; padding-left: 15px; }
				.materialsBox li a:hover { text-decoration: underline; }
				
				/* ### info box ### */
				.infoBox { width: 594px; background: #f7faff; padding: 18px 0 18px 24px; overflow: hidden; }
				.infoBox h3 { color: #2d5389; font-size: 14px; padding-bottom: 9px; }
				.infoBox h3 img { display: inline; vertical-align: middle; margin-right: 8px; }
				.infoBox fieldset { border: none; overflow: hidden; }
				.infoBox .col { float: left; width: 298px; overflow: hidden; }
				.infoBox .col.last { width: 265px; }
				.infoBox p { margin-bottom: 10px; }
				.infoBox label { display: block; color: #2d5389; font-weight: bold; padding-bottom: 2px; }
				.infoBox input.field { border: none; background: url('../images/field1.png') no-repeat; width: 188px; min-height: 28px; line-height: 28px; color: #5d5d5d; padding: 0 10px; }
				.infoBox select { width: 208px; min-height: 29px; line-height: 29px; }
				.infoBox .select { position: absolute; color: #5d5d5d; background: url('../images/select_bg.png') no-repeat; width: 178px; min-height: 29px; line-height: 29px; padding: 0 20px 0 10px; }
				.infoBox textarea { border: none; background: url('../images/textarea.png') no-repeat; width: 242px; height: 86px; padding: 5px 10px; color: #5d5d5d; }
				.infoBox input.button { border: 0; background: url('../images/button4.png') no-repeat; width: 99px; height: 27px; cursor: pointer; float: right; margin: 30px 4px 0 0; color: #fff; }
				.infoBox input.button:hover { background: #3866a7; }
		
		/* ### right container ### */
		#rightCntr { float: right; width: 258px; }
		
			/* ### news box ### */
			.newsBox { margin-left: 30px; }
			.newsBox h3 { color: #2d5389; font-size: 16px; font-family: Arial, Helvetica, sans-serif; padding-bottom: 16px; }
			.newsBox ul { list-style: none; }
			.newsBox li { width: 202px; padding-bottom: 16px; margin-bottom: 18px; border-bottom: 1px solid #cecece; }
			.newsBox p { color: #5d5d5d; line-height: 18px; padding-bottom: 15px; }
			.newsBox p a { color: #5d5d5d; text-decoration: none; }
			.newsBox a.button { display: block; text-decoration: none; color: #fff; text-align: center; background: url('../images/button3.png') no-repeat; width: 89px; min-height: 27px; line-height: 27px; }
			.newsBox a.button:hover { background-position: 0 -27px; }
			
			/* ### link box ### */
			.linkBox { background: url('../images/link_bg.png') no-repeat; width: 258px; height: 209px; margin-bottom: 50px; overflow: hidden; }
			.linkBox ul { list-style: none; margin: 36px 0 0 32px; border-top: 1px solid #6682a9; width: 206px; }
			.linkBox li { line-height: 43px; border-bottom: 1px solid #6682a9; width: 206px; font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
			.linkBox li a { color: #fff; display: block; text-decoration: none; width: 206px; background: url('../images/arrow1.png') no-repeat right 13px; }
			.linkBox li a:hover { color: #6385b6; background: url('../images/arrow3.png') no-repeat right 13px; }
	
	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 973px; background: #fff url('../images/footer_bg.png') repeat-x; height: 60px; margin-left: 4px; padding-top: 27px; }
	#footerCntr p { float: left; padding-left: 40px; color: #7b7b7b; font-size: 11px; line-height: 18px; }
	#footerCntr p a { color: #7b7b7b; }
	#footerCntr p a:hover { text-decoration: none; }
	#footerCntr p.right { padding: 0px 58px 0 0; float: right; }