* { font-family: Arial, Verdana; font-size: 12px; }
body { margin: 0px; background: url("../media/grey_background.gif") top center ; }
a { color: #39739b; }
h1 { font-size: 32px; color: #737373; margin: 0px; height: 59px; width: 572px; background: url("../media/header.jpg") no-repeat; margin-left: -10px; padding-top: 6px; padding-left: 10px; }
h2 { font-size: 23px; color: #39739b; margin-top: 0; margin-bottom: 3px; }
h2 a:link{ font-size: 23px; color: #39739b; margin-top: 0; margin-bottom: 3px; text-decoration:none;}
h2 a:visited{ font-size: 23px; color: #39739b; margin-top: 0; margin-bottom: 3px; text-decoration:none; }
h2 a:hover{ font-size: 23px; color: #39739b; margin-top: 0; margin-bottom: 3px; text-decoration:none; }
h2 a:active{ font-size: 23px; color: #39739b); margin-top: 0; margin-bottom: 3px; text-decoration:none; }
ul { margin-left: -27px; margin-top: 5px; }
ul li { list-style-image: url("../media/gray_arrow.gif"); }
ol li { font-weight: bold; }
tr { vertical-align: top; }
th { color: #fff; text-align: left; font-size: 18px; font-weight: normal; }
input.text { border: 1px solid #A9AAAF; width: 137px; background: #fff; }
#wrapper { width: 766px; margin: 0 auto; background: url("../media/background_index.gif") top center no-repeat; position: relative;  }
#header { width: 766px; margin: 0 auto; height: 67px; width: 100%; position: relative; }
#header_left { width: 340px; height: 67px; position: absolute; left: 0px; top: 0px; }
#header_right { color: #909090; width: 426px; height: 67px; position: absolute; left: 320px; top: 0px; text-align: right; padding-top: 15px; }
#header_right a { text-decoration: none; }                               
#left { float: left; margin-top: 12px; margin-left: 14px; width: 180px; }
#dropmenudiv{ position:absolute; background-color: #aaa; border:1px solid #618faf; border-bottom-width: 0; line-height:18px; z-index:100; }
#dropmenudiv a{ width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid #618faf; padding: 1px 0; text-decoration: none; color: #fff; }
#dropmenudiv a:hover{ /*hover background color*/ background-color: #999; width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid #618faf; padding: 1px 0; text-decoration: none; color: #fff;  }
#menu a { display: block; padding-top: 5px; padding-left: 9px; height: 22px; width: 161px; background: url("../media/menu_arrow.gif") no-repeat center right; font-weight: bold; font-size: 12px; color: #fff; text-decoration: none; border-bottom: 1px solid #618faf; }
#menu a:hover { display: block; padding-top: 5px; padding-left: 9px; height: 22px; width: 161px; background: url("../media/menu_arrow.gif") no-repeat center right #618faf; font-weight: bold; font-size: 12px; color: #fff; text-decoration: none; border-bottom: 1px solid #618faf; }
#right { float: left; width: 552px; background: url("../media/content_background.gif"); padding: 0 10px 0px 10px; position: relative; }
#promo { position: absolute; top: 225px; left: 5px; width: 350px; color: #fff; }
#content { float: left; width: 756px; color: #909090; padding-left: 10px; padding-top: 10px; }
#content img { display: block; }
#footer {  width: 720px; margin: 0 auto; background: #6d6d6d; padding: 10px 23px 10px 23px; color: #fff; margin-top: 5px;  height: 60px; }
#join { position: absolute; top: 162px; background: url("../media/background.gif") no-repeat bottom right; color: #fff; height: 73px; font-size: 18px; text-align: center; padding-top: 5px; width: 251px; }
#join a{ color: #fff; height: 73px; font-size: 18px; text-align: center; padding-top: 5px; width: 251px; text-decoration: none; }
#join a:hover{ color: #fff; height: 73px; font-size: 18px; text-align: center; padding-top: 5px; width: 251px; text-decoration: underline; }
#right_table { background: url("../media/login.jpg") no-repeat; width: 581px; }
#footer a {  color: #ffffff; }
.login { margin-left: 33px; margin-top: 40px; width: 553px; border-collapse: collapse; }
.login td { color: #fff; height: 40px; }
.information { border: solid #eaeef1 5px; margin-bottom: 3px; margin-top: 15px; padding: 4px; margin-right: 3px; margin-left: -10px; }
.information h2 { color: #39739b; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }