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


/* Navigation class. This is (duh) the nav panel. */
#nav{
  position: fixed;
  top: 110px;
  left: 5px;
  width: 130px;
  overflow: visible;
	
  border: dashed 1px #933;

  text-align: center;
  font-family: Verdana, sans-serif;
  color: #966;
  background: black;
  font-size: .9em;
}

#nav #proj_box{ display: none; }

#nav .heading{
  background: #933;
  color: black;
  border-top: 2px solid #DDDDDD;
  border-left: 2px solid #DDDDDD;
  border-right: 2px solid black;
  border-bottom: 2px solid black;

  font-weight: bold;

  margin: 6px 3px 3px 3px;
  cursor: help;
}

#nav .group{ 
  position:relative; 
}

#nav .group .links{
  display: none;
  position: absolute;
  left: 130px;
  top: -10px;

  background: black;
    
  width: 130px;
  z-index: 5;
    
  border: dashed 1px #933;
}

#nav .link{
  margin: 5px 3px 5px 3px;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
}	

#nav .group:hover .links{
  display: block;
}

#nav hr{
  background-color: #933;
  color: #933;
}

#nav .copyright{
  position: fixed;
  right: 10px;
  bottom: 20px;

  width: 100px;
}

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

  font-family: Verdana, sans-serif;
  font-size: 1em;
  color: #966;

  border-top: solid 2px #C03;
  border-right: solid 2px #C03;
  padding: 10px 10px 0px 0px;
  
  z-index: 1;
}

#content hr{
  background: #C03;
  color: #C03;
}

/* regular ol' boring stuff */
body{
  background: black url("heart.gif") repeat-y fixed top left;
}

h2.title{
  position: fixed;
  left: 90%;
  top: 20px;
  z-index: 5;
  
  font-size: x-large;
  font-style: italic;
  color: #933;
}

h2{
  text-align: center;
}
 
big{
  font-family: cursive;
  font-size: larger;
  
  color: #933;
}

a.anchor:hover{
  color: #C03;
  text-decoration: none;
}

a{
  color: #C03;
}

a:hover{
  color: #933;
  text-decoration: none;
}

img, img:hover{ border: 0; }