﻿/* css stylesheet 
	dk purple: #2a004d
	aqua: #1ef6f9

*/
* {margin:0; padding:0; border-style:none}

body {width:100%; background:#675e71 url(/images/bg.gif) repeat-x top left; margin:0 auto; top:10px; font-family:"Trebuchet MS", "Times New Roman", Serif; font-size:15px; color:#2a004d}

#content {width:960px; margin:0 auto; text-align:center}

#main {width:960px; float:left; background-color:#fff; padding-bottom:30px}

	#header {width:960px; margin:0 auto; text-align:left}
		#header h1 {font-size:30px; font-weight:normal; padding:20px 0 20px 30px}
		#header ul {height:60px; float:right; margin-right:15px}
		#header li {width:189px; height:60px; float:left; text-align:center; list-style:none; margin:0 5px}
		
			#nav1, #nav2, #nav3, #nav4 {width:189px; height:60px; display:block}
			#header img {margin:0; padding:0; border-style:none}
		
	#bot {clear:both; width:960px; margin:0 auto; text-align:left}
		#bot-l {width:160px; float:left}
			#left-nav {font:24px Arial, Verdana, Sans-Serif; width:140px; padding-right:20px; text-align:right}
				#left-nav ul {margin-top:10px; text-align:right}
				#left-nav li {list-style:none; font-size:16px; margin-bottom:40px}
				#left-nav li a:link, #left-nav li a:visited {color:#474747; text-decoration:none}
				#left-nav li a:hover, #left-nav li a:active {color:#7a45a7; text-decoration:underline}
					
		#bot-r {width:800px; float:left}
			#group, #schedule, #booking, #oops {clear:both; width:740px; padding:20px 20px; float:left; background-color:#514a58}
				#group-l {width:300px; float:left; padding:10px 15px; font-family:"Trebuchet MS", Serif; font-size:15px; line-height:20px}
					#group-l h1 {font-size:30px; font-weight:normal; padding:10px 0; color:#fff}
					#group-l p {color:#fff; margin-top:14px}
					#group-l ul {margin-top:20px; text-align:left}
						#group-l li {padding-top:10px; color:#fff; list-style:square}
				#group-r {width:360px; float:left; padding:25px; background-color:#bfbbc3; margin-top:85px}
					#group-r img {}
		
			#booking .hold-form, #success .hold-form, #oops .hold-form {width:500px; min-height:320px; background-color:#fff}
				#booking h1, #success h1, #schedule h1, #oops h1 {font:26px Arial, Tahoma, Sans-Serif; color:#878787}
				#success h1, #oops h1 {padding:20px 0}
				#booking p {padding:5px 0}
				
			#schedule, #oops {min-height:350px}
				#schedule .hold-form {width:640px; min-height:320px; background-color:#fff}
				.schedule-title {width:600px; font-weight:bold; font-size:15px; margin:10px 20px 0 20px; font-weight:bold; color:#7a45a7; border-top:solid 1px #ccc; padding-top:10px}
				.schedule-details {width:600px; margin:0 20px; padding-top:5px}

#footer {clear:both; width:960px; margin:0 auto; text-align:center; padding:5px 0; font-size:11px; color:#fff}


/* TYPOGRAPHY */	
.clear {clear:both; height:0}
.sm {font-size:13px}
.input, .msg {
	border:solid 1px #2a004d;
	background-color:#d9feff;
	font-family:"Trebuchet MS", Serif;
	font-size:16px;
	color:#2a004d;
	padding:2px 2px;
	margin:5px auto
}
.input {height:24px}
.msg {overflow:auto}
.red {color:#c00}
.bld {font-weight:bold}
.titlebar {width:96%; padding:12px 0; margin:20px auto 0 auto; text-align:center; background-color:#beb6c6; -webkit-border-radius:10px; -moz-border-radius:10px; font-weight:bold}

.hold-form {font-family:"Trebuchet MS", Serif; font-size:18px; margin:0 auto; text-align:center; padding:10px; border:solid 1px #2a004d; -webkit-border-radius:15px; -moz-border-radius:15px}
.form-l {text-align:right; padding-top:8px}
.form-r {text-align:left; padding:8px 0 0 5px}

.errorlist {width:80%; margin:20px auto; color:#f00; text-align:left}
	.errorlist ul {margin-left:100px}
	.errorlist li {list-style:none; padding-top:8px}

.gvTitle {font-size:15px; font-weight:bold; text-decoration:underline}

/* BUTTONS */
	.btn-send {width:100px; height:30px; background:url(/images/btnSend.png) no-repeat top center; border:none; cursor:pointer}

/* LINKS */
	a:link, a:visited {color:#7a45a7; text-decoration:none}
	a:hover, a:active {color:#02c8e5; text-decoration:underline}

	#header h1 a:link, #header h1 a:visited {color:#7a45a7; text-decoration:none}
	#header h1 a:hover, #header h1 a:active {color:#2b183a; text-decoration:none}
	
	 #footer a:link, #footer a:visited {color:#02c8e5; text-decoration:none}
	 #footer a:hover, #footer a:active {color:#fff; text-decoration:underline}
