/* Begin the header class. This is all the crap at the top of the page. */
#header{
  font-family: "Tempus Sans ITC", serif;
  background: url("logo.GIF") no-repeat scroll top left;
  
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
}


/* Navigation class. This is (duh) the nav panel. */
#nav{
  position: absolute;
  top: 70px;
  left: 5px;
  width: 130px;
	
  border-left: solid 1px #FF8000;
  border-right: solid 1px #FF8000;
  border-bottom: solid 1px #FF8000;
  
  text-align: center;
  font-family: Arial, Verdana;
  font-size: .9em;
}

#nav a{
  color: #808080;
  text-decoration: underline;
}
#nav a:hover{
  text-decoration: none;
}

#nav #proj_list{ display: none; }

#nav .heading{
  width: 100%;
  border-top: solid 1px #FF8000;
  border-bottom: solid 1px #FF8000;
  
  color: #FF8000;
}

#nav .link{
  margin: 9px 0px 9px 0px;
}

#nav .seperator{
  color: #808080;
}

#nav hr{
  color: #FF8000;
  background: #FF8000;
}

#nav select{
  background-color: white;
  color: #808080;
  
  text-align: center;
}

#nav option{
  background-color: white;
  color: #808080;
  
  text-align: center;
}  

/* The main content class */
#content{
  position: absolute;
  top: 80px;
  left: 163px;
  width: 64%;

  font-family: Arial, Verdana;
  font-size: 1em;
  color: #808080;  

  border: solid 1px #FF8000;
  padding: 20px 10px 10px 10px;
  
  z-index: 1;
}


/* regular ol' boring stuff */
body{
  background: white; 
}

h2.title{
  position: absolute;
  left: 95%;
  top: 20px;
  
  font-size: x-large;
  font-family: Arial, Verdana;
  color: #FF8000;
}

h2{
  text-align: center;
}
 
big{
  font-family: Arial, Verdana;
  font-size: larger;
  
  color: #808080;
}

a.anchor, a.anchor:hover{
  text-decoration: none;
}

a{
  color: #FF8000;
  text-decoration: underline;
}

a:hover{
  text-decoration: none;
}

img, img:hover{ border: 0; }