dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote {margin: 0; padding: 0;}
img{border:0;}

.clear_after:after {font-size:0;display:block;visibility:hidden;clear:both;height:0;content:".";line-height:0;}

a {color:#22f;}
a:hover{color:#f00;}

body{
background: #4210D3;
font-family:arial;
font-size: 16px;
color:#fff;
}

#Ruler {display: none;}

/*?=wrap
------------------- */
.wrap {
min-width: 1000px; 
max-width: 1500px;
width: 100%;
margin: 0 auto;
background: url('left-transition.gif') left top repeat-y; //zoom:1;}
.wrap_in {background: url('right-transition.gif') right top repeat-y; //zoom:1; padding: 0 19px 0 18px;}
.wrap_in_in {background:#fff; color:#333;}


.header {background:#FFFFDE url('stripy.jpg') left top repeat-x; height:230px;}
.header_in {width:690px; margin: 0 auto; height: 230px; position: relative;}
.name {position: absolute; left: 70px; top: 20px; font-size: 42px; color:#fff; text-shadow: 1px 2px 5px #333; width:600px;}

.photos {position: absolute; left: 250px; bottom:15px; overflow: hidden; //zoom:1; width: 390px;}
.photos_item {float: left; width:118px; overflow: hidden; //zoom:1;}
.photos_item_sub {width: 118px; height: 119px; background: url('sub.png') left top no-repeat; margin: 0;}
.photos_item_sub img {vertical-align: top; padding: 9px 0 0 9px; position: relative; z-index:1;}
.photos_item_text {font-size: 14px; white-space: nowrap; padding: 0 10px; font-weight: bold;}
.photos_item_text a {color:#000;}
.photos_item_text a:hover {color:#000; text-decoration: none;}

.top {background: url('top-line.gif') left top repeat-x; height:16px;}
.top_l,
.top_r,
.bottom_l,
.bottom_r {width:31px; height:16px; overflow: hidden; //zoom:1;}
.top_l {float: left; background: url('top-left.gif') left top no-repeat;}
.top_r {float: right; background: url('top-right.gif') left top no-repeat;}

.bottom {background: url('bottom-line.gif') left top repeat-x; height:16px;}
.bottom_l {float: left; background: url('bottom-left.gif') left top no-repeat;}
.bottom_r {float: right; background: url('bottom-right.gif') left top no-repeat;}

.content_b {overflow: hidden; //zoom:1; padding:0 10px;}
.content_b_in {//zoom:1;}
.main {float: left; width: 100%; overflow: hidden;}
.main_in {margin: 0 216px; position: relative; min-height: 500px; height: auto !important; height: 500px;}
.sidebar {display: inline; float: left; width: 196px; overflow: hidden; margin: 0 0 0 -100%;}
.sidebar_alt {display: inline; float: left; width: 196px; margin: 0 0 0 -196px; overflow: hidden;}

.footer {padding: 5px; background:#B6C1FF; text-align: center; overflow: hidden; //zoom:1; color:#000;}

.sidebar_menu {padding: 0 0 20px;}
.sidebar_menu ul {list-style: none; padding: 0; margin: 0;}
.sidebar_menu ul li {overflow: hidden; //zoom:1; vertical-align: top; padding: 0 0 4px;}
.sidebar_menu ul li a {text-decoration: none; color:#000044; font-weight: bold; display: block; border: 1px solid #0000FF; background:#EEEEFF; overflow: hidden; //zoom:1; padding: 3px;}
.sidebar_menu ul li a.active {background:#888; color:#fff;}
.sidebar_menu ul li a.active:hover {background:#888; color:#fff;}
.sidebar_menu ul li a:hover {color:#000044; background:#FFFFEE;}
.sidebar_menu ul li a span {cursor: pointer; display: block; float: left; width:150px;}
.sidebar_menu ul li a img {float: right; width: 24px; height:24px;}

.sidebar_menu ul li ul {padding: 0 0 0 18px;}
.sidebar_menu ul li ul li {padding: 4px 0 0;}
.sidebar_menu ul li ul li a {font-size: 12px;}

.block {position: relative; z-index:1; background: url('block_bg.gif') left top repeat-y; margin: 0 0 10px; width: 196px; overflow: hidden; //zoom:1;}
.block_in {font-size: 12px; font-weight: bold; background: url('block_top.gif') left top no-repeat; padding: 5px; //zoom:1;}
.block_in_in {font-size: 14px; background: url('block_bottom.gif') left bottom no-repeat; padding: 5px; //zoom:1;}

.block_text {overflow: hidden; //zoom:1; padding: 0 0 5px;}
.block_text_in {margin: -10px 0 0; //zoom:1;}
.block_text_in p {padding: 10px 0 0;}

.form {border: 0; margin: 0; padding: 0; overflow: hidden; //zoom:1;}
.form_in {overflow: hidden; //zoom:1; margin: -5px 0 0;}
.form_in div {padding: 5px 0 0;}
.form_in div input.text {padding: 2px; margin: 0; font-size: 14px; font-family: arial; width: 176px;}
.form_in div input.but {padding: 0 4px; margin: 0; font-size: 14px; font-family: arial;}

/*?=Content
------------------- */
.content {overflow: hidden; //zoom:1;}

.content .image {display: inline; float: left; border: 2px solid #ccc; margin: 0 20px 5px 0;}

.content p {padding: 0 0 15px; line-height: 18px;}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {color:#008800;}

.content h1 {font-size: 18px; padding: 0 0 15px; font-weight: normal;}
.content h2 {font-size: 16px; padding: 0 0 15px;}
.content h3 {font-size: 16px; padding: 0 0 15px;}
.content h4 {font-size: 14px; padding: 0 0 15px;}
.content h5 {font-size: 14px; padding: 0 0 15px;}
.content h6 {font-size: 12px; padding: 0 0 15px;}


.content a {color:#22f;}
.content a:hover {color:#f00; text-decoration: none;}
.content a:visited {color:#6f6f6f;}

.content ul {margin: 0; padding: 0 0 15px 40px;}
.content ul li {line-height: 18px; padding: 0 0 5px;}

.content table {background:#999; margin: 0 0 15px;}
.content table th,
.content table td {padding: 4px 7px;}
.content table th {background:#EEEEFF; color:#000; text-align: left; font-weight: normal;}
.content table td {background:#fff; font-size: 12px;}
.content table .even td {background:#f1f1f1;}