/* Created by kuindzi*/ 
/* all */
* { margin : 0; padding : 0; }
body { margin : 0 0 20px 0; background : #815828 url(bg-body.jpg); }
.clear { clear : both; height : 1%; }
/* contentarea */
div#contentarea { width : 740px; margin : 20px 0 20px -370px; background : #F3F3CC url(bg-contenarea.gif) repeat-y; position : relative; left : 50%; }
/* header */
div#header { background : url(bg-header.jpg) no-repeat top left; height : 93px; }
div#header span { display : none; }
/* pic */
.pic { text-align : center; }
.pic img { border : 1px solid #815828; padding : 2px; margin : -1px; width : 136px; height : 182px; }
/* promo */
.promo { color : #815828; font : 15px Verdana, Arial, Helvetica, sans-serif; }
.promo a { display : block; color : Blue; font-weight : bold; text-transform : uppercase; text-align : center; }
.promo img { border : none; }
.promo a:hover { color : Red; font-size : 102%; position : relative; top : 2px; }
/* position */
#gall #top { margin : -25px 20px 10px; }
#gall #center { margin : 3px 0 6px; }
#gall #center a:hover { position : relative; top : 0px; }
#gall #bottom { margin : 0 20px; }
#main #top { float : left; width : 500px; margin : -20px 0 0 15px; display : inline; text-align : justify; line-height : 1.5; }
#main #center { width : 200px; float : right; margin : -20px 15px 0 0; display : inline; }
#main #bottom { margin : 10px 20px 10px; line-height : 1.5; text-align : justify; }
#index #bottom a:hover,
#main #bottom a:hover,
#main #center a:hover { position : static; }
#index #top { float : left; width : 500px; margin : -20px 0 0 10px; display : inline; }
#index #bottom { margin : 0 0 10px 0; }
/* navi */
#gall ul#navi,
#main ul#navi,
#index ul#navi { border-top : 1px solid #815828; border-bottom : 1px solid #815828; text-align : center; }
#gall ul#navi li,
#main ul#navi li,
#index ul#navi li { list-style : none; display : inline; }
#gall ul#navi { margin : 15px auto; width : 300px; padding : 5px; }
#gall ul#navi li { margin : 30px; }
#gall ul#navi li a { color : #815828; font : 800 12px Verdana, Arial, Helvetica, sans-serif; }
#main ul#navi { width : 500px; margin : 10px auto; padding : 10px; }
#main ul#navi li { margin : 20px; }
#main ul#navi li a { color : #815828; font : 800 18px Verdana, Arial, Helvetica, sans-serif; }
#index ul#navi { width : 500px; margin : 10px auto; padding : 10px; color : #815828; font : 800 28px Verdana, Arial, Helvetica, sans-serif; }
#index ul#navi a { color : #815828; font : 800 28px Verdana, Arial, Helvetica, sans-serif; }
/* war */
p#war { border : 1px solid #815828; width : 200px; margin : -10px 15px 0 0; padding : 2px 5px; float : right; display : inline; background : #F3F3CC; color : Black; font : 12px Arial, Helvetica, sans-serif; text-align : justify; overflow : auto; height : 86px; }
p#war span { border-bottom : 1px solid Red; color : Red; }
/* recip */
div#recip { border : 2px dotted #815828; width : 680px; margin : 10px auto 10px; padding : 10px; background : #FCFCF3; }
/* s2257 */
p#s2257 { padding : 0 0 10px 0; background : url(bg-footer.gif) no-repeat bottom; color : #815828; font : 12px Verdana, Arial, Helvetica, sans-serif; font-style : italic; text-align : center; }
p#s2257 a { color : #815828; }
#index ul#navi a:hover, #gall ul#navi li a:hover, #main ul#navi li a:hover { color : #2A2882; }