body {
	margin: 0;
	padding: 0;
	background: #121236 url(images/top-bg.jpg) repeat-x top left;
}
div,h1,h2,h3,h4,h5,h6,p,span,label,a,li,td,th {
	margin: 0;
	padding: 0;
	font-size: 100.1%;
	font-family: Arial, Helvetica, sans-serif;
}

/****** LAYOUR ******/
#wrapper {
	margin-top: 30px;
	text-align:center;
	background: url(images/bg-line.gif) repeat-x left 125px;
}
#logo {
	margin: 0 auto 10px auto;
	width: 700px;
	text-align: left;
}
	#logo img {
		margin-left: 20px;
	}
#page-wrapper {
	margin: 0 auto;
	padding-top: 70px;
	width: 700px;
	text-align: left;
	background: url(images/topcurve.gif) no-repeat top left;
}
#content-container {
	padding-bottom: 8px;
	background-color: #fff;
}
#content {
	float: right;
	width: 480px;
}
#leftcol {
	margin-left: 10px;	
	width: 200px;
	background-color: #F8F0DE;
}
#footer {
	margin: 15px 0;
	text-align: center;
	color: #fff;
	font-size: 0.75em;
}
	#footer a:link, #footer a:visited{
		color:#fff;
	}
	#footer a:hover {
		color: #CCCC99;
	}
/****** NAVIGATION ********/
#nav {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	list-style: none;
}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #999966;
}
#nav a {
	display: block;
	padding-left: 50px;
	line-height: 50px;
	font-size: 12px;
	width: 150px;
	text-decoration: none;
	border-top: 1px solid #fff;
}
#home a{background: #990000 url(images/girl-h.gif) no-repeat 10px;}
#programs a{background: #994C00 url(images/boy-ab.gif) no-repeat 10px;}
#lessons a{background: #989900 url(images/girl-pr.gif) no-repeat 10px;}
#about a{background: #4C9900 url(images/boy-pl.gif) no-repeat 10px;}
#contact a{background: #009999 url(images/girl-c.gif) no-repeat 10px;}
#policy a{background: #004C99 url(images/boy-po.gif) no-repeat 10px;}
#events a{background: #4C0099 url(images/girl-e.gif) no-repeat 10px;}
#yamaha a{background: #980099 url(images/boy-y.gif) no-repeat 10px;}

#home a:link, #about a:link, #programs a:link, #lessons a:link, #contact a:link, #policy a:link, #events a:link, #yamaha a:link,
#home a:visited, #about a:visited, #programs a:visited, #lessons a:visited, #contact a:visited, #policy a:visited, #events a:visited, #yamaha a:visited {
	color: #fff;
	font-weight: bold;
}
#home a:hover{background-color: #CC0000;}
#programs a:hover{background-color: #CC6500;}
#lessons a:hover{background-color: #CBCC00;}
#about a:hover{background-color: #65CC00;}
#contact a:hover{background-color: #00CCCC;}
#policy a:hover{background-color: #0065CC;}
#events a:hover{background-color: #6500CC;}
#yamaha a:hover{background-color: #CB00CC;}
/****** TYPOGRAPHY ********/
#content h2 {
	margin-left: 20px;
	line-height: 300%;
	font-size: 1.2em;
	color: #336699;
}
#content p {
	margin: 0 40px 15px 35px;
	font-size: 0.8em;
	line-height: 150%;
	color: #333333;
	text-align: justify;
}
#pagetitle h2 {
	margin-left: 0;
	margin-right: 10px;
	padding-left: 25px;
	line-height: 52px;
	color: #121236;
	background-color: #F8F0DE;
	border-bottom: 2px solid #994C00;
}
/***** OTHER STYLES *******/
#content ul#lessons {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}
#content  ul#lessons li{
	margin: 20px 0;
	padding-left: 120px;
	line-height: 120px;
	text-align: left;
	font-size: 18px;
	border: 1px solid #eee;
	background: no-repeat 10px 10px;
}
#content  ul#lessons img{
	float: right;
	margin: 10px;
}
#maps {
	height: 300px;
	width: 450px;
	border: 1px solid red;
}
div.homeimgs {
	float: left;
}
div.homeimgs img{
	border: 1px solid #cccccc;
}
ul#teachers {
	margin: 0;
	margin-top: 20px;
	padding: 0;
	list-style: none;
	border: none;
}
ul#teachers li{
	float: left;
	margin: 0 10px 8px 0;
	padding: 0;
	padding-bottom: 10px;
	width: 190px;
	font-size: 0.85em;
	text-align: center;
	border: 1px solid #eee;
}
ul#teachers img{
	margin: 5px;
	margin-bottom: 10px;
	padding: 0;
	border: none;
}
.reglist {
	margin: 10px 20px;
	padding-left: 20px;
	font-size: 0.80em;
}
.reglist li{
	margin: 5px 0;
	line-height: 140%;
	color: #333;
}
p.address {
	clear: left;
	color: #000000;
	font-size: 0.8em;
	line-height: 120%;
	padding: 35px 10px;
	text-align: center;
}
div.contentblock {
	margin: 25px 15px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
div.contentblock img{
	float: left;
	margin: 0 15px 10px 0;
}
#content .contentblock p {
	margin-left: 0;
	line-height: 120%;
	text-align: left;
}
.clr {clear:both;font-size:0.1em;}
.credit a{
	text-decoration: none;
}