/* CSS Document */

body {
  background-color:#F2E7C9;
  margin: 0; padding: 0;
  font: 12px/1.5 verdana, Arial, sans-serif;
  text-align:center;
  }
a:link {color:#666666;}
a:hover {text-decoration:none;}
a:visited {color:#bbbbbb;}
a:active {color:#999999;}
li {list-style-type:square; list-style-position:inside;}
h3 {
  font-family:Arial, Helvetica, sans-serif;
  font-style:italic;
  font-size: 24px;
  text-align:center;
  color:#000000;
  margin: 0;
  padding: 5px;
  }
h5 {
  font-family:Arial, Helvetica, sans-serif;
  font-style:italic;
  font-size: 14px;
  text-align:left;
  color:#000000;
  border-bottom: #000000 1px solid;
  margin: 15px 0 0 0;
  padding: 2px;
  }
div#wrap {
  width:750px;
		margin-right:auto;
		margin-left:auto;
		margin-top:5px;
		padding:0px;
		text-align:left;
		border: #000000 1px solid;
  }

div#punch2 {float: right; width: 200px; height: 150px; 
   background: #F2E7C9; color: black; 
   border: solid black 1px; border-width: 0 0 1px 1px; 
   padding: 0 2px 10px 10px; margin: -1px -1px 10px 10px;
   position: relative;}            /* fix for IE/Win */
* html div#punch2 {  /* This is the Tan hack */
	padding: 0 0 10px 10px;
	pa\dding: 0 0 10px 10px; }
div#punch2 img {height: 150px; width: 200px; border: #000000 1px solid;}

div#header {
  height: 170px;
  background-color:#98A8BF;
  margin: 0;
  padding: 0;
  border-bottom: #000 1px solid;
  }
div#header h1 {
  color:#000000;
  font-size: 1em;
  vertical-align:bottom;
  margin:0 1em;
  padding: 2em 0 0 0;
  text-align:left;
  border-bottom: #000000 1px solid;
  }
div#header h4 {
  font:Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  text-align:center;
  font-style:italic;
  font-weight:normal;
  font-size: 1.4em;
  }
  
h1#logo strong, em, small {
  font-family:Arial, Helvetica, sans-serif;
  font-style:italic;
  margin: 0px;
  padding: 0px;
  }
  
h1#logo strong, em {
  font-size: 2.8em;
  }
h1#logo strong {
  font-weight:bold;
  }
h1#logo em {
  font-weight:normal;
  }
h1#logo small {
  font-size: 1.8em;
  font-weight: normal;
  margin-left: .33em;
  }

div#top_nav{
  margin:0;
  padding:0;
  background-color:#FFFFFF;
  }
div#top_nav a{
  display:inline;
  margin: 0;
  padding: 2px 5px 5px 5px;
  border: #000000 1px solid;
  border-width: 0 1px 1px 0;
  background-color:#98A8BF;
  font:Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  color:#000000;
  }
div#top_nav a:hover, div#top_nav a:focus {
  background-color:#F2E7C9;
  color:#98A8BF;
  text-decoration:none;
  border-top: #000 2px solid;
  padding-top: 0;
  }
div#top_nav a:visited {
  color:#656565;
  background-color:#98A8BF;
  }
div#top_nav a#current {
  color:#656565;
  background-color:#FFFFFF;
  border-bottom: #ffffff 1px solid;
  text-decoration:none;
  }
  
div#content {
  margin: 0px;
  padding: 5px;
  background-color:#FFFFFF;
  }

div#bottom {
  background-color:#98A8BF;
  color:#000000;
  text-align:center;
  border-top: #000 1px solid;
  }

/*these are for the front page*/
div#top_nav_front{
  margin:0;
  padding:0;
  }
div#top_nav_front a{
  display:inline;
  margin: 0;
  padding: 2px 5px 5px 5px;
  border: #000000 1px solid;
  border-width: 0 1px 1px 0;
  background-color:#98A8BF;
  font:Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  color:#000000;
  }
div#top_nav_front a:hover, div#top_nav a:focus {
  background-color:#000000;
  color:#98A8BF;
  text-decoration:none;
  border-top: #999999 2px solid;
  padding-top: 0;
  }
div#top_nav_front a:visited {
  color:#656565;
  background-color:#98A8BF;
  }
div#top_nav_front a#current {
  color:#656565;
  background:none;
  border-bottom: none;
  padding-bottom: 6px;
  text-decoration:none;
  }
div#front {
  background-image:url(pics/front_block.jpg);
  height: 588px;
  width: 750px;
  }
div#front h1 {
  display:block;
  font:Arial, Helvetica, sans-serif;
  font-size: 4.5em;
  font-style:italic;
  font-variant:small-caps;
  font-weight:400;
  vertical-align:bottom;
  margin:0;
  padding: 4em 1em 0 0;
  text-align:center;
  color:#98A8BF;
  }
div#punch3 {float:left; width: 752px; height: 2em;
  vertical-align:bottom;
   background: #96C8A2; color: black; 
   border: solid black 1px; border-width: 1px 0 1px 0; 
   padding: 0; margin: 150px -1px 10px -1px;
   position: relative;}            /* fix for IE/Win */
div#punch3 h2 {
  font:Arial, Helvetica, sans-serif;
  color:#000000;
  font-style: italic;
  font-size: 20px;
  padding: 0;
  margin: 0 0 0 200px;
  }

/*bio info ----------------------*/
div#highlights {
  border-bottom: #000000 1px solid;
  overflow:hidden;
  height: 106px;
  margin:0;
  padding:0;
  font-weight:bold;
  font-size:13px;
  
  }
div#highlights h3 {
  font-family:Arial, Helvetica, sans-serif;
  font-style:italic;
  font-size: 20px;
  text-align:left;
  color:#000000;
  margin: 0;
  padding: 5px;
  }
div#pers_info {
  border-bottom: #000000 1px solid;
  line-height: 2em;
  margin: 10px 0 0 0;
  }
div#pers_info img {
  float:left;
  border: #000000 1px solid;
  margin-right: 0;
  }
span.pers { margin-left: 10px;}

table#schedule {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  border-top: #000000 1px solid;
  }

table#schedule td {
  padding: 0 3px;
  border-bottom: #000000 1px solid;
  }