@charset "utf-8";
/* CSS Document */
/* color chart
#989898 = gray text
#88816A = gold text
#E78465 = orange
#E7E4DB = light tan
#DA3C65 = bright pink
#45392B = dark brown
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #88816A;
	height:100%;
}
.clear {clear: both;}

/*** @typography
********************************************************************************/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 4, 2010 */
@font-face {
	font-family: 'HarabaraBold';
	src: url('harabara-webfont.eot');
	src: local('☺'), url('harabara-webfont.woff') format('woff'), url('harabara-webfont.ttf') format('truetype'), url('harabara-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HighTowerTextRegular';
	src: url('htowert-webfont.eot');
	src: local('☺'), url('htowert-webfont.woff') format('woff'), url('htowert-webfont.ttf') format('truetype'), url('htowert-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

p{line-height: 1.5em; font-size: 90%;}
h1{
	font-family: 'HarabaraBold', Arial, Helvetica, sans-serif;
	color: #E78465;
	font-size:350%;
	margin-top: .3em;
	letter-spacing: 2px;
}
#header h2 {position: absolute; top: 3.8em; left: 22em; font-size: 120%; font-family: 'HarabaraBold', Arial, Helvetica, sans-serif; color: #665039;}
#main h2{position: absolute; left: 1em; top: 220px; color: #fff; width: 15em; font-size: 150%; font-weight: normal; line-height:1.4em;}
h3{font-family: 'HighTowerTextRegular', Arial, Helvetica, sans-serif; font-size: 150%; line-height: 2em; text-transform: uppercase; clear:both;}
.faq h3{font-family: 'HighTowerTextRegular', Arial, Helvetica, sans-serif; font-size: 120%; line-height: 1em;text-transform: uppercase; clear:both;}
h4{color: #989898; text-transform:uppercase;display: inline;}
h5{color: #E78465; display: inline; font-size: 80%} /* brief exciting news in orange */
h6{color:#665039; font-weight: bold; font-size:120%; display:inline; clear:both;}
h6 p {color:#665039; display:inline; }
em{font-style:italic;}
b{font-weight:bold;}

#quote p {font-size: 80%; color: #88816A;}

.right-col p {color: #989898; margin-bottom: 1em; font-size: 80%;}

#footer, #footer a {color: #fff;}

#footer h1 {display: inline; color: #fff; position:absolute; left: 2%; font-size: 410%; top: -.35em;}

/*** @structure
********************************************************************************/
.wrapper {
	margin: 0 2%;
	min-width: 1024px;
	max-width: 1300px;
	/*padding-bottom:4em;*/   /* Height of the footer */
}

#header{
	position: relative;
	height: 130px;
	margin-bottom: 80px;
	z-index: 2;
}

#quote.right-col{
	margin-top: 1em;
	padding-right: 1.5em;
	width: 27%;
	min-width: 280px;
}

/* this is the hair line drawing */
#top-line img{
	min-width: 1000px;
	width: 100%;
	height: 63px;
	position: absolute;
	top: 130px;
	left: 0;
	z-index: 3;
}

.name {
	padding-left: 5em;
	margin-top: -.5em;
}

.left-col {
	width: 66%;
	float: left;
}

.left-col p{
	padding:0 7em 1em 2em;
	line-height: 1.8em;
}

.left-col div{
	padding: 1em 0;
}

.right-col {
	min-width: 325px;
	width: 30%;
	float: right;
	
}

#main {
	min-height: 400px;
	z-index: 1;
}

#main-pic {
	position: relative;
	margin-top: -70px;
}

/* right column styles */
#main .solid {
	background: #E7E4DB;
	padding: 6%;
}

#main .right-col div {
	margin-bottom: 1em;
}

#main .right-col div #video{
	margin-bottom: .5em;
}

#board {
	background-color: #D4E4E5;
	margin-bottom: 1em;
	padding: 6%;
}

