html, body, #wrapper    { color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url("../img/back-shad.gif"); background-position: center 0; text-align: center; margin: 0; height: 100% }
#wrapper     { text-align: left; margin: 0; padding: 0; width: 1000px }

h1, h2, h3, h4   { color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0; padding: 0 }
h1  { font-size: 24px }
h2  { font-size: 20px }
h3  { font-size: 17px }
h4 {font-size: 15px;}

table {border-collapse: collapse;}
th, td {border-collapse: collapse;margin: 0;}

a { color: #666; text-decoration: none;}
a:hover { color: orangered}

p { color: #666; line-height: 17px; }
a {font-size: 11px;}
p, td   { color: #ccc; font-size: 11px; line-height: 1.5 }
td { margin: 0; padding: 0}
hr { color: #999; height: 1px }
img   { border-color: #666 }

#top_cell    { background-color: #000; margin: 0; padding: 0; height: 113px; vertical-align: middle }
#mid_cell  { background-color: #000; background-image: url("../img/Mid-grad.gif"); background-repeat: repeat-x; margin: 0; padding: 0; vertical-align: top }
#bot_cell    { color: #ccc; font-size: 9px; background-image: url("../img/Bot-grad.gif"); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0; height: 28px;  }
#bot_cell a { color: #ccc; font-size: 9px;}
#landscape   { background-image: url("../img/cockington-court.jpg"); background-repeat: no-repeat; background-position: right top; width: 782px; height: 74px; float: left }
#top_cell h1 a    { text-decoration: none; background: url("../img/logo.gif") no-repeat; text-indent: -2000em; display: block; z-index: 1000; width: 268px; height: 113px; float: left }


.admin_but a     { line-height: 1.7; background-image: url("../img/user_button.gif"); background-repeat: no-repeat; text-align: center; display: block; margin: 0 2px 5px; width: 90px; height: 21px; float: left }
.admin_but a:hover    { background-image: url("../img/user_button_on.gif") }

.bt a, .bt b a  { color: #ccc; font-size: 11px; text-align: center; display: block; width: 109px; float: left }
.bt a    { line-height: 2.3; background-image: url("../img/button-norm.gif"); margin: 87px 5px 0 0; height: 26px }
.bt b a      { font-weight: normal; line-height: 3.5; background-image: url("../img/button-up.gif"); margin: 74px 3px 0 0; height: 39px }
.bt a:hover  { color: #fff; background-image: url("../img/button-hover.gif") }
.bt b a:hover  { color: #fff; background-image: url("../img/button-up-hover.gif") }


#tp_stripe   { background-image: url("../img/top-stripe.gif"); background-repeat: repeat-x; width: 100%; height: 11px; float: left }
#mid    { background-image: url("../img/Mid.gif"); background-repeat: no-repeat; height: 100% }
#menu   { background-color: #1a1a1a; background-image: url("../img/Menu-grad.gif"); background-repeat: repeat-x; background-position: 0 top; margin-left: 40px; width: 150px; height: 100%; float: left }
#main    { margin-top: 10px; margin-right: 45px; width: 750px; float: right }
#menu h2 {margin:7px 5px 10px 5px}

.menu_item a                 { color: #ccc; font-size: 12px; line-height: 2; background-image: url("../img/button-arrow-off.gif"); background-repeat: no-repeat; background-position: 10px 0; margin-top: 10px; padding-bottom: 0; padding-left: 28px; position: relative; right: 10px; width: 150px; height: 25px; float: left }
.menu_item a:hover       { color: #fff; background-image: url("../img/button-arrow.gif") }
.menu_item b a            { color: #fff; background-image: url("../img/arrow-click.gif") }
.menu_item i a              { font-size: 11px; font-style: normal; line-height: 1.3; background-image: url("../img/button-arrow-i-off.gif"); margin-top: 0; margin-bottom: 5px; padding-left: 32px; height: 13px }
.menu_item i a:hover             { color: #fff; font-style: normal; background-image: url("../img/button-arrow-i.gif"); background-repeat: no-repeat }

.back_but a, .fward_but a {display:block; color: #e1e1e1; line-height: 1.8; background-repeat: no-repeat;  width: 79px; height: 22px}
.back_but a:hover, .fward_but a:hover {color: white; }

.back_but a   { background-image: url("../img/back-button.gif"); padding-left: 15px; }
.back_but a:hover   { background-image: url("../img/back-button-over.gif") }

.fward_but a     { background-image: url("../img/fward-button.gif"); text-align: left; margin-top: 2px; margin-bottom: 4px; padding-left: 6px }
.fward_but a:hover   { background-image: url("../img/fward-button-over.gif") }