body {
	font-family: "Trebuchet MS", "Gill Sans MT", Arial, sans-serif;
	font-size: small;
/*	background-color: #b9c7af; */
    background-color:#bbbbbb;
	border-color:#bbbbbb;
	margin: 0 5 0 5;
	padding: 0px;
}

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}

div#title {
	font-family: 'Josefin Sans Std Light', "Palatino Linotype", serif;
    font-size: x-large;
	letter-spacing: 0.2em;
	color: #FFFFFF;
	position: relative;
	top: 0px;
	margin-right: 5em;
	text-align:center;
}

div#nav {
	position: absolute;
	top: 50px;
    width: 200px;
  	left: 0px;
	text-align: left;
	padding:5px;
}

div#main {
	position: absolute;
	top: 50px;
	left: 200px;
    width:610px;
	padding:5px;
	border-left:1px solid #ff6666; 
	border-right:1px solid #ff6666;
	text-align: center;
}

div#text {
	position: absolute;
	top: 50px;
	left: 200px;
	padding:5px;
	border-left:1px solid #ff6666; 
	text-align: left;
}

div#thumbs {
    position: absolute;
	top: 50px;
	left:820px;
	padding:5px;
    text-align:left;
}

caption {
    font-size:smaller;
    font-weight: bold;
}

div#thumbs a:link {
    color:#000000;
    font-size:smaller;
	font-weight: bold;
    text-decoration: none;
}
div#thumbs a:active {
    color:#000000;
    font-size:smaller;
	font-weight: bold;
    text-decoration: none;
	text-decoration: underline;
}
div#thumbs a:visited {
    color:#555555;
    font-size:smaller;
	font-weight: bold;
    text-decoration: none;
}
div#thumbs a:hover {
    color:#000000;
    font-size:smaller;
    font-weight: bold;
	text-decoration: underline;
}

/**************** style for navigation menus ****************/

Div#nav .text {
    font-size:smaller;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
div#nav h2 {
	font-size: small;
	color:#000000;
    text-decoration: none;
}

div#nav a:link {
    font-size:smaller;
    color:#000000;
	font-weight: bold;
    text-decoration: none;
}
div#nav ul a:active {
    color:#000000;
    font-size:smaller;
	font-weight: bold;
    text-decoration: none;
	text-decoration: underline;
}
div#nav ul a:visited {
    color:#555555;
    font-size:smaller;
	font-weight: bold;
    text-decoration: none;
}
div#nav ul a:hover {
    color:#000000;
    font-size:smaller;
    font-weight: bold;
	text-decoration: underline;
	/* background-color:#b8d0a6; */
}

/**************** thumbnail-image display ****************/

div#thumbA1 {
    position: absolute;
	top: 50px;
	left:0px;
	padding:5px;
    text-align:center;
}
div#thumbB1 {
    position: absolute;
	top: 50px;
	left: 160px;
	padding:5px;
    text-align:center;
	}
div#thumbA2 {
    position: absolute;
	top: 250px;
	left:0px;
	padding:5px;
    text-align:center;
}
div#thumbB2 {
    position: absolute;
	top: 250px;
	left:160px;
	padding:5px;
    text-align:center;
}
div#thumbA3 {
    position: absolute;
	top: 450px;
	left:0px;
	padding:5px;
    text-align:center;
}
div#thumbB3 {
    position: absolute;
	top: 450px;
	left:160px;
	padding:5px;
    text-align:center;
}
div#thumblink {
    position: absolute;
	top:0px;
	left:0px;
	padding:5px;
	font-size: small;
    text-align:left;
}


/**************** end of thumbnail-image display ****************/

/**************** images in text area display ****************/

div#text img {
	padding:5px;
	float:right;
}

/**************** end of images in text area display ****************/

/**************** grey scale display *****************/

.calib {
    
    text-align:left;
	font-size:small;
}
.color_line {
    float:left;
	height:25px;
	width:25px;
}
.clear {
    clear:both; 
	margin:0;
	padding:0;
}

/**************** end of grey scale display *************/