/* Created by kuindzi*/ 
/* all */
* { margin: 0; padding: 0; }
li { list-style-type: none; }
img { border: none; }
body { padding: 10px 0; background: #B8A2FF; text-align: center; }
#clear,
.clear { clear: both; }
/* contentarea */
#contentarea { width: 730px; border: 1px solid Black; padding: 5px; margin: 10px auto; background: #F6FFD9; }
/* header */
#header { margin: -5px -5px 0 -5px; background: url(bg-header.gif); text-indent: -5000px; height: 87px; }
/* pic */
.pic img { padding: 2px; border: 1px solid #3500D9; }
.pic img:hover { border: 1px solid #CC0000; background: #FFD7D7; }
/* promo */
.promo { padding: 5px; color: #17005E; font: 20px/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: justify; }
.promo a { display: block; font-size: 24px; font-weight: 900; text-align: center; }
.promo a:hover { color: #CC0000; text-decoration: none; }
/* position */
#gall #promomild { width: 421px; float: left; margin: 0 0 0 3px; border: 1px solid #3500D9; display: inline; background: White url(5.gif) no-repeat -150px 0px; }
#gall #picmild { width: 292px; float: right; margin: 4px 0 0 0; display: inline; }
#gall #picbottom { clear: both; padding-top: 5px; }
#gall #promobottom { text-align: center; }
#gall #promobottom a { width: 468px; margin: auto; font-size: 18px; }
#gall #promobottom span { margin: 3px 0 1px; display: block; text-decoration: none; }
#gall #bg { width: 740px; margin: 0 -5px -5px -5px; background: url(bg.gif) no-repeat 0px 1px; }
#main #contentarea { background: #F6FFD9 url(3.gif) no-repeat 250px 30px; }
#main #promotop a { display: inline; }
#main #promocentr { margin: 5px 0 0 0; }
#main #promocentr a { float: right; width: 468px; margin: -36px 0 -10px 5px; display: inline; }
/* navi */
#gall #navi { width: 748px; margin: auto; overflow: hidden; }
#gall #navi li a { float: left; width: 243px; border: 1px solid #17005E; margin: 2px; background: #F6FFD9; color: #17005E; font: 800 14px Arial, Helvetica, sans-serif; line-height: 22px; }
#main #navi li a:hover,
#gall #navi li a:hover { color: #CC0000; background: #DDD0FF; }
#main #navi { border: 1px solid #17005E; float: left; width: 316px; padding: 2px; margin: 10px 5px -5px 0; display: inline; background: #DDD0FF; }
#main #navi li a { float: left; margin: 4px; border: 1px solid #17005E; padding: 3px; background: #F6FFD9; font: 800 14px Arial, Helvetica, sans-serif; }
#main #navi span { display: block; text-align: center; }
#main #navi span img { border: 1px solid #17005E; padding: 2px; }
#index #navi { border: 1px solid #3500D9; width: 622px; margin: 5px auto 0; padding: 3px; }
#index #navi li { border: 2px solid #3500D9; }
#index #navi a { display: block; background: #DDD0FF; font: 800 24px Arial, Helvetica, sans-serif; line-height: 40px; text-transform: uppercase; text-decoration: none; }
#index #navi a:hover { background: #F6FFD9; }
/* war */
p#war { width: 622px; margin: 10px auto; padding: 2px 5px; border: 1px solid #3500D9; background: #F6FFD9; color: #B8A2FF; font: 12px Arial, Helvetica, sans-serif; text-align: justify; height: 16px; overflow: auto; }
p#war span { border-bottom: 1px solid #FFBDBD; color: Red; }
/* recip */
/* s2257 */
#s2257 { clear: both; margin: 15px; color: #17005E; font: 12px "Times New Roman", Times, serif; }
#s2257 a { color: #17005E; }
#gall #navi li, #main #navi li { float: left; }