body {
font-family: arial, helvetica, sans-serif;
background-color: #fff;
margin: 0;
padding: 0;
width: 800px;
font-size: 100%;
height: 100%;
min-height:100%;
}

#frontcontainer, #container, #surveycontainer {
width: 900px;
border: 1px solid #369;
border-style: none solid solid solid;
position: absolute;
left: 50%;
margin-left: -450px;
}

#frontcontainer {
background: url('images/blue.jpg') repeat-y top left;
min-height:100%;
}

#container {
min-height:100%;
height:100%;
background: #fff url('images/blue2.jpg') repeat-y top left;
}
html>body #container {
height:auto;
}

#surveycontainer {
background: #fff url('images/blue3.jpg') repeat-y top left;
min-height:100%;
height:100%;
}
html>body #surveycontainer {
height:auto;
}

#frontimagebar {
float:right;
position:absolute;
width:900px;
height:150px;
z-index:10;
margin-left:-247px;
margin-top:18px;
}

#frontheader {
position: relative;
float: left;
width: 725px;
margin-left:-72px;
background-color:#fff;
z-index:1;
}

#frontheader h1 {
color: #369;
font-weight: bold;
font-size: 45px;
margin-top: 20px;
margin-bottom: 0;
padding: 0 68px 0 30px;
}

#frontheader h2 {
color: #000;
font-size: 16px;
margin-top: 5px;
margin-bottom: 19px;
padding: 0 68px 10px 40px;
}

#frontheader table {
border:0px;
cellpadding:0px;
cellspacing:0px;
width:725px;
height:35px;
background-color: #75afdf;
color: #000;
margin-top: 0px;
margin-bottom: 0px;
padding: 0 10px 0px 420px;
}

#header #imagebar {
float: left;
width:700px;
height:82px;
border-top: 0px solid #fff;
border-bottom: 1px solid #fff;
margin-bottom:-3px;
}

#header h1 {
position:absolute;
color: #fff;
float: left;
font-weight: bold;
font-size: 46px;
margin-top: 30px;
left: 47px;
}

#header h2 {
font-size: 13px;
font-style: italic;
position: absolute;
float: right;
right:15px;
text-align: left;
color: #369;
line-height:19px;
margin-top:13px;
}

#header table {
border:0px;
cellpadding:0px;
cellspacing:0px;
position:relative;
float:right;
width:731px;
height:35px;
background-color: #75afdf;
color: #000;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 169px;
padding: 0px 200px 0px 400px;
}

#frontpage {
position: relative;
float: right;
margin: 0 0 0 146px;
padding: 0;
width: 653px;
}

#frontpage #toptext {
width: 483px;
margin-left:-38px;
background-color: #fff;
padding-right: 208px;
z-index:1;
}

#frontpage #bottomtext {
position:relative;
width:490px;
margin-left:-38px;
margin-top:-365px;
margin-bottom:20px;
padding-top:10px;
}

#toptext p, #bottomtext p, #bottomtext ol {
font-size: 13px;
line-height: 160%;
text-align:justify;
}

#bottomtext p {
margin:0;
}

#bottomtext ol {
margin: 0 0 0 110px;
padding-left:0;
}


/* --- Start of Menu --- */
#menu p {
display: none;
}

#menu ul {
list-style: none;
float: left;
margin:0;
padding-left:1px;
_margin-top:-2px;
line-height: 20px;
width: 900px;
background-color: #369;
border: 1px solid #e5e2e2;
border-style: solid none;
}

#menu li {
float: left;
font-size: 13px;
padding: 5px 0px;
}

#menu li a {
padding: 7px 18px 7px 19px;
text-decoration: none;
color: #fff;
border-right: 1px solid #69c;
}

#menu li a:hover {
color: #000;
background-color: #fff;
}

#menu #selected a {
color:#000;
background-color:#fff;
}

/* --- End of Menu --- */


#outsidebar {
height:31px;
background-color: #369;
_margin-top:-2px;
line-height: 20px;
border: 1px solid #e5e2e2;
border-style: solid none;
width:900px;
float:left;
}

#smallpic {
position:absolute;
top:155px;
}

#smallpic img {
width: 169px;
height: 71px;
border-bottom: 1px solid #e5e2e2;
}

#pageheader, #outsidepageheader {
width: 729px;
border: 1px solid #e5e2e2;
border-style: none none solid none;
background-color: #fff;
float: left;
margin-left:0px;
}

#outsidepageheader {
margin-left:-9px;
height:71px;
}

#pageheader h3, #outsidepageheader h3, h3 {
font-size: 19px;
margin-top:20px;
padding: 10px 0 0 24px;
color: #369;
}

#navbar {
margin-top: 90px;
width: 161px;
float:left;
font-size:0.9em;
margin-left:8px;
}

#navbar p {
color:#fff;
}

#navbar a.navbar {
color:#369;
}

#maintext {
float: right;
width:720px;
}
html>body #maintext {
width:730px;
}

#content {
margin: 15px 0px 0px 23px;
float:left;
width: 685px;
margin-bottom:20px;
padding-bottom:50px;
}

