/* CSS Document */



/* left menu styles*/

ul.leftnav li  {
	width:237px;
	height:30px;
	list-style-type: none;
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

ul.leftnav li a:link {
	font-size: .8em;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

ul.leftnav li a:visited {
	font-size: .8em;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

ul.leftnav li a:hover {
	font-size: 0.8em;
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}


/* styles below allow different background images for each menu item */
#menuitem1 {
	background-image: url(assets/menu-images/item1.jpg);
	background-repeat: no-repeat;
	display: block;
	width:237px;
	height:30px;

}
#menuitem2 {background-image: url(assets/menu-images/item2.jpg); 	
	background-repeat: no-repeat;
	display: block;
	width:237px;
	height:30px;

}
#menuitem3 {background-image: url(assets/menu-images/item3.jpg); 	
	background-repeat: no-repeat;
	display: block;
	width:237px;
	height:30px;

}
#menuitem4 {background-image: url(assets/menu-images/item4.jpg); 	
	background-repeat: no-repeat;
	display: block;
	width:237px;
	height:30px;

}
#menuitem5 {background-image: url(assets/menu-images/item5.jpg); 	
	background-repeat: no-repeat;
	display: block;
	width:237px;
	height:30px;

}
#menuitem6 {background-image: url(assets/menu-images/item6.jpg); 	
	background-repeat: no-repeat;
	display: block;
	width:237px;
	height:30px;

}
#menuitem7 {background-image: url(assets/menu-images/item7.jpg); 	
	background-repeat: no-repeat;
	display: block;
	width:237px;
	height:30px;

}


/* homepage left nav */

ul.homenav li  {
	width:236px;
	height:55px;
	list-style-type: none;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

ul.homenav li a:link {
	font-size: 0.8em;
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}

ul.homenav li a:visited {
	font-size: 0.8em;
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}

ul.homenav li a:hover {
	font-size: 0.8em;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

#homemenuitem1 {
	background-image: url(assets/home-leftnav_r1_c1.jpg);
	background-repeat: no-repeat;
	display: block;
	width:236px;
	height:55px;

}
#homemenuitem2 {
	background-image: url(assets/home-leftnav_r3_c1.jpg); 	
	background-repeat: no-repeat;
	display: block;
	width:236px;
	height:55px;

}




/* top navigation bar styles */
ul.topnav {
	position:relative;
	width:760px;
	margin-left:8px;
	height:20px;}


ul.topnav li {
	float: left;
	display: block;
	list-style-type: none;
	width:100px;
	background-image:url(assets/topnav-links.jpg);
	text-align: center;

}



ul.topnav li a:link {
	font-size:0.8em;
	color: #990000;
	text-decoration:none;
padding-top:1px;
	font-weight: bold;
	display:block;
	height:20px;

}
ul.topnav li a:visited {
	font-size:0.8em;
	color: #990000;
	text-decoration:none;
padding-top:1px;
	font-weight: bold;
	display:block;
	height:20px;

}

ul.topnav li a:hover {
	font-size:0.8em;
	color:#FFFFFF;
	background-image:url(assets/hac-navback.jpg);
	display:block;
	height:20px;

}

#home {
	width:104px;
	background-image:url(assets/topnav-home.jpg);
	background-repeat: no-repeat;
	border-left: #999999 0px solid;
	}	

#automation {
	width:175px;
	background-image:url(assets/topnav-large.jpg);
	background-repeat: no-repeat;
	border-left: #999999 0px solid;
	}

#switchgear {
	width:175px;
	background-image:url(assets/topnav-large.jpg);
	background-repeat: no-repeat;
	border-left: #999999 0px solid;
}
*html #switchgear a:hover{
	background-image:url(assets/hac-navback.jpg);
	background-repeat: repeat-x;
	border-left: #999999 0px solid;
}

#switchgear a.selected{
	background-image:url(assets/hac-navback.jpg);
	background-repeat: repeat-x;
	border-left: #999999 0px solid;
}

#blank {
	width:91px;
	background-image:url(assets/topnavbar_r1_c5.jpg);
	background-repeat: no-repeat;
	height:20px;
}

#blank2 {
	width:62px;
	background-image:url(assets/topnavbar_r1_c5.jpg);
	background-repeat: repeat-x;
	height:20px;
}
