html {
  scrollbar-base-color: #d0d0d0;
  scrollbar-face-color: #f9f19c;
  scrollbar-track-color: #f7f4d7;
  scrollbar-3dlight-color: #d0d0d0;
  scrollbar-highlight-color: #ffffff;
  scrollbar-darkshadow-color: #000000;
  scrollbar-shadow-color: #808080;
  scrollbar-arrow-color: #0198b7;
}
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;

}
#container{
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
width:850px;

}

div#logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	back-ground-color: #FF0000;
}
div#bannerjpeg {
	position: relative;
	top: 100;
	left: 0;
	right: 0;
	padding-left: 0;
	back-ground-color: #FF0000;
	}
div#header {
	text-align: center;
	background-color: #C7CFCC;
	height: 100px;
	margin: 0px;
	padding: 0px;
}
div#column2 {
	margin: 0;
	padding: 0;
	background-image:  url(../images/side1.gif);
	background-position: right;
	background-repeat: repeat-y;
	width: 100%;
	background-color: #FFFFFF;
	
}
/* div#column1 {
	margin: 0px;
	padding: 0px;
	background-image:  url(../images/leftside.gif);
	background-repeat: repeat-y;
	width: 100%;
	
} */
div#navcol {
	position: relative;
	top: 100;
	padding: 6px;
	width: 140px;
	float: left;
}
div#navcol ul {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #003366;
    line-height: 20px;
    /* white-space: nowrap; */
}
div#navcol li {
    list-style-type: none;
	color: #003366;
	padding-top: 15px;
  /*  display: inline;  */
}
div#navcol li a {
    text-decoration: none;
    padding: 7px 4px;
    color: #000;
}
div#navcol li a:link {
    color: #000;
	padding: 7px 4px;
}
div#navcol li a:visited {
   color: #1C3D99;
   padding: 7px 4px;
}
div#navcol li a:hover {
    font-weight: bold;
    color: #1C3D99;
    background-color: #F7F8D6;
	padding: 7px 4px;
}
div#main {
	position: relative;
	top: 80;
	padding: 10px;
	margin-left: 160px;
	margin-right: 160px;
}
div#sidecol {
	position: relative;
	top: 100;
	padding: 10px;
	width: 130px;
	float: right;
}
div#foot {
	border-top: solid #000 1px;
	background-color: #CCCCCC;
	padding: 10px;
	text-align: center;
	clear: both;
}
.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.legal {

	COLOR: #000; FONT-FAMILY: Verdana, Geneve, Arial, Helvetica, sans-serif; FONT-SIZE: 9px;

	}

H1 {

	COLOR: #003399; 

	FONT-FAMILY: Verdana, Arial, Geneve, Helvetica, sans-serif; 

	FONT-SIZE: 12pt; 

	PADDING-TOP: 10px;

	}

H2 {

	COLOR: #003399; 

	FONT-FAMILY: Verdana, Arial, Geneve, Helvetica, sans-serif; 

	FONT-SIZE: 10pt; 

	PADDING-TOP: 5px;

	}
	#box1 {
	BACKGROUND: #99c89c; 
	BORDER: #fff thin solid; 
	COLOR: #000099; 
	FONT-SIZE: 10px; 
	MARGIN: 5px; 
	PADDING: 1px, 1px, 1px, 5px;
	}
div#navbar2 {
    height: 55px;
    width: 100%;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
    background-color: #F7F8D6;
}
div#navbar2 ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFF;
    line-height: 20px;
    /* white-space: nowrap; */
}
div#navbar2 li {
    list-style-type: none;
  /*  display: inline;  */
}
div#navbar2 li a {
    text-decoration: none;
    padding: 7px 10px;
    color: #FFF;
}
div#navbar2 li a:link {
    color: #FFF;
	padding: 7px 10px;
}
div#navbar2 li a:visited {
   color: #CCC;
   padding: 7px 10px;
}
div#navbar2 li a:hover {
    font-weight: bold;
    color: #FFFF99;
    background-color: #6BB4AA;
	padding: 7px 10px;
}

/* The div#navbar2 style sets the dimensions and background color of the div that contains the navigation bar links.

The div#navbar2ul style includes margin and padding declarations to override the default spacing assigned to unordered lists and sets the general text formatting. The white-space:nowrap declaration keeps the list on one horizontal line, even if the browser window is too narrow to display the whole line.

The real secret to this technique is in the div#navbar2li style. The list-style-type:none declaration removes the bullets that normally mark each list item, and the display:inline declaration causes the list items to flow from left-to-right across the page instead of each item appearing in a separate line.

Another key element of this technique is the div#navbar2li a rule. The text-decoration:none declaration removes the underscore that is normal for links, and the padding:7px10px declaration controls the spacing of the links in the navigation bar. The left and right padding controls


#container{
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
width:820px;
}