html, body { 
width: 100%; 
height: 100%; 
margin: 0px; 
padding: 0px;
color: #585858;
background: #1a1a1a;
font-size: 9pt;
font-family: Century Gothic, Arial, Helvetica, sans-serif
}
.offline{
padding: 28px 5px 0px 0px;
width: 300px;
height: 100px;
border: solid 2px #cccccc
}
.stit{
color: #905930;
text-align:left;
font:  8pt 'Century Gothic';
margin: 10px 0 0;
}
a.stit{
color: #ed0000;
text-decoration:none;
background: url(images/check.gif) no-repeat left;
padding-left: 25px;
text-left: left;
margin: 0;
display:block;
}
.top{
background: #1a1a1a
}
.top a{
text-decoration: none;
color: #fff;
display: block;
float:left;
margin: 0 10px 0 20px;
padding: 8px 0 9px 10px;
background: url(images/dot.gif) no-repeat left 15px
}
.top a:hover{
background: url(images/dot.gif) no-repeat left -22px
}
a.otop{
text-decoration: none;
color: #fff;
display: block;
float:left;
margin: 0 10px 0 20px;
padding: 8px 0 9px 10px;
background: url(images/dot.gif) no-repeat left -22px
}
.marq{
color: #1a1a1a;
padding: 0 0 5px;
width: 92%;
float:left;
}
.marq span{
margin: 0;
}
.marq a{
color: #1a1a1a;
margin: 0;
text-decoration:none
}
.marq img{
margin: 5px 10px 0;
}
.nwbok{
background: #1a1a1a;
color: #fff;
font-size: 10pt;
margin: 1px 8px 1px 0;
text-align: center;
padding: 3px 0;
float:right;
margin: 0 8px 1px 0;
width: 199px;
}
.srch{
background: #1a1a1a;
float:right;
margin: 2px 8px 10px 0;
width: 199px;
color: #fff
}
.searchy{
width: 117px;
*width: 114px;
border: none;
padding: 0 0 1px;
font-size: 8pt;
margin: 0 0 0 18px
}
h5{
text-align: center;
color: #fff;
font-size: 9pt;
margin: 5px 0
}
.new_book_div{
float:right;
margin: 0 8px 10px 0;
background: #f2f2f2 url(images/bg.gif) repeat-x top;
border: solid 1px #787878;
width: 183px;
padding: 20px 0 0 14px;
height: 277px
}
.new_book_div a{
text-decoration: none;
font-weight: bolder;
color: #5b5b5b;
}
.new_book_div img{
width: 82px;
height: 121px;
margin: 0 5px 0 0;
border: none;
float: left
}
a.mor{
background: url(images/arw.gif) no-repeat right top;
width: 8px;
float:left;
margin: 6px 0 0;
height: 9px;
display: block
}
/*********************************************/
#container {
MARGIN: 0px;
width: 180px;
float:left;
POSITION: relative;

height: 277px
}
#content {
POSITION: relative;
height: 277px;
}
#slider UL {
margin: 0;
padding: 0;
LIST-STYLE-TYPE: none
}

#slider li {
OVERFLOW: hidden;
width: 180px;
margin: 0px;
height: 142px;
padding: 0;
color: #848484;
LIST-STYLE-TYPE: none;
text-align: left;
direction: ltr
}
/***********************************************/
h1{
font-size: 12pt;
margin: 10px 0;
color: #ec1c24
}
p{
margin: 0
}
.news{
background: #fbfbfb;
float:left;
width: 199px;
min-height: 275px;
*height: 275px;
padding: 45px 0 0;
margin: 30px 0 0 3px;
border: solid 1px #787878;
position: relative
}
.news a{
text-decoration: none;
display: block;
color: #515151;
background: url(images/arw.gif) no-repeat left 5px;
padding: 0 4px 0 15px;
margin: 0 0 15px 5px
}
.news a:hover{
text-decoration: underline
}
.pnews{
float:left;
width: 280px;
margin: 20px 0 0 15px;
}
.pnews div{
background: #f1f1f1;
color: #515151;
width: 280px;
margin: 0 0 3px;
padding: 10px;
float: left;
}
.pnews img{
border: none;
width: 95px;
height: 94px;
float:left;
margin: 0 5px
}
/******************************************/
.arrowlistmenu{
margin: 10px 0 0 0;
float:right;
padding: 55px 0 40px;
width: 235px;
background: #1a1a1a;
position:relative;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
color: white;
font: 10pt 'Century Gothic';
background: url(images/btn.gif) repeat-x top;
padding: 2px 0 3px 20px; /*header text is indented 10px*/
cursor: pointer;
text-align:left;
margin: 0 0 2px;
}
.arrowlistmenu h3:hover.menuheader{
background: url(images/btn.gif) repeat-x bottom;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: #717171;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 10px 0;
}

