* {



	margin:0;



	padding:0;



}







body {



	margin:0;



	padding:0;



	font-family:Arial, Helvetica, sans-serif;



	font-size:0.85em;



	color:#32004b;



	background-color:#CCCCCC;



}







p {



	padding-bottom:0.6em;



	margin:0;



}







#wrapper-wrapper {



	width:864px;



	position:relative;



	margin:0 auto;



	padding:0;



}







#wrapper {



	width:864px;



	margin:10px auto;



	padding:0;



	border:2px solid #32004b;



	background:url(images/tile.gif) repeat-y;



}







#header {



	width:100%;



	height:176px;



	background:url(images/header.jpg) no-repeat;



}







#contact {



	color:#fff;



	font-size:0.8em;



	padding:3px;



}







#contact a, contact a:visited {



	color:#fff;



	text-decoration:none;



}







#contact a:hover {



	text-decoration:underline;



}







#pagenav {



	float:left;



	width:200px;



	color:#fff;



}







#pagenav ul {



	width:190px;



	margin-left:10px;



}







#pagenav ul li {



	width:190px;



	height:30px;



	margin:3px 0;



	list-style-type:none;



	padding-left:32px;



	padding-top:5px;



	background-repeat:no-repeat;



}







#pagenav ul li a {



	color:#fff;



	text-decoration:none;



	font-size:0.8em;



	font-weight:bold;



	font-family:Verdana, Arial, Helvetica, sans-serif;



}



	



#pagenav ul li a:hover {



	text-decoration:underline;



}







#pagenav ul li.blue { background-image:url(images/pencils/blue.gif); }



#pagenav ul li.purple { background-image:url(images/pencils/purple.gif); }



#pagenav ul li.red { background-image:url(images/pencils/red.gif); }



#pagenav ul li.green { background-image:url(images/pencils/green.gif); }



#pagenav ul li.turq { background-image:url(images/pencils/turq.gif); }



#pagenav ul li.yellow { background-image:url(images/pencils/yellow.gif); }



#pagenav ul li.sub {



	background:none;



	height:20px;



	margin:0;



	background: url(images/subnav.gif) no-repeat 12px 8px;



	font-size:0.9em;



}







#content-1col {



	margin-left:213px;



	margin-top:10px;



	width:600px;



	font-family:Arial, Helvetica, sans-serif;



}







#content-1col h2 {



	padding-bottom:0.6em;



	text-align:center;



}







#heading {



	padding:0.6em;



	text-align:center;



}







#content {



	margin-left:213px;



	margin-top:10px;



	width:450px;



	font-family:Arial, Helvetica, sans-serif;



}







#content h2 {



	padding-bottom:0.6em;



	text-align:center;



}







#right-col {



	width:175px;



	position:absolute;



	top:250px;



	right:2px;



	padding:3px;



	background-color:#e1e1e1;



}







#footer {



	text-align:center;



	font-size:0.75em;



	margin-bottom:1em;



}







/* --------------------------------------- floatfix -------------------------------- */







/* Fix's #container not clearing inner floats in firefox */



.floatfix:after {



content: ".";



display: block;



height: 0;



clear: both;



visibility: hidden;



}







/* Hides from IE-mac \*/



* html .floatfix {



height: 1%;



}



/* End hide from IE-mac */