#NavList {
	list-style-type: none;
	margin-left: 0;
	display : inline;
	float : left;
	text-align : left;
	white-space : normal;
	font-variant : normal;
	position: absolute;
	top: 0em;
	left: 0em;
	width: 10em;
	border-right: thin solid teal;
	margin: 2%;
	padding: 2%;
}
  #NavList li {
	float: left;
	width: 11em;
	text-align: center;
	padding: 0;
	background: #FFFFFF;
	font-weight: normal;
	font-size: 85%;
	font-family: Arial, sans-serif;
	color: Navy;
}
  #NavList a {
	color: Navy;
	text-decoration: none;
}
  #NavList a:hover {
	/* Change appearance when user points with mouse */
	color: Navy;
	font-weight: normal;
	font-style : italic;
}
  #NavList a:focus, .NavList a:active {
	/* Change appearance when user tabs with keyboard */
	color: Blue;
	font-weight: bold;
}
  ul{
	float: none;
	list-style: none;
	clear : both;
	margin: 0;
	padding: 0;
	width: 11em;
}
ul li {
	position: relative;
	}
li ul {
	position: absolute;
	left: 11em;
	top: 0;
	display: none;
	width: 15em
	}
ul li a {
	display: block;
	text-decoration: none;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { 
	display: block; }

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("NavList");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace»
	(" over", "");
   }
   }
  }
 }
}
window.onload=startList;

#jobs ul{
	float: none;
	list-style: none;
	clear : both;
	margin: 0;
	padding: 0;
	width: 100em
}

  ol{
	list-style : circle inside;
	clear : both;
	color : Navy;
	float : none;
	list-style-type : disc;
}
  body{
	background-color: White;
	font-size: 105%;
	font-family: Arial, sans-serif;
	color: Navy;
	padding-left: 16em
}
  h1{
	font-size: 170%;
	font-weight: bolder;
	font-family: sans-serif;
	color: Teal;
	text-align: center;
	clear : both;
}
  h2{
	font-size: 145%;
	font-weight: bold;
	font-family: Arial;
	color: Teal;
	text-align: center;
	clear : both;
}
  h3{
	font-size: 120%;
	font-weight: bold;
	font-family: Arial;
	color: Blue;
	text-align: center;
	clear : both;
}
 h4{
	font-size: 110%;
	font-weight: bold;
	font-family: Arial;
	color: Purple;
	text-align: center;
	clear : both;
}
  a:link{
	font-family: Arial;
	color: Teal;
	font-style : normal;
	text-decoration : none;
}
  a:visited{
	font-family: Arial;
	color: Blue;
	text-decoration : none;
}
  a:hover, a:active{
	font-family: Arial;
	color: Navy;
	text-decoration : none;
}
  table{
	border-collapse: collapse;
	width: 90%;
	margin: 1%;
	padding: 1%;
	font-size: 100%;
	font-weight: normal;
	font-family: Arial;
	color: Navy;
	text-align: center;
}
  .pic{
	width: 40%;
	table-layout: auto;
	border: thin solid teal;
	text-align: center
}
  .basic{
	border: thin solid #00298D;
}
  caption{
	font-size: 115%;
	font-weight: bold;
	font-family: Arial;
	color: Navy;
	text-align: center;
}
  tr{
	font-size: 100%;
	font-family: Arial;
	color: Navy;
	text-align: left;
}
  th{
	text-decoration: underline;
	font-size: 105%;
	font-weight: bold;
	font-family: Arial;
	color: Navy;
	text-align: center;
}
  td{
	font-size: 90%;
	font-family: Arial;
	color: Navy;
	text-align: left
}
  .list {
    margin: 2%;
    padding: 2%;
    float: none;
  }
  #leftlist {
	border-right: thin solid teal;
	float: left;
	width: 12em;
}
  .remaining {
    float: right;
  }
  #left{
	float : left;
	width : 90px;
}
  #right{
	float : none;
	width : 75%;
}
  hr{
	color : Teal;
}