.arrowlistmenu ul li{
font-size: 0
}

.arrowlistmenu ul li a{
color: #fff;
display: block;
padding: 2px 0 3px 10px;
text-decoration: none;
font: 9pt 'Century Gothic';
text-align:left;
background: url(images/str.gif) no-repeat left center;
margin: 0 0 0 35px;
}
.arrowlistmenu ul li a:hover{
font-weight: bolder
}
.arrowlistmenu ul li a.open{
display: block;
padding: 2px 0 3px 10px;
text-decoration: none;
font:bolder 9pt 'Century Gothic';
text-align:left;
background: url(images/str.gif) no-repeat left center;
margin: 0 0 0 35px;
}
/*********************************************************************************************************************************/
.mnthbk{
margin: 5px 0 0 -10px;
min-height: 152px;
float:right;
*float:none;
padding:0;
width: 100%;
*padding: 10px 0 0;
}
.mnthbk .tit{
width: 150px;
text-align:center;
color: #fe8246;
font: bolder 10pt 'Century Gothic';
*top: -10px;
right: 200px
}
.mnthbk .dit{
width: 380px;
font: 9pt 'Century Gothic';
color: #5e5d5d;
margin: 5px 6px 0px 6px;
float:left;
padding: 0 10px 0 0
}
.mnthbk .dit a{
text-decoration:none;
color: #5e5d5d;
margin: 15px 0 0;
background: url(images/arw3.gif) no-repeat 120px center;
display: block
}
.bokdiv{
float: left;
width: 100%;
margin: 5px 0;
min-height: 159px;
background: #f1f1f1
}
.bookimg{
float:left;
height: 139px;
display: block
}
.bookimg img{
float: left;
margin: 10px;
width: 94px;
height: 139px;
border: none
}
.booktit{
background: #eeeeee url(images/arw.gif) no-repeat 10px center;
margin: 0 -10px 20px;
*margin: 0 -20px 20px;
color: #3d3d3d;
padding: 10px 0 10px 25px
}
.booktit a{
color: #3d3d3d;
text-decoration: none
}
.bookdesc{
float:left;
margin: 0;
*margin: 0 0 0 -10px;
width: 100%;
}
.bookdesc p{
background: url(images/arw.gif) no-repeat left 5px;
padding: 0 0 0 12px;
float: left;
width: 189px;
margin: 10px -10px 10px 0
}
.bookdesc p a{
text-decoration:none;
color: #3d3d3d;
}
a.next{
color: #ee4b4d;
font-size: 8pt;
text-decoration: none;
margin: 0 0px;
}
a.num{
text-decoration: none;
color: #ee4b4d;
font-size: 9pt;
margin: 0 5px;
}
/****************************************************/

.mil_form{
width: 199px;
margin: 10px 0 0 13px;
padding: 50px 0 15px;
text-align:center;
float: left;
color: #fff;
font-size: 8pt;
background: #555555;
position:relative
}
.mil_form p{
color: #fff;
text-align:center;
padding: 15px 0;
width: 199px;
background: url(images/mil.jpg) no-repeat 97% center;
font: bolder 9pt 'tahoma';
margin: 0
}
.mil_form .milst{
direction:ltr;
color: #fff;
margin: 1px 0 0 5px;
font-size: 8pt
}
.radio{
margin: 1px 0 0 5px;
}
.submit{
border: none;
background: #de2c16;
float: right;
padding: 0 2px 2px;
margin: 0 10px 10px 0;
cursor: pointer;
color: #fff;
font: 8pt 'tahoma'
}
.map a{
text-decoration: none;
display: block;
background:  url(images/arw2.gif) no-repeat left 6px;
margin-bottom: 8px;
padding: 0 0 0 13px;
font-weight: bolder;
color: #585858;
}
.map ul{
margin: 0 0 10px 25px;
}
.map ul a{
font-weight: 100;
background: none
}
.pnc{
float:left;
width: 98%;
font-size: 9pt;
color:#606060;
margin: 5px;
}
.pnc img{
border: none;
margin: 0 7px 0 0;
float: left
}
.pnc a{
text-decoration: none;
font-weight: bolder;
color:#606060;
}