html {background: url('../images/bg.gif') repeat-x top;}
body {width: 923px; margin: 0 auto; padding: 0; font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; font-size: small;}

table th {text-align: left; vertical-align: top;}

#top {height: 212px; background: url('../images/head.jpg') no-repeat top left;}
#top h1 {float: left; margin: 0; padding: 0;}
#top h1 a {display: block; width: 295px; height: 165px; margin: 25px 0 0 13px;}
#top h1 span {display: none;}
#top ul {float: right; width: 596px; margin: 33px 16px 0 0; padding: 0; list-style: none;}
* html #top ul  {margin: 33px 8px 0 0;}
#top ul li {float: left; margin: 0 2px 0 0;}
#top ul li a {position: relative; float: left; width: 147px; height: 30px; padding: 120px 0 0 0; line-height: 30px; text-align: center; color: white; text-transform: uppercase; text-decoration: none; font-size: medium;}
#top ul li a span {position: absolute; width: 147px; height: 30px; top: 0; left: 0;}
#top ul li#menu1 a {width: 145px; background: url('../images/button1.jpg') no-repeat top;}
#top ul li#menu2 a {background: url('../images/button2.jpg') no-repeat top;}
#top ul li#menu3 a {background: url('../images/button3.jpg') no-repeat top;}
#top ul li#menu4 a {background: url('../images/button4.jpg') no-repeat top;}
#top ul li#menu1 a:hover, #top ul li#menu2 a:hover, #top ul li#menu3 a:hover, #top ul li#menu4 a:hover {background-position: bottom;}
#top #nav {margin: 0 30px 0 0; float: right; clear: both;}
*+html #top #nav {margin: 7px 30px 0 0;}
* html #top #nav {margin: 7px 15px 0 0;}

#middle {width: 882px; margin: 0 10px 0 30px; background: url('../images/content_bg.png') repeat-y;}
* html #middle {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/theme/images/content_bg.png', sizingMethod='scale'); background-image: none;}

#left {clear: both; float: left; width: 210px; margin: 0 0 0 14px; padding: 0 0 20px 0;}
* html #left {margin: 0 0 0 7px;}
#left h3 {height: 27px; margin: 10px 0 0 0; padding: 0 5px; line-height: 27px; color: white; background: url('../images/box_header.gif') repeat-x top;}
#left h4 {margin: 0; padding: 10px 10px 0 10px; background: #CEE8FF;}
#left ul {margin: 0; padding: 0; list-style: none;}
#left ul li {margin: 0 0 2px 0;}
#left ul a {display: block; height: 27px; padding: 0 0 0 25px; line-height: 27px; color: black; text-decoration: none; background: #CEE8FF url('../images/point.gif') no-repeat 10px;}
#left ul a:hover {color: white; text-decoration: underline; background: #709EFE url('../images/point.gif') no-repeat 10px;}
#left p {margin: 0; padding: 10px; background: #CEE8FF;}

#content {float: right; width: 615px; margin: 0 15px 0 0; padding: 0 15px 10px 0;}
*+html #content {padding: 10px 0 20px 0;}
* html #content {padding: 10px 0 20px 0;}

#bottom {clear: both; height: 88px; margin: 0 6px 0 8px; background: url('../images/bottom_bg.gif') repeat-x top;}
#bottom #logo {float: left; margin: 20px 40px 0 40px;}
#bottom p {float: left; margin: 20px 40px 0 0; font-size: 95%;}
#bottom a {color: #1A76FF; text-decoration: none;}
#bottom a {text-decoration: underline;}
#bottom p#copy {float: right; margin: 70px 15px 0 0; color: #ABABAB; font-size: 85%;}
#bottom p#copy a {color: #ABABAB;}