HTML {}

body {
  background-color: #555566;
  color:	black;
  margin:	0;
  padding:	0;
}

span.i {
  font-style:italic;
}

span.b {
  font-weight:bold;
}

#topbar img{
border:none;
}

/*two types of specifications are necessary here, because IE 6 does not recognize the div subdivision of a:hover, while firefox requires the div subdivision.  So far they work okay with eachother present*/


/*The outer div only serves to center the webpage*/
div#outer{
  margin-left:	15px;
  margin-top:	0px;
  width:    	900px;
  font-family:  verdana, georgia, sans-serif, serif;
}


div#topbar{
  width: 		896px;
  height: 		120px;
  border-top:   2px solid #000033;  
  border-left:  2px solid #000033;
  border-bottom: 2px solid #000033;  
  border-right: 2px solid #000033;  
}


div#contentbackground{
  position: relative: top 0px; left 0px;
  padding: 0px 0px 0px 24px;
  width: 750px;
  background-color: white;
  border-left:	120px solid #440000;
  border-top:	1em solid #000033;
  border-right: 6px solid #000033;
  background:  url('pics/contentbg.jpg') no-repeat white;
}

div#contentbackgroundbottom{
  height:10px;
  width:750px;
  background: url('pics/contentbg_bottom.jpg');
  background-position: bottom center;
}

 /*position: absolute; top: 129px; left:1em;*/
div#content{
  font-size: 10pt;
  z-index:	1;
  width:    710px;
  font-family:	Gill Sans Light, Verdana, Georgia, Sans-serif, serif;
  text-align:   justify;
  padding:	0px 20px 0px 20px;
}

#content ul{text-align: left;}

div#content h3{margin: 1em 0px;}
div#content h2{margin: 1em 0px;}
div#content p{text-indent:	30px;}
div#content p.quote{
   text-indent:	0px;
	margin:	1em 50px 0px 50px;
}

div#content a:visited{color: blue;}
div#content a:hover{background:#bbbbff;}

div.resitem{
  width:    660px;
  font-family:  verdana, serif;
  font-size: 10pt;
  padding:  12px 10px 9px 10px;
  text-align:   left;
  border-bottom:    1px solid #888888;
}

div.resitem a {
  font-size: 10pt;
  font-variant: small-caps;
  padding: 0px 3px; 
  color: #aa0000;
  text-decoration: underline;
  border: none;
}

div#content div.resitem a:visited {  
  color: #aa0000;
  text-decoration: underline;
}

div#content div.resitem a:hover {color:blue; background-color: white;}

div#footer{
  font-size: 9pt;
  text-align: left;
  color: white;
  width:834px; 
  padding: 10px 10px 15px 50px;
  background-color: #000033;
  border-top:   3px solid #000033;  border-left:   3px solid #AFA9FF;
  border-bottom: 3px solid #00003E;  border-right: 3px solid #00003E;
} 

div#footer a:link{color:#FDFFA4;}
div#footer a:visited{color:#FDFFA4;}
div#footer a:hover{color:red;}

div.h1{margin: 0px 0px 0px 20px;}

table.schedule {
    font-family: Trebuchet MS, Gill Sans Light, Georgia, Verdana, Sans-serif, serif;
    border-top:1px solid black;
    border-collapse:collapse;
    font-size: 10pt;
    font-weight: bold;
}

table.schedule tr td.left{
    text-align: center;
    padding: 3px 15px 3px 3px;
    width: 140px;
}

table.schedule tr td.right{
    width: 548px;
    text-align: left;
    padding: 3px 3px;
}

#bionav{
    text-align:center;
    width: 500px;
    margin-left: 100px;
    margin-right: 100px;
}