html, body, #wrapper  { color: #666; font-size: 12px; font-family: Verdana; text-align: center; margin: 0; height: 100% }
#wrapper  { text-align: left; width: 780px }

h1 {font-size: 28px;}
h2 {font-size: 22px;}
h3 {font-size: 18px;}
h4 {font-size: 15px;}


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

a, p, th, td   { font-size: 12px; line-height: 1.5 }

hr  { color: #999; height: 1px }

.top_cell   { text-align: left; margin: 0; padding: 0; height: 100px; vertical-align: top }
.mid_cell { vertical-align: top}
.bot_cell { height: 50px;vertical-align: bottom }
.top_cell, .mid_cell, .bot_cell {background-color: #fff;}

.pan_1  { display: inline; width: 180px; float: left }
.pan_2  { display: inline; width: 592px; float: left }

.pan_1_pad { padding:8px }
.pan_2_pad { padding:8px }

.caption_bar   { background-image: url("caption-bar.gif"); background-repeat: repeat-x; height: 25px }
.caption_bar_pad   { padding: 5px }
.menu_block { background-image: url("menu/mid.gif"); display: inline; margin: 0; width: 165px; float: left }
.menu_top, .menu_bot, .menu_cntr {display: inline; width: 165px; float: left }
.menu_top   { background-image: url("menu/top.gif"); height: 31px }
.menu_bot    { background-image: url("menu/bot.gif"); height: 31px }
.menu_cntr  { padding-right: 10px;}

.menu_cntr a { color: #666; line-height: 1.7; background-image: url("menu/li-empty.gif?date()"); background-repeat: no-repeat; background-position: 10px 0; padding-bottom: 5px; padding-left: 25px; position: relative; right: 10px; width: 155px; height: 25px; max-width: 155px; float: left; }
.menu_cntr i a { font-style: normal; font-weight: normal; line-height: 1.3; background-image: url("menu/sub-empty.gif?date()"); left: 0 }

.img_frm        { margin: 11px; width: 120px; float: left; border: solid 1px #c8c8c8; word-wrap: break-word     }
.img_gal  a    { background-repeat: no-repeat; background-position: center; text-align: center; display: block; width: 120px; height: 90px; vertical-align: middle }
.img_titl a    { font-size: 11px; line-height: 12px; background-color: #e1e1e1; text-align: center; padding-top: 4px; width: 120px; height: 60px; float: left }
.img_titl h4  { padding-top: 3px; padding-bottom: 3px }
.img_titl a:hover       { color: #fff; width: 120px }
.img_titl a:hover h4  { color: white; padding-top: 3px; padding-bottom: 3px }

.admin_but a       { font-size: 10px; font-weight: bold; line-height: 2; background-image: url("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("user_button_on.gif") }
.logo_h2 {margin:55px 0 0 10px; color:white; font-size:30px}