* {margin: 0; padding: 0;  outline: none;}
body,html {height: 100%; width: 100%; background: #fff url(../images/bg.jpg) top left repeat-x;}

/* container */
#container {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 1000px;
}

/* top */
#top {width: 100%; height: 52px;}
#top img.logo {position: absolute; z-index: 1; margin: 7px 0 0 150px;}
#top img {float: right; margin: 8px 100px 0 0;}
#top img.links {margin: 7px 20px 0 0;}


/* menu */
#menu {width: 100%; height: 64px; background: url(../images/menu.jpg) top left no-repeat; margin-bottom: 3px;}
#menu ul {float: right; height: 64px; width: auto; padding-right: 81px;}
#menu ul li {width: auto; height: 64px; list-style: none; float: left;}
#menu ul li a {display: block; width: auto;	height: 100%; font: bold 12px Arial; color: #fff; padding: 0 12px; line-height: 62px;}
#menu ul li a:hover {color: #84defc; background: url(../images/hover.png) center bottom no-repeat; text-decoration: none;}
#menu ul li a.active {color: #84defc; background: url(../images/hover.png) center bottom no-repeat; text-decoration: none;}

/* header */
#header {
	width: 100%;
	height: 179px;
	background: url(../images/header.jpg) top left no-repeat;
}
#header img {display: block; border: 1px solid #3280a7; margin: 18px 0 0 122px; float: left; position: absolute; z-index: 0;}
#header #balk {width: 781px; height: 44px; position: absolute; z-index: 1; background: url(../images/balk.png) top left repeat-x; float: left; margin: 116px 0 0 123px}}
#header h2 {font: bold 24px Arial; color: #fff; float: left;}
#header h2 img {border: none; margin: 15px 0 0 22px;}
#header h1 {display: block; font: normal 20px Arial; color: #fff; float: right; width: 500px; text-align: right; padding: 10px;}
/* #header h1 em {display: block; font: normal 12px Arial; color: #80dbfd; float: right;} */

/* content */
#wrapper {width: 765px; overflow: hidden; background: url(../images/content.jpg) top left no-repeat; margin-bottom: 40px;}
#content_container {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 765px;
}

#content {
	min-height: 600px;
	background: url(../images/watermark.jpg) bottom right no-repeat;
	padding-top: 15px;
	margin-bottom: 40px;
	float: left;
	width: 765px;
}
#content ul.submenu {padding-bottom: 30px; margin: 0;}
#content ul.submenu li {list-style: none; float: left; border-left: 1px solid #333; padding: 0 10px;}
#content ul.submenu li a {color: #333;}
#content ul.submenu li a:hover {text-decoration: underline;}
#content ul.submenu li a.active {text-decoration: underline;}

#content h1 {font: bold 20px Arial; color: #333; text-transform: uppercase; clear: both;}

/* footer */
#footer {width: 100%; height: 67px; background-color: #f2f1f1; clear: both; border-top: 1px solid #cdcccc;}
#foot {width: 770px; margin: 0 auto;}
#foot h1 {float: left; font: normal 11px Arial; color: #1c1617;  margin-top: 7px;}
#foot h2 {float: right; font: normal 11px Arial; color: #1c1617;  margin-top: 7px;}
#foot h2 a {color: #005d96; font-weight: bold;}
#foot h2 a:hover {text-decoration: underline;}