@charset "utf-8";
/* CSS Document */

body {
 background:#450305 url(../images/bg-wrapper.jpg) no-repeat fixed center top;
 color:#666;
 font-family:Verdana, Geneva, sans-serif;
 font-size:12px;
 margin:0;
 padding:0;
}
#wrapper { margin:0 auto; width:900px; }

#header { -moz-box-shadow: 0 0 25px #000; -webkit-box-shadow: 0 0 25px #000; background-color:#FFF; margin-bottom:5px; float:left; }
#header .header-banner { height:90px; width:900px; background-color:#FFF; float:left; }
#header .header-top { background: #FFF url(../images/header_logotopper.png) no-repeat; width:900px; height:30px; float:left; }
#header .header-top p { text-align:right; width:605px; margin-left:290px; padding-right:5px; color:#C00; font-weight:bold; }

#main-container {
 margin: 10px 0;
 background: #FFF;
 float:left;
 position:relative;
 width: 894px;
 border:#000 solid 3px;
 -moz-box-shadow: 0 0 25px #000;
 -webkit-box-shadow: 0 0 25px #000;
}
#main-container #bottom-shadow {
 background: url(../images/bottom-shadow.png) repeat-x;
 height:33px;
 width: 100%;
 position: absolute;
 bottom:0;
 left:0;
}

#main-content { margin:5px 14px 15px 5px; width:620px; float:left; }
#main-content .msg-box { width:305px; margin-bottom:15px; float:left; }
#main-content .msg-box p { width:295px; padding-left:10px; border-right: #CCC solid 1px; }
#main-content div.gap-spacer { width:10px; float:left; }
#main-content ul { list-style: square; line-height: 18px; }

#side-content { margin:10px 5px 15px 0; width:250px; float:left; }
#side-content h2 {
 background:url(../images/side-header.jpg) no-repeat;
 padding:32px 0 20px 0;
 font-size:1.3em;
 color:#ebf5fa;
}
#side-content p { line-height:18px; margin-bottom:10px; }
#side-content .game-box { width: 250px; height: 40px; background: transparent url(../images/game_display.jpg) no-repeat; padding:10px 5px 5px; color: #FFF; font-size:0.9em; margin:0; }

#footer { width:900px; float:left; font-size:.75em; margin:10px 0 20px 0; text-align:center; color:#FFF; }

#main-content a:link, #main-content a:visited, #main-content a:active { color: #8a0c10; text-decoration: underline; }
#main-content a:hover { color: #ca161c; text-decoration: none; }
#side-content a:link, #side-content a:visited, #side-content a:active { color: #8a0c10; text-decoration: underline; }
#side-content a:hover { color: #ca161c; text-decoration: none; }
#footer a:link, #footer a:visited, #footer a:active { color: #FFF; text-decoration: underline; }
#footer a:hover { color: #FFF; text-decoration: none; }

h1 { font-size:1.8em; color:#8a0c10; }
h2 { font-size:1.5em; color:#ca161c; font-style:italic; }
h3 { font-size:1.2em; color:#ca161c; font-style:italic; margin: 10px 0 5px 0; }
h1, h2 { margin:7px 0; }
p { line-height:20px; margin:5px 0; }
p.separate { border-bottom:#CCC solid 1px; padding:5px 0 10px 0; }

img { border:none; }
img.float { float:left; }

/* ---------- MENU NAV ---------- */
#nav {
 background: #000 url(../images/nav-bg.png) repeat-x;
 font-size:14px;
 width: 900px;
 float: left;
 margin: 0; padding: 0;
}

#nav li a, #nav li {
 float: left;
}

#nav li {
 list-style: none;
 position: relative;
 z-index:3000;
}

#nav li a {
 padding: 0.65em 1.72em;
 text-decoration: none;
 color: #FFF;
 font-weight:bold;
 background: transparent;
}

#nav li a:hover {
 color: #cc0000;
}


/* ---------- SUBMENU NAV ---------- */
#nav li ul {
 display: none;
 position: absolute;
 left: -10px;
 top: 100%;
 padding: 0; margin: 0;
 border:#000 solid 3px;
 z-index:1000;
}

#nav li:hover > ul {
 display: block;
 background: #555;
 margin-left: 1.8em;
}

#nav li ul li, #nav li ul li a {
 font-size: 0.9em;
 font-weight:normal;
 float: none;
}

#nav li ul li {
 _display: inline; /* for IE6 */
}

#nav li ul li a {
 width: 120px;
 padding: 0.5em 1.25em;
 display: block;
 background: #444;
 border-bottom: #222 solid 1px;
}
#nav li ul li a:hover { color: #fff; background: #ca161c; }