@import url(public.css);

/* Define defaults for old browsers */
/*div,*/ p, th, td, li, dd {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:       #333333;
  font-size:   11px;
}

h1 {
  font-size:   130%;
  font-weight: bold;
}

h2 {
  font-size:   110%;
  font-weight: bold;
}

/* Flyouts */

#nav, #nav ul {
 padding: 0px;
 margin: 0px;
 list-style: none;
 line-height: 1;
}

#nav a {
 display: block;
}

#nav li {
 float: left;
}

#nav li ul {
 position: absolute;
 left: -999em;
 width: 200px;
}

#nav li:hover ul {
 left: auto;
 padding: 0px 0px 0px 0px;
 background-color: #eeeeee; 
 border: #434197 solid 2px; 
 }
 
#nav li:hover ul, #nav li.sfhover ul {
 left: auto;
 top: auto;
 padding: 0px 0px 0px 0px;
 background-color: #eeeeee; 
 border: #434197 solid 2px;  
}

#nav li ul li {
 font-size: 11px;
 width: 200px;
 line-height: 14px;
}

#nav li ul li .hasTriNav {
	background: url(/files/Intranet/pagelayoutimages/RedRoundedArrow.gif) no-repeat;	background-position: right;
font-size: 11px;
	line-height: 14px;
}

#nav li ul li a:link  {
 background-color: #eeeeee; 
 color: #434197;
 text-decoration: none;
 padding: 4px;
 border-bottom: #000000 solid 1px;
}
#nav li ul li a:visited  {
 background-color: #eeeeee; 
 color: #434197;
 text-decoration: none;
 padding: 4px;
 border-bottom: #000000 solid 1px;
}
#nav li ul li a:hover {
 background-color: #434197; 
 color: #ffffff;
 text-decoration: none;
 padding: 4px;
 border-bottom: #000000 solid 1px;
}
#nav li ul li a:active {
 background-color: #434197; 
 color: #ffffff;
 text-decoration: none;
 padding-bottom: 4px;
 border-bottom: #000000 solid 1px;
}

#nav li ul ul {
 margin: 0 0 0 201px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
 left: -999em;
 margin-top: -2em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
 left: auto;
}