﻿body {
	margin: 0;
	background-color:#CCD0B5
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#7E81BE;
margin-top:0px;
margin-bottom:20px;
font-weight:normal;
line-height:30px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#7E81BE;
margin-top:0px;
margin-bottom:20px;
font-weight:normal;
}

#mainlink a {
		color: #FFFFFF;
		text-decoration: none;
}
#mainlink a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#mainlink a:active {
		color: #FFFFFF;
		text-decoration: none;
}
#mainlink a:hover {
		color: #FFFFFF;
		text-decoration: underline
}


#container {
	width: 1024px;
	padding: 0;
	margin: auto;
	position: relative;
}

#nav {
	width: 1024px;
	height:47px;
	padding: 0;
	background-image:url('../images/nav_bg.gif');
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8E8A7A;
	}
	
#topnav {
	position:absolute;
	top:60px;
	height:33px;
	width:1024px;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#ffffff;
	line-height:33px
}

#topnav ul {
	margin: 0;
	padding: 0;
}

#topnav li {
	list-style-type: none;
	display: block;
	float: left;
	margin-left: 24px;
}

#topnav li a { 
 display: block;
 text-decoration: none;
 padding-left:10px;
 padding-right:10px;
 font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#ffffff;


}

* html #topnav li a {  /* make hover effect work in IE */
	/*  width: 400px;  */
}

#topnav li a:hover {
		color: #512474;
		background-color: #B6D199;
		padding-left: 10px;
		padding-right: 10px;
}



#main {
		width: 1024px;
		height: 185px;
		padding: 0;
		background-image: url('../images/smoke_main.jpg');
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;		
}

#line {
		position:absolute;
		width: 2px;
		height: 90px;
		padding: 0;
		left:700px;
		top:108px;
		background-image: url('../images/white_bar.gif')
}

#number {
		position:absolute;
		width: 200px;
		height: 20px;
		padding: 0;
		left:720px;
		top:107px;
		line-height:20px;
		font-size:16px
}




#button6 {
		position:absolute;
		width: 200px;
		height: 20px;
		padding: 0;
		left:720px;
		top:132px;
				line-height:20px;
				
}
#button8 {
		position:absolute;
		width: 300px;
		height: 20px;
		padding: 0;
		left:720px;
		top:156px;
		line-height:20px;
}




#button7 {
		position:absolute;
		width: 300px;
		height: 20px;
		padding: 0;
		left:720px;
		top:180px;
				line-height:20px;
}

#subnav {
		position:absolute;
		width: 167px;
		padding: 0;
		top:36px;
		left:30px;
}


#headerflash {
		width: 1024px;
		height: 234px;
		padding: 0;
}
#headerimage {
		width: 1024px;
		height: 234px;
		padding: 0;
}
#headershadow {
		width: 1024px;
		height: 13px;
		padding: 0;
}
#content-container {
		position:relative;
		width: 964px;
		padding: 30px;
		background-color:#FFFFFF;
}

#content {
position:relative;
		background-color:#FFFFFF;
		width:600px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#464646;
		line-height:20px;
		border:1px #CCD0B5 solid;
		padding: 20px;
		

}

#content-nav {
position:relative;
left:194px;
		background-color:#FFFFFF;
		width:442px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#464646;
		line-height:20px;
}


#form-container {
		position: absolute;
		left: 567px;
		top: 496px;
		background-color: #E1EBF4;
		width: 425px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #464646;
		line-height: 30px;
}

#success-story {
		position:absolute;
		left: 700px;
		top: 30px;
		width: 294px;
		height:247px;


}
#discover {
		position:absolute;
		left: 700px;
		top: 287px;
		width: 294px;


}



#form-heading {
		position: absolute;
		left: 0px;
		top: 0px;
		background-color: #6799C8;
		width: 425px;
		height: 40px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 17px;
		color: #ffffff;
		font-weight:bold;
		line-height: 40px;
}

#form-copy {
		position: absolute;
		left: 0px;
		top: 40px;
		width: 425px;
		height: 40px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #464646;
		line-height: 16px;
		font-style:italic
}


#form {
		width: 400px;
		height: 280px;
		margin-top:120px;
		margin-left:20px;
		line-height:23px;
}

#form2 {
		width: 400px;
		height: 280px;
		margin-top:20px;
		margin-left:30px;
		line-height:23px;
}

#button1 {
			position: absolute;
			width: 130px;
			height: 22px;
			left:301px;
			top: 25px;
			text-align:center;
			line-height:22px;
			}
			
#button2 {
			position: absolute;
			width: 130px;
			height: 22px;
			left:449px;
			top: 25px;
			text-align:center;
			line-height:22px;
			}
			
#button3 {
			position: absolute;
			width: 130px;
			height: 22px;
			left:597px;
			top: 25px;
			text-align:center;
			line-height:22px;
			}
			
#button4 {
			position: absolute;
			width: 130px;
			height: 22px;
			left:746px;
			top: 25px;
			text-align:center;
			line-height:22px;
			}
			
#button5 {
			position: absolute;
			width: 130px;
			height: 22px;
			left:893px;
			top: 25px;
			text-align:center;
			line-height:22px;
			}

