body {
 font: 78%/1.5 arial, helvetica, serif;
 background: #333333 url(../images/bg2.gif);
 text-align: center;
 padding: 0;
 margin: 2em;
}
 
#container {
 width: 52em;
 background: #FFFFFF;
 text-align: left;
 border: 3px solid #000000;
 margin: 0 auto;
}
 
p {
 background: url(remorabg.gif) center no-repeat;
 text-decoration: none;
 margin: 1em 2em;
}

p#smurf {
 background: transparent;
 font-style: italic;
 text-align: center;
 font-weight: bold;
 color: #333333;
}
 
h2 {
 font-size:14px;
 color:#333333;
 margin: 2em 2em;
 font-weight:700;
}
 
#smurf strong {
 font-size: 1.2em;
 color: black;
}
 
/*header*/
h1 {
	height: 200px;
	text-indent: -999em;
	margin: 0em 0 0 0;
	background-color: #000000;
	background-image: url(../images/jk_logo_background.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
 
/*navigation bar*/
#nav, #nav ul {
 float: left;
 width: 52em;
 list-style: none;
 line-height: 1.5;
 background: white;
 font-weight: bold;
 padding: 0;
 border: solid #000000;
 border-width: 1px 0;
 margin: 0 0 0em 0;
}
 
a {
 text-decoration: none;
}
 
#nav a {
 display: block;
 width: 10em;
 w\idth: 6em;
 color: #000000;
 text-decoration: none;
 padding: 0.25em 2em;
}
 
#nav a.daddy {
 background: url(../images/rightarrow2.gif) center right no-repeat;
}
 
#nav li {
 float: left;
 padding: 0;
 width: 10em;
}
 
#nav li ul {
 position: absolute;
 left: -999em;
 height: auto;
 width: 14.4em;
 w\idth: 13.9em;
 font-weight: normal;
 border-width: 0.25em;
 margin: 0;
}
 
#nav li li {
 padding-right: 1em;
 width: 13em
}
 
#nav li ul a {
 width: 13em;
 w\idth: 9em;
}
 
#nav li ul ul {
 margin: -1.75em 0 0 14em;
}
 
#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;
}
 
/*controls highlighted menu*/
#nav li:hover, #nav li.sfhover {
 background: #C0C0C0;
}
 
#content {
 clear: left;
}
 
#content a {
 color: #000000;
}
 
#content a:hover {
 text-decoration: none;
}


#scaffolding {
	text-align: center;
	height: 20px;
	background: white url(../images/header_bg.gif) no-repeat;
	border: solid #000000;
	border-width: 1px 0 0 0;
	margin: 1em 0 0 0;
	color: #000000;
}
/*
#scaffolding a {
	text-decoration: none;
	text-indent: -999em;
	display: block;
	height: 70px;
	background: url(../images/hdlogo_flip2.gif) no-repeat;
	background-position: 181px 0;
	color: #000000;
}*/

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