/* CSS Document */

body { margin: 0; padding: 0; background: #87bbd6 url(images/bg.gif) repeat-x top; font: 11px/15px "Lucida Grande", "Lucida Grande Pro", Lucida Sans, Arial, sans-serif; text-align: center; }
#container { margin: 0 auto; text-align: left; width: 770px; background: #FFF; }
#banner { height: 175px; display: block; background: #555; }
#main { background: url(images/bg_main.gif) no-repeat; padding: 2px 0; }
#menu { height: 33px; width: 770px; display: block; margin-bottom: 15px; }
	#menu ul { margin: 0; padding: 0; list-style-type: none; }
	#menu ul li { float: left; line-height: 33px; text-align: center; }
	#menu ul li a { display: block; height: 33px; background-position: 0 0; background-color: #9CE; color: #FFF; }
	#menu ul li a.home { background-image: url(images/home.gif); width: 86px; }
	#menu ul li a.about { background-image: url(images/about.gif); width: 99px;  }
	#menu ul li a.info { background-image: url(images/info.gif); width: 249px;  }
	#menu ul li a.gallery { background-image: url(images/gallery.gif); width: 201px; }
	#menu ul li a.contact { background-image: url(images/contact.gif); width: 135px; }
	#menu ul li a:hover, #menu ul li.sel a { background-position: 0 -33px; background-color: #7AC;  }
#foot { margin: 20px auto; display: block; text-align: center; color: #EEE; }
	#foot a { color: #EEE; text-decoration: none; border-bottom: #9cc6de 1px solid; }
	#foot a:hover { color: #FFF; border-bottom: #EEE 1px solid; }

.col1 { float: left; width: 230px; margin-right: 20px; padding-left: 20px; display: block; }
	.col1 ul { margin: 0; padding: 0; list-style-type: none; }
	.col1 ul li { margin: 10px 0 0 0; }
		.col1 ul.in li { margin: 5px 10px; }
	.col1 ul li a { color: #666; text-decoration: none; }
	.col1 ul li a:hover { color: #59B; text-decoration: underline; }
	
.col2 { float: left; width: 480px; display: block; }

a.register { display: block; height: 53px; width: 230px; background: url(images/button_register.gif) no-repeat 0 0; }
a.register:hover { background-position: 0 -53px; }
a.signup { display: block; height: 35px; width: 230px; background: url(images/button_signup.gif) no-repeat 0 0; }
a.signup:hover { background-position: 0 -35px; }
a.gallery { display: block; height: 68px; width: 230px; background: url(images/button_gallery.gif) no-repeat 0 0; }
a.gallery:hover { background-position: 0 -68px; }

.content { background: #EBF4D3 url(bg_content.gif); padding: 10px 20px; color: #555; }
h1 { color: #7B5; font-size: 16px; line-height: 18px; font-weight: normal; margin-bottom: 10px; }
h3 { color: #59B; font-size: 11px; line-height: 15px; font-weight: bold; margin: 30px 0 5px 0; border-top: 1px solid #9DF; padding-top: 3px; }
p { margin: 5px 0; }
a { color: #489; text-decoration: none; }
a:hover { color: #777; text-decoration: underline; }
.left { width: 140px; float: left; display: block; }
.right { float: left; display: block; margin-bottom: 5px; }
.right input, .right textarea { width: 250px; }

.inv { display: none; visibility: hidden; }
.clear { display: block; clear: both; }