/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*****Basic Definitions*****/  
html, body {background:#000; color:#898; font:12px/14px Arial, Helvetica, sans-serif}
* a {font: 12px/14px Arial, Helvetica, sans-serif; outline:none; text-decoration:none}
a:link, a:visited {color: #0099CC; }
a:hover {color: #00FF80; cursor:pointer; }
a:active {color: #0099CC; }

/*****Custom Classes*****/  
.clear {clear:both}  
.screenReader {left:-9999px; position:absolute; top:-9999px}  

/* Common -----------------------------------------------*/
#outer-wrapper {background:url(/img/main_bg.jpg) center top no-repeat}
#header-bar {background:url(/img/headerbar_bg.png) left top repeat-x; float:left; margin:0; padding:0; height:54px; width:100%;}
#inner-wrapper {width:950px; margin:0 auto; padding:0; }
/* Header-----------------------------------------------*/
#header-wrapper {width:950px; margin:0 auto; height:230px; padding:0px 0 0 0; overflow:hidden}
#header-inner {background-position:center; margin:0 auto}
#header-left {margin:0; border:0 solid #ccc; color:#666; float:left; width:40%; overflow:hidden}
#header-right {float:right; width:58%; overflow:hidden}
#server-time {float: right; display:inline; background:#222; color: #0080FF; border: 1px solid #333; font: bold 11px/11px Arial, Helvetica, sans-serif; width: auto; padding: 5px 10px 5px 10px; min-width: 180px;}
#svr-datetime {position: relative; display:inline; padding-left: 3px; color: #FF2D2D; font: bold 11px/11px Arial, Helvetica, sans-serif;}

#content-wrapper {background: url(/img/contentwrap-background-blue.png) center top repeat-y}
/* #content-wrapper {background: #28303D; margin: 0; padding: 0} */
#main-wrapper {background: none /* #28303D #74787C */; width:520px; padding:0px 15px; float:left; /* overflow:hidden; */ /* fix for long non-text content breaking IE sidebar float */}
/* PAGE MENU CONTAINER */
#pagemenu-container {width:950px; margin:16px auto 0; height:30px; padding:10px 7px 0 7px; -moz-border-radius:4px 4px 0 0; -khtml-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0}
#pagemenu, #pagemenu ul {padding:0; margin:0; list-style:none; font: bold 11px Arial, sans-serif; }
#pagemenu ul {float:left; list-style:none; margin:0 0 0 0; padding:0}
#pagemenu li {float:left; list-style:none; margin:0; padding:0}
#pagemenu ul li {list-style:none; margin:0; padding:0}
#pagemenu li a, #pagemenu li a:link {background:none; color:#3CFF9D; display:block; margin:0 4px; padding:6px 16px; text-decoration:none; text-transform:lowercase; border:1px solid #666; border-width:1px 1px 0px 1px; background:url(/img/pagemenu-bg-blue.png) left top repeat-x; /* -moz-border-radius:4px 4px 0 0; -khtml-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0 */}
#pagemenu li a:hover, #pagemenu li a:active {background: #222B37; color: #FFC68C; display:block; text-decoration:none; border:1px solid #666; border-width:1px 1px 0px 1px}
#pagemenu li.current a, #pagemenu li.current a:link {background:#222B37; color: #FF0; display:block; text-decoration:none; cursor: pointer;}
/*
#pagemenu li.button_bgcolor1 a, #pagemenu li.button_bgcolor1 a:link {background:#CC3333; color:#fff; display:block; text-decoration:none}
#pagemenu li.button_bgcolor2 a, #pagemenu li.button_bgcolor2 a:link {background:#009933; color:#fff; display:block; text-decoration:none}
#pagemenu li.button_bgcolor3 a, #pagemenu li.button_bgcolor3 a:link {background:#6633CC; color:#fff; display:block; text-decoration:none}
#pagemenu li.button_bgcolor1 a:hover, #pagemenu li.button_bgcolor1 a:active {background:#B02D2D; color:#fff; display:block; text-decoration:none}
#pagemenu li.button_bgcolor2 a:hover, #pagemenu li.button_bgcolor2 a:active {background:#007526; color:#fff; display:block; text-decoration:none}
#pagemenu li.button_bgcolor3 a:hover, #pagemenu li.button_bgcolor3 a:active {background:#5229A5; color:#fff; display:block; text-decoration:none}
*/

/* NAV CONTAINER */
/* #navcontainer {height:47px; background:url(/img/nav-background-blue.png) top left repeat-x; display:block; overflow:hidden; border-bottom:2px solid #383838; -moz-border-radius:8px 8px 0 0; -khtml-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0}
#navcontainer a {background:url(/img/nav-background-hover-blue.png) top left repeat-x; color:#FFF}
*/
#navcontainer {height:47px; background: #28303D top left repeat-x; display:block; overflow:hidden; border-bottom:5px solid #141414; /* margin-bottom: 2px; -moz-border-radius:8px 8px 0 0; -khtml-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0 */}
#navcontainer a {background: none top left repeat-x; color:#FFF}
#nav a, #subMenusContainer a {text-decoration:none; display:block}
#nav a {float:left; background:none; padding:18px 15px; color:#DEDCE4; font-weight:bold}
/* #subMenusContainer a, #nav li li a {color:#BDBEBE; text-align:left; background-color:#001824; padding:6px 24px} */
#nav li a:hover, #nav li a:focus, #nav a.mainMenuParentBtnFocused {background: #00476B; color:#fff}
#subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused {background-color:#00293E; color:#FFF}
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {padding:0; margin:0; list-style:none; line-height:1em}
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {background:none; border:1px solid #003C59; left:0}
#nav li {cursor:pointer; float:left; height:47px; display:inline; border-right: 1px solid #292929;}
#subMenusContainer li {list-style:none}
#nav {width:100%; margin:0 auto; clear:both; overflow:hidden; display:block; text-transform:uppercase; letter-spacing:.1em}
#nav .children {display:none}
#subMenusContainer {display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:1000000000}
/* Sidebar Content----------------------------------------------- */
#lsidebar-wrapper {background: none /* #28303D */; width:180px; float:left; padding: 10px 10px 10px 10px; overflow:hidden; /* fix for long non-text content breaking IE sidebar float */}
#rsidebar-wrapper {background: none /* #28303D */; width:180px; float:left; padding: 10px 10px 10px 10px; overflow:hidden; /* fix for long non-text content breaking IE sidebar float */}
.sidebar {color:#D4D2D2;}
.sidebar a, a:hover {text-decoration:none;}
.sidebar h2 {margin:10px 0px 0 0; padding:8px 0 8px 12px; background:#17212B; font: bold 14px/16px Arial, Sans-serif; letter-spacing:.2em; text-transform:uppercase; color:#d2d2d2; border:1px solid #151515}
.sidebarAds {padding-top:10px; text-align:center}
/* Slider ----------------------------------------------- */
/* #slider-section {background: #1A1919; width: 520px; height: 210px; z-index: 5; margin-bottom: 20px; margin-top: 15px; overflow: hidden} */
#slider-section {background: #000; width: auto; height: 220px; margin-bottom: 5px; margin-top: 15px; border: 4px solid #111111; overflow:hidden}
/* border-left:4px solid #161616; border-right:4px solid #161616; border-top:4px solid #161616; border-bottom:4px solid #161616; overflow:hidden} */
/* NEWS + ACCORDION */
#content-section {background:#161616; margin: 15px 0 0 0; border:2px solid #000; padding: 0 0 10px 0}
#content-section h2 {margin:10px 9px 5px 9px; padding:10px 0px 10px 20px; text-align:left; background:#222B37; font: bold 14px/16px Arial, Sans-serif; letter-spacing:.2em; text-transform:uppercase; color:#fff; border:1px solid #000; border-width:1px 1px 1px 1px}
.contentList {width:94%; margin:0px 2% 0px 2%; padding:5px; min-height:60px; background:#222; border:1px solid #000; overflow:hidden}

/* .newsList {width:96%; margin:0px 2% 8px 2%; padding:5px 0px 0px 0px; min-height:150px; background:#252525; border:1px solid #000; border-width:1px 1px 1px 1px; overflow:hidden} */
.newsList {width:auto; padding:2px 5px; /*min-height:150px;*/ background:#252525; overflow:hidden; color: #D4D2D2/*font:13px/16px Arial, Sans-serif;*/} */
dl.newsList {background:#252525}
dl.newsList dt {/* cursor:pointer; */ background: none; padding:4px 2px; border:0px dotted #666; border-width:0px 0px 1px 0px;}

.newsType {display: block; float:left; padding:2px 5px 0px 5px; position:relative}
/* .newsTitle, .newsTitle a:hover {float:left; padding:2px 5px 0px 5px; position:relative; display:block;} */
.newsTitle {background: none; padding: 2px 0px 2px 5px; width: 336px; float:left; margin-right:5px; position:relative; color: #ccc;}
.newsDate {background: none; padding: 2px 6px; display: block; float:left; margin-right:5px; position:relative; /*color: #FF4719*/}

.newsMore {background: none; padding: 2px 6px; display: block; float:right; position:relative}
.newsMore a:hover {color:#00FF80;}

/*
.newsMore a:link, .newsMore a:visited {background: #191919;}
.newsMore a:active {color:#00FF80;}
*/
.newsAds {width: auto; text-align:center; margin-top: 5px; padding: 10px 5px 5px 5px; background: none;}

/* TABLE */
#download {width: 500px; border: 0; margin: 5px 8px 5px 8px;}
#download td {background: #222; text-align: center;  padding: 1px; border: 3px solid #161616;  }
#download a:link, a:visited {color: #0099CC; outline:none; text-decoration:none}
#download a:hover {color:#00FF80; outline:none; text-decoration:none}
#download a:active {text-decoration:none}

#info {width: 500px; border: 0; margin: 5px 8px 10px 8px;}
#info td {background: #222; text-align: left;  padding: 3px 3px 3px 30px; border: 1px solid #161616; border-width:3px 3px 3px 3px }
#info a:link, a:visited {color: #0099CC; outline:none; text-decoration:none}
#info a:hover {color:#00FF80; outline:none; text-decoration:none}
#info a:active {text-decoration:none}

/* FOOTER */
#footer {background: #28303D /* #28303D */; padding:16px 0; text-align:center; color:#DFDFDF; font-size:13px; border-top:5px solid #0C0C0C; /* margin-top:2px; -moz-border-radius:0 0 8px 8px; -khtml-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px */}
#footer a {color:#DFDFDF}
#footer a:hover {text-decoration:none}
#footer-bar {color:#C7C7C7; font-size:11px; text-align:center; padding:10px}
#footer-bar a {color:#C7C7C7; text-decoration:none}

/* EXTRAS */
.icon-action {border-style:none !important; margin:0 0 0 .5em !important; vertical-align:middle}
.button-dummyBox {background:#1A1919; border:1px solid #444343; padding:10px; margin:10px 0 0 0; color:#A2A2A2; text-transform:uppercase; text-decoration:none; font:bold 12px Arial, Helvetica, Sans-serif}
.dummyBox {background:#1A1919; margin-bottom:10px; color:#A2A2A2;}



/* MODAL BOX */
/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
   
#boxes .window {
  position:absolute;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
 
 
/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:375px; 
  height:203px;
}