/*********** Web Design By ***********/
/* Dave Heppenstall - Heppenstall.ca */
/* E-mail dave AT heppenstall DOT ca */
/*************************************/

body {
	font-family: 		Arial, sans-serif;
	font-size:			10pt;
	color: 				#444444;
	background-color:	#EEEEEE;
	margin: 			0px;
	padding: 			0px 0px 0px 0px;
	text-align: 		center;
}
form {
	margin: 			0px;
	padding: 			0px 0px 0px 0px;
}
img {
	border: 			0px;
}
img.preload {
	display:			none;
	visibility: 		hidden;
}
span {
	margin: 			0px;
	padding: 			0px 0px 0px 0px;
	border: 			0px dashed #00FF00;
}
div {
	border: 			0px dashed #FF0000;
}
a {
	text-decoration: 	underline;
}
a:link {
	color: 				#3555A2;
}
a:visited {
	color: 				#6585D2;
}
a:hover {
	color: 				#7EBB80;
}
ul {
	margin: 			0px 0px 0px 0px;
	padding: 			5px 0px 10px 20px;
	list-style-image: 	url(images/dot.gif);
	list-style-type: 	circle;
}
li {
	margin: 			0px 0px 0px 10px;
	padding: 			0px 0px 5px 5px;
}

/* --------------------------------- */
/* Header                            */
/* --------------------------------- */

div.header {
	position:			relative;
	margin: 			0px auto;
	width: 				995px;
	height:				85px;
	padding:			0px 0px 0px 0px;
	background-color:	#0A1D47;
	background-image: 	url(images/header.jpg);
	border-left:		1px solid #000000;
	border-right:		1px solid #000000;
	text-align: 		left;
}
img.logo {
	position:			absolute;
	top:				9px;
	left:				15px;
}
div.reg {
	position:			absolute;
	top:				18px;
	left:				67px;
	font-size:			6pt;
	color:				#86BA96;
}
img.divide {
	position:			absolute;
	top:				14px;
	left:				90px;
}
h1 {
	position:			absolute;
	top:				47px;
	left:				110px;
	font-size:			11pt;
	font-weight:		bold;
	color:				#B2F9C1;
	padding: 			0px 0px 0px 0px;
	margin: 			0px 0px 0px 0px;
}
a.h1:link {
	color:				#B2F9C1;
	text-decoration:	none;
}
a.h1:visited {
	color:				#B2F9C1;
	text-decoration:	none;
}
a.h1:hover {
	color:				#B2F9C1;
	text-decoration:	none;
}
a.top_nav {
	text-decoration: 	underline;
}
a.top_nav:link {
	color: 				#FFFFFF;
}
a.top_nav:visited {
	color: 				#DDDDDD;
}
a.top_nav:hover {
	color:				#86BA96;
}

/* --------------------------------- */
/* Content                           */
/* --------------------------------- */

div.panel {
	position:			absolute;
	top:				0px;
	left:				0px;
}
div.content {
	position:			relative;
	margin: 			0px auto;
	width: 				995px;
	padding:			0px 0px 0px 0px;
	background-color:	#FFFFFF;
	border-left:		1px solid #000000;
	border-right:		1px solid #000000;
	text-align: 		left;
}
div.banner {
	position:			relative;
	left:				223px;
	width:				770px;
	height:				150px;
	background-color:	#0A1D47;
	background-image: 	url(images/banner.jpg);
	border-top:			1px solid #000000;
	border-left:		1px solid #000000;
	border-bottom:		1px solid #000000;
}
div.object {
	position:			absolute;
	top:				0px;
	left:				550px;
	width:				220px;
	height:				150px;
}
h2.banner {
	position:			absolute;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
	top:				10px;
	left:				20px;
	color:				#FFFFFF;
	font-size:			17pt;
	font-weight:		bold;
}
h2.banner_drop {
	position:			absolute;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
	top:				12px;
	left:				22px;
	color:				#000000;
	font-size:			17pt;
	font-weight:		bold;
}

h2.banner_sub {
	position:			absolute;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
	top:				50px;
	left:				20px;
	color:				#FFFFFF;
	font-size:			11pt;
	font-weight:		bold;
}
div.page {
	position:			relative;
	left:				223px;
	width:				770px;
	background-image: 	url(images/page.jpg);
	background-repeat:	no-repeat;
	padding-bottom:		10px;
}
span.callout {
	float:				right;
	margin-right:		20px;
	width:				205px;
}
h2 {
	padding:			10px 0px 0px 10px;
	margin:				0px 0px 0px 0px;
	color:				#3555A2;
	font-size:			16pt;
	font-weight:		normal;
}
h3 {
	padding:			7px 0px 0px 10px;
	margin:				0px 0px 0px 0px;
	color:				#3555A2;
	font-size:			12pt;
	font-weight:		normal;
}
h3.right {
	padding:			200px 0px 5px 0px;
	margin:				0px 0px 0px 0px;
	color:				#3555A2;
	font-size:			11pt;
	font-weight:		normal;
}
div.page_content {
	position:			relative;
	left:				10px;
	width:				500px;
	padding-bottom:		5px;
}

/* --------------------------------- */
/* Navigation                        */
/* --------------------------------- */

ul.navigation {
	background-color:	#FFFFFF;
	border:				1px solid #DDDDDD;
	width:				200px;
	margin: 			0px 0px 0px 10px;
	padding: 			0px 0px 0px 0px;
}
li.navigation {
	margin: 			8px 0px 8px 20px;
	padding: 			0px 0px 0px 0px;
	border-bottom:		1px dotted #777777;
	list-style-type: 	none;
	list-style-image: 	none;
}
li.navigation_on {
	margin: 			8px 0px 8px 20px;
	padding: 			0px 0px 0px 0px;
	background-color:	#0A1D47;
	border-bottom:		1px dotted #777777;
	list-style-type: 	disc;
	list-style-image: 	url(images/li.jpg);
	background-image: 	url(images/li_present.jpg);
}
a.navigation_on:link {
	text-decoration: 	none;
	font-weight:		bold;
	color:				#FFFFFF;
}
a.navigation_on:visited {
	text-decoration: 	none;
	font-weight:		bold;
	color:				#FFFFFF;
}
a.navigation_on:hover {
	text-decoration: 	none;
	font-weight:		bold;
	color:				#86BA96;
}


/* --------------------------------- */
/* Footer                            */
/* --------------------------------- */

div.footer {
	position:			relative;
	margin: 			0px auto;
	width: 				995px;
	height:				30px;
	padding:			0px 0px 0px 0px;
	border-left:		1px solid #000000;
	border-right:		1px solid #000000;
	background-color:	#436068;
	text-align: 		left;
}
div.bottom_nav {
	position:			absolute;
	top:				5px;
	left:				5px;
	font-size:			10pt;
	color:				#FFFFFF;
}
div.sub_footer {
	position:			relative;
	margin: 			0px auto;
	width: 				995px;
	height:				30px;
	padding:			0px 0px 0px 0px;
	border-left:		1px solid #000000;
	border-right:		1px solid #000000;
	border-bottom:		1px solid #000000;
	background-color:	#FFFFFF;
	text-align: 		left;
}
div.sub_bottom_nav {
	position:			absolute;
	top:				5px;
	left:				5px;
	font-size:			10pt;
	color:				#666666;
}