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

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


h1.title {display:none;}

a.title {display:block; height:58px; width:161px;
margin:0px; padding:0px;
background-image:url('../graphics/title_inside.gif');
border-style:none;
}

a.title span {display:none;}

a.title:hover {background-image:url('../graphics/title_inside2.gif');}


div.links {margin-left:170px; margin-top:-66px;}

a.section {display:block;
 color:#fff; margin-top:0px;
 float:left; text-decoration:none;
 font-size: 17px; font-weight: bold;
 border-style:none;
 height:30px;  padding:10px 10px 0px 10px;
 text-align:center;
}

a.section:hover {color:#ff3535;}


/* character links on main page */

a.w:hover {background:url('../graphics/catwoman_inside2.gif') center no-repeat;}
a.w_on {color:#ff3535; background:url('../graphics/catwoman_inside2.gif') center no-repeat;}

a.h:hover {background:url('../graphics/northstar_inside2.gif') center no-repeat;}
a.h_on {color:#ff3535; background:url('../graphics/northstar_inside2.gif') center no-repeat;}

a.m:hover {background:url('../graphics/joker_inside.gif') center no-repeat;}
a.m_on {color:#ff3535; background:url('../graphics/joker_inside.gif') center no-repeat;}

a.d:hover {background:url('../graphics/xavier_inside.gif') center no-repeat;}
a.d_on {color:#ff3535; background:url('../graphics/xavier_inside.gif') center no-repeat;}

a.e:hover {background:url('../graphics/anole_inside.gif') center no-repeat;}
a.e_on {color:#ff3535; background:url('../graphics/anole_inside.gif') center 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;}


h1 {padding-left:150px; margin-top:20px;}

h1.grey {color:gray;}

h1.bottom {margin:-20px 0px 0px 70px;}

h2 {padding-left:100px; margin-top:-10px;}

/*line separating top links from the page content */
div.black {
background-color:#000; width:100%; height:4px; color:#010000;
line-height:0px; margin-top:-20px;}


/* to center the page title/text */
div.center {position:relative; text-align:center; font-weight:bold;}


div.center h1 {padding:0px !important; margin:0px !important;}
div.center span {margin:0px auto;}



/* to underline titles */
span.u {text-decoration:underline;}

/* for endnote citation numbers */
sup {font-weight:bold;}

/* for large bold text */
span.big {font-weight:bold; font-size:16px;}

/* for floating images */

div.img_right {float:right; text-align:center; font-weight:bold;
border:1px solid gray; background-color:#efefef; padding:3px; margin:5px;}

div.img_left {float:left; text-align:center; font-weight:bold;
border:1px solid gray; background-color:#efefef; padding:3px; margin:5px;}

/* for "view image" links */

a.view {display:inline-block; height:16px; width:23px;
	background-image:url('../graphics/view.gif');
	background-repeat:no-repeat; background-position:top left;
	}
a.view span {display:none;}
a.view:hover {background-position:top right;}



/* interior article links (women.html and hom.html pages) */

div.sections {position:relative; height:500px; left:50px; width:630px;}

div.sections div.line2 {background-color:#000; width:500px; height:3px; color:#010000;
position:absolute; top:110px; left:100px; line-height:0px; z-index:0;
}

.new {color:#259039;}


/* image hovers for women page */

div.sections img.cat {position:absolute; top:0px; left:0px; z-index:100;}

div.sections a {display:block; position:absolute; top:0px; font-size: 17px; z-index:100;
	border-style:none; height:45px; width:185px; 	text-align:center;
	background-repeat:no-repeat; background-color:transparent;
	text-decoration:none; font-weight:bold; color:#000;
	padding-top:115px;}

div.sections a:hover {background-position:0px 0px !important; color:#ff3535;}

div.sections a.w1 {background-image:url('../graphics/w/w1.gif'); left:180px;
	 width:132px; background-position:-132px 0px; top:2px !important;}

div.sections a.w1 span {top:113px;} /* this is to pull up the link text because the image isn't big enough */

div.sections a.w2 {background-image:url('../graphics/w/w2.gif'); left:380px;
	width:161px; background-position:-161px 0px;}

div.sections a.w3 {background-image:url('../graphics/w/w3.gif'); top:170px !important;
	 left:180px; width: 161px; background-position:-161px 0px;} 

div.sections a.w4 {background-image:url('../graphics/w/w4.gif'); top:170px !important; 
               width:125px; left:400px; background-position:-125px 0px;} 

div.sections a.w5 {background-image:url('../graphics/w/w5.gif'); top:340px !important; 
               left:290px; width:120px !important;  background-position:-120px 0px;} 


/* image hovers for homosexual link page */

div.sections img.north {position:absolute; top:-8px; left:-20px; z-index:100;}

div.sections a.h1 {background-image:url('../graphics/prog.gif'); left:180px;}
div.sections a.h1:hover {background-image:url('../graphics/prog2.gif');}

div.sections a.h2 {background-image:url('../graphics/h/h2.gif'); left:380px;
	width:170px; background-position:-172px 0px;}

div.sections a.h2:hover {background-image:url('../graphics/h/h2.gif'); background-position:0px 0px;}

div.sections a.h3 {background-image:url('../graphics/h/h3.gif'); top:170px !important; left:180px;background-position:-148px 0px; width:149px;}

div.sections a.h3:hover {background-position:0px 0px;}

div.sections a.h4 {background-image:url('../graphics/h/h4.gif'); top:170px !important; left:380px; width:170px; background-position:-171px 0px;} 

div.sections a.h4:hover {background-image:url('../graphics/h/h4.gif'); background-position:0px 0px;}


div.content a {color:#000; font-weight:bold;}
div.content a:hover {color:#ff3535;}

/* background color for span tag; used on updates page */
span.color {background-color:#bbffb2;}


/* styles for javascript footnote popups */

div.note {display:block; text-decoration:none; position:absolute; width:200px;
	border:1px solid #b1b0b0; padding:10px; color:#000 !important;
	background-color:#f8f8f8; top:200px;
	
	box-shadow: black 5px 5px 15px;
	-moz-box-shadow: black 5px 5px 15px;
	-webkit-box-shadow: black 5px 5px 15px;}

div#hidden {display:none;}

ol li {margin-bottom:10px;}


/* styles for updates page news divs */

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

div.news h2 {position:relative; margin-top:-35px; padding-left:70px;}