body {background-image:url('maxtop.png');background-repeat:no-repeat;background-position:left top;font-family:tahoma,helvetica,sans-serif;font-weight: normal; font-size:1.5em;letter-spacing:1px}
img {border:none;background-color:transparent;text-decoration:none;}
h1 {font:bold 1.8em Tahoma,Helvetica,sans-serif;line-height:150%;color:#666}	
h2 {font:bold 1.8em Tahoma,Helvetica,sans-serif;line-height:150%;color:#666}
h3 {font:bold 1.7em Tahoma,Helvetica,sans-serif;line-height:150%;color:#666}
h4 {font:bold 1.7em Tahoma,Helvetica,sans-serif;line-height:150%;color:#666}
h5 {font:bold 1.6em Tahoma,Helvetica,sans-serif;line-height:150%;color:#666}
h6 {font:bold 1.6em Tahoma,Helvetica,sans-serif;line-height:150%;color:#666}	
a {color:#a16600;text-decoration:none;border:none;border-width:0px;background-color:transparent;}
a:hover {color:#009066;text-decoration:underline;border:none;border-width:0px;background-color:transparent;}
hr {color:#333}
.code {font:bold 0.8em sans-serif;line-height:150%;color:#633}
#content {padding-top:32px}
#footer {font-size:0.7em;clear:both;text-align:center}
	#divNav {
		font-family:"Franklin Gothic Demi Cond",Geneva,sans-serif;
		background: transparent;
		font-size:0.9em;
		font-weight: normal;
		margin: 0;
		padding: 0;
		height: 80px;
		width: 500px;
	}
.center {text-align:center}
.left {text-align:left}
.right {text-align:right}
.twocolumn {font-size:11px;}
	#nav {
		position: absolute;
		top: 55px;
		right:0px;
		height: 80px;
		width: 500px;
	}

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: right;
		display: block;
		padding-right: 4px;
	}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 25px;
		right: 0;
		padding-top: 5px;
		background: black;
		height: 14px;
		width: 500px;
		padding-right: 24px;
	}

	#nav li.on ul {
		background: black;
	}

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: black;
	}

	#nav li a {
		color: #000;
		font-weight: normal;
		display: block;
		width: 93px;
		padding: 0;
	}

	#nav li.on a {
		color: #666600;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #fff;
		width: auto;
		margin-right: 8px;
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		background: transparent;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #d49933;
	}

	
	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -9384px;
	}

	#licontact a, #limedia a, #liabout a, #libreed a, #liinfo a {
		display: block;
		position: relative;
		height: 26px;
		background: url(tabs1_de.gif) no-repeat; /*contains all hover states*/
	}

/*first, put the initial states in place*/

#licontact a {
	background-position: 0 0;
}

#limedia a {
	background-position: -102px 0;
}

#liabout a {
	background-position: -204px 0;
}

#libreed a {
	background-position: -306px 0;
}

#liinfo a {
	background-position: -408px 0;
}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #licontact.on a {
 	background-position: 0px -37px;
 } /*add selectors for the other li's and background-positions*/
  #limedia.on a {
 	background-position: -102px -37px;
 } /*add selectors for the other li's and background-positions*/
  #liabout.on a {
 	background-position: -204px -37px;
 } /*add selectors for the other li's and background-positions*/
  #libreed.on a {
 	background-position: -306px -37px;
 } /*add selectors for the other li's and background-positions*/
  #liinfo.on a {
 	background-position: -408px -37px;
 } /*add selectors for the other li's and background-positions*/

/*hover states*/

#licontact a:hover, #licontact:hover a, #licontact.over a {
	background-position: 0 -73px;
}

#limedia a:hover, #limedia:hover a, #limedia.over a {
	background-position: -102px -73px;
}

#liabout a:hover, #liabout:hover a, #liabout.over a {
	background-position: -204px -73px;
}

#libreed a:hover, #libreed:hover a, #libreed.over a {
	background-position: -306px -73px;
}

#liinfo a:hover, #liinfo:hover a, #liinfo.over a {
	background-position: -408px -73px;
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: black;
	color: #fff;
	font-family:"Franklin Gothic Demi Cond",Geneva,sans-serif;
	font-size:1.1em;
	text-transform: uppercase;
}		

#nav li.on ul a {
	background: black;
}