/* CSS Document for D & D School of Performing Arts : Created by Bluewire Media */

html, body{
	padding: 0;
	margin: auto;
	text-align: center;
	background-color: #E4E4E4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ul{
	margin: 0;
	padding: 10px 0px 10px 20px;
}

.container{
	position: relative;
	top: 0;
	left: 0;
	margin: auto;
	width: 850px;
	height: auto;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	overflow: hidden;
}

/************************************/
/**              MENU              **/
/************************************/

.menu{
	position: relative;
	top: 0;
	left: 0;
	width: 850px;
	height: 35px;
	background-color: #40457A;
}

.menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #40457A;
}
.menu li{
	float: left;
}

.menu a{
	display: block;
	height: 25px;
	width: 121px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	text-decoration: none;
	background-color: #40457A;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-size: 11px;
}
.menu a:link{color: #FFFFFF;}
.menu a:visited{color: #FFFFFF;}
.menu a:hover{
	background-color: #E6E7F6;
	color: #40457A;
}

#active{
	background-color:  #E1C6D6;
	color: #40457A;
}

/************************************/
/**              LEFT              **/
/************************************/

.left{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #FFFFFF;
	color: #535353;
	padding: 35px 35px 0px 35px;
	line-height: 18px;
	font-size: 12px;
	/*MAX WIDTH: 515px*/
}

h1{
	color: #40457A;
	font-size: 18px;
}
h2{
	margin: 2px 0px 2px 0px;
	padding: 2px 0px 2px 0px;
	color: #40457A;
	font-size: 14px;
}

.staff-profile{
	margin: 0 0 20px -35px;
	width: 550px;
}

.staff-profile div{
	width: 550px;
	color: #FFFFFF;
	background-color: #A3487F;
	padding: 10px 0px 0px 35px;
}	

.staff-profile h2{
	color: #FFFFFF;
}

.left a{
	color: #40457A;
}
.left a:link{color: #40457A;}
.lfet a:visited{color: #40457A;}
.left a:hover{color: #A3487F;}

.heding-row{
	background-color: #F9E9F2;
	font-weight: bold;
	height: 35px;
}

.timetable{
	text-align:center;
	font-size: 12px;
	border: 1px solid #40457A;
	border-right: none;
	border-bottom: none;
}
.timetable td{
	height: 30px;
	border: 1px solid #40457A;
	border-left: none;
	border-top: none;
}

#students-image{
	vertical-align: baseline;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	top: 1px;
}

/************************************/
/**              RIGHT             **/
/************************************/

.right{
	width: 265px;
	background-image: url(../images/right-background-repeat.jpg);
	background-repeat: repeat-y;
}

.dates-to-remember{
	background-color: #A3487F;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
}


/************************************/
/**             FOOTER             **/
/************************************/

.blue{
	position: relative;
	top: 0;
	left: 0;
	height: 10px;
	width: 100%;
	background-color: #3C4173;
}

.bluewireLink{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	text-align: center;
	margin: auto;
	text-align: center;
	padding: 5px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.bluewireLink a:link {color: #666666;}
.bluewireLink a:visited {color: #666666;}
.bluewireLink a:hover {color: #40457A; text-decoration: underline;}
.bluewireLink a{
	text-decoration: none;
	font-weight: normal;
	font-size: 8pt;	
}