@charset "UTF-8";
/* CSS Document */

body {
    background: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #333333;
    line-height: 11pt;
}

#container {
    width: 980px;
    height: 460px;
    margin: 20px auto;
    padding: 0;
}

#nav-left {
    width: 113px;
    height: 320px;
    margin: 120px 0 0 18px;
    padding: 0;
    position: absolute;
}

#nav-left ul {
    margin: 0;
    padding:0;
    text-align: center;
}

#nav-left li {
	list-style-type: none; 
}

#nav-left a {
    color: #666666;
    text-decoration: none;
    margin: 20px 0 0;
    padding: 9px 12px 9px 12px;
    display: block;
    background: #EBEBEB;
}

#nav-left a:hover {
    color: #FFFFFF;
    display: block;
    background: #211F20;
}

#nav-left a.down {
	color: #999999; 
}

#nav-left a.highlight {
    color: #FFFFFF;
    display: block;
    background: #666666;
}

#nav-right {
    width: 116px;
    height: 320px;
    margin: 120px 0 0 851px;
    padding: 0;
    position: absolute;
}

#nav-right ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

#nav-right li {
	list-style-type: none; 
}

#nav-right a {
    color: #666666;
    text-decoration: none;
    margin: 20px 0 0;
    padding: 9px 12px 9px 12px;
    display: block;
    background: #EBEBEB;
}

#nav-right a:hover {
    color: #FFFFFF;
    display: block;
    background: #211F20;
}

#nav-right a.down {    
	color: #CCCCCC; 
}

#header {
    width: 684px;
    height: 136px;
    margin: 0 0 0 148px;
    padding: 0;
    position: absolute;
}

#header h1 {
    position: absolute;
    left: -999em;
    width: 1em;
    overflow: hidden;
}

#banner {
    background-image: url(../images/topleftcorner.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #EBEBEB;
    width: 452px;
    height: 136px;
    margin: 0;
    padding: 0;
    position: absolute;
}

#banner img {
    margin: 10px 0 0 70px;
    padding: 0;
}

#topright {
    background-image: url(../images/toprightcorner.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #ACDAFB;
    width: 228px;
    height: 136px;
    margin: 0 0 0 456px;
    padding: 0;
    position: absolute;
}

#topright img {
    margin: 40px 0 0 30px;
    padding: 0;
}

#topright p {
    color: #999999;
    margin: 70px 0 0 15px;
    padding: 0;
}

#main {
    width: 684px;
    height: 280px;
    margin: 140px 0 0 148px;
    padding: 0;
    position: absolute;
}

#main-header {
    background: #211F20;
    width: 452px;
    height: 32px;
    margin: 0;
    padding: 0;
    position: absolute;
}

#main-header h1 {
    position: absolute;
    left: -999em;
    width: 1em;
    overflow: hidden;
}

#main-header img.header {
    margin: 0 0 0 14px;
    padding: 0;
    position: absolute;
}

#main-header img.icon {
    margin: 0 0 0 406px;
    padding: 0;
    position: absolute;
}

#main-header p {
    color: #CCCCCC;
    margin: 10px 0 0 335px;
    padding: 0;
    position: absolute;
    font-size: 8pt;
}

#main-content {
    background-image: url(../images/bottomleftcorner.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #EBEBEB;
    width: 452px;
    height: 248px;
    margin: 32px 0 0;
    padding: 0;
    position: absolute;
}

#main-content.contactform {
    background-image: url(../images/contactguide.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
}

#main-content h2 {
    margin: 20px 0 20px 16px;
    font-size: 14pt;
    line-height: 16pt;
}

#main-content h3 {
    margin: 20px 0 20px 16px;
    font-size: 12pt;
    line-height: 14pt;
}

#main-content p {
    color: #333333;
    margin: 10px 16px 0 16px;
    padding: 0;
    text-align: justify;
}

#main-content p.sitemap {
    color: #333333;
    margin: 10px 16px 0 40px;
    padding: 0;
    text-align: justify;
}

#main-content p.test1 {
    margin: 50px 16px 0 16px;
    padding: 0;
    text-align: justify;
}

#main-content p.test1b {
    margin: 20px 20px 0 30px;
    padding: 0;
}

