html, body { 
width: 100%; 
height: 100%; 
margin: 0px; 
padding: 0px;
background: #fff;
color: #000;
font-family: Tahoma, Arial, Helvetica, sans-serif
}
.offline{
padding: 28px 5px 0px 0px;
width: 300px;
height: 100px;
border: solid 2px #cccccc
}

.foot{

color: #000;
font: 7pt 'tahoma';
padding-top: 3px;
text-align: right;
padding: 7px 10px 0 0;
text-align:center
}
.stit{
color: #e6325f;
text-align:left;
font: bolder 10pt 'tahoma';
margin: 10px 0px 0px 20px;
}
a.stit{
color: #e6325f;
text-decoration:none;
background: url(images/check.gif) no-repeat left;
padding-left: 25px;
text-align:left;
font: bolder 9pt 'tahoma';
margin: 0px 0px 0px 10px;
display:block;
}
.hedr{
background: url(images/hedr.jpg) no-repeat center bottom;
width: 1000px;
height: 193px;
}
.top{
background: url(images/top.jpg) no-repeat center top;
height: 18px;
color: #696969;
font: bolder 8pt 'tahoma';
text-align: center;
padding: 0px 0 0 250px
}
.top a{
margin: 0px;
color: #696969;
display: block;
float:left;
*padding-top: 2px;
height: 100%;
font: bolder 8pt 'tahoma';
text-decoration: none
}
.top a:hover{
background: #c81010 url(images/top.gif) repeat-x;
color: #fff;
}
a.otop{
background: #c81010 url(images/top.gif) repeat-x;
color: #fff;
margin: 0px;
display: block;
float:left;
*padding-top: 2px;
height: 100%;
font: bolder 8pt 'tahoma';
text-decoration: none
}
.top img{
margin: 5px 0 0 0;
float:left;
}
.top_body{
height: 12px;
margin: 0px;
background: url(images/topbdy.gif) repeat-x
}
.main_body{
min-height: 460px;
*height: 460px;
float:left;
width: 99.7%;
direction: ltr;
border-left: solid 1px #858585;
background: #f6f6f6 url(images/bod.gif) repeat-x left top;
border-right: solid 1px #858585;
}
.cert{
width: 147px;
height: 175px;
float: left;
margin: 20px 0px 10px 38px
}
.bottom_body{
height: 12px;
margin: 0px;
float:left;
margin-top: 0px;
width: 100%;
background: url(images/pix.gif) repeat-x bottom
} 
.rblock{
background: url(images/rblck.jpg) no-repeat top left
}
.lblock{
background: url(images/lblck.jpg) no-repeat top left
}
.mnu{
background: url(images/btmmnu.jpg) no-repeat top right;
width: 153px;
height: 275px;
margin: 0px;
float:right;
}
.mnu a{
text-decoration: none;
font: 10pt 'tahoma';
display: block;
color: #000000;
margin: 0 0 0 35px
}
.mnu p{
font: 10pt 'tahoma';
color: #000000;
margin: 0 0 0 35px;
cursor: pointer;
}
.mnu a:hover{
color: #be0606
}
a.omnu{
color: #be0606;
text-decoration: none;
font: 10pt 'tahoma';
display: block;
margin: 0 0 0 35px
}
.block_txt{
font: 8pt 'tahoma';
color: #fff;
text-align:left;
vertical-align: top;
padding: 10px 18px 0 30px
}
.block_txt a{
color: #fff;
text-decoration: none
}
.milst{
margin: 0px;
direction:ltr
}
.alink{
border: none
}
.searchy{
width: 103px;
height: 14.4px;
border: solid 1px #860004;
font: 7pt 'tahoma'
}
.search{
margin: 0 0 0 25px
}
.pord2{
width: 86%;
float: left;
text-align:left;
font: 10pt 'Century Gothic';
color: #909090;
direction: ltr;
margin: 15px 0 0 15px;
}
.pord2 a.tit{
text-decoration: none;
display: block;
margin: 0px;
font: bolder 10pt 'Century Gothic';
color: #4f4f4f;
text-align: left
}
.pord2 a.mor{
text-decoration: none;
display: block;
color: #32a6c4;
width: 100px;
float:left;
text-align: left;
background: url('images/arrw.gif') no-repeat 62% 72%; ; font-style:normal; font-variant:normal; font-weight:bolder; font-size:9pt; font-family:tahoma
}
.pord2 a:hover.mor{
background: url('images/oarrow.gif') no-repeat 62% 72%;
color: #ffa800
}
.page_num{
width: 100%;
text-align: center;
margin: 0px;
}
.unnum{
margin-left: 7px;
text-decoration:none;
color:red;
cursor: default;
font: bolder 9pt 'tahoma';
}
a.num{
margin-left: 7px;
text-decoration:none;
color:#000000;
font: 9pt 'tahoma';
}
a:hover.num{
text-decoration:underline
}
.next{
cursor:default;
color: gray;
font: 9pt 'tahoma';
text-decoration:none;
margin-left: 7px;
}
a.next{
cursor:pointer;
color: red;
font: 9pt 'tahoma';
text-decoration:none;
margin-left: 7px;
}
.photo{
float: left;
margin: 15px 3px 0 3px;
height: 118px;
background: url(images/albm.gif) no-repeat center top;
padding: 0px
}
.sub_bod{
margin: 0px 49px 15px 15px;
font: 10pt 'Century Gothic';
direction:ltr
}
.sub_bod1{
margin: 0 10px 15px 10px;
font: 10pt 'tahoma';

direction:ltr;
float:left;

}
.sub_bod2{
margin: 0 0px 15px 10px;
font: 10pt 'tahoma';
direction:ltr;
float:left;

}
.inpt{
width: 150px;
height: 18px;
border: solid 1px #CCCCCC
}
.tb1{
background: #a10303 url(images/1blck_02.jpg) no-repeat bottom
}
.tb2{
background: #7f8936 url(images/2blck_011.jpg) no-repeat bottom
}
.tb3{
background: #616161 url(images/3blck_02.jpg) no-repeat bottom
}

