/** basic types ******************************/
body {
    background-color : white;
    font-family : "Trebuchet MS", tahoma, Helvetica, sans-serif;
    color : black;
    font-size : 100%;
    line-height: 120%;
    border-style : none;
    text-align : left;
  	vertical-align: top;
    margin-right: 5%;
    margin-left: 5%;
}
table {
    border-collapse : collapse;
    clear: both;
}
h1 {
    text-align : center;
    color: #3367A3;
    line-height: 100%;
} 
h4 { margin-bottom: 2px;
} 
p {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
hr  {color: #5d97c7;
   size: 4px;
   background: #5d97c7;
}

/** classes ******************************/
.pic{     /* all images **/
    display : inline;
    border : 2px solid;
	  margin-top: 5px;
	  margin-bottom: 5px;
}
td.left  {  /* table laid out in 3 cols: |210px|whatever|210px|  */
  	vertical-align: top;
    width:210px;
}
td.middle  {
  	vertical-align: top;
    width:auto;
    margin-left: 5px;
    margin-right: 5px;
}
td.right  {
  	vertical-align: top;
    text-align : right;
    width:210px;
}

.main_nav {  
  background:#5d97c7;
  font-size: 100%;
  width: 100%;
  text-decoration:none;
  font-Weight: bold;
}
.nav_entry {
  padding-right: 10px;
  text-align : left;
  text-decoration:none;
  color: white
}
.nav_entry a  { text-decoration:none;}  
.nav_entry a:visited  {color: white;}   
.nav_entry a:focus    {color: white;}   
.nav_entry a:active   {color: white;}   
.nav_entry a:hover    {color: white;}   

.intro_pic { 
     width: 500px;   /* to force right alignemnt of pic */
     margin-top: 0;
     margin-left: 5px;
     float: right;
     line-height:120%";
}




/*** roll over pics *********************/
med {
  border-style: none;
  background: white;
}
div.pics  a img.med {
    border-style: none;
    height: 0px;
    width: 0px;
}  
div.pics  a:hover img.med {
    border-style: none;
    background: white;
    position: absolute;
    padding:   10px;
    left: 250px;
    height:auto;
    width: auto;
}