body
{
	margin: 0;
	padding: 0;
	font-size: 75%;
	font-family: sans-serif;
}
body.hpg {
background: #006;
}

/* typography */
h1,h2,h3,h4,h5, p b {
color: rgb(0, 51, 102) ! important;
font-weight: bold ! important;
font-size: 1em ! important;
}
#navwrapper {
background: #009 url(bg-nav.jpg) no-repeat center top;
}

#navigation
{
	position: relative;
	top: 0;
	margin: auto;
	width: 580px;
	height: 75px;

}

#navigation ul, #navigation li
{
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#navigation a
{
	padding: 0 3px;
	display: block;
	position: absolute;
	height: 20px;
	background-repeat: no-repeat;
}

#navigation a span { display: none; }
#masthead { float: left; }
#masthead h1 {position:absolute; z-index:1;}

/**** hover states ****/

/* 16/04/04 hover states fails in IE/WIN 5, but clicking
link activates hover state
*/

#navigation a:hover { background-position: 0 -20px; }
#navigation a.current { background-position: 0 -40px; }

body.profile {
	background: #cff url(bg-profile.gif) no-repeat -40px 80px;
}
body.contact {
	background-color: rgb(204, 204, 204);
}
body.resources {
	background: #cfc url(bg-resources.gif) no-repeat -40px 80px;
}
body.services {
	background: #9fc url(bg-services.gif) no-repeat -40px 80px;
}
body.employment {
	background: #fcc /*url(bg-services.gif) no-repeat -40px 80px*/;
}
body.about {
	background: #ffc url(bg-about.gif) no-repeat -40px 80px;
}



body.profile #profiles,body.contact #contact,body.resources #resources, body.services #services, body.employment #employment, body.about #about { background-position: 0 -40px; }
/**** button position ****/
#about
{
	top: 20px;
	left: 120px;
	width: 95px;
	background-image: url(aboutus.gif);
}

#profiles
{
	top: 48px;
	left: 195px;
	width: 82px;
	background-image: url(profile.gif);
}

#services
{
	top: 15px;
	left: 310px;
	width: 88px;
	background-image: url(services.gif);
}

#resources
{
	top: 40px;
	left: 70px;
	width: 102px;
	background-image: url(resources.gif);
}

#employment
{
	top: 55px;
	left: 330px;
	width: 121px;
	background-image: url(employment.gif);
}

#contact
{
	top: 37px;
	left: 270px;
	width: 104px;
	background-image: url(contactus.gif);
}

#home
{
	top: 33px;
	left: 420px;
	width: 61px;
	background-image: url(home.gif);
}


/**** subnav ****/
#subnav
{	position: relative;
	z-index:10;
	margin: auto;
	height: 43px;
	width: 580px;
	background: url(../ui/bg-subnav.gif) no-repeat center center;
	padding-top: 13px;
	text-align: center;

}



#subnav ul, #subnav li
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
/* cos above is floated these rules don't do anything */
#subnav ul {margin: auto;}

#subnav li.current a
{
	background-image: url(../images/prof_on_rgt.gif);
	background-repeat: no-repeat;
	background-position: right center;
	/*font-weight: bold;*/
	color: #fff;
}

#subnav li a
{	letter-spacing: 1px;
	color: #ccc;
	text-decoration: none;
	height: 20px;
	display: block;
	float: left;
	padding: 0 8px;
	margin-right: 5px;
	font-size: 0.9em;
}

#subnav li.current
{
	background-image: url(../images/prof_on_lft.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 20px;
}

#subnav span
{
	display: block;
	margin-top: 3px;
}
.services #subnav span
{

	margin-top: -1px;
}

/* hack to get sub nav centered */
#subnav li:first-child {
margin-left: 35px;
}

/* remove extra space to allow for an additional menu item
.services #subnav li:first-child {
margin-left: 120px;
}
*/