<style type="text/css">

body {
	font: 78%/1.5 arial, helvetica, serif;
	background: white;
	text-align: center;
	padding: 0;
	margin: 2em;
}

#container {
	width: 50em;
	background: transparent;
	text-align: left;
	border: 0px solid #999999;
	margin: 0 auto;
}

p {
	background: center no-repeat;
	margin: 1em 2em;
}

p#smurf {
	background: #999999;
	font-style: italic;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}

#smurf strong {
	font-size: 1.2em;
	color: white;
}

H1 {font-family: Arial, Helvetica, sans-serif; 
font-size: 1em;
font-style: bold; 
color: #F8DC27;
text-decoration: none;
}

/* title container */
#nav, #nav ul {
	color: white;
	float: left;
	width: 50em;
	list-style: none;
	line-height: 1;
	background: transparent;
	font-weight: bold;
	padding: 0;
	border: solid #F8DC27;
	border-width: 1px 0;
	margin: 0 0 1em 0;
}

/* all menu text incl. header */
#nav a {
	display: block;
	width: 10em;
	w\idth: 6em;
	color: white;
	background: transparent;
	text-decoration: none;
	padding: 0.25em 2em;
}

/*1st level menu with 2nd attached*/
#nav a.daddy {
color: white;	
background: url(rightarrow3.gif) center right no-repeat;
}

/* title text */
#nav li {
	float: left;
	padding: 0;
	width: 10em;}

/* level 1 container*/
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 2em;
	w\idth: 7em;
	background: black;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;}

/* level 1 text highlight*/
#nav li li {
	padding-right: 1em;
	width: 6em}

/* level 1 text*/
#nav li ul a {
	width: 8em;
	w\idth: 5em;
}

/* gap between boxes */
#nav li ul ul {
	margin: -1.75em 0 0 7em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {background: #999999;}

#content {clear: left;}

/* hyperlinks in website */
#content a {color: #F8DC27;}

#content a:hover {text-decoration: none;}

#scaffolding {
	height: 70px;
	background: white url() no-repeat;
	border: solid #999999;
	border-width: 1px 0 0 0;
	margin: 1em 0 0 0;
}

#scaffolding a {
	text-decoration: none;
	text-indent: -999em;
	display: block;
	height: 70px;
	background: url() no-repeat;
	background-position: 181px 0;
}

#scaffolding 
a:hover {background-position: 181px -70px;}

.page_category{font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: white; text-transform: uppercase}

.body_text{  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: white; text-transform: none}

.hiddenPic {display:none;}

.centerdiv{ /*IE method of centering a relative div*/ text-align: center; } .
centerdiv>div{ /*Proper way to center a relative div*/ margin: 0 auto; }

a:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color: #ffff00; text-decoration: none }
a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color: #ffff00; text-decoration: font-style: bold }
a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color: white; text-decoration: none }
a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color: white; text-decoration: none; background: #666666 }
body {text-align:center;}
#wrapper {width: 780px; margin: 0 auto; text-align: left; }
table.center {margin-left:auto; margin-right:auto;}
</style>