#navholder {
width: 185px
}

#nav{
}

ul#nav {
margin: 0 9px;
padding: 6px 0;
list-style:none;
width: 167px;
font-size: 9px;
text-transform:uppercase;
letter-spacing: 1px;
}

ul#nav ul {/*** changed this ***/
margin: 0;
padding: 0;
list-style:none;
background-color: #790000;
}


ul#nav li{
	position: relative;
}
/* keep folowing styles together..........................*/
* html ul#nav ul {

}	
/*** delete this line: * html ul li {f\loat:left;/* hide float from ie5} ***/
* html ul#nav ul,* html ul li{/*** changed this ***/
}
/* keep above styles together .............*/
ul#nav li ul {
	position: relative;
}
ul#nav li {
padding: 0;
margin: 1px 0 0 0;
background-color: #686868;
color: #fff;
font-size: 9px;
letter-spacing: 1px;
text-transform:uppercase;
}
/*** the next style bit is new! ***/
ul#nav li li {
border-bottom: none;
border-top: 1px solid #666;
}
/* Styles for Menu Items */
ul#nav li a {
color: #fff;
text-decoration:none;
display: block;
padding: 7px 0 6px 6px; 
}
ul#nav li li a {
color: #fff;
text-decoration:none;
display: block;
padding: 7px 0 6px 6px;
background-color: transparent; 
}
/* set dropdown to default */
ul#nav li:hover li a, li.over li a {
    color: #fff;
   background-color: #790000;
}

ul#nav li a:hover,
ul#nav li:hover a, li.over a,
ul#nav li:hover li a:hover, li.over li a:hover {
color: #fff;
background-color: #a0a0a0;
}
ul#nav li ul li  {  } /* Sub Menu Styles */
ul#nav li.on ul { display:block !important } /* The magic */
ul#nav li.off ul{display:none !important}
ul#nav li.on a{color:blue;font-weight:bold}/* set colour of selected item*/
ul#nav li.on ul a{background:#790000;color:#fff;font-weight:normal}/* keep nested anchors original colour*/

body#about #nav li#xxabout ul,
body#services #nav li#xxservices ul,
body#markets #nav li#xxmarkets ul,
body#projects #nav li#xxprojects ul,
body#community #nav li#xxcommunity ul,
body#careers #nav li#xxcareers ul,
body#news #nav li#xxnews ul
{
display:block
} /* open chosen menu */


body#about #nav li#xxabout a,
body#services #nav li#xxservices a,
body#markets #nav li#xxmarkets a,
body#projects #nav li#xxprojects a,
body#community #nav li#xxcommunity a,
body#careers #nav li#xxcareers a,
body#news #nav li#xxnews a
{
background:#fff;
color: #333;
} /* set background color of list item's anchor*/

body#about #nav li#xxabout ul a,
body#services #nav li#xxservices ul a,
body#markets #nav li#xxmarkets ul a,
body#projects #nav li#xxprojects ul a,
body#community #nav li#xxcommunity ul a,
body#careers #nav li#xxcareers ul a,
body#news #nav li#xxnews ul a
{
background-color:#790000;
color: #fff;
}


body#about #nav li#xxabout ul a:hover,
body#services #nav li#xxservices ul a:hover,
body#markets #nav li#xxmarkets ul a:hover,
body#projects #nav li#xxprojects ul a:hover,
body#community #nav li#xxcommunity ul a:hover,
body#careers #nav li#xxcareers ul a:hover,
body#news #nav li#xxnews ul a:hover
{
background-color: #e8c2c2 ;
color: #333;
}

