body {
	background-image: url(images/backgrounds/gold.strip.jpg);
	position: relative;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#top-left {
	background-image: url(Templates/top-left.gif);
	height: 67px;
	width: 110px;
	left: 0px;
	top: 0px;
	position: absolute;
}
#top-left-mid {
	position: absolute;
	background-image: url(Templates/top.gif);
	width: 75px;
	left: 110px;
	top: -67px;
	right: 20%;
	height: 61px;
}
#top-logo {
	background-image: url(Templates/top.gif);
	height: 62px;
	top: 0px;
	left: 110px;
	position: relative;
	z-index: 4;
	width: auto;
	margin-right: 215px;
}
#top-right-mid {
	position: absolute;
	background-image: url(Templates/top.gif);
	height: 66px;
	width: 75px;
	left: 575px;
	top: 0px;
}
#top-right {
	background-image: url(Templates/top-right.gif);
	height: 67px;
	width: 110px;
	position: absolute;
	right: 0px;
	z-index: 0;
	top: 0px;
}
#side-left {
	background-image: url(Templates/side.gif);
	width: 100px;
	top: 65px;
	position: absolute;
	left: 0px;
	height: 100px;
}
#side-right {
	background-image: url(Templates/side.gif);
	width: 100px;
	height: 100%;
	float: right;
}
#bot-left {
	position: relative;
	background-image: url(Templates/bot-left.gif);
	width: 110px;
	left: 0px;
	top: 0px;
	height: 72px;
}
#bot-mid {
	position: relative;
	background-image: url(Templates/bot.gif);
	top: -60px;
	height: 67px;
	width: auto;
	left: 110px;
	margin-right: 220px;
	z-index: 0;
}
#bot-right {
	background-image: url(Templates/bot-right.gif);
	width: 110px;
	height: 72px;
	float: right;
	clear: none;
}
#mainframe {
	position: relative;
	top: 0px;
	height: auto;
	background-image: url(Templates/side.gif);
	background-repeat: repeat-y;
	background-position: left;
	width:auto;
	z-index: 1;	
}
#centercontent {
	margin-left: 110px;
	height: 100%;
	background-image: url(Templates/side.gif);
	background-repeat: repeat-y;
	background-position: right;
	position: relative;
	top: auto;
}
#innercenter {
	position: relative;
	margin-right: 110px;
	background-color: #CACA97;
	border: thin outset;
	padding-left: 5px;
	padding-right: 5px;
	height: 100%;
}
#container {
	background-color: #999999;
	border: thin outset;
	/* a width of 100% causes too wide in NS and auto causes transparency not to work in IE */
	width:99%;
	filter:alpha(opacity=50);-moz-opacity:0.5;

}
#container * {filter:alpha(opacity=100);-moz-opacity:1.0; position:relative;}

#opt1 {
	background-color: #CCCC99;
	height: 25px;
	width: 85px;
	border: thin outset;
	position: absolute;
	z-index: 1;
	left: 4px;
	top: 100px;
}
#menu {
	position: absolute;
	height: 25px;
	width: 85px;
	left: 5px;
	top: 85px;
	text-align: left;
	z-index: 2;
}
div#menu a:link 
  {color:#000000;
		 text-decoration:none;}
div#menu a:visited 
  {color:#000000;
		text-decoration:none;}
div#menu div a:hover  {background-color:#CC9900; color:#000000; text-decoration:underline;}

		  
 
.menuoption {
	border: thin outset;
	left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	width: 99%;
	height: auto;
	background-color: #E0D7C2;
}

#earlygarneau {
	top: auto;
	right: 10px;
	float: right;
	margin-left: 10px;
}

#laurentgarneau {
	float:left;
	margin-left: 3px;
	margin-top: 3px;
	margin-right: 3px;
}

.normaltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
p {
}
#whoispg {
	font-size: small;
	margin-top: 10px;
	text-align: justify;
	position: static;
	border: thin outset;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #E0E0C2;
}
.photocaption {
	font-family: "Times New Roman", Times, serif;
	font-size: small;
	font-style: italic;
	text-align: center;
	display: block;
	font-weight: normal;
}
.largetext {
	font-size: medium;
}
.bordered {
	border: thin outset;
}
.titletext {
	font-family: "Times New Roman", Times, serif;
	font-size: large;
	font-weight: bold;
	font-style: normal;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	font-style: normal;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 4px;
	text-decoration: underline;
}
table {
	background-image: url(images/backgrounds/disdat-bronzed.jpg);
	border: thin outset;
	margin-bottom: 10px;
	margin-top: 10px;
}
td {
	background-color: #E1E1E1;
	border: thin inset;
}
.newsheading {
	font-weight: bold;
	background-color: #BEBEDA;
}
.newstitle {
	font-weight: bold;
	background-color: #E0E1F3;
}
a:link {
	color: #0033FF;
	text-decoration: none;
}
a:visited {
	color: #CC00CC;
	text-decoration: none;
}
a:hover {
	background-color: #000000;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}
#monthlymenu {
	position: absolute;
	right: -105px;
	width: 85px;
	height: 25px;
}
#toplayer {
	font-size: small;
	margin-top: 10px;
	text-align: justify;
	position: static;
	border: thin outset;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #E0E0C2;
	height: 100%;
	width: auto;
}
.floatleft {
	float: left;
	margin-right: 5px;
	border:none;
}
.floatright {
	float: right;
	margin-left: 5px;
	clear: both;
}

.blackborder {border:1px solid black;}
.homeheading {font:Geneva, Arial, Helvetica, sans-serif; font-size:medium; font-weight:bold; font-style:italic; color: #003333;}

#areamap {
	width: 50%;
}
.twntypcnwidth {
	width: 20%;
}
.break {
	clear: both;
	height: 1px;
}
UNKNOWN {

	POSITION: fixed
}
.mainc {
	padding: 0px;
}
ul {
	list-style-position: inside;
	margin-left:2px;
	list-style-type: square;
	box-sizing:content-box;
}
li {box-sizing: content-box; }
.XLtitletext {
	font-family: "Times New Roman", Times, serif;
	font-size: x-large;
	font-weight: bold;
	font-style: normal;
}
.smalltext {
	font-size: x-small;
}
