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

/* --------------------------------- */
/* -- DEBUG                       -- */
/* --------------------------------- */
img {
	border: 			0px dashed #0000FF;
}
div {
	border: 			0px dashed #FF0000;
}

/* --------------------------------- */
/* -- General                     -- */
/* --------------------------------- */
form {
	margin: 			0px;
	padding: 			0px 0px 0px 0px;
}
body {
	font-family: 		Arial, sans-serif;
	font-size:			10pt;
	color: 				#000000;
	margin: 			0px;
	padding: 			0px 0px 0px 0px;
	background-color:	#000000;
	text-align: 		center;
}
td {
	font-size:			10pt;
}
h1 {
	font-size: 			14pt;
	color:				#AA0000;
	margin: 			0px;
	padding:			0px 0px 10px 0px;
}
h2 {
	font-size: 		11pt;
	color:			#AA0000;
	margin: 		0px;
	padding:		0px 0px 0px 0px;
}
ul {
	margin: 		0px;
	padding: 		10px 0px 10px 30px;
	list-style-image: 	url(images/skull_small.gif);
	list-style-type: 	circle;
}
li {
	padding:		5px 0px 0px 0px;
}

/* --------------------------------- */
/* -- Anchor Tags                 -- */
/* --------------------------------- */
a:link {
	color: 				#770000;
}
a:visited {
	color: 				#440000;
}
a:hover {
	color: 				#FF0000;
}

a.title_bar {
	padding:			0px 5px 0px 5px;
	text-decoration: 	none;
}
a.title_bar:link {
	color: 				#FFFFFF;
}
a.title_bar:visited {
	color: 				#FFFFFF;
}
a.title_bar:hover {
	color: 				#FFFFFF;
	background-color: 	#770000;
}

a.title_bar_on {
	padding:			0px 5px 0px 5px;
	color: 				#FFFFFF;
	background-color: 	#770000;
	text-decoration: 	none;
}
a.title_bar_on:link {
	color: 				#FFFFFF;
	background-color: 	#770000;
}
a.title_bar_on:visited {
	color: 				#FFFFFF;
	background-color: 	#770000;
}
a.title_bar_on:hover {
	color: 				#FFFFFF;
	background-color: 	#770000;
}

/* --------------------------------- */
/* -- Main Page Div(s)            -- */
/* --------------------------------- */

div.header {
	position:			relative;
	margin: 			0px auto;
	width: 				800px;
	height:				190px;
	padding:			0px 0px 0px 0px;
	background-color:	#000000;
	background-image: 	url(images/header.jpg);
	text-align: 		left;
}
img.title {
	position:			absolute;
	top:				40px;
	left:				30px;
}
img.subtitle {
	position:			absolute;
	top:				110px;
	left:				30px;
}
div.title_bar {
	position:			absolute;
	width: 				790px;
	font-size:			11pt;
	top:				167px;
	color:				#888888;
	text-align:			right;
}
div.splash_bar {
	position:			relative;
	margin: 			0px auto;
	margin-top:			20px;
	background-color:	#770000;
	background-image: 	url(images/splash_bar.gif);
	background-repeat:	no-repeat;
	width:				800px;
	height:				30px;
	text-align:			right;
}
div.splash {
	position:			relative;
	margin: 			0px auto;
	background-color:	#E1CDB5;
	background-image: 	url(images/postcard.jpg);
	background-repeat:	no-repeat;
	width:				800px;
	height:				300px;
	text-align:			left;
}
img.thumb_1 {
	position:			absolute;
	border: 			2px solid #790000;
	top:				25px;
	left:				25px;
}
img.thumb_2 {
	position:			absolute;
	border: 			2px solid #790000;
	top:				25px;
	left:				125px;
}
img.thumb_3 {
	position:			absolute;
	border: 			2px solid #790000;
	top:				25px;
	left:				225px;
}
img.thumb_4 {
	position:			absolute;
	border: 			2px solid #790000;
	top:				25px;
	left:				325px;
}
img.thumb_5 {
	position:			absolute;
	border: 			2px solid #790000;
	top:				25px;
	left:				425px;
}
img.thumb_prime {
	position:			absolute;
	border: 			2px solid #790000;
	top:				135px;
	left:				335px;
}
div.panel {
	position:			absolute;
	color:				#000000;
	top:				10px;
	left:				540px;
	width:				252px;
	text-align:			left;
}
div.content {
	position:			relative;
	margin: 			0px auto;
	color:				#000000;
	background-color:	#E1CDB5;
	width:				800px;
	text-align:			left;
}
div.content_frame {
	padding:			10px 0px 40px 10px;
	width:				550px;
}
div.sidebar {
	position:			absolute;
	top:				20px;
	left:				620px;
	width:				160px;
}
div.sidebar_item {
	width:				155px;
	background-color:	#EEEE99;
	border: 			2px solid #AA0000;
	margin-bottom:			10px;
}
div.sidebar_item_important {
	width:				155px;
	background-color:	#EEEE99;
	border: 			2px solid #FF0000;
	margin-bottom:			10px;
}
div.sidebar_item_less {
	width:				155px;
	background-color:		#DDDDDD;
	border: 			2px solid #880000;
	margin-bottom:			10px;
}
img.sidebar {
	border: 			2px solid #AA0000;
}
div.splash_footer {
	position:			relative;
	margin: 			0px auto;
	font-size:			1pt;
	background-color:	#770000;
	background-image: 	url(images/splash_footer.gif);
	background-repeat:	no-repeat;
	width:				800px;
	height:				15px;
	text-align:			right;
}
div.footer {
	position:			relative;
	margin: 			0px auto;
	width:				800px;
	text-align:			right;
	background-color:	#363636;
}
img.footer_left {
	position:			absolute;
	top:				4px;
	left:				0px;
}
img.footer_right {
	position:			absolute;
	top:				4px;
	left:				784px;
}
div.copyright {
	position:			relative;
	color:				#666666;
	margin: 			0px auto;
	padding-top:		5px;
	width:				800px;
	text-align:			left;
}