body{
	background-image:url(../images/bg_header.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#F7EAC9;
}
#header{
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	position:absolute;
	width:100%;
	height:500px;
	top:0;
	left:0;
}
.spacer{
	clear:both;
}
#content{
	position:relative;
	padding-bottom:30px;
}
#logo{
	position:absolute;
	top:0;
	left:0;
	z-index:50;
}
#instrument{
	position:absolute;
	top:0;
	right:0;
}
#menubar{
	padding:0;
	margin:0;
	position:absolute;
	top:75px;
	left:0;
	width:100%;
	height:17px;
	background-color:#E2C378;
	background-image:url(../images/bg_menu.jpg);
	background-repeat:repeat-x;
}
#menu{
	padding:0;
	margin:0;
	position:relative;
	left:190px;
	top:0;
	max-width:80%;
}
#left_panel{
	width:175px;
	float:left;
	min-height:450px;
	padding:10px;
	margin-bottom:164px;
	position:relative;
	top:154px;
	text-align:center;
	background-image:url(../images/bg_leftpanel.gif);
	background-repeat:no-repeat;
}
#right_panel{
	width:225px;
	float:right;
	padding:10px;
	min-height:450px;
	position:relative;
	top:95px;
	margin:10px;
	margin-bottom:105px;
	border:1px solid black;
	background-color:#EBDCBD;
}
#main{
	padding:120px 280px 10px 220px;
}
#main_noright{
	padding:115px 10px 10px 205px;
}
#footer{
	width:100%;
	height:20px;
	position:absolute;
	bottom:0;
	background-color:#EADAB0;
}
#photo_panel{
	float:left;
}
.thumbnail {
  position:relative;
  float:left;
  padding:0;
  margin:1px 2px 1px 0;
  text-align: center;
  background-color:#EBDCBD; 
  border:3px solid #F7EFDA;
  overflow:hidden;
  height:100px;
}
.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
	overflow:visible;
}
.thumbnail span{
	position: absolute;
	background-color: #FFF;
	padding: 2px;
	border: 1px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	min-width:200px;
	z-index:500
	
}
.thumbnail span img{ /*CSS for enlarged image*/
	border:1px solid #CCC;
	margin:2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 0; /*position where enlarged image should offset horizontally */
}
.thumbnail:hover{
	overflow:visible;
}	
#location{
	padding:25px 0 15px 0;
}
.tutor {
  position:relative;
  float:left;
  padding:5px;
  margin:1px 2px 1px 0;
  text-align: left;
  border:1px solid #F7EFDA;
  background-color:#EBDCBD; 
  width:155px;
  overflow:hidden;
  height:210px;
}
.tutor img{
	padding:2px;
	margin:5px 5px 0 0;
	border:2px solid white;
}
img.tutor_pic{
	padding:2px;
	margin:5px 10px 1px 0;
	border:2px solid white;
	float:left;
}
.small_text {
	text-align:left;
}
#topleft{
	position:absolute;
	top:-1px;
	left:-1px;
}
#topright{
	position:absolute;
	top:-1px;
	right:-1px;
}