/* MAIN WEBSITE CODE */
body{
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 75%;
	margin: 0;
	padding: 0;
	text-align: center;}
#mainframe{
	margin: 3em auto;
	text-align: left;
	width: 38.5em;
	font-size: 1.4em;}
p{
	color: #666666;
	font-size: 0.8em;}
li{
	list-style: square;
	color: #666;
	padding-bottom: 1px;
	font-size: 0.8em;
	line-height: 2em;}
	
/* GENERAL LINK STYLES ON WEBSITE */	
a:link{
	color: #666;}	
a:hover{
	color: #000;}
a:visited{
	color: #666;}		
a:active{
	color: #666;}
	
/* CONTENT POSITIONING */
#header{
	margin-bottom: 2em;
	height: 58px;}
#content{
	clear: both;
	text-align: left;
	margin-bottom: 2em;
	min-height: 15em;}

#rule{
	border-bottom: 2px dashed #CCCCFF;}	

#header:after, #content:after, #footer:after{
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;}
/* LOGO POSITIONING and STYLES */
#logo{
	width: 320px;
	float: left;}
#pagetitle{
	float: left;
	color: #666;
	padding-left: 10px;
	font-size: 2.1em;
	text-align: left;
	height: 58px;
	line-height: 58px;
	font-family: Mistral;
	background: url(../images/purple-line.gif) 0 0 repeat-y;}
.numbers{
	float: right;
	margin-top: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 0.8em;
	background: url(../images/purple-line.gif) 12px 0 repeat-y;}


.center{margin-top: 30px; text-align: center; width: 100%; float: left; display: block; clear: both;}	



/* FOOTER POSITIONING and STYLES */


#footer {
	margin-bottom: 10px;
	clear:both;
	text-align: center;
	height: 2em;
	line-height: 2em;
	font-size: 0.8em;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #CCCCFF;}
.footer {
	display: block;
	float: left;
	border: 0;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	color: #333;
	text-decoration: none;
	font-weight: bold;}
#footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 38.5em;
	margin: 0 auto;}
#footer li {
	float: left;
	margin: 0 0 0 0;}
#footer a {
	display: block;
	width: 7.5em;
	text-decoration: none;
	text-align: center;
	
	color: #333;
	font-weight: bold;}
#footer a:hover {
	color: #666;
	text-decoration: underline;}





#copyright{
	float: right;
	color: #666;
	font-size: 0.8em;}	
#siteby{
	float: left;
	color: #666;
	font-size: 0.8em;}
	
/* GALLERY PAGE POSITIONS AND IMAGES */
.thumbnails{
	float: right;
	position: relative;
	left: 0;
	top: 5px;}
.thumbnail img{
	border: 2px solid white;
	margin: 0px;}
.thumbnail:hover{
	margin: 0px;}
.thumbnail:hover img{
	margin: 0px;}
.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	width: 393px;
	height: 236px;
	visibility: hidden;
	margin: 0px;}
.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;}
.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 2px;
	left: -398px; /*position where enlarged image should offset horizontally */
	z-index: 50;}
		
/* CONTACT PAGE FORM POSITIONING and STYLES */
#form{
	border: 0;}
#form ul {
	list-style: none;
	margin: 15px 0 0;
	padding: 0;}
#form li {
	list-style: none;
	padding-bottom: 1em;}
label {
	width: 6.5em;
	text-align: right;
	margin-right: 0.5em;
	float: left;
	display: block;}
#buttons{
	float: left;
	font-weight: bold;}	
#submit{
	background-color: #FFF;
	color: #666;
	border: 1px solid #ccf;
	font-family: Mistral;
	font-size: 1.3em;}
#reset{
	background-color: #FFF;
	color: #666;
	border: 1px solid #ccf;
	font-family: Mistral;
	font-size: 1.3em;}