@import url("mogo-details.css");
body   { 
font: 76% Verdana; 
background-image: url("images/bkg.gif"); 
background-repeat: repeat-y; 
margin: 0 }
* { margin: 0; padding: 0;}
ul {
	list-style: none;
	background-color: #938c74;
	}
#bj { 
position: absolute; 
top: 0; 
left: 0; 
width: 220px;

}
#bj image{
border: 0;
display: block}
#bj li{
border-bottom: 1px dotted white}
#bj li a{
height: 20px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 17px;
text-decoration: none;
font-size: .9em;
}
#bj li a:link, #bj li a:visited  { 
color: white; 
background: url("images/bj-list.gif"); 
display: block; 
padding: 3px 0 0 14px }
	#bj li a:hover  { 
	color: #15D5CE; 
	background: url("images/bj-list.gif") 0 -20px; 
	display: block; 
	padding: 3px 0 0 14px }
	#bj li a:active  { 
	color: white; 
	background: url("images/bj-list.gif") 0 -40px; 
	display: block; padding: 3px 0 0 14px }
	
	#content  { color: black; position: absolute; left: 250px; width: 488px }
	#content h1  { color: #fff9e0; font: bold 1.8em "Century Gothic", Times; margin: 14px 0 10px; border-bottom: 1px dashed #cdc7ae }
	#content h2 {
	font-weight: bold;
	color: #990000;
	border-bottom: 1px dashed #CDC7AE;
	margin-bottom: .4em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
}

	#content p{
	font: 1.2em/1.5em arial;
	padding-bottom: 8px;
	}
	#content a { 
	text-decoration: none;
	 }
	#content a:link, #content a:visited {
	color: #fff9e0;
	}
	#content a:hover{
	color: #15D5CE; 
	}
	p.update {
	color: #666666;
}