/* CSS Document */



body { margin: 0px; }

a:link { 
	color: #ec371a;
	}
a:visited { 
	color: #ec371a;
	}
a:hover { 
	color: #ec371a;
		}
a:active {
	color: #ec371a;
	}
.Navigation {
	line-height: 1px;
}

/* CSS Dropdown Nav Bar */
/* Original code by Stu Nicholls of */
/* http://www.cssplay.co.uk/ */
/* Edited by me for content, formatting and some elements */
/* Please help support CSSPlay at: */
/* http://www.cssplay.co.uk/support.html */
 
/* CSS Section */
 
      /* style the outer div to give it width */
.menu {
   float:absolute;
   z-index:99;
   margin-top: 0px;
   margin:0px;
   position:relative;    /* Make the container moveable */
   width:420px;          /* Main bar total width, minimize to center */
}
 
      /* remove all the bullets, borders and padding from the default list styling */
.menu ul { 
   padding:0;
   margin:0;
   list-style-type:none;
}
 
.menu ul ul {
   width:50px; 
}
 
      /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
   float:right;
   text-align:left;
   width:120; 
   position:relative;
   padding: 0px 0px 0px;
}
 
      /* style the links for the top level */
.menu a, .menu a:visited {
   display:block;
   font-size:10pt;
   text-decoration:none; 
   color:#c0c0c0;
   background:121212;
/* border:1px solid black; */
/* border-width:1px 1px 1px 1px; */
   font-family: Times New Roman;
/*   font-weight:bold; */
   width:10;            /* Defines the main box dimensions. */
   height:25px;           /*How tall your cells are */
   line-height:25px;      /*Adjust this to vertically center your text in each cell. Should be about the same as height. */
   padding: 0 0px;
   min-width: 10px;
}
 
      /* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited
    {width:100px; width:100px;}
 
      /* style the second level background non-hover */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#121212;}  /* if 3rd level exists */
 
      /* style the second level hover */
.menu ul ul a.drop:hover {background:#121212;}
.menu ul ul :hover > a.drop {background:#121212;}
 
      /* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#121212;}  /* not FF */
 
      /* style the third level hover */
.menu ul ul ul a:hover {background:#121212;}
.menu ul ul ul :hover > a:hover {background:#121212;}     /* 3rd (w/o 4th) 4th hover */
 
      /* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
   visibility:hidden;
   position:absolute;
   height:50;
   top:25px;
   left:0px; 
   width:100px;  /* Size of the daughter cells */
}
 
      /* another hack for IE5.5 */
* html .menu ul ul 
   {top:20px; t\op:21px;}   /* IE gap between main bar and the dropdown items */
 
      /* position the third level flyout menu */
.menu ul ul ul {z-index:999;
   left:120px; 
   top:0;
   width:160px;
   height:auto;
}
 
.menu ul ul ul li a {
   color:#ec371a;
}
 
.menu ul ul ul li a:hover {
   color:#ec371a;
}
 
    /* position the fourth level flyout menu */
.menu ul ul ul ul {
   left:132px; 
   top:0;
   width:100px;
}
 
      /* style the table so that it takes no part in the layout */
.menu table {position:absolute; top:0; left:0;}
 
      /* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
   color:#c0c0c0; 
   background:#121212;
   height:25px; 
   line-height:25px; 
   width:100px;
}
 
.menu ul ul :hover > a.drop  {background:#121212;}   /* 2nd w/3rd */
 
      /* style the third level links */
.menu ul ul ul a, .menu ul ul ul a:visited {
   color:#c0c0c0;          /* hover 2nd > 3rd & 4th */
   background:#121212;        /* hover 3rd > 4th */
   height:25px; 
   line-height:25px; 
   width:220px;
   text-align: left;
}
   /* yet another hack for IE5.5 */
* html .menu ul ul a {width:100px; w\idth:100px;}
 
    /* main hover ?IE? */
.menu a:hover, .menu ul ul a:hover {
   color:#ec371a;
   background:#121212;
}
    /* main hover */
.menu :hover > a, .menu ul ul :hover > a {
   color:#ec371a;
   background:#121212;
   
}
    /* make the second level visible when hover on first level list OR link */
.menu ul :hover ul {visibility:visible;}
    /* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {visibility:hidden;}
    /* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul {visibility:hidden;}
    /* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {visibility:visible;}
    /* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}
 
/* End Navbar Code */