/* navigation */

#navigation {
 float: left;
 width: 930px;
 height: 60px;
 color: #333;
 padding: 0px 0px 0px 0px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #CCCCCC url(/images/bg_nav.jpg) repeat-x;
}

#navbar {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 1em;
}

#navbar li {
	list-style: none;
	float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#navbar li img {
  border: 0;
}


#navbar li a:link, #navbar li a:active, #navbar li a:visited {
	display: block;
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	background-color: transparent;

}

#navbar li a.hide{
    text-indent: -5000px;
}


#navbar li a:hover {
	display: block;
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	background-color: transparent;
}

#navbar #home{
  background-image: url(/images/nav_images/home_link.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 79px;
  height: 42px;
}

#navbar #home.active{
  background-image: url(/images/nav_images/home_active.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 79px;
  height: 42px;
}

#navbar #home:hover{
  background-image: url(/images/nav_images/home_hover.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 79px;
  height: 42px;
}

#navbar #accounting{
  background-image: url(/images/nav_images/accounting_link.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 201px;
  height: 42px;
}

#navbar #accounting.active{
  background-image: url(/images/nav_images/accounting_active.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 201px;
  height: 42px;
}

#navbar #accounting:hover{
  background-image: url(/images/nav_images/accounting_hover.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 201px;
  height: 42px;
}

#navbar #maintenance{
  background-image: url(/images/nav_images/maint_link.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 137px;
  height: 42px;
}

#navbar #maintenance.active{
  background-image: url(/images/nav_images/maint_active.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 137px;
  height: 42px;
}

#navbar #maintenance:hover{
  background-image: url(/images/nav_images/maint_hover.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 137px;
  height: 42px;
}

#navbar #hr{
  background-image: url(/images/nav_images/human_link.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 172px;
  height: 42px;
}

#navbar #hr.active{
  background-image: url(/images/nav_images/human_active.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 172px;
  height: 42px;
}

#navbar #hr:hover{
  background-image: url(/images/nav_images/human_hover.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 172px;
  height: 42px;
}

#navbar #ops{
  background-image: url(/images/nav_images/operations_link.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 128px;
  height: 42px;
}

#navbar #ops.active{
  background-image: url(/images/nav_images/operations_active.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 128px;
  height: 42px;
}

#navbar #ops:hover{
  background-image: url(/images/nav_images/operations_hover.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 128px;
  height: 42px;
}

#navbar #sales{
  background-image: url(/images/nav_images/sales_link.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 171px;
  height: 42px;
}

#navbar #sales.active{
  background-image: url(/images/nav_images/sales_active.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 171px;
  height: 42px;
}

#navbar #sales:hover{
  background-image: url(/images/nav_images/sales_hover.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 171px;
  height: 42px;
}

/* sub nav settings */

#navbar li ul {
	display: none;
	 width: 200px;
	background-color: #DDDDDD;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#navbar li ul li{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 1px solid #444444;
  background-color: #DDDDDD;
}

#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#navigation #navbar li ul{
  margin: -8px 0px 0px -1px;
}


#navigation #navbar li ul li a {
    padding: 5px 0px 5px 5px;
}


/*subnav active, visited and link */
#navbar li:hover li a, #navbar li.hover li a {
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font: 12px Verdana;
    color: #444444;
    text-decoration: none;
}

#navbar li:hover li, #navbar li.hover li {
	float: none;
}

#navbar li li a:hover {
	background-color: #FFFFFF;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font: 12px Verdana;
    color: #C50000;
    text-decoration: none;
}

/* end of navigation */