body {
	font-size: 10pt;
	font-family: verdana,arial, helvetica,sans-serif;
	color : #4e2d29; /* brown */
	/* background-color: #fffdda; */
}

a { text-decoration : none; }

img {border: none}



.content {
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 950px;
}



.text {
	line-height: 1.5em;
}

.text a {
	font-weight: bold;
	padding: 1px 2px;
}

.text a:link { color: #3b6f3a; } /* green */

.text a:visited { color: #7d2b01; } /* dark orange */

.text a:hover { color: #d65513; text-decoration: underline; } /* orange */



.left-column {
	width : 650px;
	float: left;
	text-align: center; /* positioning of home page images   */
	height: 500px;      /* ensure thumbnails remain on right */
	overflow: visible;
}

/* positioning of images on home page */
.left-column img {
	width: 130px; height: 130px; 
	margin: 0; padding: 14px; 
	border: 2px solid #ffffff;
}

/* positioning of large image on gallery page */
.left-column img.big {
	/* width: auto; height: auto; */
	/* to fix IE problem, width + height explicitly coded in showBig() */
	margin: 0; padding: 16px 0 0 0; 
	border: none;
}

.left-column .caption {
	margin: 0px 0px 5px 20px;
	padding: 0px;
	line-height: 1.2em;
}

.left-column a:hover img, .right-column a:hover img { border: 2px solid #804a44; }

.left-column a:active img, .right-column a:active img { border: 2px solid #4e2d29; }



/* contains title and navigation */
.upper-right {
	width: 290px;
	float: right;
	padding-top: 12px;
}



.title {
	float: right;
	width: 270px;
}

.title a.rollover {
	display: block;
	width: 249px;
	height: 46px;
	text-decoration: none;
	background: url("/images/mark-reid-rollover.jpg");
	}

.title a.rollover:hover {
	background-position: -249px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}



.sitenav {
	width : 290px;
	float: left;
	font-size : 11px;
	overflow: hidden;
}

.sitenav ul { display : inline; }

.sitenav li {
	float:left;
  	color: #ffffff;
	width: 78px; height: 26px; 
	margin : 4px 8px;
	display:block; 
	text-align: center;
 }
 
* html .sitenav li { margin : 4px; }


 
.sitenav a {
 	width: 78px; height: 20px; /* reduced height so bottom border not too big */
 	display: block;
 	/* text-decoration: none; */
 	background: url(/images/button-green-shadow.jpg) no-repeat;
 	padding-top: 6px; /* top padding to vertically centre text */
 }
 


.sitenav a:link, .sitenav a:visited { color: #ffffff; border: 2px solid #ffffff; }

.sitenav a:hover { color: #ffffff; border: 2px solid #804a44; }

.sitenav a:active { color: #ffffff; border: 2px solid #4e2d29; }

/* .sitenav a:hover.current { border: 2px solid #ffffff; } */



.right-column {
	width: 290px;
	float: right;
	margin-top: 28px;
}

/* positioning of thumbnail images */
.right-column img {
	width: 70px; height: 70px; 
	margin: 0; padding: 10px; 
	border: 2px solid #ffffff;
}

/* identifies current image */
.right-column a.current img, .right-column a:hover.current img { border: 2px solid #4e2d29; }




#bottom { clear: both; font-size: 1px; margin: 0px; line-height: 1px; }

/* set HTML height to 100% and then add a one-pixel margin to the bottom                 */
/* to force Firefox to draw a vertical scroll bar (prevents horizontal "shift" on shorter pages */

/* hide from IE mac \*/
html {
    min-height: 100%; border-bottom: 1px solid #ffffff; 
    margin-bottom: 1px;
}
/* end hiding from IE5 mac */

/*
.content { border: 1px solid #000; }
.left-column { border: 1px solid red; }
.upper-right { border: 1px solid blue; }
.sitenav { border: 1px solid green; }
*/