@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	line-height: 1.5em;
	color: #999999;
	text-align:center;
	background: #333 url(../imgs/bg1.jpg);
	}
html>body { /*Opera */
	font-size: small;
	}
	
a {
	color: #666666;
	text-decoration:none;
	border: none;
	padding: 0px;
	margin:0px;
	}
	
a:hover {
	color: #1867a9;
	
}
	
#blackWrap { 
	margin: 0px auto;
	padding: 0px 0px 3px 0px;
	width: 858px;
	text-align:left;
	background: #000000;
	border: 0px #000 solid;
	
  }	
  
#whiteWrap { 
	margin: 0px auto;
	padding: 6px 0px 6px 0px;
	width: 852px;
	background: #FFFFFF;
  }	 
  
 #bannerTop {
	margin: 0px 0px 0px 6px;
	padding: 0;
	width: 840px;
	height: 142px;
  }


/*========================================--- start Nav --- ===========================================*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */
#navBar {
	margin:5px 0px 0px 6px;
	padding:0;
	width: 840px;
	height: 39px;
	background: #FFFFFF url(../imgs/navBar.jpg);
}

.menu {
	margin:0px;
	padding:5px 0px 0px 0px;
}

.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a {
display:block;
font-size:12px;
font-weight: bold;
width:116px;
padding:7px 0;
color:#000;
text-decoration:none;
margin-right:1px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
/* style the links hover */
.menu :hover{
color:#1867a9;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:116px;
height:0;


}

.menu ul ul li, .menu ul ul li a {
background: #FFFFFF url(../imgs/dropDown_BG.jpg);
font-size:11px;
font-weight:normal;

}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

h3 { 
padding:0px; 
margin:0px;
}


/*======================================== --- end Nav --- ===========================================*/


/*======================================== --- homepage --- ===========================================*/	

	 
.dotDivider {
	margin: 0px;
	padding: 3px 3px 0px 5px;
	
}
	 
.miniDivider {
	margin: 5px 20px 5px 0px;
	padding: 3px 3px 0px 5px;
	float:right;
	
}

#introBox {
	margin: 0px 0px 0px 6px;
	padding: 0px;
	width: 840px;
	height: 172px;
  }
	
#introPic {
	margin: 0px;
	padding: 0px;
	width: 280px;
	height: 172px;
	float: left;
  }
  
 #introText {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	width: 555px;
	height: 170px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  }
  
.blacktext {
color: #000000;
}

.bluetext {
color: #1867a9;
}

#flashBox {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 550px;
	background-color:#0F0;
}

#flashLessons {
	float: left;
	margin: 3px 0px 3px 6px;
	padding: 0px;
	width: 840px;
	height: 348px;
}

#flashPhotos {
	float: left;
	margin: 3px 0px 3px 6px;
	padding: 0px;
	width: 840px;
	height: 410px;
}

#flashVideos {
	float: left;
	margin: 3px 0px 3px 6px;
	padding: 0px;
	width: 840px;
	height: 580px;
}

#sitemap {
	margin: 20px 0px 0px 50px;
	padding: 0px;
	width: 840px;
  }

/*======================================== --- Lesson Page --- ===========================================*/	



#lessonBox {
	margin: 3px 0px 0px 3px;
	padding: 0px;
	width: 840px;
	height: 290px;
  }
	
#lessonPic {
	margin: 0px;
	padding: 0px;
	width: 357px;
	height: 287px;
	float: left;
  }
  
 #lessonText {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	width: 472px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  }

 #lessonBtns {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	width: 472px;
	float: right;
  }
  
  
#lessonPGBox {
	margin: 3px 0px 0px 3px;
	padding: 0px;
	width: 840px;
	height: 490px;
  }
	
#lessonPGPic {
	margin: 3px 0px 0px 3px;
	padding: 0px;
	width: 320px;
	height: 440px;
	float: left;
  }
  
 #lessonPGText {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	width: 472px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  }
  
  
 .lessonList {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	width: 472px;
	float: right;
  }
  
 ul.listy {
	 list-style-type:disk;
	 }
	 
	 
/*======================================== --- Bio Page --- ===========================================*/	
	 
#bio1Box {
	margin: 0px 0px 0px 6px;
	padding: 0px;
	width: 840px;
  }
	
#bio1Pic {
	margin: 6px 0px 0px 0px;
	padding: 0px;
	width: 300px;
	height: 280px;
	float: left;
  }
  
 #bio1Text {
	margin: 0px 0px 0px 4px;
	padding: 5px 0px 0px 0px;
	width: 830px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  }
  
  #bio1Text2 {
	margin: 0px 0px 0px 4px;
	padding: 0px 0px 0px 0px;
	width: 525px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  }





 #bio2Pic {
	margin: 6px 0px 0px 0px;
	padding: 0px;
	width: 300px;
	height: 280px;
	float: right;
  }
 
   
  #bio2Text1 {
	margin: 4px 0px 0px 4px;
	padding: 0px 0px 0px 0px;
	width: 525px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  }
  
 #vidBar {
	margin: 0px 0px 0px 6px;
	padding: 0px;
	width: 840px;
  }
  
  
/*======================================== --- links --- ===========================================*/	


#links {
	margin: 0px auto;
	padding: 0px;
	width: 840px;
	height: 34px;
  }

	
#linkText {
	float: left;
	width: 840px;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background: #FFFFFF url(../imgs/linkLines.jpg);
	}	
	
	
	
/*======================================== --- contact --- ===========================================*/	

 #contactText {
	margin: 8px;
	padding: 5px 0px 0px 8px;
	width: 830px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  }



#page-wrap {
	width: 840px;
	padding: 4px 0px 0px 0px;
	margin: 0px;
	height: auto !important;
	height: 400px;
}


#contactPic {
	margin: 2px;
	padding: 0px;
	width: 357px;
	height: 287px;
	float: right;
  }


#contact-area {
	width: 400px;
	padding: 4px 0px 0px 0px;
	float:left;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 270px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 14px;
}


  #messageSent {
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	width: 425px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  }

	
	
/*======================================== --- footer --- ===========================================*/	
	
	
#footer {
	margin: 6px 0px 0px 6px;
	padding: 0px;
	width: 840px;
	height: 24px;
	background: #FFFFFF url(../imgs/footerBar.jpg);
}

#footerText {
	float: right;
	width: 834px;
	padding: 3px 0px 0px 6px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	}