html, body {
	text-align: left;
	font-size: 8pt;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	}

p {
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

a {
	color: black;
	text-decoration: none;
	border: none;}

a.visited {
	text-decoration: none;}

a .alt { display: none; }

a.underline {text-decoration: underline;}

a:hover {text-decoration: underline;}

img {
	border: none;
	}

#page-container {
	width: 818px;
	margin: auto;
	}

#header {
width: 818px;
	}
	
#content {
	background-color: #cdcdcd;
	padding: 10px;
	text-align: justify;
	width: 818px;
	}

#content2 {
	background-color: #cdcdcd;
	padding: 10px;
	text-align: justify;
	width: 818px;
	height: 410px;
	}

#feature {float:left; margin:16px;}
#feature p{font-size: 10px; padding-left:4px;} 

#mycustomscroll {
	display:inline;
	float:right;
	margin-bottom: 10px;
	text-align: right;
	width: 490px;
	padding: 10px;
	position: relative;
	}

#aboutcontent {
	background-color: #cdcdcd;
	display:inline;
	float:right;
	margin-bottom: 10px;
	text-align: right;
	width: 490px;
	padding: 10px;
	position: relative;
	}

#aboutcontent .title2{
	overflow:none;
	margin: 0px;
	padding-right: 7px;
	text-align: right;
	font-size: medium;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	}

#mycustomscroll .title2{
	overflow:none;
	margin: 0px;
	padding-right: 7px;
	text-align: right;
	font-size: medium;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	}

#copy{
	display:inline;
	float:left;
	padding: 20px;
	padding-right: 10px;
	height: 375px;
	width: 270px;
	top: 0px;
	left: 0px;
	text-align: left;
}

#copy .title2{
	margin: 0px;
	padding-right: 7px;
	text-align: left;
	font-size: medium;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	}

#grid { 
	background-color: #cdcdcd;
	float: right;
	width: 322px;
	height: 415px;
	}
	
#column1 {
	background-color: #cdcdcd;
	margin-left: 20px;
	width: 84px;
	height: 415px;}
	
#column2 {
	margin-right: 15px;
	float: right;
	width: 84px;
	height: 415px;}

#column3 {
	margin-right: 20px;
	float: right;
	width: 84px;
	height: 415px;}

	
#smallbox1 { 
	position: relative;
	background-color: #c0c0c0; 
	top:20px;
	height: 63px; 
	width: 84px;  
	}
	
#smallbox2 { 
	position: relative;
	background-color: #c0c0c0; 
	top: 35px;
	height: 63px; 
	width: 84px;  
	}
	
#smallbox3 { 
	position: relative;
	background-color: #c0c0c0; 
	top: 50px;
	height: 63px; 
	width: 84px;  
	}
	
#smallbox4 { 
	position: relative;
	background-color: #c0c0c0; 
	top: 65px;
	height: 63px; 
	width: 84px;  
	}
	
#smallbox5 { 
	position: relative;
	background-color: #c0c0c0; 
	top: 80px;
	height: 63px; 
	width: 84px;  
	}
	
#footer {
	float: right;
	clear: both;
	height: 85px;
	}
	
	/* Rollover tags start */
#hoebel{
  display: block;
  width: 84px;
  height: 63px;
  background: url("images/thumbhoebel.jpg") no-repeat 0 0;

}

#hoebel:hover{ 
  background-position: 0 -63px;
}

#hoebel span{
  display: none;
  }

#momi{
  display: block;
  width: 84px;
  height: 63px;
  background: url("images/thumbmomi.jpg") no-repeat 0 0;

}

#momi:hover{ 
  background-position: 0 -63px;
}

#momi span{
  display: none;
  }
  
#liz{
  display: block;
  width: 84px;
  height: 63px;
  background: url("images/thumb211.jpg") no-repeat 0 0;

}

#liz:hover{ 
  background-position: 0 -63px;
}

#liz span{
  display: none;
  }

#william{
  display: block;
  width: 84px;
  height: 63px;
  background: url("images/thumbwilliam.jpg") no-repeat 0 0;

}

#william:hover{ 
  background-position: 0 -63px;
}

#william span{
  display: none;
  }
 
#ninetyone{
  display: block;
  width: 84px;
  height: 63px;
  background: url("images/thumb91.jpg") no-repeat 0 0;

}

#ninetyone:hover{ 
  background-position: 0 -63px;
}

#ninetyone span{
  display: none;
  }
  
#twinhouse{
  display: block;
  width: 84px;
  height: 63px;
  background: url("images/thumbtwin.jpg") no-repeat 0 0;
}

#twinhouse:hover{ 
  background-position: 0 -63px;
}

#twinhouse span{
  display: none;
  }

#poor {
  display: block;
  width: 84px;
  height: 63px;
  background: url("images/thumbpoor.jpg") no-repeat 0 0;
}

#poor:hover { 
  background-position: 0 -63px;
}

#poor span {
  display: none;
  }
  
#b {
  display: block;
  width: 84px;
  height: 63px;
  background: url("images/thumbbearley.jpg") no-repeat 0 0;
}

#b:hover { 
  background-position: 0 -63px;
}

#b span {
  display: none;
  }  
  
#geibkohso {
  display: block;
  width: 84px;
  height: 63px;
  background: url("images/thumbgeibkohso.jpg") no-repeat 0 0;
}

#geibkohso:hover { 
  background-position: 0 -63px;
}

#geibkohso span {
  display: none;
  }  
 
#draw {
  display: block;
  width: 84px;
  height: 63px;
  background: url("images/thumbdraw.jpg") no-repeat 0 0;
}

#draw:hover { 
  background-position: 0 -63px;
}

#draw span {
  display: none;
  }  

#white {
  display: block;
  width: 84px;
  height: 63px;
  background: url("images/thumbwhite.jpg") no-repeat 0 0;
}

#white:hover { 
  background-position: 0 -63px;
}

#white span {
  display: none;
  } 
 
#spring {
  display: block;
  width: 84px;
  height: 63px;
  background: url("images/thumb143.jpg") no-repeat 0 0;
}

#spring:hover { 
  background-position: 0 -63px;
}

#spring span {
  display: none;
  } 

#newmuseum {
  display: block;
  width: 84px;
  height: 63px;
  background: url("images/thumbnewmuseum.jpg") no-repeat 0 0;
}

#newmuseum:hover { 
  background-position: 0 -63px;
}

#newmuseum span {
  display: none;
  } 

#grand {
  display: block;
  width: 84px;
  height: 63px;
  background: url("images/thumb504.jpg") no-repeat 0 0;
}

#grand:hover { 
  background-position: 0 -63px;
}

#grand span {
  display: none;
  } 
 
#ames {
  display: block;
  width: 84px;
  height: 63px;
  background: url("images/thumbAmes.jpg") no-repeat 0 0;
}

#ames:hover { 
  background-position: 0 -63px;
}

#ames span {
  display: none;
  } 
/* Rollover tags finish */