/* CSS created by Johan of Pokestadium.com */

html,body {
height:100%;
}

body {
background-image:url(bodybg.gif);
background-repeat:repeat-y;
background-position:top center;
background-color:#3973A2;
margin:0;
padding:0;
}

#header {
background-image:url(headerbg.gif);
background-repeat:repeat-x;
}

#headercontent {
width:960px;
margin:0 auto;
}

#headercontent img {
display:block;
border: 0;
}

#container {
height: expression( this.scrollHeight < 801 ? "800px" : "auto" );
min-height: 800px;
width:960px;
background-color:#fff;
background-image:url(containerbg.gif);
background-repeat:repeat-y;
margin:0 auto;
padding:0;
}

/* Horizontal Navigation ------------------------------------------------- */

#navigation {
height:57px;
background-image:url(navmenu.gif);
background-repeat:repeat-x;
font:bold 12px Verdana;
line-height:37px;
}

#navmenu {
z-index:30;
margin:0;
padding:0;
}

#navmenu li {
list-style:none;
float:left;
margin:0;
padding:0;
}

#navmenu li a {
display:block;
text-decoration:none;
padding:10px 35px;
}

#navmenu div {
position:absolute;
visibility:hidden;
background-color:#2C3A62;
width:200px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
margin:0;
padding:10px 0;
z-index: 30;
}

#navmenu div a {
position:relative;
display:block;
text-decoration:none;
color:#8DAFD6;
font:12px Verdana;
padding:6px 20px;
}

#navmenu div a:hover {
background:#3E4F7E;
}

#navmenu .menuoff {
color:#fff;
}

#navmenu #menuon {
color:#FFA200;
background-image:url(navmenuhover.gif);
background-repeat:repeat-x;
background-color:#2C3A62;
}

/* Vertical Navigation ------------------------------------------------- */

#sidenav {
float:left;
width:200px;
padding:0 0 40px;
}

#sidenav h3 {
font:bold 17px Arial;
color:#1E93DD;
margin:30px 0 15px 30px;
}

#sidenav li a {
padding-top:2px;
height:24px;
display:block;
color:#000;
text-decoration:none;
font:12px Arial;
padding-left:40px;
line-height:24px;
}

#sidenav li a:hover {
background:#FBFF56;
width:160px;
}

.sideul {
list-style:none;
margin:0;
padding:0;
}

/* Main Content, next to the vertical navigation  ------------------------------------------------- */

#content {
float:right;
width:680px;
background-color:#fff;
font:12px Verdana;
line-height:19px;
padding:40px;
}

#content h1 {
font:bold 24px Verdana;
margin:0 0 30px;
padding:0;
}

#content h2 {
font:bold 18px Verdana;
margin:40px 0 20px;
padding:0;
}

/* Footer ------------------------------------------------- */

#footer {
color:#fff;
background-color:#000;
font:12px Verdana;
text-align:center;
padding:20px;
}