@import url(reset.css);
@import url(menu.css);

/* -------------------- sys -------------------- */

body {background: url(images/bottom.gif) repeat-x bottom #29719E; font-family: Tahoma; font-size: 11px; padding-bottom: 100px;}
#body_img {background: url(images/body.jpg) no-repeat center top; padding-top: 100px;}
#fish {background: url(images/fish.gif) no-repeat center bottom; padding-top: 100px; height: 234px; }
#body_top {background: url(images/body_top.jpg) repeat-x top; width: auto;}

/* -------------------- head -------------------- */

#bar {background: #fff; border-bottom: 4px solid #5B8B1D; padding: 10px;}
#bar a {color: #5B8B1D; text-decoration: none; padding: 0 10px; font-size: 11px;}
#bar a:hover {text-decoration: underline;}

#head {background: url(images/head01.jpg) repeat-x; width: auto; height: 192px;}
#head #logo {background: url(images/logo.jpg) no-repeat center; height: 192px;}

/* -------------------- menu -------------------- */

#menu {width: 751px; margin: 0 auto; margin-bottom: 20px;}
#menu a {color: #fff;  text-decoration: none; margin: 0 6px; font-size: 12px; font-weight: bold;}
* html #menu a {color: #fff;  text-decoration: none; margin: 0 5px; font-size: 12px; font-weight: bold;}
#menu a:hover {text-decoration: underline;}
#menu #top {background: url(images/m01.gif) no-repeat; height: 8px; width: 751px;}
#menu #bottom {background: url(images/m02.gif) no-repeat; width: 751px; height: 8px; margin: 0; padding: 0;}
#menu #body {background: #0677B5; width: 100%; margin: 0; padding: 0; /*text-align: center;*/}

* html #menu #top {background: url(images/m01.gif) no-repeat; height: 8px; width: 651px; margin-bottom: -7px;}

/* -------------------- body -------------------- */

#content {width: 651px; margin: 0px auto; padding-bottom: 20px;}
#content #top {background: url(images/b01.gif) no-repeat ; height: 23px; width: 651px;}
#content #bottom {background: url(images/b02.gif) no-repeat; width: 651px; height: 23px;}
#content #body {background: #fff; width: auto; padding: 0px 40px; text-align: justify;}

#content #body a {color: #1A8BC9;  text-decoration: none;}
#content #body a:hover {color: #1A8BC9; border-bottom: 1px dotted #1A8BC9;}

#content #body a.new {background: #1A8BC9; color: #fff; font-size: 10px; padding: 3px 8px;  text-decoration: none;}
#content #body a.new:hover {background: #1A8BC9; color: #fff; font-size: 10px; padding: 2px 7px;   border: 1px dotted #fff;}

#content #body #therd {border-top: 1px solid #01bbfe; border-bottom: 1px solid #01bbfe; padding: 8px 5px; text-align: center; line-height: 26px;}

#content #body #therd a {color: #fff; background: #1A8BC9; padding: 4px 6px; margin: 0 2px;}
#content #body #therd a:hover {padding: 3px 5px; border: 1px dotted #fff;}

#both {clear: both;}
#address {color: #777; font-size: 10px; text-align: right;}
#icq {color: #777; font-size: 10px;}

#ban {padding: 20px 0 200px 0;}
/*#ban a {color: #fff;}*/

/* -------------------- text -------------------- */

h1 {font-size: 13px; font-weight: bold; color: #1A8BC9; margin-bottom: 20px; border-bottom: 1px dotted #1A8BC9; text-transform: uppercase;}

#content #body form {background: #f6f8fe; padding: 10px; color: #333; font-size: 11px;}

input.text {border: 1px solid #1A8BC9; color:#777; padding: 2px 5px; font-size: 11px;}
input.sub {background: #1A8BC9; border: 0px; color:#fff; padding: 2px 8px; font-size: 11px;}