#banner { 
 position: absolute; 
 top: 0px; 
 left: 0px;
 height: 80px; 
 width: 99%; 

 background-color: #003366;
 text-align: center;
 /*
 margin-left: auto;
 margin-right: auto;
 border-style:solid; 
 border-width:1px; 
 z-index: 0;
  width: 500px;  
 left: 120px;*/ 


 /*
 xxx
 -moz-border-radius: 15px; 
 -webkit-border-radius: 15px;
  border-radius: 15px;
*/

}

#banner-image{ 
position:absolute; 
top:0px; 
left: 0px;  
text-align: left;

}

#menu-barxxxx { position:absolute; top: 100px; height: 75px; width: 100%;   text-align: center;}

#headerxxx {background-color: green } 
#bodyxxx { position: relative; top: 55px;  border: 1px solid #660033;}

#htxt { font-weight: bold; font-size: 19pt; color: #F7F8AE; text-shadow: rgb(200, 200, 200) 5px 4px 5px; white-space: nowrap; }

#htxt { font-weight: bold; font-size: 22pt;font-family:"Times New Roman", Times, serif; color: #F7F8AE;  white-space: nowrap; }

#rowblock { position:relative; display: inline-block; width: 100%; text-align: left;}

 .menu {
position:relative;  /*this is the key*/
top:55px; 
left : 130px; 
width: 500px;
}

 .menu ul { 
display: block; 
padding: 0px; 
color: white ; 
margin: 0px; list-style: 
none; text-align: center;
font-family:"Times New Roman", Times, serif; 
font-size: 10pt; 
font-weight: bold;
} 

 .menu ul li { 
 display: inline; margin: 0px; 
 list-style: none; 
 color:white;     /* anchor text */
 /* border: 1px solid #c8c8c8; */
 /*background-color: #e8e8e8;*/ 
 /*padding: 1px; */
 position:relative;
} 


 .menu a { 
position:relative;
 padding: 0px 10px 0px 10px; 
 text-decoration: none; color: yellow; 
  /*border: 1px solid white;  */

 }

 
 .menu a span{

    display:none;
    width: 40px;
    border:1px solid black; 
     background-color:#fff8e3; 
    color:white;
	position: relative;
	z-index:4;

}


.menu a:link{
color: AntiqueWhite;
}

.menu a:visited{
color: AntiqueWhite;
}


 .menu a:hover{
    color:gold;
	text-decoration:  none;

}


.menu a:active{
color: AntiqueWhite;
}

.menu a:focus {
    outline: 0;
}


 .menu a:hover span{ 
    display:block;
    position:absolute;


    top: 30px;
    left: 15px;
	color:black;
    height: 38px;
 /*   background-color:#EFEFE;*/
   z-index: 5;

    }




/* ############################### from original version ############ */

body {
position:relative; 
font-family: Verdana, Helvetica, sans-serif;
font-size: 10pt;
/*background: #ffffff;*/
background: #EFEFE7; 

}

.title { /*page title*/
font-size: 17pt;
font-weight:bold;
text-align:center;
} 




#mainbody{ 
position: relative; 
left: 0px;top: 100px;
/*font-size: 9pt; 
padding: 0;*/

 }




div#indent {
position: relative;
margin-left: 1%; 
margin-right: 1%;
padding: 0;

}

div.indent2 {
margin-left: 3%; 
margin-right: 3%;
padding: 0;
}


div.credit{
width: 100%;
font-weight:bold;
background: #eeeeee;
}

.list {
position: relative;

margin-left: 10%;
margin-right: 10%;


}

.list p{
background: #fffbf0;
}


.tbl {  /*top bottom line*/
position: relative;
text-align:left;
/*width: 80%;*/
padding-top: 1%;
padding-bottom: 1%;
padding-left: 1em;
padding-right: 1em;
margin-left: 10%;
margin-right: 10%;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

.hr {  /*replacement for  */
/*padding-left: 1em;
padding-right: 1em;
*/
/*text-align:left;*/
margin-top: .5em;
margin-bottom: .5em;
position: relative;
width: 100%;
text-align:left;
border-top: 1px solid black;
}



.i2 {  /*information2*/
margin-left: 10%;
margin-right: 10%;
}

p {
font-size: 12pt;
}


table {
/*border: 1px solid red;*/
/*font-family: Verdana, Helvetica, sans-serif;*/
font-size: 12pt;
border-spacing: 0px;
border-collapse:collapse;
}

table.center {
margin-left: auto;
margin-right: auto;
} 


table.info {
position: relative;
background: #fffbf0;
border: 1px solid;
padding: 5px;
}

table.info td {
padding: 15px;
}

td {
padding-left: 1em;
padding-right: 1em;
vertical-align: top;
border-width: 0;
}

table.banner {
width: 100%;
background: #003366;
border: 0;
padding: 0px;
}

td.banner {
padding: 0px
}


table.pf { /*photoframe*/
width: 1em;;
/*border: 1px solid;*/
}

table.photo{
margin-bottom: 2%;
width: 100%;
}


td.photo {
width: 50%;
border: 1px solid;
padding: 5px;
}

td.vl{
border-left: 1px solid;
}


#photo {
width: 90%;
}

#photo td{
border: 1px solid;
}

#pb{
border: 0px;
border-spacing: 5px;
margin: 0px;
width: auto;
}

.emph {
font-weight:bold;
}

#ltr {
 font-size: 12pt;
 font-weight:bold;
}

.nounder { text-decoration: none }

.hn{
 padding-left: 0;
 font-size: 9pt;
 font-weight:bold;
}

.hd{
 font-size: 9pt;
}

table.bar-ctr {
margin-left: auto;
margin-right: auto;

}

.bar{
 font-size: 10pt;
 background: #eeeeee;
 vertical-align: top;
 /*padding-left: 2em;
 padding-right: 2em;*/
 margin-left: 10%;
 margin-right: 10%;
}

/*
.bar td{
 padding-left: 2em;
 padding-right: 2em;
}
*/

#medium {
 font-size: 10pt;
 font-weight:bold;
}

.src_bld{
 font-size: 7pt;
 font-weight:bold;
}

.small {
font-size: 9pt;
}


.flow_ul{
margin: 0;
padding: 0;
list-style: none;
}
.flow_li{
/*display: -moz-inline-box;*/
display: inline-block;
margin: 0 10px 10px 0;
padding: 0;
vertical-align: top;
}



A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}