/*page layout background image*/
#pagelayout {/*background: url(../images/bg.jpg) left top no-repeat;*/ height: 584px; }

 /*bookmark*/
#bookmark { background: #0F3551; width: 196px; height:584px; position: absolute; top:0; left: 50px;}
/*h1 format in basic.css*/
#bookmark ul{width: 196px; padding-bottom: 5px;}
#bookmark ul li{ list-style: none;background: url(../images/m1hm.jpg) center top repeat-y; width: 196px; height: 40px; padding:0; margin:0; }
#bookmark li.last{ padding-bottom:  5px; background: url(../images/mb1hm.jpg) center top repeat-y;height: 40px;  }

#bookmark ul li a{ color: #CCCBBF; font-size: 1.6em; font-weight: normal;  display: block;text-decoration: none;  line-height: 40px; padding:0; margin:0;  } 
#bookmark ul li a:hover, #bookmark ul li a:focus{ color: #a194af; background: url(../images/m1hmro.jpg) repeat-y center top; }
#bookmark ul li.last a:hover{background: url(../images/mb1hmro.jpg) center top repeat-y; }
#bookmark p, #bookmark ul li a{ padding: 0 0 0 20px; }
#bookmark p { background: #0F3551;margin: 20px 0; }
#bookmark p.news {margin: 20px 0;}


img#art {width: 784px; height: 584px; position: absolute; top: 0; left: 0; border:none;}

#f {position: relative; margin: 0 auto; width:800px; text-align: left; }
#f p {margin-left: 10px;}