/* open general */
* { margin: 0; padding: 0; font-size: 14px; font-family: Verdana, sans-serif; }

body { background: #e4e4da url(../images/bg.body.png) repeat-x; }

a { text-decoration: none; outline: none; }
/* close general*/

/* open mark*/
.mark { position: absolute; right: 0; top: 250px; width: 200px; height: 90px; background: url(../images/bg.mark.png); }
/* close mark */

/* open page */
#page { width: 970px; margin: auto; }

/* open head */
  #head { height: 280px; background: url(../images/bg.page.jpg) no-repeat left top; padding-top: 20px; }
  
    #head .top_bar { display: table; width: 960px; height: 65px; margin: 0px 5px 25px; background: url(../images/bg.topbar.jpg); }
    #head .top_bar li { display: inline; list-style: none; }
    #head .top_bar li a.logo { display: block; float: left; width: 120px; height: 65px; background: url(../images/bg.topbar.jpg) no-repeat 0 -65px; text-indent: -999em; }
    #head .top_bar li h1 { display: block; float: left; width: 180px; height: 65px; background: url(../images/bg.topbar.jpg) no-repeat 0 -130px; text-indent: -999em; }
    #head .top_bar li a.goto { display: block; float: right; width: 146px; height: 65px; background: url(../images/bg.topbar.jpg) no-repeat 0 -195px; text-indent: -999em; }
    
    #head .menu { float: right; }
    #head .menu li { list-style: none; }
    #head .menu li a { display: block; width: 260px; height: 40px; font: normal normal 900 12px/40px verdana; text-indent: 35px; color: #fff; background: url(../images/bg.menu.png) 0 -40px; }
    #head .menu li a.last { height: 30px; line-height: 38px; }
    #head .menu li a:hover { color: #262626; background-position: 0 0; }
/* close head */

/* open body */
  #body { display: table; width: 970px; }
  
    #body h1,
    #body h1 a { display: block; float: left; width: 350px; height: 25px; text-indent: -999em; }
    #body a.back { float: left; margin-top: 5px; font-size: 11px; color: #999; }
    #body a:hover.back { text-decoration: underline; }
    
    #body .language { position: relative; top: -5px; clear: both; margin: 0 0 25px 5px; }
    #body .language li { display: inline; color: #999; }
    #body .language li a { font: normal normal normal 10px/10px verdana; text-transform: uppercase; color: #999; }
    #body .language li a:hover { color: #333; text-decoration: underline; }
  
/* open chapters */  
    #body .chapters { width: 620px; float: left; }
    
    #body .chapters ul { width: 630px; }
    #body .chapters ul li { position: relative; display: block; float: left; width: 200px; height: 190px; margin: 0 10px 10px 0; list-style: none; }
    #body .chapters ul li a { position: absolute; display: block; top: 0; left: 0; width: 200px; height: 190px; background: url(../images/bg.chapter.gif) 0 0; }
    #body .chapters ul li a:hover { background: url(../images/bg.chapter.gif) 0 -190px; }
    #body .chapters ul li a span { position: absolute; left: 15px; bottom: 15px; width: 170px; font: normal normal 900 12px/14px verdana; color: #333; letter-spacing: -1px; }
    #body .chapters ul li img { margin: 10px; border: none; }
/* close chapters */

/* open secretaries */
    #body .secretaries { float: right; width: 270px; }
    #body .secretaries a { display: block; width: 270px; height: 120px; margin-bottom: 10px; background: url(../images/bg.secretaries.jpg); }
    #body .secretaries a.foreward { background-position: 0 0; }
    #body .secretaries a:hover.foreward { color: #ccc; text-decoration: underline; background-position: 0 -120px; }
    #body .secretaries a.overview { background-position: 0 -240px; }
    #body .secretaries a:hover.overview { color: #ccc; text-decoration: underline;  background-position: 0 -360px; }
    #body .secretaries a span.title { display: block; padding: 25px 0 0 25px; font: italic normal normal 25px georgia; color: #333; }
    #body .secretaries a span.text { display: block; padding: 0 120px 0 25px; font: normal normal normal 12px/14px verdana; color: #f7921e; }
/* close secretaries */

/* open chapter */
    #body .chapter { width: 190px; float: left; }
    
      #body .chapter div { position: relative; display: block; width: 200px; height: 165px; }
      #body .chapter div span { position: absolute; display: block; top: 0; left: 0; width: 200px; height: 165px; background: url(../images/bg.chapter.gif) 0 0; text-indent: -999em; }
      #body .chapter div img { margin: 10px; }
      
      #body .chapter ul { margin-left: 5px; }
      #body .chapter ul li { display: inline; list-style: none; }
      #body .chapter ul li a { display: block; padding: 9px 0 7px 25px; font: normal normal 900 12px/14px verdana; color: #818181; background: url(../images/bg.menu.png) 0 -140px; }
      #body .chapter ul li a:hover { color: #e4e4da; background: url(../images/bg.menu.png) 0 -80px; }
      #body .chapter ul li a.first { padding: 7px 0 7px 25px; background-position: 0 -142px; }
      #body .chapter ul li a:hover.first { background-position: 0 -82px; }
/* close chapter */

/* open content */
    #body .content { width: 760px; float: right; background: url(../images/bg.content.png) -760px 0; }
      
      #body .content h2 { display: block; padding: 20px 25px; font: normal normal 900 22px arial; color: #666; letter-spacing: -1px; background: url(../images/bg.h2.png) no-repeat center bottom; }
      #body .content h3 { display: block; margin: 20px 25px 0; font: normal normal 900 15px/17px verdana; }
      #body .content p { display: block; margin: 20px 25px 0; font: normal normal normal 12px/17px verdana; }
			#body .content p em { font: italic normal normal 12px/17px verdana; }
			#body .content p strong { font: normal normal bold 12px/17px verdana; }
      #body .content p.block { padding: 10px; background: #e5f5fa; }
      #body .content p.block2 { padding: 10px; background: #eff0eb; font: normal normal normal 11px verdana; }
			#body .content p.block2 strong { font: normal normal bold 11px verdana; color: #666; }
      #body .content .chart { background: #eff0eb; width: 600px; display: block; height: 180px; font: normal normal normal 12px/17px verdana; margin: 20px auto 0px auto; text-align: left; padding: 10px; }
			#body .content .chart strong { font: normal normal bold 12px verdana; color: #666; margin-top: 50px; }
			#body .content .chart a span.text { font: normal normal normal 12px/17px verdana; color: #f7921e; }
			#body .content .chart a { text-decoration: none; }
			#body .content .chart #side_text { float: right; text-align: left; width: 200px; font: 11px/15px Verdana, Geneva, sans-serif; padding: 5px; }
			#body .content .chart #side_text a span.text { font: normal normal normal 11px/15px verdana; }
			#body .content .chart a:hover, #body .content .chart #side_text a:hover { text-decoration: underline!important; color: #ccc!important; }
			#body .content .chart a:visited, #body .content .chart #side_text a:visited { text-decoration: none; color: #f7921e; }
			#body .content .chart img { float: right; margin: 0px; padding: 0px; }
      #body .content img { float: left; margin-right: 10px; border: none; }
      #body .content ul li { display: block; margin: 20px 25px 0; padding-left: 15px; font: normal normal normal 12px/17px verdana; background: url(../images/bg.list.png) no-repeat 0 5px; list-style: none; }
      
			#body .content div.caption_img { position: relative; display: block; width: 198px; float: left; margin: 20px 10px 5px 25px; background-color: #eff0eb; }
			#body .content div.caption_img img { padding: 10px 10px 5px 10px; float: none; }
			#body .content div.caption_img p { padding: 0px 10px 10px 10px; margin: 0px; float: none; font: italic normal normal 11px verdana; color: #000000; text-align: left; }
			#body .content div.caption_img_right { position: relative; display: block; width: 198px; float: right; margin: 20px 25px 5px 10px; background-color: #eff0eb; }
			#body .content div.caption_img_right img { padding: 10px 10px 5px 10px; float: none; }
			#body .content div.caption_img_right p { padding: 0px 10px 10px 10px; margin: 0px; float: none; font: italic normal normal 11px verdana; color: #000000; text-align: left; }

			#body .content div.foot { width: 760px; height: 25px; background: url(../images/bg.content.png) -1520px bottom; }
/* close content */

/* close body */

/* open foot */
  #foot { width: 960px; margin: auto; padding: 50px 0; background: url(../images/bg.foot.jpg) no-repeat 0 30px; }
  
    #foot ul { text-align: center; }
    #foot ul li { display: inline; }
    #foot ul li a { padding-right: 10px; margin-left: 10px; font: normal normal 900 10px verdana; color: #ababa4; border-right: 1px solid #dadada; }
    #foot ul li a:hover { color: #333; text-decoration: underline; }
    #foot ul li a.last { padding: 0; border: 0; }
/* close foot */

/* close page */