body	{ 
	background-image:url('Background.jpg');
	background-repeat:no-repeat;
	height: 1070px;
	width: 970px;
	font-family: helvetica;
	font-size: 13;
	color: white;
	}
h1	{
	margin: 0px 70px;
	font-family: delarge,ravie;
	font-size: 32;	
	}
h2	{
	font-family: delarge,ravie;
	}
.contact{	
	margin-left:240px;
	}
	
.title	{	
	padding: 0.5em;
	margin: -30 55;
	} 
.title a
	{
	text-decoration: none;
	padding-left: 1em;
	font-size: 11;
	}


.nomargin
	{
	margin: -6px -6px;
	}


h1	{
	margin: 0px 70px;
	font-family: delarge,ravie;
	font-size: 32;	
	}
h2	{
	font-family: delarge,ravie;
	}
.contact{	
	margin-left:240px;
	}
	

.padimage
	{
	margin: 50px 70px;
	}
.first	{
	margin-top: 50px;
	margin-right: 80px;
	margin-left: 400px;
	font-size:14;
	text-align:justify;
	}
.second
	{
	margin-left: 70px;
	margin-right: 70px;
	
	}

.teacher tr td
	{
	border-style: solid;
	border-color: #2e3192;
	border-width: thin;
	background-color: #2e3192;
	font-family: delarge, ravie;
	font-size: 20;
	color: white;
	text-decoration: none;
	width: 8em;
	height: 8em;
	text-align: center;
	} 
.normal tr td
	{
	font-family: helvetica;
	font-size: 13;
	}
.normal th
	{
	text-align:left;
	border-style: solid;
	border-color: white;
	border-width: thin;
		font-family: helvetica;
	font-size: 13;
	}
table
{ 
margin-left: auto;
margin-right: auto;
}

a:link {color: white}     /* unvisited link */
a:visited {color: white}  /* visited link */
a:hover {color: black}   /* mouse over link */
a:active {color: white}   /* selected link */
a {text-decoration: none}

#tooltip1 { position: relative; }
#tooltip1 a span { display: none; color: #FFFFFF; }
#tooltip1 a:hover span { display: block; position: absolute;
 width: 250px; background-color: WHITE; height: 110px; left: -300px; top: -10px; color: BLACK; padding: 5px; }
 
 .gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid black;
margin: 0 5px 5px 0;
}
.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}