#nav, #nav ul { /* all lists */
   padding: 0px;
   margin-left: 0px;
   margin-right: 0px;
   list-style: none;
   float : left;
   text-align:center;
   width : 92px; /* Keep the same as the "w\idth" setting below. Together they make each button appear below the other. Without both, they will appear horizonal */
   	color: #DAA819;
	font-size: 10px;
	line-height: 10px;
}

#nav li { /* all list items */
   position : relative;
   float : left;
   margin-bottom : -1px; /*Keep at -1 so borders overlap. Change only if you want space between buttons*/
   list-style: none;
   	color: #DAA819;
	font-size: 10px;
	line-height: 10px;
}

#nav li a {
   font-family: Georgia, Times New Roman, Times, serif;
   color : white;
   font-size:12px; /* Best if use pixel size, will be needed to know the hieght of the button. */
   line-height: 12px; /* same as font size */
   /*font-weight: bold;*/
   text-decoration : none;
   /* Width and Height: Add width and padding to determin the actual width...
      Use padding plus font size to determine actual height. */
   display : block;
   width: 92px;
   padding: 0px;
   border : 0px /*New 1px solid black;*/;
   	color: #DAA819;
	font-size: 10px;
	line-height: 10px;
}

#nav li a:hover { /* Rollover Styles */
   color : white; /*white;*/
   text-decoration: none;
   	color: #DAA819;
	font-size: 10px;
	line-height: 10px;
}

#nav li ul { /* second-level lists */
   position : absolute ;
   left: -999em; /* Don't change. It will cause the dropdowns to not work prooperly. */
   margin-left : 91px; /* Make 1 pixel greater then actual button width so borders overlap */
   margin-top : -20px; /*-22 0px = directly below parent. Positive number moves menu down, Negative moves it up. Add 2 pixels to button height to alight with top of parent button */
   background-color: #214284; /*black;*/

   float : left;
   text-align: left;
   width: 177px;
   border-width: 3px;
   border-style: solid;
   border-color: #214284; /*green*/
    color: #DAA819;
	font-size: 10px;
	line-height: 10px;
}

#nav li ul a {
   font-family: Georgia, Times New Roman, Times, serif;
   color:#CCCCCC;
   font-size:12px; /* Best if use pixel size, will be needed to know the hieght of the button. */
   line-height: 12px; /* same as font size */
   /*font-weight: bold;*/
   text-decoration : none;
   /* Width and Height: Add width and padding to determin the actual width...
      Use padding plus font size to determine actual height. */
   display : block;
   width: 165px;
   padding: 3px;
   /*border : 0px New 1px solid black;*/

   background-color: #214284;
   float : left;
   text-align: left;
   border-width: 3px;
   border-style: solid;
   border-color: #214284;
    color: #DAA819;
	font-size: 10px;
	line-height: 10px;

}

#nav li ul a:hover {
   font-family: Georgia, Times New Roman, Times, serif;
   color : white; /*white;*/
   text-decoration: none;
   background-color : #214284; /*black;*/
   font-size:12px; /* Best if use pixel size, will be needed to know the hieght of the button. */
   line-height: 12px; /* same as font size */
   padding: 3px;
   float : left;
   text-align: left;
   width: 165px;
   border-width: 3px;
   border-style: solid;
   border-color: #DAA819;
    color: #DAA819;
	font-size: 10px;
	line-height: 10px;
}

#nav li ul ul { /* third-and-above-level lists: use in the same way as second level */
   position : absolute;
   left: -999em; /* Don't change. It will cause the dropdowns to not work prooperly. */
   margin-left : 59px; /* Make 1 pixel greater then actual button width so borders overlap */
   margin-top : -20px; /* 0px = directly below parent. Positive number moves menu down, Negative moves it up. Add 2 pixels to button height to alight with top of parent button */
   float: left;
   left: -999em;
}

/* IE garbage. Should stay the same as far as i know */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
   left: -999em;
}

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