body {
	background-color: #9f9f9f;
	padding: 0px;
	margin:10px 0 0 0;
	text-align:center;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}

#container { /* the container is the outer box - establishes width - centers - creates border */
	width:759px;
	border:1px solid #000000;
	text-align:left;
	margin:0 auto;
	padding:0px;
	width:   "759px";  /*  this is Cycloid's Tiny Box Model Hack to make IE5 properly display the width of the container - the quotes are the key - see "http://css-discuss.incutio.com/?page=BoxModelHack"  */
}


#hpcontent {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: rgb(51,51,51);
	text-decoration: none;
	background-color:#FFFFFF;
	padding:10px;
	width:739px;
	height:375px;
	line-height:24px;
}


#header {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: rgb(51,51,51);
	font-weight:bold;
	text-transform:uppercase;
}

#footer {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: rgb(51,51,51);
	font-weight:bold;
	text-align:center;
}


p,td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: rgb(51,51,51);
	text-decoration: none;
	background-color:#FFFFFF;
	}
a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

/* ++++++++++++++++ MAIN NAVIGATION +++++++++++++++++++++ */

#mainnav {
	background-color:black;
	text-align:center;
	padding:3px;
	text-transform:uppercase;
}

#mainnav a:link, #mainnav a:visited {
	color:white;
	text-decoration:none;
	padding:0 2px;
}

#mainnav a:hover, #mainnav a:visited:hover {
	color:#000000;
	text-decoration:none;
	padding:0 2px;
	background-color:#9f9f9f;
}

#mainnav a.active {
	background-color:#9f9f9f;
	color:#000000;
	}

/* ++++++++++++++++ SIDE NAVIGATION +++++++++++++++++++++ */
#sidenav {  /* the contentcontainer is the box around the main body area of the page - sets up the background color and sidebar with a tiling gif */
	background-image:url(../images/sidenav.gif);
	background-repeat:repeat-x;
	text-align:left;
	width:120px;
	height:375px;
	padding:20px;
}

#content {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: rgb(51,51,51);
	text-decoration: none;
	background-color:#FFFFFF;
	padding:0px;
	width:759px;
	line-height:24px;
}

#text {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: rgb(51,51,51);
	padding:20px;
	line-height:24px;
}


#pullquote {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	color: rgb(153,51,51);
	font-weight: bold;
	padding:0px;
	line-height:24px;
}