body {
  background: #444;
  margin: 0px;
  padding: 0px;
}

A:link {text=decoration: underline; font-weight: bold; color: black}
A:visited {text=decoration: underline; font-weight: bold; color: black}
A:active {text=decoration: underline; font-weight: bold; color: black}
a:hover {text=decoration: underline; font-weight: bold; background: #FFFFFF; color: black}

#header {
  background-image: url(images/header-back.jpg);
  font: bold 12px Verdana, Helvetica, sans-serif;
  color: Black;
  width: 870px;
  margin-left: auto;
  margin-right: auto;
}
#lheader {
  float: left;
  font: bold 12px Verdana, Helvetica, sans-serif;
  color: white;
  width: 25%;
}
#Cheader {
  float: left;
  font: bold 12px Verdana, Helvetica, sans-serif;
  color: white;
  width: 49%;
}
#rheader {
  float: right;
  text-align: left;
  vertical-align: middle;
  font: bold 12px Verdana, Helvetica, sans-serif;
  color: Black;
  width: 25%;
}

#DspArea {
  background-image: url(images/main-back.jpg);
  font: 14px Verdana, Helvetica, sans-serif;
  color: Black;
  width: 870px;
  margin-left: auto;
  margin-right: auto;
}
#leftcol {
  background-image: url(images/main-back.jpg);
  float: left;
  width: 20%;
}
#contgap {
  background-image: url(images/main-back.jpg);
  float: left;
  width: 3px;
}
  
#content {
  background-image: url(images/main-back.jpg);
  float: left;
  width: 76%;
}
#footer {
  background: url(images/main-back.jpg);
  font: bold 12px Verdana, Helvetica, sans-serif;
  color: white;
  width: 870px;
}
#marq {
  font: bold 12px Verdana, Helvetica, sans-serif;
  color: white;
}

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
background: white url(images/glossyback.gif) repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 190px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(images/arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(images/glossyback2.gif);
}

.pagecontent{display:block}
.pagecontent *{
  display:block;
  height:1px;
  overflow:hidden;
  background: #0088cc}
.pagecontent1{margin: 0 5px}
.pagecontent2{margin: 0 3px}
.pagecontent3{margin: 0 2px}
.pagecontent4{margin: 0 1px height: 2px}

P {text-align: left; margin-left: 4px}

.pagecontentfg{
  background:#0088cc
  width: 95%
  height: 100px
  overflow : auto
}

#ctop {
  width: 95%;
  height: 5px;
}

#cfull { 
  width: 95%;
  height: 100px;
}


#cleft {
  background:#0088cc
  color: #99ccff;
  float: left;
  width: 50%
}

#cright {
  background:#0088cc
  color: #99ccff;
  float: right;
  width: 49%
}


/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */