/* CSS Document */
body {margin: 0; padding: 0; font-family: Arial, Tahoma, Verdana; font-size: 12px; color: #FFF; background-color: #222; height: 99.7%;}

/* Box */
#header{z-index: 5; background: url("images/bg_body.gif") repeat-x; position: relative; height: 92px;}
#cont-mainwrap{position: relative; width:796px; background: url("images/bg_content.jpg") repeat-y;overflow:auto;}
#cont-mainwrap .cont-main{position: relative;}
#cont-mainwrap .cont-bodywrap{width: 645px; float: left;}
#cont-mainwrap .cont-menu{float: left; width: 457px; padding-bottom: 20px; height:100%;}
#cont-mainwrap .cont-body{float: left; width: 188px; padding-bottom: 25px; margin: 0;}
#cont-mainwrap .cont-sub{float: left; margin: 0px;}
#footer {clear: both; background: url("images/bg_footer.gif") repeat-x; height: 80px;}

/* Overwrites */
img {border: 0;}
p {margin: 3px 0px 12px 0px;}
code{font-family: "Courier New", Courier, monospace;}
em,strong{font-weight: bold;}
caption{font-weight: bold; text-align:left}
hr{clear: both;	color: #CCCCCC;margin: 1px 0px 2px 0px;}
del{text-decoration: line-through;}
a:link, a:visited {color:#F6DD1C;}
a:active {color:#E4C404;}
a:hover {color:#FFF;}
h1{font-size: 13px; margin: 3px 0 7px 0;}
h2, h3{font-size:12px; color:#FFFF9F; margin: 3px 0 3px 0; border-bottom: solid 1px #666666;}
.clear {clear: both;}
.fright {float: right; clear:right}
.hide{display: none;}
.show{display: block;}

/* Menu */
#menus{margin: 10px 10px 0 10px; z-index:10; font-family: Tahoma, Verdana, Arial; font-size: 10px; color: #626262;}
#menus .menuitem {border-bottom: 1px solid #3A3A3A; padding-top: 10px;}
#menus .arrow {float: right;}

#menus ul {margin:0px; padding:0px;}
#menus li {color:#D4D4D4; text-decoration: none; border-bottom: 1px solid #3A3A3A;}

#pro_sub li{margin: 9px 2px 2px 7px; list-style: url("images/menu_arrowon.gif") inside; letter-spacing: .15em;}
#pro_sub li.marrowoff{margin: 9px 2px 2px 7px; list-style: url("images/menu_arrowoff.gif") inside; letter-spacing: .15em;}

#navsub1 li, #navsub2 li, #navsub3 li{margin: 5px 2px 2px 18px; list-style: url("images/menu_pageoff.gif") inside; letter-spacing: .1em; color:#959595;}
#navsub1 li:hover, #navsub2 li:hover, #navsub3 li:hover{margin: 5px 2px 2px 18px; list-style: url("images/menu_pageon.gif") inside; letter-spacing: .1em; color:#959595;}
#navsub1 li.pageons, #navsub2 li.pageons, #navsub3 li.pageons{margin: 5px 2px 2px 18px; list-style: url("images/menu_pageon.gif") inside; letter-spacing: .1em; color:#FDCB05;}

#menus a:link, #menus a:visited{color:#BFBFBF; text-decoration: none;}
#menus a:hover {color:#FDFCE1;}
#menus a:active {color:#FDFCE1;}

.menuitem a,
#pro_sub a {cursor:pointer}


/* News */
#newsblock {margin: 15px 0 0 0; z-index:9;}
#newsblock .cal {width:65px; height:65px; background: url("images/bg_cal.gif") no-repeat; font-family: Candara, Tahoma; font-size: 10px; padding: 18px 0 0 10px; float: left;}
#newsblock .date {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #000000; font-weight: bold; padding: 3px 0 0 0; text-align: center; width: 53px; }
#newsblock .newscontent {width:345px; float: left; padding: 8px 0 0 0;}
/* Extra Tabber */
#project a:link, a:visited {color:#FFFFFF}
#project a:active {color:#E4C404;}
#project a:hover {color:#F6DD1C;}
#project img {border: 2px solid #E4C404;}
.einput, .etextarea {font-family: Arial, Helvetica, sans-serif;	font-size: 11px; color: #FFFFFF; background-color: #454545; border: 1px solid #F6DD1C; padding: 3px;}
/* Content */
#content {margin: 5px 15px 0 15px; z-index:10}
#content .sitelunch{color:#FDCB05; font-weight: bold;}
#content a.enter:link {color:#E8CD1C; text-decoration: none;}
#content a.enter:visited {color:#E8CD1C; text-decoration: none;}
#content .intro {margin: 0 0 0 35px;}

/* AD Block */
#adblock {margin: 5px 0 0 15px; z-index:10}
/* Footer */
#footnote {margin: 10px 15px 0px 15px; z-index:10}
#w3c {float: left; width:95px;}
.copy {font-family: Tahoma, Arial, Verdana;font-size: 10px;color: #FDCB05;float:left;}