/* CSS Document */

html {
	font-size: 76%;
}

html * {
	font-size:100%;
}

body{
	margin:0px auto;
	padding:0;
	width:760px;
}

img{
	border:none;
}

#sarnia{
	float:left;
	width:71px;
	height:44px;
	display:block;
	text-indent:-9999px;
	background-image:url("../images/system/sarnia.jpg");
}

#london{
	float:left;
	width:51px;
	height:44px;
	display:block;
	text-indent:-9999px;
	background-image:url("../images/system/london.jpg");
}

#wallaceburg{
	float:left;
	width:79px;
	height:44px;
	display:block;
	text-indent:-9999px;
	background-image:url("../images/system/wallaceburg.gif");
}

#sarnia_sel{
	float:left;
	width:71px;
	height:44px;
	display:block;
	text-indent:-9999px;
	background-image:url("../images/system/sarnia_sel.jpg");
}

#london_sel{
	float:left;
	width:51px;
	height:44px;
	display:block;
	text-indent:-9999px;
	background-image:url("../images/system/london_sel.jpg");
}

#wallaceburg_sel{
	float:left;
	width:66px;
	height:44px;
	display:block;
	text-indent:-9999px;
	background-image:url("../images/system/wallaceburg_sel.gif");
}

#header_location{
	position: relative; left: 12px;
	float:left;
	width:547px;
	height:44px;
	background-image:url("../images/system/header_location.jpg");
}

#header_logo{
	float:left;
	width:760px;
	height:182px;
	background-image:url("../images/system/header_logo.jpg");
}

#navcontain{
	float:left;
	width:760px;
	height:27px;
}

#sidenav_date{
	float:left;
	width:380px;
	height:52px;
	background-image:url("../images/system/sidenav_date.jpg");
}

#sidenav_date_sept{
	float:left;
	width:380px;
	height:52px;
	background-image:url("../images/system/sidenav_date_sept.jpg");
}

#mailinglist{
	float:left;
	width:194px;
	height:52px;
	background-image:url("../images/system/mailinglist.jpg");
}

#mailinglistleft{
	float:left;
	width:50px;
	height:52px;
}

#mailinglistlink{
	float:left;
	display:block;
	text-indent:-9999px;
	font-size:0;
	width:144px;
	height:52px;
}

#mailinglist_spacer{
	float:left;
	width:186px;
	height:52px;
	background-image:url("../images/system/mailinglist_spacer.jpg");
}

#maincontain{
	float:left;
	width:760px;
	height:auto !important;
	height:613px;
	min-height:613px;
	background-image:url("../images/system/body_stretch.jpg");
}

#contentleftspace{
	float:left;
	width:10px;
	height:595px;
}

#contentbox{
	float:left;
	width:740px;
	height:auto !important;
	height:595px;
	min-height:595px;
	background-image:url("../images/system/contentbox.jpg");
	background-position:top;
	background-repeat:no-repeat;
}

#contentrightspace{
	float:left;
	width:10px;
	height:595px;
}


#insideleft{
	float:left;
	width:75px;
	height:595px;
}

#insideright{
	float:left;
	width:620px;
	height:auto !important;
	height:595px;
	min-height:595px;
}

tr.tablelistselect:hover { background-color: #CFCFFF; }
td.tablelistheadingnohover { background-color: #5b79b8; border-top: #d9dfea 1px solid; border-bottom: #0e1f5b 1px solid; border-left: #d9dfea 1px solid; border-right: #0e1f5b 1px solid; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: normal; }
td.tablelistheading { background-color: #5b79b8; border-top: #d9dfea 1px solid; border-bottom: #0e1f5b 1px solid; border-left: #d9dfea 1px solid; border-right: #0e1f5b 1px solid; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: normal; }
td.tablelistheading:hover { cursor: hand; background-color: #3b5998; border-top: #000000 1px solid; border-bottom: #000000 1px solid; border-left: #000000 1px solid; border-right: #000000 1px solid; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: normal; }
td.tablelistcell:hover { background-color: #CFCFFF; }
.tablelistselect { border-top: #000000 1px solid; border-bottom: #000000 1px solid; border-left: #000000 1px solid; border-right: #000000 1px solid;  font-family:  Arial,Verdana, sans-serif; font-size: 12px; color: #000000; }

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:400px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:406px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:406px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(/images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(/images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}