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

/* --------------------------------- */
/* -- General                     -- */
/* --------------------------------- */
body {
	font-family: 		Arial, sans-serif;
	font-size:			10pt;
	color: 				#444444;
	background-color:	#5A77A5;
	background-image: 	url(images/background.jpg);
	background-repeat:	repeat-x;
	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:link {
	color: 				#4A5788;
	text-decoration: 	underline;
}
a:visited {
	color: 				#5A77A5;
	text-decoration: 	underline;
}
a:hover {
	text-decoration: 	underline;
	color: 				#FFFFFF;
	background-color: 	#5A77A5;
}
a.external {
	padding:			0px 15px 0px 0px;
	background-image:	url(images/icon_www.gif);
	background-repeat:	no-repeat;
	background-position:top right;
}
a.pdf {
	padding:			0px 20px 0px 0px;
	background-image:	url(images/icon_pdf.gif);
	background-repeat:	no-repeat;
	background-position:top right;
}
ul {
	margin: 			0px;
	padding: 			0px 0px 10px 30px;
	list-style-image: 	url(images/li.gif);
	list-style-type: 	circle;
}


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

div.header {
	position:			relative;
	top:				10px;
	width: 				780px;
	height:				25px;
	margin: 			0px auto;
	text-align: 		left;
	background-color:	#033A97;
	background-image: 	url(images/header.jpg);
	background-repeat:	repeat-x;
}
h1 {
	margin: 			0px;
	padding: 			3px 0px 0px 5px;
	height:				25px;
	font-size:			9pt;
	font-weight:		normal;
	color:				#999999;
}
a.h1:link {
	color: 				#ECF2F4;
	text-decoration: 	none;
}
a.h1:visited {
	color: 				#ECF2F4;
	text-decoration: 	none;
}
a.h1:hover {
	color: 				#FCF294;
	text-decoration: 	none;
}
span.google {
	position:			absolute;
	top:				0px;
	left:				390px;
	width:				390px;
	text-align:			right;
}


/* --------------------------------- */
/* -- Index                       -- */
/* --------------------------------- */

/*
div.welcome {
	SEE transitional.css
}
*/

/*
div.welcome_prime {
	SEE transitional.css
}
*/

div#welcome_resume_icon {
	position:			absolute;
	left:				10px;
	top:				300px;
	width: 				128px;
	height: 			128px;
	background-image:	url(images/icon_crystal_display_128.png);
	display:			none;
}
div#welcome_resume_para {
	position:			absolute;
	left:				150px;
	top:				300px;
	width: 				550px;
	height: 			128px;
	color:				#EEEEEE;
	font-size: 			11pt;
	display:			none;
}

div#welcome_academics_icon {
	position:			absolute;
	left:				10px;
	top:				300px;
	width: 				128px;
	height: 			128px;
	background-image:	url(images/icon_crystal_pda_alt_128.png);
	display:			none;
}
div#welcome_academics_para {
	position:			absolute;
	left:				150px;
	top:				300px;
	width: 				550px;
	height: 			128px;
	color:				#EEEEEE;
	font-size: 			11pt;
	display:			none;
}

div#welcome_about_icon {
	position:			absolute;
	left:				10px;
	top:				300px;
	width: 				128px;
	height: 			128px;
	background-image:	url(images/icon_crystal_identity_128.png);
	display:			none;
}
div#welcome_about_para {
	position:			absolute;
	left:				150px;
	top:				300px;
	width: 				550px;
	height: 			128px;
	color:				#EEEEEE;
	font-size: 			11pt;
	display:			none;
}
div#welcome_prime_para {
	position:			absolute;
	left:				50px;
	top:				355px;
	width: 				600px;
	font-size: 			11pt;
	color:				#EEEEEE;
}

h1.index {
	font-size: 			18pt;
	font-weight:		normal;
	color:				#5A77A5;
	margin: 			0px;
	padding:			0px 0px 5px 0px;
	color:				#FCF294;
}

/* --------------------------------- */
/* -- Tabs                        -- */
/* --------------------------------- */

/*
div.shade {
	SEE transitional.css
}
*/

div.tabs {
	position:			absolute;
}
span.tab {
	margin: 			0px 0px 0px 3px;

}
img.tab {
	margin:				4px 5px 0px 0px;
	vertical-align:		middle;
}
a.tab {
	display:			block;
	float:				left;
	padding:			0px 10px 0px 0px;
	height:				40px;
	left:				0px;
	font-size:			11pt;
}
a.tab:link {
	color: 				#FFFFFF;
	text-decoration:	none;
}
a.tab:visited {
	color: 				#FFFFFF;
	text-decoration:	none;
}
a.tab:hover {
	color: 				#FCF294;
	background-color:	#033A97;
	text-decoration:	none;
}
a.tab_on {
	display:			block;
	float:				left;
	padding:			0px 10px 0px 0px;
	height:				40px;
	left:				0px;
	font-size:			11pt;
	background-color:	#033A97;
}
a.tab_on:link {
	color: 				#FFFFFF;
	text-decoration: 	none;
}
a.tab_on:visited {
	color: 				#FFFFFF;
	text-decoration: 	none;
}
a.tab_on:hover {
	color: 				#FFFFFF;
	background-color:	#033A97;
	text-decoration: 	none;
}

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

