/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### GENERAL ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Arial; font-size: 11px; color: #0024ab; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #0024ab; }
body { background: #fff url('../images/bg.gif') repeat-x; }
img { border: 0px; display: block; }
a:active { outline: none; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url('../images/wrapperBg.gif') no-repeat center 42px; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 1001px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { padding: 0 12px 0 12px; overflow: hidden; line-height: 42px; position: relative; width: 977px; height: 42px; background: url('../images/headerBg.gif') no-repeat center bottom; }
/*	#headerCntr { padding: 53px 12px 0 12px; overflow: hidden; line-height: 42px; position: relative; width: 977px; height: 42px; background: url('../images/headerBg.gif') no-repeat center bottom; }*/
	
		/* ### LINK BOX ### */
		.linkBox { margin: 0px; font-size:15px; }
		.linkBox a { color: #0024ab; text-decoration: none; }
		.linkBox a:hover { text-decoration: underline; }
		
		/* ### PHONE BOX ### */
		.phoneBox { float: right; color: #cacaca; font-size: 24px; }
		.phoneBox span { color: #0024ab; font-weight: bold;}
	
	/* ### MENU CONTAINER ### */
	#menuCntr { padding: 0 2px; width: 997px; overflow: hidden; height: 258px; background: url('../images/menuBg.gif') repeat-y center top; }
	#menuCntr h1 { position: absolute; top: 215px; right: 0px; }
	#menuCntr h1 a { display: block; width: 661px; height: 43px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	#menuCntr ul { padding: 0 10px; width: 200px; }
	#menuCntr ul li { list-style: none; height: 50px; line-height: 50px; border-bottom: 1px #eaeaea solid; background: url('../images/grayArrow.gif') no-repeat 5px center; }
	#menuCntr ul li a { padding-left: 25px; display: block; height: 50px; text-decoration: none; color: #c2c2c2; font-size: 20px; text-transform: uppercase; }
	#menuCntr ul li.last { border: 0px; }
	#menuCntr ul li:hover { color: #0024ab; background: url('../images/blueArrow.gif') no-repeat 5px center; }
	#menuCntr ul li.active { color: #0024ab; background: url('../images/blueArrow.gif') no-repeat 5px center; }
	
		/* ### BANNER BOX ### */
		.bannerBox { width: 774px; height: 258px; float: right; position: relative; }
		.bannerBox span { padding: 8px; display: block; position: absolute; right: 0px; top: 0px; font-size: 12px; color: #FFFFFF; }
		
	/* ### CONTENT CONTAINER ### */
	#contentCntr { background: url('../images/containerBg.gif') repeat-y center top; }
	#contentCntr #bottom { padding: 0 2px 10px 2px; overflow: hidden; width: 997px; background: url('../images/bottomBg.gif') no-repeat center bottom; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 223px; }
		
			/* ### MENU BOX ### */
			.menuBox { width: 223px; }
			.menuBox ul li { padding-bottom: 1px; list-style: none; cursor: pointer; line-height: 51px; background: url('../images/borderImg.gif') no-repeat center bottom; }
			.menuBox ul li.last { background: none; }
			.menuBox ul li a { padding-left: 10px; display: block; height: 51px; text-decoration: none; }
			.menuBox ul li a:hover, .menuBox ul li a.selected { display: block; background: url('../images/menuOver.gif') repeat-x; }
			.menuBox ul li span { padding-left: 25px; display: block; height: 51px; line-height: 51px; text-decoration: none; color: #fff; font-size: 12px; text-transform: uppercase; background: url('../images/whiteArrow.gif') no-repeat 5px center; }
			.menuBox ul li span:hover, .menuBox ul li a.selected span { color: #fff; background: url('../images/darkArrow.gif') no-repeat 5px center; }

			.menuBox ul li span a{ color: #fff; font-size: 12px; text-transform: uppercase; }

/*
			.menuBox ul li a span { padding-left: 25px; display: block; height: 51px; line-height: 51px; text-decoration: none; color: #fff; font-size: 12px; text-transform: uppercase; background: url('../images/whiteArrow.gif') no-repeat 5px center; }
			.menuBox ul li a span:hover, .menuBox ul li a.selected span { color: #fff; background: url('../images/darkArrow.gif') no-repeat 5px center; }
*/

			.menuBox ul li ul { padding: 10px 5px 10px 10px; list-style: none; background: #FFFFFF;  }
			.menuBox ul li ul li { font-size: 12px; line-height: 24px; border-bottom: #eaeaea solid 1px; background: none;}
			.menuBox ul li ul li a { padding-left: 15px; height: 24px; text-decoration: none; color: #0024ab; background: url('../images/link-arrow.gif') 0 10px no-repeat; }
			.menuBox ul li ul li a:hover, .menuBox ul li ul li a.selected { text-decoration: underline; background: url('../images/hover-arrow.gif') 0 10px no-repeat; }
			.menuBox ul li ul li ul { padding: 0px; }
			.menuBox ul li ul li ul li { border: 0px; }
			.menuBox ul li ul li ul li a { color: #8A7967; }
			.menuBox ul li ul li.last { border: 0px; }
			.menuBox ul li ul li a.last { background: none; }

		/* ### RIGHT CONTAINER ### */
		#rightCntr { padding: 0 18px; float: right; width: 738px; }
			
			/* ### TEXT BOX ### */
			.textBox { padding-bottom: 15px; position: relative; width: 738px; overflow: hidden; }
			.textBox h2 { padding: 15px 0px 5px 0px; color: #0024ab; font-size: 20px; overflow: hidden; font-weight: normal; text-transform: uppercase; border-bottom: #eaeaea solid 1px; }
			.textBox span { position: absolute; top: 15px; right: 0px; font-size: 24px; color: #d6e03e; font-weight: bold; text-transform: none; float: right;}
			.textBox img { margin: 20px 10px 0 0; float: left; }
			.textBox p { padding-top: 17px; line-height: 18px; }
			.textBox a { color: #0024ab; }
			.textBox a:hover { text-decoration: none; }
			
			/* ### STEUN BOX ### */
			.steunBox { width: 738px; overflow: hidden; }
			.steunBox h2 { padding-bottom: 5px; color: #0024ab; font-size: 20px; font-weight: normal; text-transform: uppercase; border-bottom: #eaeaea solid 1px; }
			.steunBox h3 { padding-top: 20px; color: #0024ab; font-size: 20px; font-weight: normal; text-transform: uppercase; }
/*			.steunBox img { margin: 18px 10px 15px 0px; float: left; }*/
			.steunBox p { padding-bottom: 17px; line-height: 18px; }
			.steunBox a { color: #0024ab; }
			.steunBox a:hover { text-decoration: none; }

			.steunBox ul { padding:5px;margin:0px; }
			.steunBox ul li { padding:5px;margin:0px; list-style:circle; }
			.steunBox ul li .first { font-size:12px; font-weight:bold }
  	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 12px 2px 20px 2px; overflow: hidden; width: 997px; }
	#footerCntr ul { list-style: none; overflow: hidden; }
	#footerCntr li { padding-right: 55px; float: left; }
	#footerCntr li a { color: #0024ab; text-decoration: none; }
	#footerCntr li a:hover { text-decoration: underline; }
	#footerCntr li a.active { text-decoration: underline; }
	#footerCntr a { color: #0024ab; }
	#footerCntr a:hover { text-decoration: none; }
	#footerCntr p { float: right; }