html body
{
  background-color:#000000;
  color:#cccccc;
  text-align:center;
  font-family:verdana;
  font-size:10px;
  margin:10px;
}

/* site */
#site
{
  margin-left:auto;
  margin-right:auto;
  width:712px;
  height:450px;
  text-align:left;
  overflow:hidden;
}

/* left navigation and links */
#leftNav
{
  position:relative;
  width:220px;
  border:1px solid #999999;
  height:400px;
  left:0px;
}

#leftNav a
{
  display:block;
  width:220px;
  text-decoration:none;
}

#leftNav a.portals
{
  height:32px;
  background:url('../images/buttons/portals0.jpg');
}

#leftNav a.portals:hover
{
  background:url('../images/buttons/portals1.jpg');
}

#leftNav a:hover div
{
  display:inline;
}

#leftNav a div
{
  display:none;
  position:absolute;
  width:220px;
  left:0px;
  font-size:12px;
  color:#ffffff;
  text-align:center;
}


#leftNav a span
{
  display:none;
  position:absolute;
  width:220px;
  left:0px;
  font-size:12px;
  color:#ffffff;
  text-align:center;
}

#leftNav a:hover span
{
  display:inline;
}


#leftNav a.memories
{
  height:31px;
  background:url('../images/buttons/memories0.jpg');
}

#leftNav a.memories:hover
{
  background:url('../images/buttons/memories1.jpg');
}

#leftNav a.realms
{
  height:32px;
  background:url('../images/buttons/realms0.jpg');
}

#leftNav a.realms:hover
{
  background:url('../images/buttons/realms1.jpg');
}
/* end left navigation */

/* content pane */
#content
{
  position:relative;
  width:480px;
  border:1px solid #999999;
  height:400px;
  left:230px;
  top:-402px;
  background:#999999 url('../images/cbg.jpg');
  color:#ffffff;
  font-size:12px;
  text-align:left;
}

/* page menu */
#pMenu
{
  text-align:right;
  font-size:10px;
  font-weight:bold;
  padding:5px;
  color:#cccccc;
}

#pMenu a
{
  text-decoration:none;
  color:#cccccc;
}

#pMenu a:hover
{
  text-decoration:underline;
  color:#ffffff;
}

#pMenu a.sel
{
  text-decoration:none;
  color:#999999;
}

#pHeader
{
  margin-left:5px;
  margin-top:54px;
}
/* end page menu */

/* page content */
#pContent
{
  margin-left:5px;
}

h2 
{
  font-size:18px;
  font-weight:bold;
  margin-bottom:15px;
}

input, select, textarea
{
  border:1px solid #666666;
  vertical-align:top;
  color:#666666;
}

.warn {
  color:#ff6666;
  font-weight:bold;
}

a, a:visited
{
  color:#ffffff;
  text-decoration:none;
}

a:hover
{
  text-decoration:underline;
}

.site 
{
  display:block;
  font-size:14px;
  font-weight:bold;
  margin-top:10px;
  margin-bottom:5px;
}

.siteInfo
{
  display:block;
  font-size:10px;
  margin-bottom:3px;
  margin-left:10px;
}

.subsite
{
    margin-left:10px;
}

/* footer */
#footer
{
  position:absolute;
  text-align:right;
  top:420px;
  width:712px;
}