/* DOCUMENT - DEFAULT STYLES */
* {margin:0px; padding:0px; border:0px;}
html,body {font-family:tahoma; font-size:11px; color:#323333; text-align: center;}
body {background-color: #111111; text-align: center;}
a {text-decoration:none; font-family:Tahoma; font-size:11px; color:#323333;}
a:hover {text-decoration:underline;}
table {border-collapse:collapse;}
input, select, textarea {border:solid 1px #A4AAB0; background-color:#ffffff; color:#323333;}
h1, h1 a {font-size:16px;}
ul, ol {padding-left: 20px; margin-top: 10px; margin-bottom: 10px;}

.ss img {top:-49px !important; left:0px !important;}

.clear {clear:both;}
.error, .req {color:#CC0000;}

/* HEADER */
#header {width:100%; height:233px; margin-top:0px; background-color: #E2E2E2; text-align: center; }
#headerLine {height:30px; width:100%; margin:0px auto; margin-top:0px; margin-bottom: 0px; background:url("../images/bg_top_line.png"); }
#headerContent {height:30px; width:960px; margin:0px auto; margin-top:0px; margin-bottom: 0px; }
#headerLineLeft {float: left; height:30px; margin-top:4px; margin-bottom: 0px; margin-left:6px;}
#headerLineLeftSearch {float: left; height:30px; margin:0px auto; margin-top:0px; margin-bottom: 0px; padding-left: 70px; width:160px;}
#headerLineLeftSearch input {background-color: #f4f4f4; border: solid 1px #0D0D0D; margin-top: 2px; padding: 2px; font-size: 11px; color: #111111; vertical-align:middle;}
#headerLineLeftSearch a {vertical-align:middle; margin-top:4px; float:right;}
#headerLineRight {float: right; width:96px; height:30px; margin:0px auto; margin-top:0px; margin-bottom: 0px; }
#headerLineRight a {color: #ffffff; padding-top: 5px; display: block; float: left; width: 32px; height: 23px; font-size: 12px;}
#headerLineRight a.alang {font-weight: bold; background:url("../images/bg_language.png");}

div.headerLogo {height:203px; width:960px; margin:0px auto; margin-top:0px; margin-bottom: 0px; background:url("../images/logo.jpg") no-repeat; text-align: center;}
div.headerLogoCS {height:203px; width:960px; margin:0px auto; margin-top:0px; margin-bottom: 0px; background:url("../images/logo-cs.jpg") no-repeat; text-align: center;}
.headerText {width: 960px; padding-top: 164px; text-align: center; color: #666666;}
.headerSubText {width: 150px; margin-left:770px; margin-top:60px; position:absolute; text-align: center; color: #666666;}
#logo {text-align:left; padding-top:8px;}

/* BODY */
#body {width:100%; height:270px; margin-top:0px; background-color: #E2E2E2; text-align: center; background:url("../images/bg_home_content.png"); }
#bodyTopLine {position: absolute; left:0px; height:8px; width:100%; margin:0px auto; background:url("../images/header_bottom_line.png") repeat-x 0px -1px; }
#mainContent {height:270px; width:960px; margin:0px auto; margin-top:0px; margin-bottom: 0px;}

#mainGroup {text-align: left; width: 100%;}
#tab_left {text-align: left; width: 200px; float:left;}
#tab_middle {text-align: left; margin-left: 200px;}
#mainGroupBox1 {margin: 0px 0px 0px 5px; padding: 15px 0px 5px 0px; text-align: center; float: left; width: 184px; height: 270px; background:url("../images/bg_home_content_box.png") no-repeat; z-index: 500;}
#mainGroupBox1 a {font-weight: bold; text-decoration: underline;}
#mainGroupBox1 img {margin: 0px 0px 0px 0px;}
#mainGroupBox1 div.subtitle {margin: -20px 13px 0px 13px; height: 28px;}
#mainGroupBox1 .flashimage {margin-top:2px; margin-left: 16px; width:151px; height:99px; xborder: dotted 1px red;}
#mainGroupBox1 div.flashimage img {margin-top:75px;}

#mainGroupBox2 {margin: 0px 0px 0px 5px; padding: 15px 0px 5px 0px; text-align: center; float: left; width: 184px; height: 270px; background:url("../images/bg_home_content_box.png") no-repeat; z-index: 500;}
#mainGroupBox2 a {font-weight: bold; text-decoration: underline;}
#mainGroupBox2 img {margin: 0px 0px 0px 0px;}
#mainGroupBox2 div.subtitle {margin: -20px 13px 0px 13px; height: 28px;}
#mainGroupBox2 .flashimage {margin-top:2px; margin-left: 16px; width:151px; height:99px; xborder: dotted 1px red;}
#mainGroupBox2 div.flashimage img {margin-top:75px;}

#mainGroupBox3 {margin: 0px 0px 0px 5px; padding: 15px 0px 5px 0px; text-align: center; float: left; width: 184px; height: 270px; background:url("../images/bg_home_content_box.png") no-repeat; z-index: 500;}
#mainGroupBox3 a {font-weight: bold; text-decoration: underline;}
#mainGroupBox3 img {margin: 0px 0px 0px 0px;}
#mainGroupBox3 div.subtitle {margin: -20px 13px 0px 13px; height: 28px;}
#mainGroupBox3 .flashimage {margin-top:2px; margin-left: 16px; width:151px; height:99px; xborder: dotted 1px red;}
#mainGroupBox3 div.flashimage img {margin-top:75px;}

#mainGroupBox4 {margin: 0px 0px 0px 5px; padding: 15px 0px 5px 0px; text-align: center; float: left; width: 184px; height: 270px; background:url("../images/bg_home_content_box.png") no-repeat; z-index: 500;}
#mainGroupBox4 a {font-weight: bold; text-decoration: underline;}
#mainGroupBox4 img {margin: 0px 0px 0px 0px;}
#mainGroupBox4 div.subtitle {margin: -20px 13px 0px 13px; height: 28px;}
#mainGroupBox4 .flashimage {margin-top:2px; margin-left: 16px; width:151px; height:99px; xborder: dotted 1px red;}
#mainGroupBox4 div.flashimage img {margin-top:75px;}

/* general styles */

img.spacer {width:960px; height:1px;}

/* specific styles */
.menu {float: left; width:200px; height:203px;}
.menu .menulevel1 {float:left; vertical-align: middle; height:200px; padding-left:10px; overflow:hidden; }
.menu .menulevel2 {float:left; height:200px; padding-left:30px;}
.menu .level1 {height: 21px; background:url("../images/menu_level1_inactive.png") no-repeat; margin:10px 10px 0px 10px; padding:4px 10px 1px 30px; text-align:left;}
.menu .level1 a {color:#666666; font-size: 13px; text-transform:uppercase;}
.menu .level1 a:hover {text-decoration:none; color:#111111;}
.menu .level1active {height: 21px; background:url("../images/menu_level1_active.png") no-repeat; margin:10px 10px 0px 10px; padding:4px 10px 1px 30px; text-align:left;}
.menu .level1active a {font-weight:bold; color:#000000; text-decoration: none; font-size: 13px; text-transform:uppercase;}
.menu .level1active a:hover {text-decoration:none; }

.menu .level2 { margin-left: 25px; margin-top: 3px; background:url("../images/menu_level2_inactive.png") no-repeat; text-align:left; margin:7px 10px 0px 20px; padding:0px 10px 1px 20px;}
.menu .level2 a {color:#666666; text-decoration: none; font-size:11px;}
.menu .level2 a:hover {text-decoration:none; }
.menu .level2active { margin-left: 25px; margin-top: 3px; background:url("../images/menu_level2_inactive.png") no-repeat; text-align:left; margin:7px 10px 0px 20px; padding:0px 10px 1px 20px;}
.menu .level2active a {font-weight:bold; font-size:11px; color:#000000; text-decoration: none; }
.menu .level2active a:hover {text-decoration:none; color:#111111;}

div.search {padding:10px 25px;}

.htmledit { margin-left: 200px; padding:10px 25px;}
.htmledit a {text-decoration:underline;}
.htmledit p {margin-bottom:10px;}
.htmledit img {margin:5px 25px;}
.htmledit td {padding:2px 0px;}
.htmledit ul, .htmledit ol {margin-left:20px; margin-top:10px;}
.htmledit ul li, .htmledit ol li {margin-bottom:5px;}

/* FOOTER */
#footer {width: 100%; border-top: solid 3px #AFAFAF; background-color: #111111; margin:0px; color:#A5A5A5; font-family:Tahoma; font-size:11px; padding:10px 0px 0px 0px; text-align:center;}
#footer a {color:#A5A5A5; font-family:Tahoma; font-size:11px;}
#footer .copyright {width: 960px; margin:0px auto;}

/* ********************************* SITEMAP ********************************* */
.sitemap {padding:10px 25px;}
.sitemap .level1 {padding:3px 0 0 15px; height: 18px; background: url("../Images/h3-bullet.gif") left 5px no-repeat;}
.sitemap .level1 a {font-family:Verdana; font-size: 11px} 
.sitemap .level2 {margin: 0 0 0 15px; background: url("../Images/sitemap1.gif") repeat-y;  padding:6px 0 6px 12px}
.sitemap .level2 a {font-family:Verdana; font-size: 10px;padding-left:10px;}

.sitemap .end1 {padding:3px 0 0 15px; height: 18px; background: url("../Images/h3-bullet.gif") left 5px no-repeat;}
.sitemap .end1 a {font-family:Verdana; font-size: 11px} 
.sitemap .end2 {margin: 0 0 0 15px; background: url("../Images/sitemap1end.gif") repeat-y;  padding:4px 0 4px 12px}
.sitemap .end2 a {font-family:Verdana; font-size:10px; padding-left:10px;}

.submenu {padding:0px 10px 10px 10px;}
.submenu .level3 {margin-top:5px;}
/* ********************************* SITEMAP ********************************* */


/* EDIT */
.editContainer {position:absolute; text-align: right; width: 120px; margin-left: 800px; margin-top: 3px; padding:0px 15px; background-color:#cc0000;}
.editContainer a {font-weight:bold; color:#ffffff;}

.adminarea {position:absolute; height:23px; padding-top:4px; background-color:#cc0000;}
.adminarea div {float:left;}
.adminarea select {width:400px;}
.adminarea a {font-weight:bold; font-size:13px; color:#ffffff;}
.adminarea .containerAdminInfo {margin-left:20px; margin-right:20px; margin-top:3px;}

.okButton {background: url("../images/icon_search.gif") no-repeat left top; float: right; margin-left:0px; margin-top:0px; width:11px; height:18px; display:block;}