/* CSS Document */

/****************************
AUTHOR: Heidi Weiland
DATE: June 2006
CONTACT: heidi@soundwebsolutions.net

NOTES: horizontal navigation
****************************/
#content {
margin-top:0px;
}

#navigation {
padding-top:55px;
position: relative;
height:20px;
height:79px;
height:22px;
width:738px;
border-left:1px solid #666666;
border-right:1px solid #666666;
z-index:100;
}
#navigation h3 {
font-size:.85em;
letter-spacing:.1em;
letter-spacing:normal;
font-weight:normal;
}
/*#navigation ul {
float:right;
}
*/


/*#navigation li ul, #navigation li ul {
	margin: 0;
	padding: 0;
}
*/
#navigation a {
	text-decoration: none;
color:#333333;
padding:4px 11px;
}

#navigation li { /*float the main list items*/
	margin: 0;
	float: right;
	display: block;
}

#navigation li a {
  /*for all links in the list*/
color:#333333;
  display: block;
/*  height: 15px;
  padding: 5px;*/
}
#navigation a:hover {
background-color:#999999;
}

/*#navigation li:hover {
background-color:#999999;
}
*/

#navigation li ul {
	display: none;
}
#navigation li ul #visible {
display:inline;
visibility:visible;
z-index:6000;
}

#navigation li.off ul, #navigation li.on ul  { /*put the subnav below*/
	position: absolute;
	top: 23px;
	top: 77px;
	left: 0;
	padding-top: 0px;
	background-color:#999999;
	height: 30px;
	width: 738px;
	z-index:10000;
}


#navigation li.on:hover ul, #navigation li.over ul { /*for ie*/
background-color:#999999;
}
#navigation li.on ul {
	display: block;
}

#navigation li li {
padding-top:5px;
height:25px; /* same height as subnav so that rollover covers all height*/
}



#navigation li.on a {
color:#ffffff;
}

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

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

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

#navigation li.off a:hover, #navigation li.on a:hover { 
	color: #fff;
}
#navigation li.off li:hover, #navigation li.on li:hover {
background-color:#333333;
}




/*subnav formatting*/

#navigation li.off ul a, #navigation li.on ul a {
display: block;
background:none;
color: #fff;
font-family: arial, verdana, sans-serif;
font-size: small;
}		

/*#navigation li.on ul a {
background: #f90;
}
*/

#navigation .hidden {
visibility:hidden;
display:inline;
width:0;
}