body {
background-image:url('../graphics/back.gif'); background-position:top;
background-repeat:repeat-x;
background-color:#fff;
color:#000;
font-family:times, serif;}

div.outside {
width:600px; border-style:none;
margin:0px auto; padding:0px;}


div.title {height:155px; width:331px;
margin:-8px auto 0px auto; padding:0px;
background-image:url('../graphics/title.gif');
border-style:none;
}

div.title h1 {display:none;}


a.section {
 color:black; margin-top:30px;
 position:relative; float:left;
 text-decoration:none;
 font-size: 17px; font-weight: bold;
 border-style:none;
 height:150px; width:120px; 
 text-align:center;
}

a.section:hover {color:#0066CC; background-position: -120px 0;}

a.section span {position:relative; top:115px;}


/* character links on main page */

a.w {background:url('../graphics/catwoman.gif') 0 0 no-repeat;}

a.h {background:url('../graphics/northstar.gif') 0 0 no-repeat;}

a.m {background:url('../graphics/joker.gif') 0 0 no-repeat;}

a.d {background:url('../graphics/xavier.gif') 0 0 no-repeat;}

a.e {background:url('../graphics/anole.gif') 0 0 no-repeat;}


/* big black line separating pictures from text inside the links */

div.black {background-color:#000; width:100%; height:4px; color:#000;
left:0px; line-height:0px; margin-top:140px;}

.clear {clear:both;}


/* styles for update section */

span.u {text-decoration:underline;}

div.update {width:435px; margin-top:30px; float:left; overflow:hidden;}

div.update a {color:#000; font-weight:bold;}

div.update a:hover {color:#06C;}
div.update a span {text-decoration:underline; top:0px;}


div.news div.date {display:block; width:50px; height:50px;
	background-color:#000; color:#fff; font-weight:bold; margin-right:20px;
	text-align:center; font-size:20px; margin-top:-5px; float:left;}
div.news div.date span {font-size:12px;}

div.news h2 {position:relative; margin-top:10px;}


div.archive {width:435px; padding-top:30px;
	background-image:url('../graphics/news/bottom.png');
	background-position:top left; background-repeat:no-repeat;
	text-align:center; margin-bottom:50px;}
div.archive a {font-size:16px; color:#000; margin-top:30px;}
div.archive a:hover {}



/* styles for small legal text */

div.side {margin-top:45px; border-left:1px solid #919191; margin-left:450px;
 font-size:10px; color:#777; width:150px; padding-left:5px;
}
div.side a {position:relative !important; display:inline !important; font-weight:bold;
	font-size:10px; color:#333; text-decoration:underline; top:0px; left:0px;}
div.side a:hover {color:#06C;}