html, body { height:100%; }
* { margin: 0; padding: 0; }
body { border: 0; background: #e5e5e5; text-align: center; }
/* holder */
#holder { position: relative; margin: 0 auto; width:846px; padding: 18px; text-align: left; z-index:1; }
#holder #mainMenu { position: absolute; left:100px; top: 36px; height: 30px; z-index:100; }
#holder .homePerson { display:none; }
/* header */
#header { position: relative; width: 100%; height: 64px; z-index: 2; margin-bottom: 18px; background: #000 url(pics/bgHeader.jpg) no-repeat right top;}
#header h1 { position: relative; width: 100px; height: 64px; background: #000 url(pics/bgLogo.gif) no-repeat 0 0; text-indent: -9999px; font-size:1px; }
#header h1 a { position: relative; width: 64px; height: 64px; display: block; background: url(pics/aurelon.gif) no-repeat 0 0; font-size:1px;}
#body { position: relative; height: auto; width: 100%; overflow: hidden; padding-bottom:10px; margin-bottom: 18px; background:#fff; }
* html body #body { height: 100%;}
#body b.rc { position: absolute; width:6px; height:6px; display:block; background: transparent url(pics/rc_grey-white.gif) no-repeat; z-index:1; font-size:1px; line-height:1px; }
#body b.lt { left:0; top: 0; background-position: left top;}
#body b.lb { left:0; top: 100%; margin-top:-6px; background-position: left bottom; }
#body b.rb { right: 0; top: 100%; margin-top:-6px; background-position: right bottom; }
* html #body b.lb, * html #body b.rb{ margin-top:-5px; }
/* newsbox */
#body #loginBox { position:relative; width: 159px; min-height: 30px; padding-bottom: 1px; line-height: 15px; color: #000; z-index: 5; }
* html #body #loginBox { height: 30px; }
#body #loginBox .loginBox { position:relative; width: 159px; padding-top: 10px; background: #fff url(pics/bgLogin.jpg) repeat-x 0 100%; }
#body #loginBox .loginBox h2 { position:relative; height:41px; margin: 0 0 6px 0; padding-right:30px !important; text-align: right; background: url(pics/icnLogin.gif) no-repeat 0 0; color: #9f1f5e;  font: 20px/24px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; }
#body #loginBox form { position:relative; background: transparent url(pics/bgLoginBorder.gif) no-repeat 0 0; padding: 10px 0 5px 10px;}
#body #loginBox .end { position:absolute; height: 7px; width: 159px; left:0; top: 100%; margin-top: -6px; background: transparent url(pics/bgLoginBorderEnd.gif) no-repeat 0 0; z-index:1; }
#body #loginBox fieldset { position:relative; border: 0; }
#body #loginBox fieldset legend { display:none; }
#body #loginBox fieldset input { position: relative; width: 115px; margin: 2px 8px 2px 0; }
#body #loginBox fieldset input.submit { position:relative; height: 17px; width:17px; top: 2px; padding:0; margin: 0; border: 0; }
#body #loginBox fieldset a { width: 100%; display: block; padding: 4px 0; margin: 0; color: #5d5d5d; }
#body #loginBox .loginBoxActive { position:absolute; width: 149px; background: transparent; top: -26px; padding: 0 10px; z-index: 10;}
#body #loginBox .loginBoxActive a { position: relative; float: right; display: inline; text-transform: lowercase; color:#9f1f5e; }
/* newsbox */
#body #newsBox { position:relative; width: 160px; overflow: hidden; background: #fff; line-height: 15px; color: #000; z-index: 5; }
#body #newsBox h2 { position:relative; color: #9f1f5e; margin: 0; padding: 8px 0; font: 24px/26px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; background: url(pics/hrNews.gif) no-repeat 0 100%;}
#body #newsBox ul { position:relative; list-style: none;}
#body #newsBox ul li { position:relative; margin: 6px 0; padding: 0 0 14px 0; width: 100%; overflow: hidden; background: url(pics/hrNews.gif) no-repeat 0 100%;}
#body #newsBox ul li h3 { position:relative; margin: 8px 0; }
#body #newsBox ul li h3 a { position:relative; color: #000; font: bold 13px/15px Arial, Helvetica, sans-serif; }
#body #newsBox ul li h3 span { position:relative; display: block; width: 90%; color: #9f1f5e; font: 11px/13px Arial, Helvetica, sans-serif; }
#body #newsBox ul li .more { position:relative; float: right; height: 11px; padding: 6px 4px 2px 0; font: 11px/13px Arial, Helvetica, sans-serif; color:#9f1f5e; }
/* template */
#body .tpl { position: relative; margin-right: 192px; padding-top: 30px; }
#body .tpl .column { background:#333; position: relative; width:186px; float:right; display: inline; margin-right:-192px; margin-top:-30px; padding:30px 0 10px 6px; background: #fff url(pics/bgColumn.gif) no-repeat 100% 0; }
#body .tpl .column .banner { position: relative; width:159px; display: block; margin: 18px 2px 10px 1px; }
#body .tpl #content { margin: 0; padding: 18px 20px 0 18px; }
/* main menu */
#mainMenu ul.mainMenu { position:relative; display:block; height: 30px; margin:0 0 0 12px; list-style:none;  }
#mainMenu ul.mainMenu li { position:relative; float: left; display: block; margin: 0; padding: 0 2px 0 1px; height: 30px; background: url(pics/divMainMenu.gif) no-repeat 0 0; }
#mainMenu ul.mainMenu li.firstNode { background: transparent; }
#mainMenu ul.mainMenu li h2 { position:relative; display: inline; font: 14px/16px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; height: 30px; }
#mainMenu ul.mainMenu li h2 a, #mainMenu ul.mainMenu li h2 a:link, #mainMenu ul.mainMenu li h2 a:active, #mainMenu ul.mainMenu li h2 a:visited { position: relative; float: left; display: block; height: 16px; width: auto; text-decoration: none; padding: 7px 10px; line-height: 16px; color: #fff; }
#mainMenu ul.mainMenu li h2 a:hover, #mainMenu ul.mainMenu li h2 a.active, #mainMenu ul.mainMenu li h2 a.mouse, #mainMenu ul.mainMenu li h2 a.active:link, #mainMenu ul.mainMenu li h2 a.active:visited, #mainMenu ul.mainMenu li h2 a.active:hover, #mainMenu ul.mainMenu li h2 a.active:active { position: relative; display: block; height: 16px; text-decoration: none; padding: 7px 10px; line-height: 16px; color: #d13783; }
#mainMenu ul.mainMenu ul { width: 198px; left: -13px; top: 30px; padding:8px 0; z-index: 100; background: url(pics/bgSubmenu.gif) no-repeat left bottom; }
#mainMenu ul.mainMenu li ul li { position: relative; height: auto; width: 100%; padding: 1px 0; background:transparent; }
#mainMenu ul.mainMenu li ul li.lastNode { padding-bottom: 5px; }
#mainMenu ul.mainMenu li ul li.top {display: none;}
#mainMenu ul.mainMenu ul li a, #mainMenu ul.mainMenu ul li a:link, #mainMenu ul.mainMenu ul li a:visited, #mainMenu ul.mainMenu ul li a:active, #mainMenu ul.mainMenu ul li a.active { display: block; width: 75%; text-decoration: none; padding: 2px 5% 2px 15%; margin: 1px 0; font: 12px/14px "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; color: #fff;}
#mainMenu ul.mainMenu ul li a:hover, #mainMenu ul.mainMenu ul li a.active:link, #mainMenu ul.mainMenu ul li a.mouse, #mainMenu ul.mainMenu ul li a.active:visited, #mainMenu ul.mainMenu ul li a.active:hover, #mainMenu ul.mainMenu ul li a.active:active { display: block; width: 75%; text-decoration: none; padding: 2px 5% 2px 15%; margin: 1px 0; font: 12px/14px "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; color: #d13783; background: url(pics/menuActive.gif) no-repeat 8px 50%; }
#mainMenu ul.mainMenu ul ul { top:0; margin-left: 170px; padding-top: 0; }
#mainMenu ul.mainMenu li ul li ul li.top {display: block; height: 8px; line-height:8px; margin-top: -8px; font-size: 1px; background: url(pics/bgSubmenuTop.gif) no-repeat 0 0; }
/* breadcrum */
#breadcrumMenu ul.breadcrumMenu { position:absolute; top: 0; left: 6px; width: 620px; padding: 10px 0; height: 12px; list-style: none;  }
#breadcrumMenu ul.breadcrumMenu li { position:relative; float:left; padding: 2px 10px 2px 4px; height: 11px; background: url(pics/divBreadCrum.gif) no-repeat 100% 5px;  }
#breadcrumMenu ul.breadcrumMenu li a { position:relative; float:left; color:#989898; font: 11px/12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#breadcrumMenu ul.breadcrumMenu li a:hover { text-decoration:underline; }
#breadcrumMenu ul.breadcrumMenu li.firstNode { padding-left: 12px; }
#breadcrumMenu ul.breadcrumMenu li.lastNode { background:transparent; }
#breadcrumMenu ul.breadcrumMenu li.lastNode span { position:relative; float:left; color:#989898; font: 11px/12px Verdana, Arial, Helvetica, sans-serif; }
/* footer */
#footer { position: relative; width: 100%; height: 22px; clear: both; padding-top: 8px; background: #000;}
#footer b.rc { position: absolute; width:5px; height:30px; display:block; background: transparent url(pics/rc_footer.gif) no-repeat; z-index:1; font-size:1px; line-height:1px; }
#footer b.l { left:0; top: 0; background-position: left top; }
#footer b.r { right: 0; top: 0; background-position: right top; }
#footMenu ul.footMenu { position: relative; height: 13px; overflow: hidden; font: 11px/13px Geneva, Tahoma, Arial, Verdana, Helvetica, sans-serif; margin: 0 0 0 14px; padding: 0; list-style: none; }
#footMenu ul.footMenu li { float: left; border-right: 1px solid #fff; text-align: center; }
#footMenu ul.footMenu li.lastNode { border-right:0; }
#footMenu ul.footMenu li a { padding: 0 8px; margin: 0; line-height: 13px; text-decoration: none; color: #fff; }
* html body #footMenu ul.footMenu a {display: inline; }
#footMenu ul.footMenu li a:link, #footMenu ul.footMenu li a:visited {text-decoration: none; color: #fff; }
#footMenu ul.footMenu li a:hover, ul.footMenu li a:active, ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: underline;}
#footMenu ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: none; }