#main-content a {
    color: #3399FF;
    text-decoration: underline;
}

#main-content a:hover {
	text-decoration: none; 
}

#main-content ul.terms {
    margin: 10px 26px 0 50px;
    padding: 0;
}

#main-content ul {
    margin: 10px 26px 0 70px;
    padding: 0;
}

#main-content li {
    font-size: 9pt;
    line-height: 11pt;
    padding: 6px;
}

#main-content ul.w3ccheck {
    margin: 60px 0 0 125px;
    padding: 0;
}

#main-content li.w3c {
    list-style-type: none;
    display: inline;
}

#main-content .hr-style {
    border: thin #999999 1px;
    width: 350px;
}

#main-content td {
	font-size: 8pt; 
}

#main-content span {
    margin: 0 0 0 10px;
    padding: 0;
}

#image_rollovers {
    width: 452px;
    height: 140px;
    margin: 0;
    padding: 0;
}

#image_rollovers li {
    margin: 0;
    padding: 4px;
    display: inline;
}

#terms-scroll {
    width: 434px;
    height: 210px;
    margin: 0 0 0 16px;
    padding: 0;
    position: absolute;
    overflow: auto;
}

#terms-scroll h1 {
    margin: 10px 10px 20px 0;
    font-size: 16pt;
    line-height: 18pt;
}

#terms-scroll h2 {
    margin: 20px 10px 20px 0;
    font-size: 13pt;
    line-height: 15pt;
}

#terms-scroll h3 {
    margin: 20px 10px 20px 0;
    font-size: 12pt;
    line-height: 14pt;
}

#terms-scroll p {
	margin: 15px 10px 0 0; 
}

#main-pic {
    width: 228px;
    height: 140px;
    margin: 0 0 0 456px;
    padding: 0;
    position: absolute;
}

#main-infobox {
    background-image: url(../images/bottomrightcorner.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #211F20;
    width: 228px;
    height: 140px;
    margin: 140px 0 0 456px;
    padding: 0;
    position: absolute;
}

#main-infobox ul {
    margin: 0 0 0 60px;
    padding: 0;
    color: #FFFFFF;
}

#main-infobox li {
    list-style-type: none;
    float: left;
    margin: 10px 4px 0 4px;
}

#main-infobox a {
    color: #66CCFF;
    text-decoration: underline;
    margin: 0;
    padding: 0;
}

#main-infobox a:hover {
	text-decoration: none; 
}

#main-infobox a:active {
	text-decoration: none; 
}

#main-infobox p {
    margin: 10px 0 0 0;
    padding: 0;
    text-align: center;
    color: #CCCCCC;
}

#main-infobox p.nav {
    margin: 60px 0 0 0;
    padding: 0;
    text-align: center;
    color: #666666;
}

#main-infobox img.next {
    margin: 20px 0 0 120px;
    padding: 0;
    position: absolute;
}

#main-infobox img.back {
    margin: 20px 0 0 60px;
    padding: 0;
    position: absolute;
}

#main-infobox img.contact {
    margin: 35px 0 0 38px;
    padding: 0;
    position: absolute;
}

#footer {
    width: 684px;
    height: 35px;
    margin: 420px 0 0 148px;
    padding: 0;
    position: absolute;
}

#footer ul {
    margin: 0 0 0 63px;
    padding: 0;
}

#footer li {
    list-style-type: none;
    float: left;
}

#footer a {
    color: #999999;
    text-decoration: none;
    margin: 13px 0 0 0;
    padding: 0 7px 0 7px;
    display: block;
    border-right: #000000 solid 1px;
    font-size: 8pt;
}

#footer a:hover {
	color: #333333; 
}

#footer a.noline {
	border: none; 
}

#copyright {
    width: 160px;
    height: 15px;
    margin: 433px 0 0 645px;
    padding: 0;
    position: absolute;
    font-size: 8pt;
}

#updated {
    color: #999999;
    width: 120px;
    height: 15px;
    margin: 433px 0 0 488px;
    padding: 0;
    position: absolute;
    font-size: 8pt;
    display: none;
}

#portfolio {
    width: 400px;
    height: 100px;
    margin: 17px 0 0 18px;
    padding: 0;
}