.thumb {
	width: 80px;
	float: left;
	margin-right: 2%;
}

.teaser {
	width: 70%;
	float: left;
}

.faq {padding-bottom: 1em;}
#scene-viewer img {width: 30%;}
img.class-pic {padding: 1em 0 0 2em; float:left; width:30%;}
.class-text {float:left;width:65%;}

/* syllabus styles */
.day {margin-left: 2em;}
.day img {float: left; padding: 1em 1em 1em 0;}
.day p {padding: 1em;}
.left-col h6 p {padding: 0 0 0 .5em;}
.vert{width: 200px;}
.horiz{width: 250px;}

/* slider window for behind the scenes images */
div#wn	{ 
	position:relative; 
	width:684px; height:173px; 
	overflow:hidden;
	clear: both;
}
#lyr1 td{
	padding:4px;
}

.scenes h3 {float:left;}

#scrollLinks {
	margin-left: 1em;	
	float: left;
}

#scrollLinks a {
	padding: 0 4px;
	height: 16px;
	width: 8px;	
	float: left;
}

/* This is currently red */
.required {
	color:#F00;
}

#footer div {
	clear: both;
	background: #E78465;	
	min-width: 1050px;	
	margin: 3em 0;	
	line-height: 2em;
	position: relative;
}
/*** @navigation
********************************************************************************/
#top-nav {
	position: absolute;
	z-index: 200;
}

#main .left-col ul{
	padding: 1em;
}

.day ul {
	float: left;
	clear: right;
	margin-left: 1em;
	width: 20em; 
	font-size: 80%;
}
.day ul.full {width: 100%;}

.day ul li {
	padding: .5em 0;
	list-style-type:disc;
	line-height: 1.5em;
}

#main .left-col .faq ul {
	float: left;
	margin: 0 0 2em 1em;
	font-size: 90%;
	font-weight: bold;
	min-width: 20em;
	padding-top: 0;
}

#footer ul {
	padding-left: 11em;
}

#footer ul li {
	display: inline;
	padding: 0 .3em;
	font-size: 80%;
}

/*** @links
********************************************************************************/
a {
	color: #989898;
	text-decoration: none;
}

.left-col a {
	color: #E78465;
	text-decoration: none;
}


a:hover {
	text-decoration: underline;
}

.right-col a {
	font-weight: bold;
	font-size: 80%;
	margin-top: none;
}

.right-col #board p a {
	font-weight: normal;
	font-size: 100%;
}

.left-col a.pink-button, .pink-button {
	font-weight: bold;
	font-size: 80%;
	color: #fff;
	background-color: #DA3C65;
	padding: 3px 10px 5px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: right;	
}

/*** @forms
********************************************************************************/

form {
	margin: 1em 2em 3em 2em;
}

.list form {
	margin: 1em 2em 2em 2em;
}

.name-form label
{
width: 10em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}

.list .payinful form{margin:1em .2em 1em 2em;} /* put full and deposit button choices in a table so they line up horrizontally */
.list .deposit form{margin: 2.2em 0 1em 0;}

input {
	margin-bottom: .5em;
}

input.submit 
{
margin-left: 12em;
} 

.list select {
	margin: 0 1em;
}

.list input {
	margin-bottom: -5px;
}

td {
	vertical-align: top;
	padding-bottom: .5em;
}
table.course-list {
	margin: 0 0 1.5em 1.5em;
	min-width: 700px;
	border-bottom: 3px solid #E7E4DB;
}

.course-list td, th {
	vertical-align: top;
	padding: .5em 1.5em .5em .5em;
	font-size: 80%;
}
.course-list td {
	/*border: 1px solid #88816A;*/
}

.course-list tr.alt {
	background-color: #E7E4DB;
}
.course-list th {
	font-weight: bold;
	color: #E7E4DB;
	background-color:#E78465;
	padding: .2em 1.5em .2em 0.5em;
}