@charset "iso-8859-1";

body{
font:.8em/1.8em verdana, arial,sans-serif;
/* background-image:url(images/background.jpg);/*change the body background image here*/	
background-repeat:x y;
background-attachment:fixed;
background-color:#000000;/*change body background color here*/
}
#wrapper{
position:relative;
text-align:left;
width:750px;
margin-right:auto;
margin-left:auto;
padding:0;
background-color:transparent;/*This is the background color for the center block or wrapper, where all your content is. In IE it will fill the whole block, in Mozilla and Fire Fox it will only fill in back of the header image, If you change this color then change it in content,left, and nav below*/
}
/* #header{
width:750px;
height:130px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
background-color:transparent;
}
*/
/*
#content{
float:left;
background-color:#ffffff;
border-top:4px solid #D3D3D3;
border-right:4px solid #A9A9A9;
border-bottom:4px solid #D3D3D3;
border-left:4px solid #A9A9A9;
padding:10px 5px 6px 5px;
width:732px;  

}*/
#content h1{
font-size:190%;
color:#CC0000; 
text-align:center;
background-color:transparent;
}
#content h2{
font-size:150%;
text-align:center;
color:#CC0000;
background-color:transparent;
} 
#content h3{
font-size:150%;
text-align:center;
color:#CC0000;
background-color:transparent;
}  
#content h4{
font-size:100%;
text-align:center;
color:#000000;
background-color:transparent;
}
#content h5{
font-size:150%;
text-align:center;
color:#000000;
background-color:#FFFF00;
}
#content ul{
list-style-image:url(images/star1.gif);
margin-left:230px; 	
font-size:150%;

} 
#content ol{
list-style-image:url(images/star1.gif);
margin-left:30px; 	
font-size:150%;

} 
.p{ 
font-family:Times New Roman;
font-size:1.5em;
padding:5px 20px 5px 20px;
background-color:#FFFFFF;
}
.story{
font-size:1em;
padding:5px 20px 5px 20px;
background-color:#d0d6e2;
}
.text{ 
font-family:Times New Roman;
font-size:1.5em;
padding:5px 20px 5px 20px;
background-color:#FFFFFF;
}
.bonus{ 
position:relative;
font-family: tahoma;
font-size:1em;
padding:5px 20px 5px 20px;
border:5px solid #CFD0FF;
background-color:#C0C0C0;
}
.indent{
border:2px solid #c0c0c0;
padding:5px;
background-color:#ffffff;
}
.clear{
clear:both;
}

a:active     {  font-family: Verdana; font-size: 100%; color: #0066CC; text-decoration:none;}
a:link       {  font-family: Verdana; font-size: 100%; color: #0066CC; text-decoration:none;}
a:visited    {  font-family: Verdana; font-size: 100%; color: #0066CC; text-decoration:none;}

.leftimg{
float:left;	
margin-left:20px;
padding-right:10px;
margin-right:20px;
margin-bottom:6px;
}
.rightimg{
float:right;	
margin-right:20px;
padding-left:10px;
margin-left:20px;
margin-bottom:6px;
}
#tabnav ul{
list-style-type:none;
margin:0;
font: bold 11px verdana, arial, sans-serif;
background-color:transparent;
}
#tabnav li{
float:left;
height:21px;
color:#999999;
background-color:transparent;
text-decoration:none;
padding:1.5px;
}
#tabnav a:link{
display:block;
color:#999999;
background-color:transparent;
text-decoration:none;
padding:4px;
}
#tabnav a:visited{
display:block;
color:#999999;
background-color:transparent;
text-decoration:none;
padding:4px;
}
#tabnav a:hover{
background-color:#FFFF00;
color:#999999;
}
#footer{
clear:both;	
width:750px;
height:60px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
padding-top:10px; 

background-image:url(images/footer.png);
background-color:#b7bfff;
color:#000000;
}
#sub{
width:192px;
font-family: verdana, arial, sans-serif;
}
#sub ul{
list-style:none;
margin:0;
padding-left:15px;
}
#sub li{
border-bottom::1px solid #D3D3D3;
}
#sub li a{
display:block;
padding:5px 5px 5px 5px;
background:url("images/link1.gif");
color:#ffffff;
text-decoration:none;
}
#sub li a:hover{
display:block:
padding:5px 5px 5px 0.5em;
background:url("images/hover.gif");
color:#ffffff;
text-decoration:none;
}