/***********************************************************************************
                   _             _   _
                  (_)           | | (_)
 _ __   __ ___   ___  __ _  __ _| |_ _  ___  _ __
| '_ \ / _` \ \ / / |/ _` |/ _` | __| |/ _ \| '_ \
| | | | (_| |\ V /| | (_| | (_| | |_| | (_) | | | |
|_| |_|\__,_| \_/ |_|\__, |\__,_|\__|_|\___/|_| |_|
                      __/ |
                     |___/

***********************************************************************************/

#navigation {

	display: block;
	margin: 0 auto;
	padding: 0;
	font-size:1.2em;
	padding: 0;
	border-top: 0px solid #a70b15;
	height: 60px;
	position: relative;
	background: transparent;
	width: 100%;
	z-index: 2000;
}


ul#mainNavigation {
	position: absolute;
	left: 50%;
	display: block;
	padding: 0;
	margin: 0 0 0 -500px;
	list-style: none;
	width: 1000px;
	border: 0px solid black;
	font-size: .9em;
	font-weight: bold;
	font-family: arial;
	border: 0px solid blue;
}

ul#mainNavigation li {
height: 60px;

display: block;
list-style: none;

margin: 0px -61px 0 0;

padding: 0px 0px 0px 0px;
	float: left;
	width: 217px; /* width needed or else Opera goes nuts */

}

ul#mainNavigation li#home, ul#mainNavigation li#aboutUCCO, ul#mainNavigation li#services, ul#mainNavigation li#safety, ul#mainNavigation li#careers, ul#mainNavigation li#contactUs {
background: url(/images/buttons/navigation_li.gif) transparent 160px 13px  no-repeat; 
	margin-top: 0px;
	padding-top: 5px;
}





ul#mainNavigation li#aboutUCCO {
background-position: 167px 13px;
}

ul#mainNavigation li#services {
background-position: 154px 13px;
}


ul#mainNavigation li#careers {
background-position: 151px 13px;
}




ul#mainNavigation li#home:hover,
ul#mainNavigation li#aboutUCCO:hover, 
ul#mainNavigation li#services:hover, 
ul#mainNavigation li#safety:hover, 
ul#mainNavigation li#careers:hover, 
ul#mainNavigation li#contactUs:hover {
background: url(/images/buttons/navigation_li_hover.gif) transparent top center no-repeat; 
	padding-top: 5px;
}


ul#mainNavigation li#home, ul#mainNavigation li#contactUs, ul#mainNavigation li#safety {
	background: transparent;
}








ul#mainNavigation li#home:hover, ul#mainNavigation li#contactUs:hover, ul#mainNavigation li#safety:hover {
	background: url(/images/buttons/navigation_li_hover_no_sub.gif) transparent top center no-repeat; 

}


ul#mainNavigation li a.stick {
	color: white;
}




ul#mainNavigation li ul.subNavigation { /* second-level lists */
	position: absolute;
	background: black;
	width: 172px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	
	border: 2px solid #a70b15;
	border-top: 0;
	border-bottom: 0;
	border: 0;
	margin: 40px 0px 0px 45px;
padding: 0px 0px 10px 0px;
	background: #565656;
	background: url(/images/buttons/subNavigation_background.gif) transparent bottom right no-repeat; 
	
}


ul#mainNavigation li:hover ul.subNavigation { /* lists nested under hovered list items */
	left: auto;
	z-index: 20000;
	
}


ul#mainNavigation li ul.subNavigation li ul.triNavigation { /* third-level lists */

	background: red;
	position: absolute;
	left: -999em;
	width: 166px;
}

ul#mainNavigation li ul.subNavigation li:hover ul.triNavigation { /* lists nested under hovered list items */

	background: #2F2F2F;
	left: auto;
	margin: -28px 0px 0px 160px;
	border: 2px solid #a70b15;
	padding: 0 0 3px 0;
	
}

ul#mainNavigation li ul.subNavigation ul.triNavigation a {
	margin: 0;
	
}

ul#mainNavigation li ul.subNavigation ul.triNavigation a:hover {
	background: #777777;
	
}




ul#mainNavigation li ul.subNavigation li {
	height: 25px;
	margin: 0;
	padding: 0px;
	display: block;
}

ul#mainNavigation li ul.subNavigation li a {
	width: 156px;
	height: 18px;
	margin: 0px 0px 0px 4px;
	padding: 5px 0px 5px 10px;
	display: block;
	font-size: 13px;
	overflow: hidden;
}

ul#mainNavigation li ul.subNavigation li a:hover {
	background: #2F2F2F;
}


ul#mainNavigation a {
	ackground: url(/images/buttons/navigation_a.gif) transparent center 30px  no-repeat; 
	display: block;
	color: #d0cece;
	padding: 5px 0 0px 25px;
	margin: 0 3px;
	text-decoration: none;
	float: left;
	width: 160px;
	height: 55px;
	text-align: center;

}

ul#mainNavigation a:hover {
	ackground: url(/images/buttons/navigation_a_hover.gif) transparent top center no-repeat; 
	color: white;
	
}






#mainNavigation .subNavigation a {
float: none;
border: 0px solid black;
font-size: 1em;
width: 180px;

padding: .4em 0 .4em 1em;
margin: 0;
position: relative;
text-align: left;
}