div#content {
	position:			relative;
	top:				10px;
	width: 				780px;
	height:				430px;
	margin: 			0px auto;
	text-align: 		left;
	background-color:	#ECF2F4;
	background-image:	url(images/splash_limo.jpg);
	background-repeat:	no-repeat;
}
div.content {
	position:			relative;
	top:				10px;
	width: 				780px;
	margin: 			0px auto;
	text-align: 		left;
	background-color:	#ECF2F4;
}
div.page {
	position:			relative;
	margin-bottom:		150px;
	top:				130px;
	left:				200px;
	width:				560px;
}
h2 {
	font-size: 			18pt;
	color:				#5A77A5;
	margin: 			0px;
	padding:			0px 0px 5px 0px;
}
h3 {
	border-bottom:		1px solid #5A77A5;
	font-size: 			13pt;
	color:				#5A77A5;
	margin: 			0px;
	padding:			15px 0px 5px 0px;
}
div.entry {
	position:			relative;
	left:				20px;
	width:				500px;
	padding:			5px 0px 0px 0px;
}
span.entry {
	position:			relative;
	width:				440px;
	padding:			7px 0px 0px 0px;
}
span.date {
	position:			absolute;
	left:				375px;
	text-align:			left;
	color:				#777777;
}
div.mini_footer {
	height:				33px;
	padding:			3px 0px 0px 3px;
	color:				#AAAAAA;
	border-top:			1px solid #CCCCCC;
	font-size:			9pt;
	background-image:	url(images/footer_mini.jpg);
	background-repeat:	repeat-x;
	background-position:bottom;
}
img.right {
	float:				right;
	margin:				15px 0px 10px 10px;
}
img.left {
	float:				left;
	margin:				0px 10px 10px 0px;
}
p.thin {
	width:				476px;
}
b.green {
	color:				#008800;
}
b.red {
	color:				#FF0000;
}
span.code {
	font-family: 		Courier New;
}

/* --------------------------------- */
/* -- Toolbar                     -- */
/* --------------------------------- */

div.toolbar {
	position:			absolute;
	top:				130px;
	left:				10px;
	width:				170px;
	border-style:		inset;
	border-width:		1px;
	border-color:		#888888;
	background-color: 	#FFFFFF;
}
a.tool {
	margin:				0px 0px 0px 0px;
	display:			block;
	width:				100%;
	color: 				#5A77A5;
	text-decoration: 	none;
}
a.tool:link {
	text-decoration: 	none;
}
a.tool:visited {
	text-decoration: 	none;
}
a.tool:hover {
	color: 				#FFFFFF;
	background-image:	none;
	background-color:	#5A77A5;
	text-decoration: 	none;
}
a.tool_on {
	margin:				0px 0px 0px 0px;
	display:			block;
	width:				100%;
	color:				#000000;
	background-color:	#FCFEB4;
	text-decoration: 	none;
}
a.tool_on:link {
	color: 				#000000;
	text-decoration:	none;
}
a.tool_on:visited {
	color: 				#000000;
	text-decoration:	none;
}
a.tool_on:hover {
	color: 				#FFFFFF;
	background-image:	none;
	background-color:	#5A77A5;
	text-decoration:	none;
}
ul.tool_main {
	margin:				0px;
	padding:			0px 0px 0px 0px;
	list-style-image: 	none;
}
ul.tool {
	margin:				0px;
	padding:			0px 0px 0px 0px;
	list-style-image: 	none;
	background-image:	url(images/ul.gif);
	background-repeat:	repeat-y;
}
li.tool_main {
	padding:			3px 0px 3px 0px;
	background-color:	#EDEDED;
	list-style-type: 	none;
	border-style:		inset;
	border-width:		1px;
	border-color:		#4A5788;
	border-left:		none;
	border-right:		none;
	border-top:			none;
}
li.tool_main_present {
	padding:			3px 0px 3px 0px;
	background-color:	#FFFFFF;
	list-style-type: 	none;
	border-style:		inset;
	border-width:		1px;
	border-color:		#4A5788;
	border-left:		none;
	border-right:		none;
	border-top:			none;
}
li.tool_sub {
	padding:			0px 0px 3px 15px;
	list-style-type: 	none;
	background-image:	url(images/ul_sub.gif);
	background-repeat:	no-repeat;
}
li.tool_sub_present {
	padding:			2px 3px 2px 15px;
	list-style-type: 	none;
	background-color:	#FCFEC4;
}
li.tool_sub_sub {
	margin-top:			1px;
	padding:			0px 0px 3px 20px;
	list-style-type: 	none;
	background-image:	url(images/ul_sub_sub.gif);
	background-repeat:	repeat-y;
}
li.tool_sub_special {
	padding:			10px 0px 3px 15px;
	list-style-type: 	none;
	background-image:	url(images/ul_sub_special.gif);
	background-repeat:	no-repeat;
}

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

div.footer {
	width: 				780px;
	height:				50px;
	margin: 			0px auto;
	margin-top:			0px;
	padding:			13px 0px 0px 0px;
	text-align: 		right;
	color:				#FFFFFF;
	background-image:	url(images/footer.jpg);
	background-repeat:	repeat-x;
}
h4 {
	margin: 			3px 3px 0px 5px;
	padding: 			0px 0px 0px 0px;
	font-size:			8pt;
	font-weight:		normal;
	color:				#999999;
}
a.h4:link {
	color: 				#ECF2F4;
	text-decoration: 	none;
}
a.h4:visited {
	color: 				#ECF2F4;
	text-decoration: 	none;
}
a.h4:hover {
	color: 				#FCF294;
	text-decoration: 	none;
}

a.mini_footer:link {
	color: 				#5A77A5;
	text-decoration: 	none;
}
a.mini_footer:visited {
	color: 				#5A77A5;
	text-decoration: 	none;
}
a.mini_footer:hover {
	color: 				#5A77A5;
	background-color:	#000000;
	text-decoration: 	none;
}