	<!-- navbar button styling -->


		/* link heights corresponds with image height */
		.navButton, .navButton:visited {
			height:17;
			
			/*
				this is for mac/ie5
				it would normally cause a rendering problem
				(a vertical expansion in the topnav)
				but it doesn't here because the topnav is a fixed height
			*/
			position:relative !important;
			}

		/* link and list-item widths correspond with image widths */
		#services, #servicesButton, #servicesButton:visited {
			width:87px;
			}
		#support, #supportButton, #supportButton:visited {
			width:87px;
			}
		#customers, #customersButton, #customersButton:visited {
			width:87px;
			}
		#aboutus, #aboutusButton, #aboutusButton:visited {
			width:87px;
			}
		#myaccount, #myaccountButton, #myaccountButton:visited {
			width:99px;
			}
		#spacer, #spacerButton, #spacerButton:visited {
			width:115px;
			}
		#colocation, #colocationButton, #colocationButton:visited {
			width:87px;
			}
		#hosting, #hostingButton, #hostingButton:visited {
			width:87px;
			}

			
		/* span is same dimensions as link, and positioned to superimpose */
		.navButton span, .navButton:visited span {
			display:block;
			height:22px;
			width:100%;
			position:absolute;
			left:0;
			top:-4px;
			z-index:0;
			background-repeat:no-repeat;
			text-decoration: none;
			}

		/* span is same dimensions as link, and positioned to superimpose */
		.navButton2 span, .navButton2:visited span {
			display:block;
			height:22px;
			width:100%;
			position:absolute;
			left:0;
			top:-6px;
			z-index:0;
			background-repeat:no-repeat;
			text-decoration: none;
			}


		/* button images are span background images */
		#servicesButton span, #servicesButton:visited span {
			background-image:url(images/tab-services.jpg);
			}
		#supportButton span, #supportButton:visited span {
			background-image:url(images/tab-support.jpg);
			}
		#customersButton span, #customersButton:visited span {
			background-image:url(images/tab-customers.jpg);
			}
		#aboutusButton span, #aboutusButton:visited span {
			background-image:url(images/tab-aboutus.jpg);
			}
		#myaccountButton span, #myaccountButton:visited span {
			background-image:url(images/tab-myaccount.jpg);
			}
		#myaccountButton2 span, #myaccountButton2:visited span {
			background-image:url(images/tab-myaccount-home.jpg);
			}
		#spacerButton span, #spacerButton:visited span {
			background-image:url(images/menu-spacer2.jpg);
			}
		#colocationButton span, #colocationButton:visited span {
			background-image:url(images/tab-colocation.jpg);
			}
		#hostingButton span, #hostingButton:visited span {
			background-image:url(images/tab-hosting.jpg);
			}


		/* rollovers are background position so that no preloading is necessary */
		.navButton span, .navButton:visited span {
			background-position:0 0;
			}

		.navButton:hover span, .navButton:focus span, .navButton:visited:hover span, .navButton.udmR span, .navButton.udmR:visited span, .navButton:active span {
			background-position:0 0;
			}


li.menu-category {
	font-size: 0.6em;
	font-family: arial, sans-serif;
	padding: 0px;
}


li.menu {
	font-size: 0.9em;
	font-weight: normal;
	font-family: arial, sans-serif;
	text-decoration: none;
	padding: 0px;
}

a.menu:link {
        color: #F78F1E;
        text-decoration: none;
}
a.menu:visited {
        color: #F78F1E;
        text-decoration: none;
}
a.menu:hover {
        color: #F78F1E;
        text-decoration: none;
}
a.menu:active {
        color: #F78F1E;
        text-decoration: none;
}