/* Global Styles */

body {
	margin:0;
	padding: 0;
	border: 0;	
	background-image:url(images/back-bar.jpg);
	background-repeat: repeat-x;
	font-size: small;
	background-color: #fff6dd;
	color: black;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	}
#wrapper{
	background-color: white;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}
h1{
  font: bold 16px Georgia, "Times New Roman", Times, serif;
	color: black;
	text-align: center;
}
h2{
	font: bold italic 24px georgia, "Times New Roman", Times, serif;
	color: #ff6c41;
	line-height:26px;
	letter-spacing:.1em;
	margin-top: 0;
	}
	h3{
	font: bold 16px georgia, "Times New Roman", Times, serif;
	color: #CC3366;
	letter-spacing:.1em;
	margin-top: 0;
	}
	h4{
	font: bold 14px georgia, "Times New Roman", Times, serif;
	color: #3a9be0;
	letter-spacing:.1em;
	margin: 0 0 5px 0;
	}

a {
	color: #0099ff;
	}
	
a:hover {
	color: #336699;
	}
	
h3 a{
	text-decoration: none;
}	
#mast{
	position:relative;
	height: 190px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color: white;
}	
#mast .mast-image{
	float: left;
	width: 253px;
	padding: 0;
	border: 0;
	margin: 0;
}
#mast h1{
	color: #090;
	letter-spacing:.25em;
	font: bold 27px Georgia, "Times New Roman", Times, serif;
	text-align: center;
	padding: 0;
	border: 0;
	margin: 0;
	position: relative;
	top: 20px;
}

.tagline{
	font: bold 18px Georgia, "Times New Roman", Times, serif;
	color: black;
	letter-spacing:.4em;
	text-align: center;
	position: relative;
	top: 20px;	
}

.location{
	font: normal 11px/18px Georgia, "Times New Roman", Times, serif;
	color: black;
	letter-spacing:.3em;
	text-align: right;
	padding-right: 60px;
	position: relative;
	top: 20px;
}
#special{
	position: absolute;
	left: 270px;
	top: 98px;
	width: 210px;
	border: 2px dotted #3a9be0;
	padding: 3px;
	text-align: center;
	background-color: yellow;
   font: bold 12px/14px georgia, "Times New Roman", Times, serif;	
}
#special h4{
	color: black;
   font: bold 14px georgia, "Times New Roman", Times, serif;
}
.content iframe{
	padding: 5px 15px 20px 10px;
}

/* for horizontal navigation  */
#navbar{
	clear: both;
}
div#nav{
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	background-image: url(images/nav-bar.jpg);
	background-repeat: repeat-x;
}
div#nav ul{
	margin: 0;
	padding: 0;
}
div#nav li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	text-align: center;
	position: relative;    /* important! */
}
div#nav a {
	float: left;
   color: white;
   font: normal 13px Arial, Verdana, Helvetica, sans-serif;	
	text-align: center;   
   text-decoration: none;
	letter-spacing:.1em;
	line-height: 28px;
	padding-top: 1px;
}

div#nav a:hover{
	color: #ff6c41;
}
li#nav_home a{	width: 65px;}
li#nav_about a{width: 85px;}
li#nav_programs a{width: 120px;}
li#nav_testimonials a{width: 105px;}
li#nav_calendar a{width: 120px;}
li#nav_album a{width: 100px;}
li#nav_faq a{width: 95px;}
li#nav_contact a{width: 85px;}

li#nav_about-home a{width: 105px;}
li#nav_programs-home a{width: 125px; }
li#nav_testimonials-home a{width: 120px;}
li#nav_calendar-home a{width: 120px; }
li#nav_album-home a{width: 110px; }
li#nav_faq-home a{width: 100px; }
li#nav_contact-home a{width: 90px; }

/* for dropdown menus - be sure to include csshover.htc */
div#nav ul li ul{
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0px;
	top: 28px;
	z-index: 5;	
}
div#nav ul li ul a {
   color: white;
   font: bold 12px Arial, Helvetica, sans-serif;
   letter-spacing:.2em;
   text-decoration: none;
   text-align: left;
}
div#nav ul li ul a:hover {
   color: #dd903e;
   text-decoration: none;
}

div#nav ul li ul li{
	width: 100%;
	margin: 0;
	padding: 4px 0 0 10px;	
	height: 20px;
	text-align: left;
	z-index: 5;	
	background: #399cdf;	
	border-top: 1px solid #cdff99;
	border-left: 1px solid #cdff99;
	border-right: 1px solid #cdff99;
}
.last-nav{
	border-bottom: 1px solid #cdff99;
}

div#nav li ul li a:hover{
border: 0;
}
body div#nav ul li ul{
	display: none;
}
div#nav ul li:hover ul{
	display: block;
}
/*      end dropdown               */		
/* Class Styles */
.content{
	padding: 20px;
	text-align: left;
}
.content img{
	margin-left: 20px;
	margin-bottom: 10px;
}
.bodytext {
	font: normal 12px/20px Arial, Verdana, Helvetica, sans-serif;
	color:#333333;
	letter-spacing:.05em;
	}
.larger{
	font: normal 13px/20px Arial, Verdana, Helvetica, sans-serif;
}
.credit{
font: normal 11px Arial, Verdana, Helvetica, sans-serif;
margin-top: 25px;
}
.credit a:hover{
	text-decoration: underline;
}
.box{
	background-color: #fff6dd;
	width: 420px;
	border: 1px dotted black;
   font: bold 14px/22px Arial, Verdana, Helvetica, sans-serif;
	color:black;
	letter-spacing:.05em;
	padding: 6px 6px;
	text-align: center;
	
}
.testimonial1{
	  font: normal 14px/22px Arial, Verdana, Helvetica, sans-serif;
}
.testimonial2{
	  font: normal 14px/22px Arial, Verdana, Helvetica, sans-serif;
	  background: #e0ffff;
	  padding: 6px;
}
#homevid{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}