body {margin: 0; padding: 0; background: #000 url("/img/bgmain.jpg") top center no-repeat; color: #3e5c80; font-family: Georgia, Times, "Times New Roman", serif;}
a {color: #036;}
a:visited {color: #036;}


.clear {clear: both;}

#all {position: relative;  width: 920px; height: 600px; margin: 10px auto; border: 0px #211f21  solid;}
#top {border: red 0px solid;  padding: 8px 20px;}

h1 {font-size: 46px; float: left; margin: 0; padding: 16px 0 0 163px; font-weight: normal; }
p.logo {font-size: 50px; float: right;}

#top h1 a  {color: #3e5c80;}
#top h1 a:visited {color: #3e5c80;}
#top h1 a:hover  {color: #9a722c;}



div#pixblock {border: red 0px solid; position: absolute; top: 126px; left: 460px; width: 424px; height: 80px; overflow-y: hidden; overflow-x: hidden;}
div#pixblock a { margin-right: 5px;}
div#pixblock a img {border: none; margin: 0; padding: 0}
div#pixblock .content {white-space: nowrap;  width: auto; }
#middle {clear: both;}


div#captionblock {border: red 0px solid; position: absolute; top: 86px; left: 454px; width: 430px; height: 80px;}

ul#mainmenu {border: red 0px solid; position: absolute; top: 310px; left: 0px;  height: 240px; width: 440px; list-style-type: none; margin: 0 0 0 15px; padding: 0; font-family: Georgia, Serif; font-size: 23px;}
ul#mainmenu li {position: relative;  margin: 0; border: 0; padding: 0 60px 0 0; font-size: 23px; font-weight: bold; clear: both; height: 54px; background: none;} 
ul#mainmenu li.active {;} 
ul#mainmenu li a {color: #3e5c80; padding: 0 0 0 30px;   display: block;} 
ul#mainmenu li.active a {color: #9a722c;  background: left 7px url("/img/menuhand.gif") no-repeat;} 
ul#mainmenu li.active li a {color: #3e5c80; background: none; padding: 0 ;} 
ul#mainmenu li li a { background: none; padding: 0 ;} 
ul#mainmenu ul li.active a {color: #9a722c;} 
ul#mainmenu li a:hover {color: #9a722c;} 


ul#mainmenu li a span {position: absolute; right: 0; top: 0; display: block; width: 55px; height: 55px;  cursor: hand;} 

ul#mainmenu li a span {background: url("/img/mp.gif");}
ul#mainmenu li.active a span {background: url("/img/ma.gif");}
ul#mainmenu li#mminside a span {background: url("/img/mpinside.gif");}
ul#mainmenu li#mmstories a span {background: url("/img/mpstories.gif");}
ul#mainmenu li#mmabout a span {background: url("/img/mpabout.gif");}
ul#mainmenu li#mmguestbook a span {background: url("/img/mpguestbook.gif");}


ul#mainmenu li#mminside.active a span {background: url("/img/mainside.gif");}
ul#mainmenu li#mmstories.active a span {background: url("/img/mastories.gif");}
ul#mainmenu li#mmabout.active a span {background: url("/img/maabout.gif");}
ul#mainmenu li#mmguestbook.active a span {background: url("/img/maguestbook.gif");}


ul#mainmenu ul.submenu  {list-style-type: none; margin: 0 0 0 20px ; padding: 0 0 0;}
ul#mainmenu ul.submenu li {float: left;  clear: none; margin: 0; padding: 0 5px 0 20px; height: 20px; font-size: 16px; background: none;}
//ul#mainmenu ul.submenu li.active { background: left 7px url("/img/smallhand.gif") no-repeat;;}




div#textblock {position: absolute; top: 191px; left: 460px; width: 424px; height: 356px; border: red 0px solid; background: fixed #67666d url("/img/bgtextfield.jpg"); overflow-y: auto;}
div#textblock .content { padding: 20px 30px 20px; color: #000;}
div#textblock .content a {color: #7289b6;}
div#textblock .content a:hover {color: #cda546;}
div#textblock .content a:visited {color: #07153d;}

div#textblock .content {font-size: 90%;}
div#textblock .content h2 {font-size: 1.5em; margin: 0 0 0.5em; padding: 0;}
div#textblock .content h3 {font-size: 1.3em; margin: 0.5em 0 0; padding: 0;}
div#textblock .content p { margin: 0 0 0.5em; padding: 0;}
div#textblock .content p.time { margin: 0; padding: 0; font-weight: bold;}




#footer {position: absolute; bottom: 15px; padding: 0px 20px 0px 45px; margin: 0; font-size: 16px;}
#footer p {padding-right: 30px; margin: 0; padding: 0px 30px 0px 0;}