/*Styles for "calendar" page*/

#calendar {
	font-size:80%;
	position:absolute;
	left:23%;
	top:150px;
	color: #667788;
	text-align:left;
}
#calendar a {
	color:#446699;
	text-decoration:none;
	font-weight:bold;
}

 h5 {
	font-weight:bold;
	color:black;
	font-size:100%;
}
.sun {
		position:absolute;
	top:0px;
	left:0px;
	width:98px;
		border-right-style:dotted;
	border-color:#877D6C;
	border-width:1px;
	height:400px;
	padding-left:2px;
}
.mon {
	position:absolute;
	top:0px;
	left:100px;
	width:88px;
    border-right-style:dotted;
	border-color:#877D6C;
	border-width:1px;
	height:400px;
	padding-left:10px;
padding-right:2px;
}

.tue {
	position:absolute;
	top:0px;
	left:200px;
	width:100px;
	border-right-style:dotted;
	border-color:#877D6C;
	border-width:1px;
	border-right-style:dotted;
	border-color:#877D6C;
	border-width:1px;
	height:400px;
	padding-right:0px;
padding-left:10px
}

.wed {
	position:absolute;
	top:0px;
	left:310px;
	width:88px;
	border-right-style:dotted;
	border-color:#877D6C;
	border-width:1px;
	height:400px;
padding-right:2px;
padding-left:10px

}

.thu {
	position:absolute;
	top:0px;
	left:410px;
	width:100px;
	border-right-style:dotted;
	border-color:#877D6C;
	border-width:1px;
	height:400px;
	padding-right:2px;
padding-left:10px}

.fri {
	position:absolute;
	top:0px;
	left:520px;
	width:88px;
	border-right-style:dotted;
	border-color:#877D6C;
	border-width:1px;
	height:400px;
	padding-right:2px;
padding-left:10px
}
.sat {
	position:absolute;
	top:0px;
	left:620px;
	width:90px;
	border-right-style:dotted;
	border-color:#877D6C;
	border-width:1px;	
	height:400px;
	padding-right:2px;
padding-left:10px
}
/*end of calendar section*/


	
#description {
	font-family:Verdana,Arial,Helvetica;
	position:absolute;
	top:190px;
	left:25%;
	width:480px;
	text-align:left;
	font-size:.9em;
}

#privatelesson {
	font-family:Verdana,Arial,Helvetica;
	position:absolute;
	top:190px;
	left:25%;
	width:480px;
	text-align:left;
	font-size:.9em;
}


#classFees {
	font-family:Verdana,Arial,Helvetica;
	position:absolute;
	top:750px;
	left:70%;
	width:400px;
	text-align:left;
	
}
a {text-decoration:none;
	color:#6699CC;}
	
#nav a.hover {color:#6699CC}
	
	.classescol1 {
	width:250px;
	position:absolute;
	top:600px;
	left:250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	z-index:1;
}

.classesinstudio2 {
	width:250px;
	position:absolute;
	top:600px;
	left:50px;
	font-size: 9px;
}

.popUpRight {
	visibility:visible;
	position:absolute;
	top:133px;
	left:55%;
	width:300px;
	background-color:#DEE6EF;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	font-size:.65em;
	padding:10px;
	z-index:2;
}

.popUpLeft {
	visibility:visible;
	position:absolute;
	top:133px;
	left:195px;
	width:300px;
	background-color:#DEE6EF;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	font-size:0.65em;
	padding:10px;
		z-index:2;

}
.noPopUp {
	visibility:hidden;
}


#hiddenText {
	text-align:left;
	visibility:hidden;
	position:absolute;
	left:0px;
	top:0px;
}