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

h1, h2, h3, h4   { color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0; padding: 0 }
h1  { font-size: 24px }
h2  { font-size: 21px }
h3  { font-size: 17px }
h4  { font-size: 14px }
a { color: #666; font-size: 11px; text-decoration: none; text-align: left }
a:hover { color: #E33C1B}
p { color: #666; font-size: 11px; line-height: 17px; text-align: left }
td { font-size: 11px }
hr { color: #999; height: 1px }
img {border-color: black}

.top_cell, .top_cell_web, .top_cell_photo { background-repeat: no-repeat; background-position: 0 top; height: 104px }
.top_cell   { background-image: url("/img/top-logo.gif"); }
.top_cell_web   { background-image: url("/img/top-logo-webdesign.gif"); }
.top_cell_photo   { background-image: url("/img/top-logo-photoshop.gif"); }

.mid_cell  { background-image: url("/img/top-grad.gif"); background-repeat: no-repeat }
.bot_cell   { font-size: 9px; background-color: #fff; height: 50px }

.ad_cell, .ad_cell2 {background-color: #fff; text-align: center; padding-top: 3px; height: 20px; }
.ad_cell  { border-bottom: 1px solid #ccc }
.ad_cell2  { border-top: 1px solid #ccc }

.menu_cell   { margin: 0; padding: 0; height: 25px }
.button    { background-image: url("/img/button.gif"); float: left }
.button a  { color: #666; font-size: 10px; line-height: 1.5; background-repeat: no-repeat; text-align: center; display: block; position: relative; width: 79px; height: 18px; float: left }

.tp_shad { background-image: url("/img/top-grad.gif"); background-repeat: no-repeat; height: 10px }
.slogan  { color: #999; font-size: 9px; font-style: italic; text-align: right; padding-top: 5px; padding-right: 25px; float: right }
.bot_menu  { font-size: 9px; text-align: center; padding-left: 47px; width: 552px }
.bot_menu a  { font-size: 9px }
.pan1  { background-image: url("/img/side-tt.gif"); background-repeat: no-repeat; background-position: center 0; margin-top: 20px; width: 47px; height: 345px; float: left }
.pan2  { margin-top: 20px; width: 552px; float: left }
.pan3   { margin-top: 20px; margin-right: 15px; width: 133px; float: right }
.pan3 a   { font-size: 9px; line-height: 1.7 }
.pan3 h4   { color: #ed5727; font-size: 13px }
.bx    { background-image: url("/img/bx-mid.gif"); background-repeat: repeat-y; margin-bottom: 10px; width: 760px; clear: both }
.bx_container   { background-image: url("/img/bx-top.gif"); background-repeat: no-repeat; background-position: 0 top; padding: 10px; width: 760px}
.bx hr,.bx p, .bx ul  { width: 95% }
.bx_foot   { background-image: url("/img/bx-bot.gif"); background-repeat: no-repeat; background-position: 0 bottom; height: 10px; clear:both }
.img_float { float:left;margin-right:9px }
.img_size    { width: 91px; height: 91px; border: solid 1px #666 }
.frnt_img { margin-right: 1px; width: 120px; height: 81px; border: solid 1px #666 }

ul { list-style-type: none; margin: 0; padding: 0 }
li {margin: 0 0 10px 0;}

.coder  { color: #910000; font-size: 12px; font-family: "Courier New", Courier, Monaco, monospace }
.book    { background-image: url("/photoshop/images/book.gif"); background-repeat: no-repeat; background-position: 0 9px; padding-top: 10px; padding-left: 20px }
.video li { background-image: url("/photoshop/images/video.gif"); background-repeat: no-repeat; background-position: 0 9px; padding-top: 10px; padding-left: 20px }
.page li  { background-image: url("/photoshop/images/page.gif"); background-repeat: no-repeat; background-position: 0 9px; padding-top: 10px; padding-left: 20px }
.actions li { background-image: url("/photoshop/images/actions.gif"); background-repeat: no-repeat; background-position: 0 9px; padding-top: 10px; padding-left: 20px }

.ad {float:right;width:130px;margin:3px;padding:3px;background-color: #fff; border: solid 1px #ccc}
.ad_hori  { margin: 10px; width: 110px; height: 150px; float: left }

.admin_but a     { line-height: 1.7; background-image: url("../../images/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("../../images/user_button_on.gif") }

.cell_ad a     { color: #fff; background-color: orangered; text-align: center; display: block; margin-bottom: 10px; padding-top: 5px; width: 528px; float: left; border: solid 1px #900 }
.cell_ad h3  { color: #fff; line-height: 2; text-align: center }
.cell_ad a:hover      { color: #ff4500; background-color: #fff; border: solid 1px #fc9 }
.cell_ad a:hover  h3     { color: #ff4500; background-color: #fff }

.ps_act {float:left;width:45%;margin:10px;height:100px}
.ps_act_i {float:left;width:85px}
.ps_act_t {float:left;text-align:left;width:230px}
.ps_act_t a {font-size:14px; font-weight:bold}