/* CSS Document */

html {
height: 100%;
}

body {
height: 100%;
margin: 0px;
font: 11px Arial, Helvetica, sans-serif;
color: #464646;
background: #355B6B url(../images/body.gif) center repeat-y;
}

p {
margin: 8px 0px;
}

a {
text-decoration: none;
color: #2E7899;
}

h2, h3 {
margin: 0px;
font-size: 12px;
}

h3 {
font-size: 11px;
color: #7C7C7C;
}

ul {
padding: 0px;
margin: 8px 16px;
}

table {
margin: 10px 0px 30px 0px;
}

tr.labels td {
border-bottom: 1px solid #959595;
font-weight: bold;
}

td {
padding-top: 3px;
}

form {
margin: 0px;
}

input, select {
font: 11px Arial, Helvetica, sans-serif;
color: #464646;
}

select {
width: 146px;
}

input.checkbox.first {
margin-top: -5px;
}

input.large {
width: 280px;
}

input.medium {
width: 240px;
}

input.small {
width: 140px;
}

form a.submit {
display: block;
width: 97px;
height: 23px;
padding-top: 7px;
font-size: 12px;
font-weight: bold;
text-align: center;
color: #F3D961;
background-image: url(../images/submit.gif);
}

form a.submit:hover {
text-decoration: none !important;
color: #FFFFFF;
}

#container {
width: 770px;
min-height: 100%;
margin: 0px auto;
background-color: #FFFFFF;
}

#header {
height: 130px;
background-image: url(../images/header.gif);
}

#menu {
position: relative;
top: 100px;
height: 30px;
font: 12px "Arial Narrow", "Franklin Gothic Medium", Helvetica, Arial, sans-serif;
font-weight: bold;
}

#menu a {
display: block;
float: left;
height: 16px;
padding: 7px 15px;
color: #F3D961;
}

#menu a:hover, #menu a.active {
color: #FFFFFF;
}

.submenu {
display: none;
position: absolute;
}

.submenu a {
display: block;
height: 15px;
padding: 5px 15px;
background-color: #86C13E;
color: #FFFFFF;
}

.submenu a:hover {
text-decoration: none;
background-color: #569734;
color: #F3D961;
}

#banner {
height: 220px;
background-image: url(../images/banner.jpg);
}

#title {
height: 51px;
padding-top: 10px;
font: 15px "Arial Narrow", "Franklin Gothic Medium", Helvetica, Arial, sans-serif;
font-weight: bold;
color: #97DEFA;
background-image: url(../images/title.gif);
}

#links {
float: left;
width: 185px;
padding-left: 15px;
}

#section {
float: left;
padding-left: 20px;
}

#title span {
font-size: 14px;
line-height: 11px;
color: #FFFFFF;
}

div.shadow {
clear: both;
height: 4px;
font-size: 0px; /* IE6 */
background-image: url(../images/shadow_hor.gif);
}

div.shadow div {
width: 4px;
height: 4px;
margin-left: 200px;
background-image: url(../images/shadow_join.gif);
}

div.footer {
background-image: url(../images/shadow_hor_footer.gif);
}

div.footer div {
background-image: url(../images/shadow_join_footer.gif);
}

#sidemenu {
float: left;
width: 170px;
padding: 10px 15px;
}

#sidemenu a {
display: block;
width: 170px;
height: 23px;
padding-top: 7px;
border-top: 1px solid #C5C5C5;
font-size: 12px;
font-weight: bold;
color: #2E7899;
text-decoration: none;
}

#sidemenu a:hover {
color: #57B4D8;
}

#sidemenu .first {
border-top: none;
}

#main {
float: left;
width: 520px;
min-height: 220px;
padding: 17px 30px 30px 20px;
background: url(../images/shadow_ver.gif) repeat-y;
}

#main div.item {
width: 320px;
margin-top: 20px;
}

#main div.first {
margin-top: 0px;
}

#main a:hover {
text-decoration: underline;
}

#footer {
clear: both;
height: 70px;
padding-top: 20px;
font: 12px "Arial Narrow", "Franklin Gothic Medium", Helvetica, Arial, sans-serif;
font-weight: bold;
background-image: url(../images/footer.gif);
}

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

#logo {
float: left;
width: 50px;
height: 60px;
margin: 0px 10px;
background: url(../images/logo.gif) left no-repeat;
}

#home {
display: block;
float: left;
color: #F3D961;
}

#copyright {
position: absolute;
left: 50%;
width: 300px;
margin-left: -150px;
text-align: center;
color: #FFFFFF;
}

#created {
display: block;
float: right;
margin-right: 10px;
color: #97DEFA;
}

object, embed {
margin-bottom: 16px;
}