/* CSS Document */

body
{
background-color:#000000;
background-image:url(../images/logo.jpg);
background-position:top left;
background-repeat:no-repeat;
background-attachment: fixed;
color:#FFFFFF;
}

#mwrap
{
width:98%;
float:left;
position:fixed;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_wall.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */

/* set up the overall width of the menu div, the background image and the margins */
#menu {
width:20em;
z-index:100;
position:absolute;
}

#menu ul {
padding:0; 
margin-left:15px;
list-style-type: none;
position:absolute;
top:300px;
width:371px;
}

.nodrop li {display:block; padding:0; margin:0; position:relative;}
.nodrop li a, .nodrop li a:visited {display:block; text-decoration:none;}
.nodrop li dd {display:none;}}
.nodrop table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}
.nodrop dl {width: 360px; margin: 0; background: #000; cursor:pointer;}
.nodrop dt {margin:0; padding: 0; font-size: 1.1em; border-top:1px solid #cce;}
.nodrop dd {margin:0; padding:0; font-size: 1em; text-align:left; }

.gallery dt a, .gallery dt a:visited {display:block; color:#fff; padding:5px 5px 5px 10px; background:#000 center center;}
.gallery dd a, .gallery dd a:visited {color:#fff; min-height:1em; text-decoration:none; display:block; padding:4px 5px 4px 20px; background:#000;}
* html .gallery dd a, * html .gallery dd a:visited {height:1em;}
.gallery dd a:hover {background:#000; color:#fff;}

.drop li {display:block; padding:0; margin:0; position:relative;}
.drop li a, .drop li a:visited {display:block; text-decoration:none;}
.drop li dd {display:none;}
.drop li:hover, .drop li a:hover {border:0;}
.drop li:hover dt a , .drop li a:hover dt a {background:#000000 center center; color:#fff; }
.drop li:hover dd, .drop li a:hover dd {display:block;}
.drop li:hover dl, .drop li a:hover dl {height:7.5em; background:#000000;}
.drop table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}
.drop dl {width: 360px; margin: 0; background: #000; cursor:pointer;}
.drop dt {margin:0; padding: 0; font-size: 1.1em; border-top:1px solid #cce;}
.drop dd {margin:0; padding:0; font-size: 1em; text-align:left; }

#content
{
position:absolute;
left:375px;
bottom: 2.5em;
top:2.5em;
padding-left:15px;
padding-right:25px;
width : 60%;
height: 100%;
max-height : 100%;
/* overflow:auto; */
}

#content li {
margin-top:0.5em;
margin-bottom:0.5em;
}

.news {
width: 99%;
float:left;
clear:right;
}

.news ul {
  float: left;
  width: 32em;
  margin: 0;
  padding: 0;
  list-style: none;
  clear:both;
}
 
.news li {
  float: left;
  width: 7em;
  margin-left: 0.5em;
  margin-right:0.5em;
  margin-top:0.5em;
}

.char {
width: 99%;
float:left;
clear:right;
}

.char ul {
  float: left;
  width: 36em;
  margin: 0;
  padding: 0;
  list-style: none;
  clear:both;
}
 
.char li {
  float: left;
  width: 11em;
  margin-left: 0.5em;
  margin-right:0.5em;
  padding-bottom:0.5.em;
}

.group {
width: 99%;
float:left;
clear:right;
}

.group ul {
  float: left;
  width: 32em;
  margin: 0;
  padding: 0;
  list-style: none;
  clear:both;
}
 
.group li {
  float: left;
  width: 15em;
  margin-left: 0.5em;
  margin-right:0.5em;
  margin-top:0.5em;
}

.theme {
width: 99%;
float:left;
clear:right;
}

.theme ul {
  float: left;
  width: 40em;
  margin: 0;
  padding: 0;
  list-style: none;
  clear:both;
}
 
.theme li {
  float: left;
  width: 19em;
  margin-left: 0.5em;
  margin-right:0.5em;
  margin-top:0.5em;
}

.mem {
width: 99%;
float:left;
clear:right;
}

.mem ul {
  float: left;
  width: 40em;
  margin: 0;
  padding: 0;
  list-style: none;
  clear:both;
}
 
.mem li {
  float: left;
  width: 19em;
  margin-left: 0.5em;
  margin-right:0.5em;
  margin-top:0.5em;
}