@charset "utf-8";
/* CSS Document */

/* 


layout credit goes to Stu Nicholls


*/

@media screen, projection {
 
.BeNiceToMacIE5 {
font-family: "\"}\"";
font-family: inherit;
}
html, body, #wrapper, wrapper2 {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-height: 100%;
}
html>body, html>body #wrapper, html>body #wrapper2 {
height: auto;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f7f7f7;
}
div#wrapper {
position: absolute;
top: 0;
left: 0;
}
 
#header {
position:relative;
width: 100%;
float: left;
background-image: url(../images/headerbg.png);
background-repeat: repeat-x;
}
#headerContent {
	width: 1000px; 
	margin-left:auto; 
	margin-right: auto; 
	position:relative;
}
h1, h2{
	margin:0;
	padding: 0;
}
#logo {
	position: relative;	
	z-index: 5;
}
#navigation {
	float: left;
	width: 100%;
	height: 30px;
	background-color: #151515;
	border-bottom: 1px solid #6a6969;
	font-size: 12px;
}
#navigationContent {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	line-height: 30px;
	padding-right: 20px;
}
#navigation ul{
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation ul li{
	float: left;
	width: 60px;
	
}
#navigation h2 {
	font-size: 12px;
}
#navigation a{
	color: #8a8a8a;
	text-decoration: none;
}
#navigation a:hover{
	color: #c9c9c9;
}
#sidebar {
width:180px; float:left;
padding:10px;
background:#aaa;
}
 
 
.clear {
clear: both;
margin: 0;
padding: 0;
}
 
#footer {
	clear: both;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background:#888;
	color: #fef9ee;
	overflow:hidden;
	background-image: url(../images/footerbg.png);
	background-repeat: repeat-x;
}
#footerContent {
	width: 1000px; 
	margin-left: auto; 
	margin-right: auto; 
	position: relative;
	font-size: 10px;
	text-align: center;
}
#footerContent p{
	padding: 0;
	margin: 0;
	margin-top: 15px;
}
#footerContent p a{
	text-decoration: none;
	color: #FFF;
}
#footerContent p a:hover{
	text-decoration: underline;
}
#footerContent p.validatortext{
	color: #666;
}
 
#main {
margin: 0;
padding: 0;
width: 100%;
background-image: url(../images/mainbg.png);
background-repeat: repeat-x;
float: left;
}
#mainContent {
width: 1000px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
}
/* \*/
* html #footer {
position: absolute;
}
* html #main {
padding-bottom: 100px;
}
/* \*/
head:first-child+body div#footer {
position: absolute;
z-index:0;
}
head:first-child+body div#main {
padding-bottom: 100px;
}
#leftColumn{
	width: 200px;
	float: left;
	font-size: 12px;
	position: relative;
}
#leftColumn h2{
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	font-size: 14px;
	color: #07294f;
}
#leftColumn h3{
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #093b73;
}
#leftColumnTop {
	background-image: url(../images/lefttopbg.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 40px;
	width: 100%;
}
#leftColumnMiddle {
	background-image: url(../images/leftmiddlebg.png);
	background-position: right;
	background-repeat: repeat-y;
	width: 100%;
	color: #333;
}
#leftColumnBottom {
	background-image: url(../images/leftbottombg.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 40px;
	width: 100%;
}
#leftColumn ul{
	padding-left: 0px; padding-right: 0px;
	padding-top: 5px; padding-bottom: 5px;
	margin: 0;
	list-style-type: none;
	color: #165dab;
	font-size: 10px;
	margin-right: 10px;
}
#rightColumn{
	width: 800px;
	float: right;
	padding-top: 40px;
}
#rightColumnContent{
	margin-left: 10px;
	font-size: 12px;
	color: #093b73;
}
#rightColumnContent h2{
	color: #07294f;
	font-size: 14px;
}
#rightColumnContent ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-top: 10px;
}
#rightColumnContent ul li{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#rightColumnContent ul li a img{
	border: none;
}
#rightColumnContent dt {
	display: inline;
	width: 90px;
	float: left;
	clear: left;
}
#rightColumnContent dd {
	display: inline;
	float: left;
	margin-bottom: 10px;
}
#rightColumnContent dd a{
	text-decoration: none;
	font-weight: bold;
	color: #07294f;
}
#rightColumnContent dd a:hover{
	text-decoration: underline;
}
#rightColumnContent p{
	clear: left;
}
#rightColumnContent p a {
	text-decoration: none;
	color: #07294f;
	font-weight: bold;
}
#rightColumnContent p a:hover {
	text-decoration: underline;
}
 
@media all and (min-width:0px) {
head~body {height:100%;}
}