/** basic types ******************************/
a {text-decoration:none}

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%;
    max-width: 70em;         /* avoid  massively long lines for readability */
}
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 ******************************/
.align_right {
    float: right;
}
.align_left {
    float: left;
}
.pic{     /* all images **/
    display : inline;
    border : 2px solid;
	  margin-top: 5px;
	  margin-bottom: 5px;
}

/** basic page layout (table laid out in 3 cols: |210px|whatever|210px|) ****/
td.left  {  
  	vertical-align: top;
    width:210px;
    margin-left: 0px;
}

td.middle  {
  	vertical-align: top;
    width:auto;
    margin-left: 5px;
    margin-right: 5px;
}
td.right  {
  	vertical-align: top;
    text-align : right;
    width:210px;
    margin-right: 0px;
}
td.chg1  {  /* 2 col change-log  */
  	vertical-align: top;
    width:90px;
    font-Weight: bold;
} 
td.chg2  {  /* 2 col change-log  */
  	vertical-align: top;
    width:auto;
}

.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%";
}

/** image control ***************************************/


.med {
  border-style: none;
  background: white;
}

/** roll-over pic control ******************************/
div.pics  a img.med {
    border-style: none;
    display: none;
}  
div.pics a:hover img.med {
    background:none repeat scroll 0 0 white;
    border:1px solid gray;
    display:block;
    left:380px;
    margin-top:auto;
    margin-bottom:auto;
    padding:10px;
    position:fixed;
    top:0;
    bottom:0;
}