html{overflow-y: scroll;}
body{
	background:#CCCCCC;
	margin: 0 0 7px 0;
	font-family: Arial, Helvetica, sans-serif;
}

/* DEFAULTS */
a, ul, h1, h2, p, img{
	outline: none;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
}

#mainWrap{
	width: 900px;
	margin: auto;
	background: url(../images/page.gif);
	border:1px solid #000000;
}

/* ---------------------------------------- HEADER */
#header{
	background: url(../images/header.png);
	height: 75px;
	position: relative;
}
#homeLink{
	position: absolute;
	display: block;
	height: 75px; 
	width: 415px;
}
#homeLink span{display: none;}
#headerBanner{
	width: 468px;
	height: 60px;
	float: right;
	margin: 7px 7px 0 0;
}

/* ---------------------------------------- PAGE LAYOUT */
#pageLeft{
	width: 685px;
	float: left;
	padding: 9px 0 0 10px;
}
#pageRight{
	width: 205px;
	float: right;
	padding: 0 0 10px 0;
}

/* ---------------------------------------- SUB MENU */
.subMenu{
	width: 201px;
	margin: 5px auto 0 auto;
}
.subMenu li a{
	width: 194px;
	color: #333333;
	text-decoration: none;
	font-size: 12px;
	padding: 5px 0 4px 7px;
	font-weight: bold;
	display: block;
}
.subMenu li a:hover{
	text-decoration: underline;
	background-color: #DCDCDC;

}

/* NESTED MENU */
.subMenu li ul li a{
	color: #4c4c4c;
	width: 181px;
	padding: 0 0 0 15px;
	font-size: 11px;
	font-weight: normal;
	display: block;
	height: 18px;
}
.subMenu li ul li a:hover{
	text-decoration: underline;
	background-color: #DCDCDC;
}

#current {
	background-color: #DCDCDC;
	text-decoration: none;
}


/* ---------------------------------------- TEXT */
#pageLeft h1{
	background: none;
	padding: 0;
	height: auto;
	color: #333333;
	width: 670px;
	margin: 0 auto 10px auto;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#pageLeft h2{
	background: none;
	padding: 0;
	height: auto;
	color: #333333;
	width: 670px;
	margin: 20px auto 5px auto;
	font-size: 12px;
	text-decoration: none;
}
#pageLeft h2 a{
	background: none;
	padding: 0;
	height: auto;
	color: #333333;
	width: 670px;
	margin: 10px auto 5px auto;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#pageLeft h2 a:hover{
	color: #333333;
	text-decoration: underline;
}



#pageLeft p{
	font-size: 12px;
	color: #636363;
	width: 670px;
	margin: 0 auto 10px auto;
}
#pageLeft p a{
	color: #0033CC;
	text-decoration: underline;
}
#pageLeft p a:hover{
	color: #636363;
	text-decoration: underline;
}
#pageLeft ol{
	font-size: 12px;
	color: #636363;
	margin: 0 auto 10px auto;
	text-decoration: none;
	padding: 0px 0px 0px 40px;
}

#pageLeft ul{
	font-size: 12px;
	color: #636363;
	margin: 0 auto 10px auto;
	text-decoration: none;
	padding: 0px 0px 0px 40px;
	list-style-type: square;
}

#pageLeft li{
	color: #636363;
	margin: 0 auto 0px auto;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
}
#pageLeft li a{
	font-size: 11px;
	color: #636363;
	text-decoration: none;
}

#pageLeft li a:hover{
	color: #636363;
	text-decoration: underline;
}

img.floatRight { 
    float: right; 
    margin: 5px 5px 5px 5px;
	padding: 2px 2px 2px 2px; 
	border: 1px solid #CCCCCC;
}


/* ---------------------------------------- FOOTER */
#footer{
	margin: auto;
	width: 900px;
	padding: 5px 0 0 0;
	
}


#copy{
	font-size: 10px;
	color: #000000;
	text-align: center;

}

#copy a{
	color: #000000;
	text-decoration: none;
	font-size: 10px;
	text-decoration: underline;

}

#copy a:hover{
	color: #FFFFFF;
	text-decoration: underline;