body { color: #999; font-size: 12px; font-family: "Lucida Grande", Geneva, Verdana, Arial, sans-serif; background-color: #000; background-image: url("../../images/web/top.jpg"); background-repeat: repeat-x; background-position: center top; text-align: center; margin: 0 }
a { color: #56caef; text-decoration: none }
.body_container  { background-image: none; text-align: left; margin-right: auto; margin-left: auto; width: 800px; min-width: 800px }
#logo { background-image: url("../../images/web/logo.png"); background-repeat: no-repeat; position: relative; top: 97px; left: 30px; width: 300px; height: 250px; float: left }
#logo h1 { color: #ccc; font-size: 12px; font-weight: normal; line-height: 57px; margin: 0; position: relative; left: 90px; float: left }
.header { height: 250px }
.content      { margin-top: 20px; margin-bottom: 20px; float: left }
.content a:hover { color: #069 }
/*--- MAIN BANNER ---*/
.banner          { margin: 0; float: left }
/*--- CONTACT BOX ---*/
#contact  { font-size: 11px; background-image: url("../../images/web/contact_us_bg.png"); background-repeat: no-repeat; margin-left: -220px; position: absolute; top: -75px; left: 100%; width: 200px; height: 75px }
#contact h2 { color: #000; font-size: 14px; margin-bottom: 5px; margin-left: 10px }
#contact p { color: #333; line-height: 15px; margin: 0 0 0 10px }
#contact a  { color: #900 }
/*--- LOGIN BOX ---*/
#login { background-image: url("../../images/web/login_bg.png"); background-repeat: no-repeat; margin-left: -220px; position: absolute; top: -75px; left: 100%; width: 200px; height: 95px }
#login h2 { color: #000; font-size: 14px; margin-bottom: 5px; margin-left: 10px }
#login p { color: #333; line-height: 15px; margin: 0 0 0 10px }
#login a { color: #f30 }
#login #toggle { cursor: pointer; position: absolute; top: 75px; left: 170px; width: 30px; height: 20px; float: left }
/*--- NAVBAR ---*/
.navbar  { font-size: 14px; position: relative; top: 190px; height: 60px; float: left }
.navbar ul { line-height: 60px; list-style-type: none; margin: 0; padding: 0 }
.navbar li { display: inline }
.navbar a { color: #dfdc8d; padding-right: 10px; padding-left: 10px; float: left }
.navbar a:hover { color: #000; background-image: url("../../images/web/navbar_over.gif"); background-repeat: no-repeat; background-position: center 0 }
/*--- SIDEBAR ---*/
.sidebar  { text-align: left; width: 300px; float: left }
.sidebar h2 { color: #1c8f92; font-size: 22px }
.sidebar .navbar      { margin-top: 15px; top: 0; width: 280px; height: auto; float: left }
.sidebar .navbar ul { line-height: 30px }
.sidebar .navbar a { color: #026e71; float: right; clear: both }
.sidebar .navbar a:hover { color: #fff; background-image: url("../../images/web/sidebar_navbar_over.gif") }
/*--- CONTENT ---*/
.content_box  { margin-bottom: 10px; width: 500px; float: left }
.content_box h2    { color: #fff; font-size: 22px; margin-top: 0; margin-bottom: 10px; padding-bottom: 4px; border-bottom: 1px solid #fff }
.column { margin-right: 40px; width: 230px; float: left }
.column.last { margin-right: 0 }
.row { margin-bottom: 10px; width: 100%; float: left; clear: both }
.row h2   { color: #666; font-size: 14px; margin-top: 0; margin-bottom: 10px; border-bottom: none }
.block  { text-align: left; margin-bottom: 20px; float: left }
.block h2  { color: #fff; font-size: 14px; margin-top: 0; margin-bottom: 10px; border-bottom: none }
.block p { line-height: 18px; margin: 0 }
.block img { margin-right: 10px; float: left }
/*--- BOTTOM BAR ---*/
.sitebar    { font-size: 10px; background-image: url("../../images/web/bottom_bg.gif"); background-repeat: repeat-x; width: 800px; height: 20px; float: left }
.sitebar p { color: #181818; line-height: 20px; margin-top: 0; margin-bottom: 0; margin-left: 10px }