#maintext #content ul {
font-size: 0.8em;
line-height: 225%;
text-align: left;
margin-left: 40px;
padding-left:0;
}
#maintext #content ul.reg {
line-height: 120%;
}
#maintext #content ul.reg li {
padding-bottom:6px;
}

#maintext #content li {
padding-left: 5px;
color:#000;
}
#maintext #content li span.link {
font-size: 1.25em;
}
#maintext #content li span.list {
padding-left:30px;
}

#maintext #content h4 {
color:#369;
padding-top: 5px;
}
#maintext #content h4.center {
text-align:center;
}
#maintext #content h4.brown {
color:#990000;
}
#maintext #content h4.list {
margin-bottom:0;
}

#maintext #content h5 {
color:#369;
font-size:0.9em;
}

#maintext #content p {
font-size: 0.8em;
}

#maintext #content td {
font-size: 0.8em;
}

#maintext #content td.center {
font-size: 0.7em;
text-align: center;
}
#maintext #content td.grey {
font-size: 0.7em;
background-color:#cccccc;
text-align:center;
}
#maintext #content td.brown {
font-size: 0.7em;
background-color: #990000;
text-align: center;
}
#maintext #content td.title {
font-size: 0.7em;
text-align:center;
vertical-align:top;
font-weight: bold;
}

#maintext #content td.white {
font-size: 0.8em;
color: #fff;
text-align:left;
white-space:nowrap;
font-weight: bold;
}

#maintext #content input {
font-size: 0.8em;
}

#maintext #content select {
font-size: 0.8em;
}

#maintext #content p.strong, #maintext #content p span.strong {
font-weight:bold;
}
#maintext #content p.or {
font-weight:bold;
font-size:1em;
margin-top:0;
margin-bottom:0;
line-height:225%;
}
#maintext #content p.center {
text-align:center;
}
#maintext #content p.right {
text-align:right;
}

#maintext p span.larger {
font-size:1.1em;
}
#maintext p span.smaller {
font-size:0.8em;
}

#maintext #content td.strong {
font-weight:bold;
}

#maintext #content a {
color: #369;
}
#maintext #content a:hover, #navbar a.navbar:hover {
text-decoration: none;
}

#frontpc {
float: right;
margin-right: 40px;
padding-bottom: 10px;
width: 100px;
height: 87px;
position: relative;
margin-top:-260px;
z-index:100;
}

#mainpc {
padding-left: 25px;
width: 114px;
height: 98px;
position: absolute;
bottom: 20px;
}

#mainpc span {
text-align: center;
font-size:10px;
}

#mainpc a {
color:#369;
}

#mainpc a:hover {
color: #fff;
text-decoration:none;
}

#login {
float: right;
clear: right;
position: relative;
top: -163px;
background-color: #369;
border: 1px solid black;
border-style: solid none none solid;
width: 174px;
font-size: 16px;
z-index:2;
padding-bottom:122px;
}

#login h3 {
text-align: center;
font-size: 12px;
font-weight: bold;
color: white;
background: url('images/corner.jpg') top left no-repeat;
position: relative;
left: -1px;
top: -1px;
padding: 10px 0px 0px 4px;
margin: 0;
margin-right: -1px;
margin-bottom:-5px;
}

#login p {
margin-left:10px;
text-align:left;
color: white;
font-size: 11px;
font-weight:bold;
}

#login p.btn {
text-align:right;
margin-right:12px;
height:16px;
margin-top:-5px;
}

#login p.forget {
text-align:center;
font-size: 11px;
font-weight:bold;
padding-top:2px;
}

#login input.unp {
width:150px;
font-size: 10px;
}

#login a {
color: #fff;
}

#login a:visited {
color: #fff;
}

#login a:hover {
text-decoration: none;
}

#goldchart {
position:relative;
margin-top:390px;
margin-left:-247px;
background-color:#369;
width:173px;
height: 142px;
border:1px solid #369;
border-top: 1px solid #000;
}

#goldchart img {
width:172px;
height:114px;
border:1px solid #369;
border-bottom:1px solid #000;
margin-left:-1px;
}

#goldchart h3 {
font-size:11px;
color:#fff;
width:152px;
padding: 9px 0px 4px 21px;
background: url('images/corner2.jpg') top right no-repeat;
position:relative;
right:0px;
top:-2px;
margin:0;
}

#sponsors {
float: right;
position: absolute;
right: 0;
margin-top:172px;
margin-left: 13px;
}

#sponsors h3, ul {
font-size: 11px;
text-align: right;
margin: 0;
margin-left: 5px;
color:#036;
}

#sponsors h3 {
padding: 15px 21px 5px 15px;
}

#sponsors ul {
list-style: none;
line-height: 200%;
padding: 0px 21px 0px 15px;
}

#footer {
width: 900px;
height: 20px;
position:absolute;
bottom:5px;
}

#footer p {
font-size:10px;
text-align:right;
margin-right:20px;
color:#000;
}

#footer a {
color:#369;
}

#footer a:hover {
text-decoration:none;
}