html, body{
height: 100%; 
width: 100%; 
border: 0; 
padding: 0; 
margin: 0; 
}

a {
 color: #6DA6E2;
 background-color: #FFFFFF;
 text-decoration: none;
 font-weight: bold;
}

a:hover {
 background-color: #FFFFFF;
 color: inherit;
 font-weight: bold;
 text-decoration: underline;
}

/**************** images styles ****************/

a img{
 border: none;
}

img.left,img.center,img.right {
/*        padding: 4px; */
 border: 1px solid #a0a0a0;
}

img.left {
 float: left;
/* margin: 0 12px 5px 0; */
}

img.center {
 display: block;
/* margin: 0 auto 5px auto; */
}

img.right {
 float: right;
/* margin: 0 0 5px 12px; */
}

/**************** form styles ****************/

form {
 float:right;
 font-size: 9px;
}

input {
 background-color: #FFFFFF;
 color: #999999;
 border: 1px solid #2763A5;
 font-size: 11px;
/*        padding: 3px; */
}

.button {
/*        padding: 2px; */
 background-color: #6DA6E2;
 color: #FFFFFF;
 border: 1px solid #2763A5;
 font-size: 11px;
}


#spacer{ 
display: block; 
height: 95%; 
width: 1px; 
padding: 0; 
margin: 0; 
border: 0; 
background-color: #FFFFFF; /* same as body bg */ 
float: right; 
} 

#bodycontent { 
width: 95%; 
margin: 0; 
padding: 0; 
border: 0; 
float: left; 
margin-right: -1px; /* this is the key to avoid the 1px jog caused by spacer */ 
padding: 10px 0 4px 10px;
} 

#bodyarea{ 
margin: 0px; 
color: #666666;
background-color: #FFFFFF;
padding-top: 135px; /* set this to same size as logo in header section */ 
width: 100%; 
} 

/* 
#leftcol{float:left; width: 20%;} 
#rightcol{float:left; width: 20%;} 
*/

#centercol{
float:left; 
width: 100%; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #666666;
background-color: #FFFFFF;
} 

#centercol h4{ width: 100%; background: yellow; text-align: center;} 
#centercol p{padding: 10px;} 

#footer{ 
display: block; 
clear: both; 
width: 100%; 
padding: 0; 
margin: 0; 
text-align: center; 
margin-right: 0px; 
/* 
border-top: 1px solid #000000;
background-color: #6DA6E2;
*/
} 

/**************** header styles ****************/

#header{ 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 130px; 
z-index: 130; 
font-family: Arial, sans-serif;
font-size:93%;
padding-bottom: 1px;
border-bottom:4px solid #2763A5;
} 

#header p {
 color: #999999;
}

#header ul {
 text-align: center;
 margin:0;
 padding:10px 10px 0 50px;
 list-style:none;
}

#header li {
 display: inline;
 margin:0;
 padding:0;
}

#header li a {
 margin:0;
 padding:0 0 0 0;
 text-decoration: none;
 background:url("img/tableft10.gif") no-repeat left top;
}

#header li a span {
 background:url("img/tabright10.gif") no-repeat right top;
 padding:5px 15px 4px 6px;
 color:#FFF;
}

#header li a:hover {
 background-position:0% -42px;
}

#header li a:hover span {
 background-position:100% -42px;
}

#leftmenu{ 
position: absolute; 
top: 100px; 
left: 0px; 
width: 20%; 
} 

#rightmenu{ 
position: absolute; 
top: 150px; 
right: 0px; 
width: 20%; 
} 

img{display: block;}