body   { color: #666; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #5E5D5D; background-image: url("../img/back_shad.gif"); background-repeat: repeat-y; background-position: center 0; text-align: left; margin: 0; height: auto }

#centered {	width: 800px;
	height: 100%;
	position:relative;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
background-image: url("../img/wallpaper.gif");
}

li  { margin-bottom: 8px }

h1, h2, h3, h4   { color: #C41187; font-weight: normal; margin: 0; padding: 0 }
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
a  { color: #C20583; font-size: 11px; text-decoration: none; text-align: left }

a:hover  { color: #D76EB4 }
p { color: #666; font-size: 11px; line-height: 17px; text-align: left }
td, ul { font-size: 11px }
hr { color: #999; height: 1px }
img  { border-color: gray }

.quick_link  { color: #ccc; margin: 5px 15px 0 0; float: right }
.quick_link a  { color: #ccc }
.quick_link a:hover   { color: #fff }
.content  { display: inline; margin: 20px 10px 20px 0; width: 650px; float: right }
.button b, .button a      { display:inline;color: #666; font-size: 11px; line-height: 1.7; background-repeat: no-repeat; text-align: center; display: block; margin: 0 1px 0 0; padding: 0; width: 115px; height: 19px; float: left }
.button a   { color: #999; background-image: url("../img/grey_button.gif") }
.button b  { background-image: url("../img/white_button.gif") }

.top_shadow    { background-image: url("../img/top_shadow.gif"); background-repeat: repeat-x; background-position: 0 bottom; width: 656px; float: left }
.bot_shadow     { background-image: url("../img/bot_shadow.gif"); background-repeat: repeat-x; background-position: 0 top; width: 656px; height: 7px; float: left }

.main    { background-image: url("../img/main_strch.gif"); background-repeat: repeat-y; background-position: center 0; width: 654px; float: left }
.menu_side      { margin-top: 200px; margin-bottom: 10px; margin-left: 12px; width: 120px; float: left }

.menu_mid, .menu_mid_2  {line-height: 2; color: #ccc; background-repeat: no-repeat; padding-left: 15px;  margin-left: 10px; position: relative; left: -10px }
.menu_mid_3  {line-height: 2; color: #ccc; background-repeat: no-repeat; padding-left: 15px;  margin-left: 1px }
.menu_mid   { background-image: url("../img/grey_tab.gif"); background-position: 0 2px;}
.menu_mid_2 { background-image: url("../img/arrow.gif"); background-position: 0 2px;}
.menu_mid_3 { background-image: url("../img/arrow.gif"); background-position: 0 2px;}

.menu_mid_3 a:hover { color: #FF0000; background-image: url("../img/white_tab.gif"); background-repeat: no-repeat; background-position: 0 2px; padding-left: 15px }
.menu_side a:hover { color: #fff; background-image: url("../img/white_tab.gif"); background-repeat: no-repeat; background-position: 0 2px; padding-left: 15px}

.title_pan     { background-image: url("../img/top_strch.gif"); background-repeat: repeat-x; display: inline; margin: 0 3px; width: 650px; height: 130px; float: left }
.title    { display:inline;text-align: center; width: 440px; float: left }
.image   { display:inline; float:right;margin:0 20px }
.twenty_pad  { padding: 20px }
.ten_pad   { padding: 10px }

.image_pan    { display:inline; background-color: #ccc; margin-left: 3px; width: 380px; float: left }
.text_pan        { background-image: url("../img/i-pen-2.jpg"); display: inline; margin-right: 3px; width: 268px; height: 350px; float: right }

.scroller   { padding: 5px; z-index: 5; width: 240px; height: 320px; overflow: auto }
.class { margin:0 0 10px 0 }