body {background: url(images/bg.gif); margin: 0; padding: 0; text-align: center;}

#body {background: url(images/bg_gradient.png) repeat-x top; overflow: hidden;}

#header {width: 780px; margin: auto; padding-top: 15px; text-align: left;}

#main {width: 810px; margin: 25px auto 0px auto; overflow: hidden; text-align: center;}
#main .top {width: 810px; height: 25px; background: url(images/main_bg_top.png) no-repeat top;}
#main .body  {width: 810px; background: url(images/main_bg.png) repeat-y; overflow: auto;}
#main .bottom {width: 810px; height: 25px; background: url(images/main_bg_bottom.png) no-repeat bottom;}

#main .plot {margin: 35px; border: 1px solid #12588d; background: #1a374c; padding: 5px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #ccc; text-align: justify;}
#main .plot .title {font-family: Verdana, Geneva, sans-serif; font-size: 20px; color: #fff;}

#main .galleries {text-align: center; margin: 45px; overflow: auto;}
#main .galleries .preview {float: left; margin: 5px; text-align: center;}
#main .galleries .preview a {font-family: Verdana, Geneva, sans-serif; font-size: 24px; color: #F39; text-decoration: none; font-style: italic;}
#main .galleries .preview a:hover {color: #FFF;}
#main .galleries .preview a:hover img {border: 4px solid #fff;}
#main .galleries .preview a img {padding: 1px; border: 4px solid #1a374c; margin-bottom: 5px;}

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: normal; margin: 0 11px; padding: 0; color: #f31889; font-style: italic;}
h2 {font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-weight: normal; margin: 5px 11px 35px 11px; padding: 0; color: #fff; font-style: italic;}

.warning {font-family: Verdana, Geneva, sans-serif; font-size: 10px; margin: 45px auto; text-align: justify; color: #0c61a0; width: 700px;}

.ad-1 {font-family: Arial, Helvetica, sans-serif; font-size: 26px; color: #CF0; text-decoration: none;}
.ad-1 img {padding: 1px; border: 5px solid #fff; margin-bottom: 3px;}
.ad-1:hover {color: #fff;}
.ad-1 img:hover {border: 5px solid #fff;}

.ad-2 {font-family: Arial, Helvetica, sans-serif; font-size: 26px; color: #CF0; text-decoration: none;}
.ad-2 img {padding: 1px; border: 5px solid #1a374c; margin-bottom: 3px;}
.ad-2:hover {color: #fff;}
.ad-2 img:hover {border: 5px solid #fff;}

#recips {width: 664px; text-align: left; margin: 25px auto; padding-bottom: 5px; overflow: hidden;}
#recips .spot {width: 160px; border: 1px dotted #174f79; margin: 2px; padding: 2px 0px; float: left; text-align: center;}
#recips .spot a {font-family: Verdana, Geneva, sans-serif; text-decoration: none; font-size: 11px; color: #06C;}

#copyright {font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #346284; margin: 50px 25px 0px 25px; text-align: left; clear: both;}
#copyright a {color: #346284;}
#copyright a:hover {color: #ff0;}

#main .content {margin: auto; padding: 20px 30px 20px 30px; width: 720px; overflow: auto;}
#main .content .thumb img {padding: 1px; border: 4px solid #1a374c; margin: 5px; float: left;}
#main .content .thumb img:hover {border: 4px solid #fff;}

.link1 {font-family: Verdana, Geneva, sans-serif; font-size: 34px; text-decoration: underline; color: #CF0;}
.link2 {font-family: Verdana, Geneva, sans-serif; font-size: 26px; color: #CF0;}
.link3 {font-family: Arial, Helvetica, sans-serif; font-size: 28px; color: #CF0;}
.link4 {font-family: Arial, Helvetica, sans-serif; font-size: 26px; color: #9FF;}

.link1:hover, .link2:hover, .link3:hover, .link4:hover {color: #fff;}


