html, body, div, img  {
 padding: 0px;
 margin: 0px;
 border: 0px;
}

html, body {
 height: 100%;
}

div, img, td, table {
 position: relative;
}
body {
 font-family: Trebuchet MS, Tahoma, Arial, Sans Serif;
 line-height: 0.9em;
 color: black;
}

#main {
 position: relative;
 min-height: 100%;
 _height: 100%;
 background: transparent url('img/header_bg.png') left top repeat-x;
}
#main, #footer, #adminMenu {
 margin: 0px auto;
 width: 990px;
 border-left: 1px solid #ABABAB;
 border-right: 1px solid #ABABAB;
} 

#header {
 background: transparent url('img/header_logo.png') center top no-repeat;
}
#logo, #logo:hover {
 display: block;
 height: 100px;
 left: 10px;
 position: absolute;
 text-decoration: none;
 top: 5px;
 width: 180px;
 z-index: 100;
}
#headImg {
 display: none;
}
#headerTop {
 padding: 19px 13px;
 color: white;
 font-size: 12px;
}    
#headerBottom {
 font-size: 12px;
 color: #8d8d8d;
 left: 21px;
 top: 103px;
 *top: 113px;
 position: absolute;
 width: 180px;
 height: 65px;
 padding: 10px 0px;
}
#headerBottom p {
 margin: 5px 0px;
}
#headerMenu {
 margin: 0px auto;
 padding: 105px 0px 10px 30px;
 width: 650px;
 text-align: center; 
}                                 
#headerMenu a, #headerMenu span {   
 margin: 0px;    
 padding: 10px 0px 18px 14px;
 *padding: 0px 1px 23px 14px; 
 line-height: 50px;
 background: transparent url('img/header/menu_off.png') left top no-repeat;
 text-decoration: none;
 white-space: nowrap;
 font-weight: bold;
 text-transform: uppercase;   
 font-size: 12px;
}
#headerMenu a:hover span span {text-decoration: underline;}
#headerMenu span, #headerMenu a.active {background: transparent url('img/header/menu_left.png') left top no-repeat;}
#headerMenu a span, #headerMenu span span {
 margin: 0px;
 padding: 10px 14px 18px 0px;
 *padding: 0px 14px 23px 0px;
 background-image: none;
}
#headerMenu span span, #headerMenu a.active span {background: transparent url('img/header/menu_right.png') right top no-repeat;}
#headerMenu a span span, #headerMenu span span span {
 padding: 10px 2px 18px 2px;
 *padding: 10px 2px 18px 2px;
 background-image: none;
}
#headerMenu span span span, #headerMenu a.active span span {
 background: #f7a40a url('img/header/menu_center.png') right top no-repeat;
 color: white; 
}
#headWidget {
 height: 270px;
 overflow: hidden;
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: 5;
}
#headWidget .placeEditHandler {
 margin-top: 10px;
}

.cut, .cut div {
 height: 16px;
 font-size: 0px;
/* background: transparent url('img/header/cut.png') 8px top no-repeat;
 padding-left: 33px;
 padding-right: 10px;*/
 margin: 0 10px;
}
.cut div {
 background: transparent url('img/header/cut_line.png') 8px top repeat-x;
}
.bn {
	margin: 0 0 0 18px;
	border: 1px solid #5b5b5b;
}
.bn:first-child {
	margin: 0;
}

.info, .super, .recom, .news {
 padding: 8px 0px 8px 45px;
 background-position: left auto;
 background-repeat: no-repeat;
 background-color: transparent;
 line-height: 1em;
 font-size: 14px;
 color: #065bb6;
 text-transform: uppercase;
  margin: 10px 0px;
}
.news {
 color: white;
 background-image: url('img/right/news.png');
 display: block;
 width: 110px;
 height: 58px;
 text-align: center;
 padding: 25px 0px 0px 0px; 
}
.info {background-image: url('img/ico/info.png');}
.super {background-image: url('img/ico/super.png');}
.recom {background-image: url('img/ico/recom.png');}

