/* CSS Document */
/* Fix IE. Hide from IE Mac \*/
* html ul li
{
	float: left;
	height: 1%;
}

* html ul li a { height: 1%; }

/* End */
#nav
{
	margin: 0px;
	padding: 0;
	list-style: none;
	width: 154px;
}

#nav li
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 154px;
}

#nav li a#home
{
	display: block;
	height: 29px;
	padding: 0;
	margin: 0;
	background-image: url(../images/nav_home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#nav li a#home:hover
{
	display: block;
	background-image: url(../images/nav_home_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

body#home a#home
{
	display: block;
	background-image: url(../images/nav_home_on.jpg);
}

#nav li a#about
{
	display: block;
	height: 29px;
	padding: 0;
	margin: 0;
	background-image: url(../images/nav_about.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#nav li a#about:hover
{
	display: block;
	background-image: url(../images/nav_about_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

body#about a#about
{
	display: block;
	background-image: url(../images/nav_about_on.jpg);
}

#nav li a#contact
{
	display: block;
	height: 29px;
	padding: 0;
	margin: 0;
	background-image: url(../images/nav_contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#nav li a#contact:hover
{
	display: block;
	background-image: url(../images/nav_contact_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

body#contact a#contact
{
	display: block;
	background-image: url(../images/nav_contact_on.jpg);
}

#nav li a#links
{
	display: block;
	height: 31px;
	padding: 0;
	margin: 0;
	background-image: url(../images/nav_links.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#nav li a#links:hover
{
	display: block;
	background-image: url(../images/nav_links_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

body#links a#links
{
	display: block;
	background-image: url(../images/nav_links_on.jpg);
}


/* Second Level Dropdowns */
#nav li ul
{
	padding: 0;
	margin: -25px 0 0 154px;
	list-style: none;
	display: none;
	position: absolute;
	border-color: #86A0B9;
	border-width: 0 0 1px 0;
	border-style: solid;
	z-index: 100;
}

#nav li li
{
	position: relative;
	width: 180px;
	border-color: #86A0B9;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	padding: 0px;
	z-index: 100;
}

#nav li li a
{
	padding: 4px 8px 4px 8px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background-image: url(../images/dropdown_bg.png);
	background-repeat: repeat;
	color: #369;
	display: block;
}

#nav li li a:hover
{
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(../images/dropdown_bg-over.png);
	background-repeat: repeat;
	text-decoration: none;
	color: #900;
}

#nav li li:hover
{
	background-image: url(../images/dropdown_bg-over.png);
	background-repeat: repeat;
}

/* lists nested under hovered list items */
#nav li:hover ul, #nav li.over ul
{
	position: absolute;
	z-index: 100;
	display: block;
	visibility: visible;
}