* { margin: 0;}
html, body { text-align:center; height: 100%; margin:0px }
html, body, #wrapper   
{
background:#fff; 
color: #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url("../img/body-grad.gif");
background-repeat: repeat-y;
background-position: center 0;
text-align: center;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -50px;
}

#wrapper   
{
min-height: 100%;
background-image: url("../img/table-back.gif");
height: auto !important;
height: 100%;
margin: 0 auto -50px;
background-repeat: repeat-y;
text-align: left;
width: 1000px
}

#all_temp { width:1000px; height: 100%;margin: 0px auto; text-align: center}
#botX, #push { height: 50px;}
#topX1 { height: 105px; background-color: #fff;  }
#topX2 { height: 20px;  }
#botX  { width: 1000px; height: 50px }

table {border-collapse: collapse;}
th, td {border-collapse: collapse; margin: 0;}

h1, h2, h3, h4   { color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0; padding: 0 }
h1 {font-size: 22px;}
h2 {font-size: 19px;}
h3 {font-size: 15px;}
h4 {font-size: 12px;}
a { color: #666;  text-decoration: none; text-align: left }
a:hover { color: #E33C1B}
p  { color: #666; line-height: 20px; text-align: left }
p, a, td, html, body, #wrapper  { font-size: 11px; line-height: 20px }
hr { color: #999; height: 1px }
img {border-color: black}

.top_cell, .top_cell_web, .top_cell_photo { background: white; background-repeat: no-repeat; background-position: 0 top; height: 104px }
.top_cell   { margin:0px;padding:0px }
.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  { vertical-align: bottom; font-size: 9px; 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   { vertical-align: top; background:white; margin: 0; padding: 0; height: 25px }
.button a  { float: left; margin-right:8px; color: #666; font-size: 10px; line-height: 1.5; background-image: url("../img/button.gif"); background-repeat: no-repeat; text-align: center; display: block; position: relative; width: 79px; height: 18px; }

.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: 160px; width: 650px; float: left }
.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: 730px; float: left }
.pan3    { margin-top: 20px; margin-right: 5px; width: 150px; 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 5px 0 10px; width: 760px }
.bx hr,.bx p,.bx li,.bx ul  { width: 95% }
.bx_foot     { background-image: url("../img/bx-bot.gif"); background-repeat: no-repeat; background-position: 0 bottom; width: 760px; 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 }

.coder   { color: #63f; font-size: 12px; font-family: "Courier New", Courier, Monaco, monospace }
.bookli    { background-image: url("/photoshop/images/book.gif"); background-repeat: no-repeat; background-position: 0 9px; padding-top: 10px; padding-left: 20px }
.videoli   { background-image: url("/photoshop/images/video.gif"); background-repeat: no-repeat; background-position: 0 9px; padding-top: 10px; padding-left: 20px }
.pageli  { background-image: url("/photoshop/images/page.gif"); background-repeat: no-repeat; background-position: 0 9px; padding-top: 10px; padding-left: 20px }
.actionsli  { background-image: url("/photoshop/images/actions.gif"); background-repeat: no-repeat; background-position: 0 9px; padding-top: 10px; padding-left: 20px }

.img_frm     { margin: 13px; width: 100px; 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: 100px; height: 60px; vertical-align: middle }
.img_titl a   { line-height: 12px; padding-top:4px;font-size: 9px; background-color: #e1e1e1; text-align: center; width: 100px; height: 40px; float: left }
.img_titl a:hover      { color: #fff; background-color: #ff9900; width: 100px }

.item_outer  { background: #fafafa; margin-top: 15px; padding: 10px; width: 93%; float: left; border: solid 1px #f0f0f0 }
.item_img  { background: #e6e6e6; margin-right: 10px; padding: 5px; width: 120px; float: left }
.item_txt  { width: 340px; 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") }


.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 }


.big_link a {color:orangered;font-size:20px;margin: 0 20px}
