BODY {behavior: url(/css/csshover.htc); text-align:center;  /*IE 5 IE 5.5*/}


/* the horizontal menu starts here */
div#listmenu { width:897px; float:left; padding-left:18px;}
div#listmenu li { display: block; float: left; position:relative; /* positioning context for the absolutely positioned drop-down */ list-style-type:none;  }

div#listmenu ul li a { padding: 6px 0 7px 0; display:block; text-decoration:none; color:#1A1B1C; text-align:center; font-size:13px;}
div#listmenu ul li.about a {width:84px; padding-right:5px;}
div#listmenu ul li.programs a {width:93px; padding-right:6px;}
div#listmenu ul li.training a {width:71px; padding-right:7px;}
div#listmenu ul li.design a {width:139px; padding-right:6px;}
div#listmenu ul li.inspection a {width:136px; padding-right:6px;}
div#listmenu ul li.equipment a {width:100px; padding-right:5px;}
div#listmenu ul li.resources a {width:92px; padding-right:7px;}
div#listmenu ul li.home a {width:56px;}

div#listmenu ul li a:hover { color:#793232;	}
/* the menu ends here */



/* the drop-down starts here */
div#listmenu ul li ul {
	z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	border-right:0; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	padding:5px 0 8px 0;
	background : url(../images/backgrounds/nav.png) no-repeat top left;
	}

	
div#listmenu ul li ul li { /* makes the list items fill the list container (ul) */}
div#listmenu ul li ul li a { color:#000; text-align: left; padding: 1px 14px 0 14px; font-size:10px;}
	
	div#listmenu ul li.about ul {width:138px;}
	div#listmenu ul li.about ul li { width:138px;}
	div#listmenu ul li.about ul li a { width:110px;}

	div#listmenu ul li.programs ul {width:160px;}
	div#listmenu ul li.programs ul li { width:160px;}
	div#listmenu ul li.programs ul li a { width:132px;}
	
	div#listmenu ul li.training ul {width:210px;}
	div#listmenu ul li.training ul li { width:210px;}
	div#listmenu ul li.training ul li a { width:182px;}
	
	div#listmenu ul li.design ul {width:270px;}
	div#listmenu ul li.design ul li { width:270px;}
	div#listmenu ul li.design ul li a { width:242px;}
	
	div#listmenu ul li.inspection ul {width:160px;}
	div#listmenu ul li.inspection ul li { width:160px;}
	div#listmenu ul li.inspection ul li a { width:132px;}
	
	div#listmenu ul li.equipment ul {width:195px;}
	div#listmenu ul li.equipment ul li { width:195px;}
	div#listmenu ul li.equipment ul li a { width:167px;}
	
	div#listmenu ul li.resources ul {width:210px;}
	div#listmenu ul li.resources ul li { width:210px;}
	div#listmenu ul li.resources ul li a { width:182px;}
	


div#listmenu ul li ul li a:hover { color:#793232;}

/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block;} /* shows the drop-down when the menu is hovered */



/*section specific styles*/
body#about div#listmenu ul li.about a,
body#programs div#listmenu ul li.programs a,
body#training div#listmenu ul li.training a,
body#design div#listmenu ul li.design a,
body#inspection div#listmenu ul li.inspection a,
body#equipment div#listmenu ul li.equipment a,
body#resources div#listmenu ul li.resources a
{position: relative; top:-3px; color:#6B1D29;}

body#about div#listmenu ul li.about li a,
body#programs div#listmenu ul li.programs li a,
body#training div#listmenu ul li.training li a,
body#design div#listmenu ul li.design li a,
body#inspection div#listmenu ul li.inspection li a,
body#equipment div#listmenu ul li.equipment li a,
body#resources div#listmenu ul li.resources li a
{position: relative; top:0; color:#1A1B1C;}

body#about div#listmenu ul li.about li a:hover,
body#programs div#listmenu ul li.programs li a:hover,
body#training div#listmenu ul li.training li a:hover,
body#design div#listmenu ul li.design li a:hover,
body#inspection div#listmenu ul li.inspection li a:hover,
body#equipment div#listmenu ul li.equipment li a:hover,
body#resources div#listmenu ul li.resources li a:hover {color:#793232;}

.tertiaryNav {width:554px; text-align:center; padding:0 0 15px 0; margin-bottom:10px;
	background : url(../images/backgrounds/tertiary-nav.gif) no-repeat bottom; line-height:16px;}
.tertiaryNav a {font-size:11px; padding:2px;}
.tertiaryNav a:hover {background-color:#CCBBA2; text-decoration: none; }