/*global*/
* {margin: 0; padding:0; border: 0;}
html {background: #dddddf url(images/bg.png) repeat-x 0 0;}
html, body {width: 100%;}
div {position: relative;}
ul {list-style: none;}
a {display: block; text-decoration: none}

/*local*/

#container {width: 768px; padding: 0 64px; margin: 0 auto;}
	#bgLeft {position: absolute; left: 0; top: 0; width: 80px; height: 530px; background: url(images/bgLeft.jpg) no-repeat 0 0;}
	#bgRight {position: absolute; right: 0; top: 0; width: 80px; height: 530px;  background: url(images/bgRight.jpg) no-repeat 0 0;}

#header {width: 100%; height: 218px; background: url(images/bgHeader.jpg) no-repeat center 0;}
	#logo {position: absolute; left: 0; top: 20px; width: 190px; height: 150px;}
		#logo a {width: 100%; height: 100%;}
	#adressBar {position: absolute; left: 395px; top: 27px; width: 347px; height: 26px; background: url(images/adressBar.png) no-repeat 0 0;}
		#adressBar p {margin: 3px 0 0 20px; font: normal 11px Arial, Tahoma, sans-serif; color: #4a5b67;}
		
	#menuTop {float: left; margin: 190px 0 0 20px;}
		#menuTop li {display: block; float: left;}
		#menuTop li a {float: left; width: 125px; padding: 1px 0 8px 0; border-right: 1px solid #61849b; font: normal 11px Arial, sans-serif; text-align: center; color: #fff;}
		#menuTop li a:hover {color: #B5CFDF;}
		#menuTop li.lastItem a {border: none;}
		#menuTop li#active a {background: url(images/active.png) no-repeat center 17px;}
	
#content {width: 100%; overflow: hidden; padding: 0 0 35px 0; background: url(images/bgShadow.png) repeat-y 0 0; min-height: 200px;}
	#contentBgTop {position: absolute; left: 0; top: 0; width: 100%; height: 176px; background: url(images/bgContent.jpg) no-repeat center 0;}
	#colLeft {float: left; width: 405px; padding: 0 20px 15px 35px; border-right: 1px solid #eee; margin: 20px 0 0 0;}
		#colLeft h1 {display: block; margin: 0 0 15px 0; font: bold 18px "Trebuchet MS", Tahoma, sans-serif; color: #4a5b67;}
		#colLeft p {margin: 10px 0 0 0; font: normal 12px "Trebuchet MS", Tahoma, sans-serif; color: #4a5b67; text-align: justify;}
		#colLeft a {display: inline; color: #069;}
		#colLeft a:hover {text-decoration: underline;}
		#colLeft ul {list-style: disc; margin: 10px 0 0 25px;}
		#colLeft li {font: normal 12px "Trebuchet MS", Tahoma, sans-serif; color: #4a5b67;}
		#colLeft ul ul {list-style: circle; margin: 0 0 10px 25px;}
	#colRight {float: right; width: 290px; padding: 25px 0 0 0;}
		#colRight li {float: left;}
		#colRight li a {float: left; padding: 3px; border: 1px solid #ddd; margin: 6px 6px 0 0; background: #fff;}
		#colRight li a img {display: block;}
	
#footer {width: 728px; background: url(images/bg_footer.png) no-repeat -1px 0; min-height: 15px; padding: 13px 20px 10px 20px;}
	#footer p {font: normal 10px Verdana, Tahoma, sans-serif; color: #666;}
	#footer p#copy {float: left;}
	#footer p#site {float: right;}
	#footer a {display: inline; color: #666;}