html {
height: 100%;
}

body {
margin: 0px; 
font-family: Trebuchet MS, Arial, sans serif;
color: #4A2F83;
background: #DBD6E7;
height: 100%;
}

h1 {
position: absolute;
left: -800px;
top: -600px;
}

h2 {
position: absolute;
left: -800px;
top: -560px;
}

#onpagesitemap {
position: absolute;
left: -800px;
top: -580px;
}

hr {
height: 1px; 
color: #B7ACCE; 
margin: 10px 0px 20px 20px;
width: 480px;
}

#centered {
margin: 0px auto;
width: 800px;
height: 100%;
}

#container {
width: 800px;
height: 100%;
background: #FFFFFF;
display: table-cell;
}

#top {
width: 800px;
height: 90px;
}

#logo {
float: left;
display: inline;
margin: 10px 0px;
}

#lhs_img {
margin: 0px 0px 20px 0px;
float: left;
z-index: 2;
border-top: 1px solid #B7ACCE;
border-bottom: 1px solid #B7ACCE;
}

#lhs {
float: left;
width: 280px;
}

#lhs p {
font-size: 0.6em;
line-height: 1.6em;
margin: 10px 20px 0px 0px;
font-weight: bold;
}

#lhs #col1 {
float: left;
}

#lhs #col2 {
float: right;
}

#lhs #col2 span {
font-weight: normal;
}

#lhs div h3 {
font-size: 0.8em;
margin: 0px 10px;
padding: 0px;
color: #2A394C;
}

#lhs div ul {
margin: 4px 10px;
padding: 0px;
}

#lhs div ul li {
font-size: 0.7em;
list-style: none;
padding: 4px 0px;
margin: 0px;
font-weight: normal;
}

#lhs div ul li a {
text-decoration: none;
}

#rhs {
float: left;
border-left: 1px solid #B7ACCE;
width: 519px;
max-width: 519px;
height: 100%;
background: #FFFFFF;
}

#content {
height: 100%;
background: #FFFFFF;
width: 490px;
}

#rhs #content h3 {
margin: 20px 0px -10px 30px;
font-size: 1em;
line-height: 1.8em;
clear: left;
}

#rhs #content h4 {
margin: 20px 0px -10px 30px;
font-size: 1em;
line-height: 1.2em;
clear: left;
color: #9282B5;
}

#rhs #content p {
margin: 20px 0px 0px 30px;
font-size: 0.8em;
line-height: 1.8em;
}

#rhs #content ul {
width: 450px;
max-width: 450px;
}

#rhs #content ul li {
margin: 20px 0px 0px 30px;
font-size: 0.8em;
line-height: 1.8em;
width: 450px;
max-width: 450px;
}

#hp_band {
width: 520px; 
height: 270px; 
background-color: #9282B5;
border-top: 1px solid #DBD6E7; 
border-bottom: 1px solid #DBD6E7; 
background-image: url('images/ict.gif');
background-repeat: no-repeat;
background-position: 20px 120px;
}

#hp_band div {
width: 520px; 
height: 270px; 
}

a:link {
font-weight: bold;
color: #4A2F83;
}

a:visited {
font-weight: bold;
color: #9282B5;
}

a:hover {
font-weight: bold;
color: #DBD6E7;
}

#subpage_nav {
background-color: #9282B5; 
border-left: 0px solid #B7ACCE;
border-top: 0px solid #B7ACCE;
border-bottom: 0px solid #B7ACCE;
height: 70px;
width: 519px;
z-index: 1;
}

#adjust_lhs {
/*margin-top: -10px;*/
position: relative;
top: 0px;
z-index: 3;
height: 80px;
}

#nav1 {

height: 21px;
}

#nav1 ul {
margin: 10px;
padding: 0px;
float: right;
}

#nav1 li {
float: left;
list-style: none;
padding: 0px 2px;
margin: 0px 8px 0px 0px;
}

#nav2 {
float: left;
margin: 0px;
padding: 0px;
}

#nav2 li {
float: left;
list-style: none;
padding: 10px 8px 0px 25px;
margin: 0px;
border-right: 1px solid #DBD6E7;
}

#nav3 {
width: 518px;
}

#nav3 ul {
margin: 0px;
padding: 0px;
}

#nav3 li {
float: left;
display: inline;
list-style: none;
padding: 10px 8px 0px 25px;
margin: 0px;
border-right: 1px solid #DBD6E7;
}

.widget {
background-color: #DBD6E7;
font-family: Trebuchet MS, Arial, sans serif;
font-weight: bold;
font-size: 0.9em;
color: #4A2F83;
margin-left: 20px;
}

.submitbttn {
background-color: #4A2F83;
font-family: Trebuchet MS, Arial, sans serif;
font-weight: bold;
font-size: 0.9em;
color: #DBD6E7;
margin-left: 20px;
}

div#dd1 {
display: none;
}

div#dd2 {
display: none;
}

div.dd ul {
z-index: 2;
float: right;
margin: 0px 20px 0px 0px;
padding: 0px;
clear: both;
}

div.dd ul li {
float: left;
border-right: 1px solid #DBD6E7;
padding: 10px 6px 0px 6px;
font-size: 0.6em;
margin: 0px;
list-style: none;
}

div.dd ul li a {
text-decoration: none;
color: #FFFFFF;
}

div.dd ul li a:hover {
text-decoration: none;
color: #E1EF7E;
/*background: #FFFFFF;*/
}