a.bimg{
display: block;
float: left;
width: 140px;
height: 147px;
background: #dadada url(images/albm.jpg) no-repeat;

}
a.bimg img{
width: 96px;
height: 120px;
margin: 12px 22px 0 22px
}
a.bname{
display: block;
min-width: 138px;
*width: 140px;
*padding-left: 3px;
text-align:center;
text-decoration: none;
color: #7e7e7f;
font: 9pt 'tahoma';
cursor: pointer;
float:right;
margin: 0px 0 0 0;
border-right: solid 1px #000;
border-left: solid 1px #000;
}
.bname{
float:right;
min-width: 138px;
*width: 140px;
text-align:center;
cursor: default;
color: #7e7e7f;
font: 9pt 'tahoma';
margin: 0px;
border-right: solid 1px #000;
border-left: solid 1px #000;
}
.dist{
display:block;
text-decoration: none;
color: #fff;
background: url(images/dot.jpg) no-repeat left center;
margin: 7px 0 4px 0;
padding: 0 0 0 13px
}
.khan{
font: 9pt 'Century Gothic';
margin: 2px 0 2px 0;
}
.kokloo{
font: 9pt 'Century Gothic'
}
.arrowlistmenu{

}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)  */
font:  12px 'tahoma';
color: #666666;
height:28px;
padding: 7px 50px 0 20px;
background: url(images/1.png) no-repeat left;
margin: 0 0 0 15px; /*bottom spacing between header and rest of content*/
text-align:left;
padding: 6px 70px 0 15px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background: url(images/2.png) no-repeat left;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
font: 12px 'tahoma';
margin: 0;
text-align:left;
padding: 0;
margin:10px 50px 10px 25px; /*bottom spacing between each UL and rest of content*/
}


.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #000;
background: url(images/dot.gif) no-repeat 7px -10px;
}
.paging{
text-align:center;
direction: ltr;
margin: 0 0 10px 0
}
.paging a{
font: bolder 10pt 'tahoma';
color: #606060;
margin: 0 30px;
text-decoration: none
}
.paging span{
font: bolder 10pt 'tahoma';
color: #606060;
margin: 10 30px;
}
a.next{
background: url(images/arow3.gif) no-repeat right 4px;
padding: 0 12px 0 0
}
span.next{
background: url(images/arow3.gif) no-repeat right 4px;
padding: 0 12px 0 0
}
a.back{
background: url(images/arow4.gif) no-repeat left 4px;
padding: 0 0 0 12px
}
span.back{
background: url(images/arow4.gif) no-repeat left 4px;
padding: 0 0 0 12px
}
h1{
color: #666;
font: bolder 11pt 'Myriad Pro';
padding: 0 0 3px
}
h1 a{
color: #666;
float:left;
text-decoration:none;
font: bolder 10pt 'Myriad Pro';
padding: 0 0 3px;
*padding: 0 0 2px
}
.continent{
float:left;
width: 108px;
background: #f2f1f1 url(images/bg.gif) repeat-y center;
*height: 331px;
min-height: 331px;
padding: 60px 0 5px;
margin: 10px 5px 0 0;
z-index: 10;
position:relative;
}
.continent .topbg{
margin: 0;
position:absolute;
z-index: 0;
top:0;
left: 0
}
.continent .btmbg{
position:absolute;
left: 0;
bottom: -1px
}
.continent .ctitl{
margin: 0;
padding: 0;
text-align: center;
color: #FFFFFF;
z-index: 100000;
font: bolder 11pt 'arial';
position:absolute;
left: 0;
top: 10px;
width: 108px
}
.continent a{
text-decoration: none;
display: block;
float:left;
width: 88px;
z-index: 10;
position:relative;
padding: 0 0 0 13px;
color: #656565;
margin: 2px 0 0;
background: url(images/dot.png) no-repeat 4px 6px
}