#left {
 width: 180px;  /* ������ left */
 float: left;
 padding-left: 10px;
} 
#menu {
 padding-left: 10px;
} 
#menu ul {
 margin: 7px 0px 10px 0px;
 padding: 0px;
}
#menu li {
 margin: 0px;
 padding: 2px 0px 2px 15px;
 line-height: 1em;
 list-style: none;
 background: transparent url('img/marker.png') left 5px no-repeat;
 font-size: 14px;
 text-transform: uppercase;
}
#menu li span, #menu li a {
 color: #0055aa;
 text-decoration: none;
 font-weight: bold;
}
#menu li span, #menu li a:hover, #menu li a.active { text-decoration: underline; }
#menu li li {
 padding-left: 5px;
 background-image: none;
 font-size: 12px;
 text-transform: lowercase;
}
#menu li li span, #menu li li a { 
 color: #f5a80c;
 text-decoration: underline; 
}
#menu li li span, #menu li li a:hover, #menu li li a.active { text-decoration: none; }
#menu li li a.active {color: #b17906;}
#menu li li {padding-left: 10px;line-height: 1em;}


#right {
 width: 200px;  /* ������ right */
 float: right;
 padding-right: 10px;
 _padding-top: 10px;
}
#text_block {
 margin: 10px 0px;
 color: #013e81;
 font-size: 14px;
}
#text_block .zoom, #text_block .zoom img {
 border: 2px solid #cfcfcf;
 border: 3px solid #cabb8d;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}
#gallery {
 background: #0a62bb url('img/right/bg.png') left top repeat-y;
 padding: 18px;
 color: white;
 font-size: 12px;
 text-align: center;
}
#gallery a {
 color: white;
}
#gallery hr {
 border-style: none;
 height: 1px;
 border-bottom: 1px dashed white;
 margin: 17px 0px;
}

#gallery .zoom {border: 1px solid white;}
#content .zoom {border: 1px solid #747474;}
.zoomExternal {
 margin: 7px 0px;
 width: 164px;
}
.zoomExternal, .zoom {
 display: block;
 position: relative;
 text-decoration: none !important;  
}

.zoomExternal div {
 position: absolute;
 width: 6px;
 height: 6px;
 z-index: 100;  
 border-style: none;
 text-decoration: none !important; 
}
.zELT {
 left: 0px;
 top: 0px;
}
.zERT {
 right: -5px;
 _right: -1px;
 top: 0px;
}
.zELB {
 left: 0px;
 bottom: 0px;
 _bottom: -1px;
}
.zERB {
 right: -5px;
 _right: -1px; 
 bottom: 0px;
 _bottom: -1px;
}    

#gallery .zELT {background: transparent url('img/right/border_lt.png') left top no-repeat;}
#gallery .zERT {background: transparent url('img/right/border_rt.png') right top no-repeat;}
#gallery .zELB {background: transparent url('img/right/border_lb.png') left bottom no-repeat;}
#gallery .zERB {background: transparent url('img/right/border_rb.png') right bottom no-repeat;}
#content .zELT {background: transparent url('img/border_lt.png') left top no-repeat;}
#content .zERT {background: transparent url('img/border_rt.png') right top no-repeat;}
#content .zELB {background: transparent url('img/border_lb.png') left bottom no-repeat;}
#content .zERB {background: transparent url('img/border_rb.png') right bottom no-repeat;}

#newsWid {
 padding: 0px 0px 10px 0px;
}
#newsWid .newsDate, #news .newsDate {
 width: 43px;
 height: 46px;
 overflow: hidden;
 position: absolute;
 left: 1px;
 _left: -52px;
 top: 8px;
 _top: 11px;
 text-align: center;  
 font-size: 23px;
 color: #0a62ba;    
 z-index: 10;
 padding-top: 2px;
}
#newsWid .newsDate div, #news .newsDate div {
 font-size: 12px;
 color: white;
 padding-top: 9px;
}
#newsWid .newsContent, #news .newsContent {
 font-size: 12px;
 color: #6b6c6d;  
}
#newsWid .newsContent img, #news .newsContent img {
 margin: 0px 10px 5px 0px;
}
#newsWid .newsContent a, #newsWid .newsContent a:hover,
#news .newsContent a, #news .newsContent a:hover {
 font-style: italic;
 display: block;
 white-space: nowrap; 
 text-align: right;
 margin: 2px 0px 0px 0px;
}
#news .newsContent a, #news .newsContent a:hover {display: inline;}
#news .newsDetail {text-align: right;}
#newsWid hr, #news hr {    
 height: 1px;
 border-style: none;
 border-bottom: 1px dashed #c8cbcd;
 margin: 7px 0px 12px 0px;
}
#news #newBut, #news #newBut ol {
 display: inline;
 padding: 0px;
 margin: 0px;
}
#news #newBut a {margin: 0px 5px 0px 0px;}

