
<!--
body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #444444;
    background-color: #FFFcf4
}

tr
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #444444
}
.navmenu
{
    background-color: #DCD9D1
}

a {  color: #E85C00}

.headerNav
{
    border: 0px none #FFFFFF;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 9pt;
    font-weight: bold;
}

h1 {  font-size: 12pt; font-weight: bold; color: #666465}
h2 {  font-size: 10pt; font-weight: bold; color: #000000}

.footer
{
        font-size: 8pt;
        font-family: Arial, Helvetica, sans-serif;
        color: #444444
}
.email {  font-size: 9pt}
.casestudies {  font-size: 11pt; font-weight: bold; color: #FFFFFF}

#root{
 font-weight: bold;
}

ul { /* all lists */
 margin: 0px;
 padding: 0px;
 list-style: none;
 line-height: 2em;
 font-size: 9pt;
}
 
#nav a {
 display: block;
 width: 11em;
 text-decoration: none;
 border-color: #DCD9D1;
 border-width: 1px;
 border-style: solid;
 color: black;
}

#nav li a:hover {
 display: block;
 width: 11em;
 background: white;
 border-color: orange;
 border-width: 1px;
 border-style: solid;
 color:black;
}
 
li { /* all list items */
 margin:0px;
 padding:0px 3px 0px 0px;
 float: left;
 width: 11em; /* width needed or else Opera goes nuts */
}
 
#nav li ul { /* second-level lists */
 position: absolute;
 background: #DCD9D1;
 width: 11.1em;
 display:none;
}
 
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
/* left: auto;*/
	display:block;
}

-->