#nav a {
		color: #8E8A7A;
		text-decoration: none;
}
#nav a:visited {
	color: #8E8A7A;
	text-decoration: none;
}
#nav a:active {
		color: #8E8A7A;
		text-decoration: none;
}
#nav a:hover {
		color: #8E8A7A;
		text-decoration: underline
}

.border {
		border-width: 0;
}

.navbg {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		padding-left: 10px;
		color: #666666;
		background-image: url('../images/linebg.gif');
		font-weight: bold;
}
.navbg a {
		color: #666666;
				text-decoration: none;
}

.navbg a:visited {
		color: #666666;
				text-decoration: none;
}
.navbg a:active {
		color: #666666;
				text-decoration: none;
}
.navbg a:hover {
		color: #7E81BE;
				text-decoration: none;

}		

.navbg-no {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:22px;
color:#666666;
font-weight:bold
		
}
.navbg-no a {
		color: #666666;
				text-decoration: none;
}

.navbg-no a:visited {
		color: #666666;
				text-decoration: none;
}
.navbg-no a:active {
		color: #666666;
				text-decoration: none;
}
.navbg-no a:hover {
		color: #7E81BE;
				text-decoration: none;
				
}
.navbg-on {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:10px;
color:#45156B;
font-weight:bold;
background-image: url('../images/linebg.gif');

}
.navbg-on a {
		color: #7E81BE;
				text-decoration: none;
}
.navbg-on a:visited {
		color: #7E81BE;
				text-decoration: none;
}
.navbg-on a:active {
		color: #7E81BE;
				text-decoration: none;
}
.navbg-on a:hover {
		color: #7E81BE;
				text-decoration: none;
}

.navbg-no-on {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:22px;
color:#45156B;
font-weight:bold;


}
.navbg-no-on a {
		color: #7E81BE;
				text-decoration: none;
}
.navbg-no-on a:visited {
		color: #7E81BE;
				text-decoration: none;
}
.navbg-no-on a:active {
		color: #7E81BE;
				text-decoration: none;
}
.navbg-no-on a:hover {
		color: #7E81BE;
				text-decoration: none;
}
/*  FOOTER  */
#footer {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
	color: #666666;
	text-align:center;
	position:relative;
	top:15px;
}
#footer a {
		color: #666666;
				text-decoration: none;
}
#footer a:visited {
		color: #666666;
				text-decoration: none;
}
#footer a:active {
		color: #666666;
				text-decoration: none;
}
#footer a:hover {
		color: #666666;
				text-decoration: none;
}

/*  Added by Ryan 1.7.10  */

a {
		color: #7E81BE;
		text-decoration: none;
}
a:visited {
		color: #7E81BE;
		text-decoration: none;
}
a:active {
		color: #7E81BE;
		text-decoration: none;
}
a:hover {
		color: #7E81BE;
		text-decoration: underline;
}

#table-container{
}

#table-container2{
}


table, fieldset, img, abbr, acronym {
border:0 none;
}

#table-container table {
border-left:1px solid #d1d1ca;
border-top:1px solid #d1d1ca;
border-bottom:1px solid #d1d1ca;
margin-bottom:15px;
}

#table-container table th {
background:#eaeade none repeat scroll 0 0;
color:#666666;
font-size:11px;
padding:3px 3px 10px;
font-weight:normal;
text-align:center;
border-right:1px solid #d1d1ca;
}

#table-container table td {
		background: #FFFFFF none repeat scroll 0 0;
		color: #666666;
		font-size: 11px;
  padding:3px 3px 10px;
		text-align: center;
		border-right:1px solid #d1d1ca;
}

#table-container2 table {
border-left:1px solid #d1d1ca;
border-top:1px solid #d1d1ca;
border-bottom:1px solid #d1d1ca;
margin-bottom:15px;
}

#table-container2 table th {
background:#eaeade none repeat scroll 0 0;
color:#666666;
font-size:11px;
padding:8px 8px 10px;
font-weight:normal;
text-align:left;
border-right:1px solid #d1d1ca;
}

#table-container2 table td {
		background: #FFFFFF none repeat scroll 0 0;
		color: #666666;
		font-size: 11px;
  padding:8px 8px 10px;
		text-align: left;
		border-right:1px solid #d1d1ca;
}

.successimage {
		margin-right: 17px;
}
.successheading{
		font-size:22px;
		color:#7E81BE;
}
.courseheading{
		font-size:16px;
		color:#7E81BE;
}
#number-new {
		position:absolute;
		width: 300px;
		height: 20px;
		padding: 0;
		left:758px;
		top:125px;
		line-height:20px;
		font-size:28px
}
#button-reservation-new {
		position:absolute;
		width: 169px;
		height: 27px;
		padding: 0;
		left:830px;
		top:161px;
				line-height:20px;
				
}
#button-information-new {
		position:absolute;
		width: 184px;
		height: 27px;
		padding: 0;
		left:640px;
		top:161px;
		line-height:20px;
}

#button-livechat-new {
		position:absolute;
		width: 184px;
		height: 27px;
		padding: 0;
		left:449px;
		top:161px;
				line-height:20px;
}



