html{
		background-color: #EAE4EF;
}

h1, h2, h3, h4, h5 {
  color: #5C3E90;
  }

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #5C3E90;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #5C3E90;
	}
a:focus, a:hover, a:active { 
	text-decoration: underline; 
	color: #4A2885;
	}

table {
	  border-top: 3px solid	#4A2885;
	  border-left: 3px solid	#4A2885;
	  border-collapse: collapse;
	  }
	  
td, th{
	  border-bottom: 3px solid	#4A2885;
	  border-right: 3px solid	#4A2885;
	  padding-left: 3px;
	  padding-right: 3px;
	  }
	  
#pagehead {
		position: absolute; top: 20px;
		margin-left:20px;
		margin-top:20px;
		margin-bottom:20px;
		margin-right:20%;
		padding-right: 200px;
		width:700px;
		clear: right;
		border-bottom: #4A2885 ridge;
		text-align: center;
}

#pagehead img {
		margin: 10px;
		padding-right: 40px;
		padding-left: 20px;
		float: left;
			  }
		  
#pagehead h1 { 
	}
	
#pagehead h2{ 
	}
	
#pagehead h3 { 
		font: italic normal 12pt georgia; 
		line-height: 4pt;
		letter-spacing: 1px; 
		margin-bottom: 0px; 
	}
	
#navbar {
		position: absolute; top: 275px;
		margin-right: 20px;
		}
		
#navbar ul {
list-style:none;
}
#navbar li {
background: url(../images/pawprint1.gif) no-repeat; 
padding-left: 25px;
}
#pagecore {
		 position: absolute; top:275px; left: 200px;
		 margin-right: 10%;
		 }
		 
#content {			   	   	 			/*for POSMSIE*/
		 font-size: large;
	     background-color: #FFFFFF;
		 width: 70%;
		 padding: 10px;
		 border: #4A2885 ridge;
		 }
		 
html>body #content {	 	   	   		/*for standards compliant browsers*/
		 font-size: large;
	     background-color: #FFFFFF;
		 width: 95%;
		 padding: 10px;
		 border: #4A2885 ridge;
		 }
		 
#dnloads {
		 margin: 20px;
		 }
		 
#dnloads p{
		 margin: 2px;
		 }
		 
#tailpiece {
		   margin: 25px;
		   text-align: center;
		   }
#tailpiece img{
		   float: left;
		   }
		   
div.staffunction {
				 clear: left;
				 margin: 30px;
				 }
		 
div.staffmem {
			 clear: left;
			 margin: 20px;
			 }
			 
div.staffbio {
			 margin-left: 40px;
			 }
img.staffpict {
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		}

			 
#map {
		 border: #4A2885 ridge;
		 }
#mapquest {
		   text-align: center;
		   margin: 10px;
		  }
#emailus {
		position: absolute; top: 600px; left: 50px;
		}
		
ul#gallery, #gallery ul{
/*Remove all spacings and bullets*/
	list-style-type: none;
	width: 100%;
	margin-bottom: 20px;
	padding: 0;
}

ul#gallery>li{
	float: left;
	padding-bottom: 50px;
	padding-left: 0px;
	margin: 10px;
	/*width: 320px;
	height: 525px;*/
	border: none;
}

.portrait {
	width: 320px;
	height: 427px;
}	

.landscape {
	width: 320px;
	height: 238px;
}	

/*ul#gallery>li{
	float: left;
	padding: 10px;
	margin: 10px;
	width: auto;
	height: auto;
	border: 1px solid transparent;
}*/


ul#gallery>li ul{
	padding: .8em;
	border: 1px solid #000;
	background-color: #fff;
	color: #000;
	font-size: 90%;
	max-width: 297px; /*prevent the popups from being too wide*/
	display: none;
	position: absolute;
}

ul#gallery>li ul li{
	margin-top: 2px; /*some spacing between the image data*/
}

ul#gallery>li:hover {
/*of course, the colors are customizable*/
	color: #369;
	background-color: transparent;
	border-color: #369;
}

ul#gallery>li:hover ul {
	display: block;
	list-style-type: none;
}

ul#gallery ul:after{
/*display the '(click to view the larger version of this image)' at the bottom of the popups*/
	content: "(click to view the larger version of this image, broadband connection preferred)";
	font-size: 90%;
	text-align: left;
	border-top: 1px solid #999;
	display: block;
	margin-top: 1em;
}

ul#gallery img{			   	   	 			/*for POS IE*/
/*width and height may be adjusted according to the dimension size of the thumbnail images*/
	width: 100%;
	height: 100%;
	display: block;
}

html>body ul#gallery img{	 	   	   		/*for standards compliant browsers*/
/*width and height may be adjusted according to the dimension size of the thumbnail images*/
	width: 100%;
	height: 100%;
	display: block;
}
ul#gallery:after{
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility:hidden;
}