body#about.coov #nav li#xxabout ul li.company a,
body#about.hist #nav li#xxabout ul li.history a,
body#about.valu #nav li#xxabout ul li.values a,
body#services.serv #nav li#xxservices ul li.services a,
body#services.faci #nav li#xxservices ul li.facilities a,
body#services.fiel #nav li#xxservices ul li.field a,
body#services.equi #nav li#xxservices ul li.equipment a,
body#services.turn #nav li#xxservices ul li.turnarounds a,
body#services.prog #nav li#xxservices ul li.program a,
body#services.surf #nav li#xxservices ul li.surface a,
body#services.coat #nav li#xxservices ul li.coating a,
body#services.safe #nav li#xxservices ul li.safety a,
body#markets.mark #nav li#xxmarkets ul li.markets a,
body#markets.arch #nav li#xxmarkets ul li.architect a,
body#markets.comm #nav li#xxmarkets ul li.commercial a,
body#markets.heav #nav li#xxmarkets ul li.heavy a,
body#markets.manu #nav li#xxmarkets ul li.manufact a,
body#markets.petr #nav li#xxmarkets ul li.petro a,
body#markets.phar #nav li#xxmarkets ul li.pharma a,
body#markets.wate #nav li#xxmarkets ul li.water a,
body#projects.proj #nav li#xxprojects ul li.projects a,
body#projects.eagl #nav li#xxprojects ul li.eagle a,
body#projects.ftco #nav li#xxprojects ul li.ftcoll a,
body#projects.coor #nav li#xxprojects ul li.coors a,
body#projects.xcel #nav li#xxprojects ul li.xcelenergy a,
body#projects.rtch #nav li#xxprojects ul li.ritchie a,
body#community.comu #nav li#xxcommunity ul li.community a,
body#careers.care #nav li#xxcareers ul li.careers a,
body#careers.bene #nav li#xxcareers ul li.benefits a,
body#news.news #nav li#xxnews ul li.news a,
body#news.pres #nav li#xxnews ul li.press a,
body#news.test #nav li#xxnews ul li.testimonial a,
body#news.phot #nav li#xxnews ul li.photo a
{
padding-left: 18px !important;
background: #790000 url(images/arrow.gif) 5px 7px no-repeat;}
/* the actual item chosen*/

body#about.coov #nav li#xxabout ul li.company a:hover,
body#about.hist #nav li#xxabout ul li.history a:hover,
body#about.valu #nav li#xxabout ul li.values a:hover,
body#services.serv #nav li#xxservices ul li.services a:hover,
body#services.faci #nav li#xxservices ul li.facilities a:hover,
body#services.equi #nav li#xxservices ul li.equipment a:hover,
body#services.turn #nav li#xxservices ul li.turnarounds a:hover,
body#services.prog #nav li#xxservices ul li.program a:hover,
body#services.surf #nav li#xxservices ul li.surface a:hover,
body#services.coat #nav li#xxservices ul li.coating a:hover,
body#services.safe #nav li#xxservices ul li.safety a:hover,
body#markets.mark #nav li#xxmarkets ul li.markets a:hover,
body#markets.arch #nav li#xxmarkets ul li.architect a:hover,
body#markets.comm #nav li#xxmarkets ul li.commercial a:hover,
body#markets.heav #nav li#xxmarkets ul li.heavy a:hover,
body#markets.manu #nav li#xxmarkets ul li.manufact a:hover,
body#markets.petr #nav li#xxmarkets ul li.petro a:hover,
body#markets.phar #nav li#xxmarkets ul li.pharma a:hover,
body#markets.wate #nav li#xxmarkets ul li.water a:hover,
body#projects.proj #nav li#xxprojects ul li.projects a:hover,
body#projects.eagl #nav li#xxprojects ul li.eagle a:hover,
body#projects.ftco #nav li#xxprojects ul li.ftcoll a:hover,
body#projects.coor #nav li#xxprojects ul li.coors a:hover,
body#projects.xcel #nav li#xxprojects ul li.xcelenergy a:hover,
body#projects.rtch #nav li#xxprojects ul li.ritchie a:hover,
body#community.comu #nav li#xxcommunity ul li.community a:hover,
body#careers.care #nav li#xxcareers ul li.careers a:hover,
body#careers.bene #nav li#xxcareers ul li.benefits a:hover,
body#news.news #nav li#xxnews ul li.news a:hover,
body#news.pres #nav li#xxnews ul li.press a:hover,
body#news.test #nav li#xxnews ul li.testimonial a:hover,
body#news.phot #nav li#xxnews ul li.photo a:hover
{
padding-left: 18px !important;
background: #e8c2c2 url(images/arrow_red.gif) 5px 7px no-repeat;
color: #333;
/* the actual item chosen*/
}