* {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #F9F9F9;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
td img {
	display: block;/* Mozilla/Netscape bug with making sure our images display correctly */
}
.style1 {
	color: #990000;
}
.style2 {
	color: #000000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.style3 {
	color: #FFFFFF
}
.style4 {
	font-size: 16;
	font-family: Arial, Helvetica, sans-serif;
}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
}
#headerLYR {
	height: Auto;
	width: 750px;
	overflow: visible;
	z-index: 10;
	visibility: visible;
	position: relative;
	background-color: #C1C1C1;
	margin-right: auto;
	margin-left: auto;
}
#contentLYR {
	height: auto;
	width: 710px;
	z-index: 20;
	left: 0px;
	position: relative;
	overflow: hidden;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	top: 35px;
	bottom: 0px;
	background-color: #EEEEEE;
	border-top-style: solid;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin: 0px;
}
#title {
	position:absolute;
	width:750px;
	height:28px;
	z-index:10;
	overflow: hidden;
	left: 0px;
	top: 121px;
	text-align: left;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
	font-variant:small-caps;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 6px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding-left: 4px;
}
@media screen {
#bird {
	position:absolute;
	width:auto;
	height:auto;
	z-index:12;
	overflow: hidden;
	left: 19px;
	top: 33px;
}
#menu {
	width: 711px;
	position: absolute;
	height: 20px;
	top: 92px;
	left: 18px;
	overflow: hidden;
	z-index: 11;
}
div.print {
	display: none;
	visibility: hidden;
}
#home {
	position:absolute;
	width:auto;
	height:auto;
	z-index:4;
	left: 295px;
	top: 0px;
}
#mail {
	position:absolute;
	width:auto;
	height:auto;
	z-index:4;
	left: 340px;
	top: 0px;
}
#map {
	position:absolute;
	width:auto;
	height:auto;
	z-index:4;
	left: 385px;
	top: 0px;
}
#links {
	position:absolute;
	width:auto;
	height:auto;
	z-index:4;
	left: 430px;
	top: 0px;
}
}
#exo {
	position:absolute;
	width:auto;
	height:auto;
	z-index:1;
	left: 452px;
	top: 0px;
}
#res {
	position:absolute;
	width:auto;
	height:auto;
	z-index:1;
	left: -1px;
	top: 0px;
}
#rel {
	position:absolute;
	width:auto;
	height:auto;
	z-index:11;
	left: 301px;
	top: 0px;
}
#com {
	position:absolute;
	width:auto;
	height:auto;
	z-index:1;
	top: 0;
	left: 150px;
}
#rst {
	position:absolute;
	width:auto;
	height:auto;
	z-index:12;
	left: 603px;
	top: 0;
}
#about {
	position:absolute;
	width:auto;
	height:auto;
	z-index:13;
	left: 754px;
	top: 0;
}
}
.pic {
	border: 5px outset #990000;
}
/*===========================================================================================
class:
	mnu
description:
	roleover handler for main navigation menu.
===========================================================================================*/
.mnu {
	width: 754px;
	margin-left: 0px;
	left: 0px;
}

.mnu li {
	display: inline;
}
.mnu li a {
	background-color:#B4B4B4;
	border: 1px solid #B56B73;
	position: relative;
	float: left;
	display: block;
	width: 110px;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin-left: 6px;
}
.mnu li a:link {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.mnu li a:visited {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.mnu li a:hover {
	background-color:#B56B73;
	border: 1px solid #990000;
	color: #000000;/*	font-size: 150%;
	z-index: 2;
	font-family: Arial, Helvetica, sans-serif;
	margin: 2px;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: 1px solid #666666;*/
}
/*===========================================================================================
class: 
	ico
description:
	magnify navigation icons by 10%
===========================================================================================*/
.ico {
	width: 16px;
	list-style: none none;
}

.ico a {
	margin: 2px;
	padding: 4px;
	position: relative;
	float: left;
	display: block;
	width: 16px;
	height: 16px;
}

.ico a img {
	position: absolute;
	width: 16px;
	height: 16px;
	left: 4px;
	top: 4px;
}

.ico a:hover img,.th a:focus img {
	width: 75%;
	height: 75%;
	z-index: 1;
}
/*===========================================================================
class: 
	.tmb
description:
	magnify thumbnail by 10% 
===========================================================================*/
.tmb {
	width: 115;
	list-style: none none;
	position: relative;
	height: 115;
	margin: 0px;
	border: thick none #990000;
}
.tmb a {
	margin: 2px;
	padding: 4px;
	position: relative;
	float: left;
	display: block;
	width: 110px;
	height: 110px;
}
.tmb a img {
	border: medium none #990000;
	position: absolute;
	width: 110px;
	height: 110px;
	left: 3px;
	top: 3px;
}
.tmb a:hover img,.tmb a:focus img {
	width: 105%;
	height: 105%;
	left: -5.5px;
	top: -5.5px;
	z-index: 1;
}
/*******************************************************************************
class:
	.gal
description:
	display list of objects containing a thumbnail image and text description
*******************************************************************************/
.gal {
	width: 750px;
	list-style: none none;
}
.gal li {
	list-style: none none;
	display: inline;
}
.gal li div
	{
		display: block;
		width: 315px;
		position: relative;
		z-index: auto;
		height: 110px;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		padding: 20px;
		float: left;
	}
.gal li div a {
	position: relative;
	float: left;
	display: block;
	width: auto;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	margin: 2px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.gal li div img {
	height: 110px;
	width: 110px;
	margin: 5px;
	border: medium solid #990000;
}
.gal li div h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	white-space: normal;
}
.gal li a:hover img,.gal li a:focus img {
	width: 115px;
	height: 115px;
	z-index: 1;
	border: medium solid #990000;
	left: -5px;
	top: -5px;
}
.gal:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}
#footer {
	position:relative;
	width:750px;
	height:20px;
	z-index:11;
	left: 0px;
	bottom: 0px;
	text-align: center;
	margin-top: 33px;
	background-color: #8F8F8F;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#copyright {
	position:absolute;
	width:auto;
	height:17px;
	z-index:1;
	left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
}
#address {
	position:absolute;
	width:auto;
	height:17px;
	z-index:1;
	right: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
}

@media print {
#menu {display:none; visibility:hidden;}
#bird {display:none; visibility:hidden;}
#headerLYR #home {display:none;visibility: hidden;}
#headerLYR #mail {display:none;visibility: hidden;}
#headerLYR #map {display:none;visibility: hidden;}
#headerLYR #links {display:none;visibility: hidden;}
div.print {display: inline;visibility: visible;}
}