/* 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 -12px 0;
	}

a {
	color: #0099ff;
	}
	
a:hover {
	color: #336699;
	}
	
#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 15px georgia, "Times New Roman", Times, serif;
}

/* for horizontal navigation  */
#navbar{
	clear: both;

}
#nav{
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
	float: left;
	background-image: url(images/nav-bar.jpg);
	background-repeat: repeat-x;

}
#nav li{
   float: left;	
	margin: 0;
	padding: 0;	
}
#nav a{
	float: left;
	text-align: center;		
	color: white;
	font: normal 13px Arial, Verdana, Helvetica, sans-serif;	
	letter-spacing:.1em;
	line-height: 28px;
	text-decoration: none;
}
#nav a:hover{
	color: #666;
}
#nav_home a{
	width: 65px;
}
#nav_about a{
	width: 90px;
}
#nav_infants a{
	width: 130px;
}
#nav_preschool a{
	width: 80px;
}
#nav_summer_camp a{
	width: 120px;
}
#nav_album a{
	width: 110px;
}
#nav_community a{
	width: 95px;
}
#nav_contact a{
	width: 70px;
}
#nav_about-home a{
	width: 105px;
}
#nav_infants-home a{
	width: 130px;
}
#nav_preschool-home a{
	width: 90px;
}
#nav_summer_camp-home a{
	width: 130px;
}
#nav_album-home a{
	width: 120px;
}
#nav_community-home a{
	width: 105px;
}
#nav_contact-home a{
	width: 80px;
}
		
/* 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;
	
}