/* Stylesheet for Website Homepage - Screen Width 1024 Pixels */
/* Version V1.0.0, 04/09/2007 WBM. */
/* Copyright 2007. Property of Design Atom  - www.designatom.com */

/* ------------------------------------------------------------------------- */
/* CONTENT LAYOUT */

/* Main Page Content Area */
div.content {
	width: 1013px; 
	z-index: 0;
	background-color: #FFFFFF;
}

/* Left Side */
div.contentleft {
	width: 330px; 
	background-color: #FFFFFF;
	float: left;
	z-index: 0;
	border: 0px; 
	padding: 0px; 
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

/* Middle Content */
div.contentmain {
	width: 672px; 
	float: right;
	text-align: justify;
	z-index: 0;
	background-color: #FFFFFF;
	border: 0px; 
	padding: 0px; 
	margin: 0px;
}

/* First Content Column */
div.column1 {
	position: relative; 
	top: -15px; 
	left: 0px; 
	width: 168px;
	z-index: 0;
	float: left;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

/* Second Content Column */
div.column2 {
	position: relative; 
	top: 85px; 
	left: 0px; 
	width: 168px;
	z-index: 0;
	float: left;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

/* Third Content Column */
div.column3 {
	position: relative; 
	top: 85px; 
	left: 0px; 
	width: 168px;
	z-index: 0;
	float: left;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

/* Fourth Content Column */
div.column4 {
	position: relative; 
	top: -85px; 
	left: 0px; 
	width: 168px;
	z-index: 0;
	float: left;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

/* Fifth Content Column */
/* This floats under columns 2, 3 & 4 */
div.column5 {
	position: relative; 
	top: -60px; 
	left: 0px; 
	width: 504px;
	z-index: 1;
	float: right;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

/* Accessibility Options */
div.access {
	position: relative; 
	top: 0px; 
	left: 0px; 
	width: 150px; 
	height: 152px; 
	background-image: url(../_images/access_back.gif);
	z-index: 0;
	visibility: visible;
	border: 0px;
	padding: 0px;
	margin-bottom: 18px;
}

/* Category Icon Container */
div.icon {
	position: relative; 
	top: 0px; 
	left: 0px; 
	width: 150px; 
	height: 152px;
	z-index: 0;
	visibility: visible;
	border: 0px;
	padding: 0px;
	margin-bottom: 10px;
}

/* Footer Area */
div.footer {
	position: relative; 
	top: 0px; 
	left: 0px; 
	width: 1013px; 
	height: 50px;
	z-index: 3;
	padding: 0px;
	border: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}


/* ------------------------------------------------------------------------- */
/* Text Styles */

/* Header Style */
h1.start {
	position: relative;
	top: 30px;
	left: 50px;
	width: 534px;
	font-family: Arial; 
	font-size: 16pt; 
	font-weight: 500; 
	text-align: left; 
	color: #424242; 
	line-height: 110%; 
	margin: 0px; 
	padding: 0px; 
	border: 0px; 
	z-index: 1;
}

/* Large Title Text */
span.largestart {
	position: relative;
	top: 18px;
	left: 0px;
	width: 504px;
	font-family: Arial; 
	font-size: 32pt; 
	font-weight: bold; 
	text-align: left; 
	color: #46023F; 
	line-height: 110%; 
	margin-top: 0px; 
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	z-index: 1;
}

/* Accessibility Options Text Styles */
p.access {
	position: relative;
	top: 0px;
	left: 0px;
	font-family: MS Sans Serif, Arial; 
	font-size: 13pt; 
	font-weight: bold; 
	text-align: center; 
	color: #121212; 
	line-height: 140%; 
	margin: 0px;
}

/* Main Upper Text */
p.main {
	position: relative;
	top: 55px;
	left: 180px;
	width: 300px;
	font-family: Arial; 
	font-size: 13pt; 
	font-weight: 500; 
	text-align: justify; 
	color: #424242; 
	line-height: 120%; 
	margin: 0px; 
	padding: 0px; 
	border: 0px; 
	z-index: 1;
}

/* Hook Text */
p.hook {
	position: relative;
	top: 0px;
	left: 0px;
	width: 500px;
	font-family: Arial; 
	font-size: 15pt; 
	text-align: center; 
	color: #424242; 
	line-height: 110%; 
	margin: 0px;
	border: 0px;
	padding: 0px;
	z-index: 1;
}

/* Accessibility Options Text Styles */
p.access {
	position: relative;
	top: 0px;
	left: 0px;
	font-family: MS Sans Serif, Arial; 
	font-size: 13pt; 
	font-weight: bold; 
	text-align: center; 
	color: #121212; 
	line-height: 140%; 
	margin-top: 0px; 
	margin-bottom: 0px;
	margin-left: 0px; 
	margin-right: 0px;
}

/* Image Wrapper */
p.imgcont {
	position: relative;
	top: 0px;
	left: 0px;
	text-align: center; 
	margin: 0px; 
}

/* ------------------------------------------------------------------------- */

/* Hyperlink Styles */

/* Accessibility Links */
a.access {
	position: relative;
	top: 0px;
	left: 0px;
	font-family: MS Sans Serif, Arial; 
	font-size: 13pt; 
	font-weight: bold; 
	text-align: center; 
	color: #121212; 
	line-height: 140%; 
	margin: 0px;
	text-decoration: none;
}
a:hover.access {
	color: #FFFFFF; 
}

/* ------------------------------------------------------------------------- */
/* Image Styles */

/* Category Icon Image Style */
img.icon {
	position: relative;
	top: -3px;
	left: 0px;
	border: 0px; 
	padding: 0px; 
	margin: 0px; 
	z-index: 1;
}