/* Colossal Cave Adventure website by Mari Michaelis www.spitenet.com */

@charset "utf-8";

html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  color: #000;
  background: #fff;
}

body {   
    font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    font-size: 0.8em;
    color: black;
	border:0px;
    background-color: #FFFFFF;
}


h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em ; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

   
h1 {
    font-family: Georgia, "Times New Roman",
          Times, serif;   
    color: #002471 }

H3.initial:first-letter { font-size: 150%;}  
P.initial:first-letter { font-size: 200%;}  

a:link { color: #00f; }
a:visited { color: #009; }
a:hover {text-decoration: underline overline; font-weight:bold; color: #06f; }
a:active { color: #0cf; }

.padThis {padding:15px;}

img {
	border:0px;
}
img.frame {
	border:1px solid #333;
	padding:10px;
	display: inline-block;
}
img.right {
	float:right;
	padding:3px 3px 3px 3px;
	margin-right:0px;
}
img.left {
	float:left;
	padding:0px 10px 0px 0px;
}
img.map
	{float:left;
	padding:4px;
	border:1px solid #333;}

.leftFloat {float:left;
	padding-right:15px;}
.rightFloat {float:right;
	padding-left:15px;}
img.popOut {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00F;
	border-right-color: #00F;
	border-bottom-color: #00F;
	border-left-color: #00F;
}
img.wmargin
	{margin-right:20px;}

p.logo {
		font-size: 3.8em;
		margin-bottom: -.5em;
	}
	
 p.logo a {
	color: black;
    text-decoration: none; }

 p.logo a.info {
    position:relative;
    z-index:24;
    color:#000;
    text-decoration: none; }
    
 p.logo a.info span{display: none;}

 p.logo a:visited {   
    color: black; }
    
 p.logo a:hover { 
 	z-index:25;
    background: #F8F8F8; }	
    
 p.logo a.info:hover span {
    display:block;
    position:absolute;
    font-size: .3em;
    font-weight: bold;
    top:3.5em; left:.2em; width:8em;
    border:1px solid #F8F8F8;
    background-color:#A6ACB4; color:#000;
    text-align: center;
 }
	
	p.fineprint {
		font-size: .7em;
		margin-top: 0em;
		margin-bottom: 0em;
	}	

	p.caption, table.display {
    font-family: Arial, Verdana, Helvetica, Geneva, SunSans-Regular, sans-serif; 
    font-size: 0.85em;	
	text-align: center;
	}

	p.backclr {
	background-color: #FFFFEA;
	margin-top: 0;
	margin-bottom: 0;
	padding: .5em;
	padding-left:1em;
	}

li {padding-bottom:10px;}

#wrapper {
	width: 988px;
	margin: 0 auto;
	margin-top:10px;
	text-align:left;
	padding:0px;
	background-repeat: repeat;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color:#6A452E; /*#666;*/
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #6A452E;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6A452E;
	border-top-width: 10px;
	border-top-style: groove;
	border-top-color: #6A452E;
}
div.content {
width:900px;
padding:20px;
}
div.box {
	float:left;
	padding-left: 20px;
}  	
div.left {
float:left;
width:260px;
margin-top:10px;
padding:1em;
}
div.contentBottom {
background-color: #7592B5;
margin-left:284px;
margin-right:10px;
padding:1em;
}
#footer {
	clear: both;
	padding: 5px;
	margin: 0 15px;
	margin-top:-40px;
	font-size:11px;
}

.clearboth {
	clear:both;
	padding-top:20px;}

	ul.pic 
	{
	list-style-image: url('images/arrow.gif');
	}
	
  ul.navbar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2em;
    left: 1em;
    width: 9em; }
    
  ul.navbar li {
    font-family: Georgia, "Times New Roman",
          Times, serif;  
	font-weight: bold;
    background: #CCCCCC;
    margin: 0.5em 0;
    padding: 0.3em;
    border-right: 1em solid black; }
  	
   ul.navbar a {
	  color: navy;
	  text-decoration: none; }
   ul.navbar a:visited {   
	  color: navy; }
   ul.navbar a:hover { 
	  background: cyan; }