/* ---------- HTML Element Selectors ---------- */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #373a5b;
	background: white url(images/background.gif) repeat 0px 0px;
	margin: 0;
	height: 100%;
}

html{
	height: 100%;
}

* html #container{ height: 98%; } /* IE min-height hack */
* html #header{ width: 767px; } /* IE header width 1px hack */

h1{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #000080;
}

h2{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #000080;
}

h3{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #3399cc;
}

a{
	text-decoration: underline;
	color: #3399cc;
}

a:hover{
	text-decoration: none;
	color: #3399cc;
}

img{ border: none; }

/* ---------- ID Selectors ---------- */

#container{
	position: relative;
	min-height: 98%;
	margin: 0 auto;
	width: 793px;
	background: url(images/page-bg.gif) repeat-y;
	padding-bottom: 130px;
	margin-bottom: 5px;
}
	
	#navigation{
		margin: 0 auto;
		height: 57px;
		width: 767px;
		background: #3399cc url(images/whitedot.gif) repeat-x bottom left;
	}

	#header{
		position: relative;
		margin: 0 auto;
		height: 163px;
		width: 767px;
		border-top: 1px solid #000080;
		border-bottom: 1px solid #000080;
		background: url(images/header.jpg) no-repeat top center;
	}
	
	#headerBorder{
		margin: 0 auto;
		width: 767px;
		height: 8px;
		background: url(images/header-divider.gif) no-repeat top center;
	}
	
	#contents{
		position: relative;
		margin: 0 auto;
		padding: 10px;
		width: 747px;
	}
	
		#leftColumn{
			display: block;
			float: left;
			left: 0px;
			top: 0px;
			padding: 10px;
			width: 220px;
		}
		
		#centerColumn{
			display: block;
			left: 260px;
			top: 0px;
			padding: 10px;
			width: 220px;
		}
		
		#rightColumn{
			display: block;
			float: right;
			right: 0px;
			top: 0px;
			padding: 10px;
			width: 220px;
		}
	
#footer{
	position: relative;
	margin: -13em auto -4em;
	width: 767px;
	height: 130px;
	padding: 10px 0 0 0;
	font-size: 11px;	
	background: white url(images/footer3.gif) no-repeat;
}

/* ---------- Class Selectors ---------- */

.clear{
	clear: both;
}

.leftImage{
	display: block;
	float: left;
	margin: 10px 10px 10px 0;
	clear: both;
}

.centerImage{
	display: block;
	margin: auto;
	clear: both;
}

.rightImage{
	display: block;
	float: right;
	margin: 10px 0 10px 10px;
	clear: both;
}