@charset "windows-1252";
  
  
   
#list-menu {
width: 132px;
/* this width value is also effected by
the padding we will later set on the links. */
}

 #list-menu ul {
margin: 0; 
padding: 0;
list-style-type: none;
font-family: verdana, arial, sanf-serif;
font-size: 12px;
}

 #list-menu li {
margin: 2px 0 0;
}

#list-menu a {
display: block;
width:120px;
padding: 2px 2px 2px 10px;
border: 1px solid #000000;
background: #dcdcdc;
text-decoration: none; /*lets remove the link underlines*/
} 

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #000000;
}

#list-menu a:hover {
border: 1px solid #000000;
background: #333333;
color: #ffffff;
}

  

  A:link {color: blue; }
  A:visited {color: blue; }
  A:hover {color: blue; }
  A:active {color: blue; }
 
  body {
    color: #036;
    background: #99C1F4; 
    font: normal 62.5% "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; 
    margin: 0; 
	
  }

 #pagewrapper  {
    padding: 2em;
	/* std but IE doesn't understand */
    min-width: 1024px; 
    max-width: 1280px; 
    /* not valid CSS but IE understands this javascript */
    width:expression(document.body.clientWidth < 800? "800px" : document.body.clientWidth > 1024? "1024px" : "auto");
    margin-left: auto; 
    margin-right: auto;
	font: normal 1.4em;
	 }
 
 	
  h1 {
    font: bold 5em;
	}
  h2  {
    font: bold 4em;
	  }
  h3  {
    font: bold 3em;
	  }
  h4  {
    font: bold 2em;
	  }
  h5  {
    font: bold 1em;
	  }	  	  	  
	  	
 
  img {
    padding: 2em;
	border: 0;
	  }	
  
  img.storypic {
    float: right;
	  }  

   p  {
    font: normal 1.4em;
	  }


#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;

border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}

