html, body {
  font-family: arial, helvetica, sans-serif;
  text-align: center;
  font-size:14px; 
  background: #000;
  color: #fff;
  margin: 0;
  padding: 0;
}

img { border:none; }

a {
  color: #0f0;
  text-decoration:none;
}

/*  for <br clear="all" /> */
.clearall { clear: both ; }

/* generic bold font class */
.strong { font-weight: bold; }

/* some general positioning classes */

.textCenter { text-align: center }
.textRight { text-align: right; }
.textLeft { text-align: left; }
.floatRight { float: right; padding: 0 10px; }
.floatLeft { float: left; padding: 0 10px; }

/* Wrapper Styles */

#wrapper {
  width: 800px;
  margin: 0 auto;
  background: #000;
  border-right: 2px solid #fff;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  text-align:left;
}

/* Header Styles */

#header {
  width: auto;
  height:95px;
  border-bottom: 2px solid #fff;
}

/* Content Styles */

#content {
  margin: 10px 0px 0px 10px; 
  width: 640px;
  float:left;
}

/* Navigation Styles */

#rightNav {
	float:left;
	width: 135px;
	text-align:left;
	display: inline;
	margin-top: 5px;
	margin-right: 5px;
  font-weight:bold;
}

#rightNav li {
	list-style-type: none;
	margin-top: 8px;
	margin-bottom:8px;
  border-bottom:2px solid #fff;
  border-top:2px solid #fff;
}

#rightNav li.section{
	margin-top: 20px;
  margin-bottom:10px;
  border:none;
}
	
#rightNav li a {
	color: #000;
	display: block;
	background-color:  #0f0;
	padding: 8px 0 0 10px;
}
	
#rightNav li a:hover {
	color: #0f0;
	background-color: #000 ;
	padding: 8px 0 0 10px;
}
	
#rightNav li a.highlight {
	color: #0f0;
	background-color: #000 ;
	padding: 8px 0 0 10px;
}

#middleNav {
	margin: 0px 10px 5px 10px;
}

#middleNav a:hover { 
  color:#fff; 
  background-color:#0f0; }

#middleNav a.highlight { color:red; }

#footer {
  border-top:2px solid #fff;
	text-align:center;
	margin-right: 10px;
	margin-left: 10px;
	padding-top:5px;
	margin-bottom:2px;
}