body {
background-color: #e5e5e5;
font-size: 0.9em;
}

html {
font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
font-size: 100%;
}

#container {
width: 810px;
margin: 1px auto;
background: url(images/DropShadow.gif) repeat-y;
}

#top {
width: 810px;
height: 220px;
background: url(images/BG_Header3.gif) no-repeat;
}

#content {
width: 760px;
margin: 10px 0 10px 25px;
background-color: #fff;
}

#leftcol {
float: left;
width: 500px;
margin-bottom: 10px;
background-color: #fff;
border: 1px solid #d5d5d5;
}

#leftcol p {
color: #737a80;
padding: 0 25px 10px 25px;
}

#leftcol h1 {
font-size: 1.2em;
margin: 30px 0 0 25px;
padding: 0;
color: #668399;
font-weight: normal;
background-color: #fff;
}

#leftcol h2 {
font-size: 1.2em;
margin: 30px 0 0 25px;
padding: 0;
color: #737a80;
font-weight: normal;
background-color: #fff;
}

#leftcol a {
color: #636363;
text-decoration: underline;
}

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

#leftcol ul {
color: #737a80;
}

#leftcol li {
list-style-type : circle;
padding-right : 25px;
}

#leftcol ol li {
list-style-type : decimal;
color: #737a80;
margin-left : 30px;
}

#leftcol input {
width: 300px;
font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
color: #737a80;
border: 1px solid #d5d5d5;
margin-bottom: 10px;
}

#leftcol textarea {
width: 300px;
font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
font-size: 100%;
color: #737a80;
border: 1px solid #d5d5d5;
}

#leftcol input:hover, #leftcol input:focus {
background-color : #e6f4ff;
border: 1px solid #ffbf7f;
}

#leftcol textarea:hover, #leftcol textarea:focus {
background-color : #e6f4ff;
border: 1px solid #ffbf7f;
}

#leftcol input.submit {
width: 80px;
font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
color: #737a80;
background-color: #e6f4ff;
border: 1px solid #d5d5d5;
margin-top: 20px;
}

#rightcol {
width: 246px;
margin-left: 510px;
background-color: #fff;
}

#rightcol p {
color: #737a80;
border: 1px solid #d5d5d5;
padding: 10px;
margin: 0;
background-color: #ffefdf;
}

#rightcol h2 {
font-size: 1.2em;
color: #fff;
padding: 10px;
margin-bottom: 0;
margin-top: 10px;
font-weight: normal;
background-color: #668399;
}

#rightcol a {
color: #ffbf7f;
text-decoration: underline;
}

#rightcol a:hover {
color: #668399;
}

#rightcol img {
display: block;
}

#B-links {
clear: left;
width: 735px;
font-size: 85%;
color: #737a80;
margin-left: 25px;
padding-left: 25px;
background-color: #e6f4ff;
border: 1px solid #d5d5d5;
}

#B-links a {
color: #737a80;
text-decoration: none;
margin-right: 30px;
padding: 0;
}

#B-links a:hover {
color: #ffbf7f;
text-decoration: none;
}

#B-links img {
vertical-align: middle;
margin-left: 30px;
margin-right: 5px;
}

#footer {
width: 810px;
height: 50px;
background: url(images/BG_InteraqtFooter.gif) no-repeat;
}

#navcontainer ul {
padding-left: 0;
margin: 10px 0 10px 25px;
background-color: #e6f4ff;
color: #737a80;
width: 758px;
border: 1px solid #d5d5d5;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
padding: 0 31px;
background-color: #e6f4ff;
color: #737a80;
text-decoration: none;
border-right: 1px solid #d5d5d5;
}

#navcontainer ul li a:hover {
background-color: #ffefdf;
color: #737a80;
}

#navcontainer ul li a.active {
padding: 0 31px;
background-color: #668399;
color: #fff;
text-decoration: none;
border-right: 1px solid #d5d5d5;
}

#navcontainer ul li a:hover.active {
background-color: #ffefdf;
color: #737a80;
}