body {
    scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
	}

body {
 margin: 0 0 0 0; /*top right bottom left */
 background-color: #666666;
 text-align: center; /* because IE ignores #pageContainer margin setting of auto */
 }
 
body, table, #pageContainer{
font-family: arial;
font-size: 12px;
color: #CCCCCC;
}

a {
color: #FF6600;
text-decoration: none;
}

a:hover{
color: #FF9900;
text-decoration: underline;
}

input, textarea, select {
border: 1px #FF6600 solid;
background-color: white;
font-size: 12px;
font-family: arial;
padding-left: 3px;
color: #FF6600;
}

#pageContainer {
 min-height: 700px;
 width: 770px;
 background-color: #333333;
 text-align: left; /* to reset alignment after body tag sets it as centered */
 margin: 0 auto;
 border: 1px solid #999999;
 }

#header{
 background-color: #006699;
 position: relative;
 top: 0px;
 margin: auto;
 height: 80px;
 border-bottom: 1px solid #999999;
 }
 
#headerContent{
 display: none;
 }
 
#headerImageRight{
 float: right;
 width: 194px;
 height: 80px;
 background: url("../siteArt/header1right.jpg") no-repeat;
}

#footer{
margin-top: 350px;
text-align: center;
font-size: 12px;
}

#footer a{
color: #CCCCCC;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.menu{
 height: 15px;
 background-color: #003366;
 border-bottom: 1px solid #999999;
 }

.menu a, .menu a:hover{
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #999999;
text-decoration: none;
}

.menu ul, .menu li{ /* everything is inline */
 display: inline;
 list-style-type: none;
}
ul.menu{
 display: table;
}

.menu li{ /* primary menu item */
 display: table-cell;
 width: 120px;
 text-align: center;
}

.menu ul li:hover{ /* primary menu item rollover PART A */
 background-color: #006699;
}