#Header {
        position:relative;
        background-color:#000059;
        height:66px; /* the correct height */
        }
#Body
{
	margin:auto;
	max-width:1000px;
	min-width:720px;
   position: relative;
	color:#000059;
   font: 10pt arial;
	height: 100%;
   clear:both;
}
#Forward{ margin: 5px 20px 0px 20px;clear:both;}
#BusinessAreas   { margin: 14px 20px 0px 20px;clear:both;}
#OperatingSystems{ margin: 14px 20px 0px 20px;clear:both;}
#Languages { margin: 14px 20px 0px 20px;clear:both;}
#Databases { margin: 14px 20px 0px 20px;clear:both;}

#tabHeads 
{
	 height: 3.9em;    
	 border-bottom-style:inset;
	 border-bottom-color:#DFDFDF;
	 border-width:0px;
	 border-bottom-width:2px;
	 margin:0px 0px 0px 0px;
	clear:both;
 }
div.inactive {
	display: none;
  margin:0px 0px 0px 0px;
}

#tabHeads ol {
   position: relative;
	 float: right;
   font: 12pt arial;
   color: #9A9A9A;
	 list-style: none;
	 text-align:center;	 
	 padding: none;
}

#tabHeads ol a {
	background: #9b9b9b url(../images/tabs.gif);
   color: #000059;
	display: block;
	float: left;
   line-height: 4em;	
	padding-left: 10px;
	text-decoration: none;
}

#tabHeads ol a:hover {
	background-position: 0 -76px;
   color: #000059;
}

#tabHeads ol a:hover span {
	background-position: 100% -76px;
}

#tabHeads ol a:hover.active,
#tabHeads ol a.active {
	background-position: 0 -38px;
  color: #000059;
	font-weight: bold;
}

#tabHeads ol a:hover.active span,
#tabHeads ol a.active span {
	background-position: 100% -38px;
}

#tabHeads ol li {
	float: left;
	margin: 0 0px 0 0;
}

#tabHeads ol span {
	background: url(../images/tabs.gif) 100% 0;
	cursor: pointer;
	display: block;
	float: left;
	width: 150px;
	line-height: 2em;
	padding: .2em 10px .2em 0;
}