body { 
	backg round-color:#442a1d; 
	background-color:#3a2419;
	cursor:url(images/feather.gif, images/feather.cur), auto; 
	font-family: serif; color:#442A1D; 
	font-style:italic; }
h1{
	font-family:Helvetica, Arial, sans-serif;
	font-size:20px; 
	font-style:italic;
	color:#AC7D66;
	
	margin-bottom:30px;
	font-weight:100;
}
h2{
	font-family:Helvetica, Arial, sans-serif; 
	font-size:20px; 
	font-style:italic;
	col or:#aea876;
	color:#3a2419;
}
h3{
	font-family:helvetica; 
	font-weight:bold; 
	font-size:18px; 
	font-style:italic;
	color:#aea876;
	float:right;
	margin:20px 10px 0 0;
}
#wrapper { 
	margin:12px auto; 
	width:1000px; 
	height:750px; 
	background:url(images/background.jpg) 0 0 no-repeat; 
	position:relative;
	}
#quotations { 
	position:relative; 
	margin-left:288px; 
	padding-top:40px; 
	overflow:hidden;
	height:140px;
	}
#navhold{
	position:absolute; 
	top:190px;
	margin:0 30px;
	background-color:#442a1d;
	width:940px;
	z-index:999;
	
	}
#nav { 
	 margin:0 0 0 20px;
	 padding:0;
	  
	font-family: helvetica;
	font-weight:bold;
	 
	list-style-type:none; 
	 
	letter-spacing:2px; 
	
	}

#main { 
	margin:0 30px; 
	wi dth:940px;
	width:912px;
	height:416px; 
	position:absolute; 
	top:266px; 
	backgro und-color:#f5f5f5;
	background-color:#C9BFB8;
	font-size:16px;
	line-height:25px;
	letter-spacing:1px;
	left:10px;
	 
	}
	#main2 { 
	margin:0 30px; 
	wi dth:940px;
	width:912px;
	height:416px; 
	position:absolute; 
	top:266px; 
	
	font-size:16px;
	line-height:25px;
	letter-spacing:1px;
	left:10px;
	 
	}
#content { 
	width:880px; 
	height:366px; 
	padding: 20px;
	overflow:auto;
	}
	#content2 { 
	width:880px; 
	height:366px; 
	padding: 0 20px 20px 20px;
	overflow:hidden;
	}
#lockedcontent { 
	width:900px; 
	height:366px; 
	padding: 10px;
	overflow:hidden;
	letter-spacing:normal;
	line-height:18px;
	}
	
#content h1 { 
	margin-top:0; 
	}

#nav ul { 
	text-align:left; display: none; list-style-type:none; padding:0; }

#nav a { 
	display:block; 
	 
	color:#fffec4;
	font-weight:bold; 
	font-size:14px; 
	text-decoration:none; 
	}

#nav a:hover { 
	
	}
#nav:hover ul { 
	display: block; 
	}
#quotations div { text-align:right; width:480px; font-family:Georgia, Times, serif; font-size:18px; color:#442a1d; 
	opacity:.7;
}
#quotations .left { margin-right:200px; }
#quotations .right { margin-left:200px; }
#quotations p { margin-bottom:6px; 
	color:#6a5e5e;
	}
#quotations .attribution { margin-top:6px; font-size:12px; }
#lessons, #teachers, #testify, #apply, #directions { display:none; }
body.content { background-color:#e7e3e0; }
.teachers { padding:0; list-style-type:none; }
.teachers li { float:left; margin-right:12px; width:150px; text-align:center; }

.wow{
text-align:center;	
}



#botbar{
	width:940px;
	height:35px;
	background-color:#442a1d;
	position:absolute;
	top:220px;
	margin:0 30px;
	z-index:1;
}
.clearclass{
	clear:both;	
}

.box{
	padding:60px 0;
}
/* //////////////////////////////////////////  TEACHER PAGES //////////////////////////////// */
#teachpics{
	margin:100px auto 300px 0px;
	text-align:center;
}
#teachpics img{
	margin:5px;
	border:none;
}
#main.teach{
	background:none;	
}
#teachpics h1{
	color:#fffec4;
	background-color:#442a1d;
	font-weight:bold;
	letter-spacing:10px;
	font-size:40px;
	height:44px;
	line-height:48px;
	
}
/* //////////////////////////////////////////  INSTRUCTION PAGES //////////////////////////////// */
hr{
	width:500px;
	color:#442A1D;
	size:2px;
}

/* //////////////////////////////////////////  TESTIFY PAGE /  TESTIFY FORM  /////////////////////////////// */
#testifyform{
	width:514px;	
	clear:left;
	float:left;
	margin:0 0 0 100px;
}
#testifyform input{
	
	clear:right;
	
}
#testifyform #Message{
	float:right;	
}
#testifyform label{
	display:inline-block;
	width:99px;
}

#testifyform input.submit-button{
	clear:both;	
	margin-top:10px;
	margin-left:100px;
}
#testifyform br{
	margin:0 0 10px 0;	
}
#girlpic img{
width:200px;
border:2px solid #AC7D66;
}
#girlpic{
float:right;	
width:240px;
}
/* //////////////////////////////////////////  DIRECTIONS PAGES //////////////////////////////// */
#broadway{
	margin:0 0 20px 0;
}
#skype{
	margin:0 0 50px 0;
}
.fixed{
	overflow:hidden;	
}
#broadwaymap, #skypelogo{
	margin:13px 80px 13px 0;
	float:right;
	width:300px;
	
}
#broadwaymap{
	border:2px solid #442a1d;	
}
#broadwords, #skypewords{
	width:400px;
	float:left;
	margin:0 0 20px 30px;
}


.right{
	float:right;	
}
.instruct{
	
	height:366px;	
}

#contactform{
	margin:20px 0 0 30px;
}
#contactform label{
	display:inline-block;
	width:99px;
}

/*** ********************* SUPERFISH MENU ******************************* **/



/**ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	22px;/* match hover ul below */
	postion:relative;
	z-index:1000;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	z-index:999;
}
.sf-menu ul li {
	width:			100%;
	padding: 0 0 0 10px;
	z-index:1000;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	z-index:888;
	
}

.sf-menu li {
	background:none repeat scroll 0 0 transparent;	
	float:			left;
	position:		relative;
	margin:0 50px 0 0;
	padding:0;
	
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			22px; /* match top ul list item height */
	z-index:		99;
	
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN 
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour
	color:			#13a;
}
.sf-menu li {
	background:		#BDD2FF;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}
***/
/*** arrows **/

.sf-menu a.sf-with-ul {
	
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			0em;
	top:			1em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arro ws-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.6em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/nav_bg_1.png') repeat scroll transparent;
	padding: 0 0 5px 0;
}
.sf-shadow ul li{
	padding-bottom:5px;
	
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}