#content {
 margin-left: 180px;  /* ������ left */
 margin-right: 200px; /* ������ right */
 padding: 0px 25px;
 font-size: 12px;
 color: #636363;  
}
#contentsecond, #contentmain {
 padding-bottom: 25px;
}
.cols {
 width: 164px;
}


#clear {
 clear: both;
 width: 0px;
 height: 190px; /* ������ footer */
}

#footer {
 position: relative;
 margin-top: -190px;
 background-color: #0a62ba;
 height: 190px;   /* ������ footer */
 font-size: 12px;
 color: white;
 overflow: hidden;
}
#footer #footerMenu {
 background-color: #9f9f9f;
 text-align: center;
 padding: 16px 0px 15px 0px;
 text-transform: uppercase;
}
#footer a {
 color: white;
}
#footerMenu a, #footerMenu span {
 color: white;
 text-decoration: none;
}
#footerMenu img {
 margin: 0px 25px;
}
#footerMenu a:hover, #footerMenu span {text-decoration: underline;}
#footer #footerBottom {
 padding: 30px 25px;
}
#footer #authRight {
 width: 300px;
 overflow: hidden;
 position: absolute;
 bottom: 0px;
 right: 0px;
 padding: 10px;
}
#footer #bn {
 width: 300px;
 position: absolute;
 bottom: 28px;
 right: 0px;
 padding: 10px 10px 0px 10px;  
}
#footer #bn img {
 padding: 0px 7px 7px 0px;
}

/* ------------- */


#errors {
 background-color: white;
 color: #f7730a;
 border: 1px solid #f7730a;
 padding: 5px 10px;
 margin: 10px 0px;
 width: 440px;
}

#messages {
 background-color: white;
 color: #085fb8;
 border: 1px solid #085fb8;
 padding: 5px 10px;
 margin: 10px 0px;
 width: 440px;
}



#adminMenu {
 height: 22px;
 background-color: #065eb7;
}
#adminMenu a, #adminMenu span {
 font-size: 10px;
 text-decoration: none;  
 padding: 0px 3px;
 margin: 2px;
 background-color: #f7a30a;
 border: 1px solid white;
 color: white;
 font-weight: bold;
}
#adminMenu a:hover, #adminMenu span {
 background-color: white;
 border: 1px solid #f7a30a;
 color: #f7a30a;
 font-weight: bold;
 text-decoration: none;
}
#adminLeftPart {
 float: left;
 padding: 1px 0 1px 10px;
}
#adminRightPart {
 padding: 1px 10px 1px 0;
 float: right;
}
.placeEditHandler a {
 position: absolute !important;
 top: -12px !important;
 z-index: 100;
}
.newEditBut a, .placeEditHandler a {
 padding: 0px 3px !important;
 font-size: 10px !important;
 background-color: #f7a30a !important;
 border: 1px solid white !important;
 color: white !important;
 font-weight: bold !important;
 text-decoration: none !important;
}
.newEditBut a:hover, .placeEditHandler a:hover {
 background-color: white !important;
 border: 1px solid #f7a30a !important;
 color: #f7a30a !important;
 text-decoration: none !important;
}
                                               
.placeEditHandler {z-index: 200 !important;}  

#headImg .placeEditHandler {
 top: 10px !important;
 left: 10px;
}
  


/* ------------- */

a {
 color: #085fb8;
 text-decoration: underline;
}
a:hover {
 text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
 margin: 1em 0px 0em 0px;
 color: #0a62ba;
}
h1 { font-size: 14px; }
h2 { font-size: 13px; }
h3 { font-size: 12px; }
h4 { font-size: 11px; }
h5 { font-size: 10px; }
h6 { font-size: 9px; }