body { font-family: arial, verdana, sans-serif; margin: 0px; padding: 0px;  }
#topnav { width: 993px; height: 31px; background-color: #fff; padding: 4px 0px; margin: 0px;}
* html #topnav { width: 993px; height: 31px; background-color: #fff; padding: 4px 0px 0px 0px; margin: 0px;}
#topnav ul { padding: 0px 5px; margin: 0px; }
#topnav ul ul { padding: 0px; }
#topnav li { font-size: 13px; line-height: 29px; padding: 1px 7px; margin: 0px; float: left; list-style: none; text-transform: uppercase; }
#topnav li li { float: none; list-style: none; line-height: 20px; text-transform: none; }
#topnav li:hover, #topnav li.sfhover { background: #00CC00 url(topnav_bg_hover.gif) repeat-x; }

/* define link properties */
#topnav li a { color: #000; display: block; font-weight: bold; text-decoration: none; padding-right: 12px; background: url(down_arrow.gif) no-repeat right; }
#topnav li a:hover {  color: #fff; padding-right: 12px; background: url(down_arrow_white.gif) no-repeat right; }
#topnav li a:visited { color: #000; }
#topnav li li a { padding-right: 0px; background: url(empty.gif); }
#topnav:hover li li li a, #topnav.sfhover li li li a { font-weight: normal; line-height: 14px; font-size: 11px; margin: 0px; }
#topnav:hover li:hover a, #topnav.sfhover li.sfhover a, * html #topnav.sfhover li.sfhover a { color: #fff; padding-right: 12px; background: url(down_arrow_white.gif) no-repeat right; }
#topnav:hover li:hover li a, * html #topnav.sfhover li.sfhover li a { color: #555; padding-right: 0px; background: url(empty.gif); }
#topnav li li, #topnav li .submenu .submenu-col li a, #topnav li li li a { padding: 2px; }
#topnav:hover li li, #topnav:hover li .submenu .submenu-col li a, #topnav:hover li li li a, 
#topnav.sfhover li li, #topnav.sfhover li .submenu .submenu-col li a, #topnav.sfhover li li li a { padding: 2px; }
#topnav:hover li li a:hover, * html #topnav.sfhover li li a:hover,
#topnav:hover li.navselected li a:hover, * html #topnav.sfhover li.navselected li a:hover { background: #00CC00 url(empty.gif); padding-right: 0px; color: #fff; }

/* bounding box for drop down */
#topnav li .submenu { position: absolute; left: -999em;  margin-left: -7px; margin-top: 1px; }
#topnav li:hover .submenu, #topnav li.sfhover .submenu, * html #topnav li.sfhover .submenu { left: auto; }

/* col setup */

.wrapper-col			   { padding: 5px; background: #fff url(inner-grad.png) repeat-x; border: 1px solid #6CCC01; }
* html .wrapper-col        { padding: 5px; background: #fff url(empty.gif) repeat-x; border: 1px solid #6CCC01; }
.submenu .submenu-col 	   { width: 200px !important; float: left !important; margin-top: 3px; } 
.submenu .submenu-onecol   { width: 200px !important; }
.submenu .submenu-twocol   { width: 400px !important; }
.submenu .submenu-threecol { width: 600px !important; }
.submenu .submenu-fourcol  { width: 800px !important; }

/* 2nd and 3rd level nav */
#topnav li:hover .submenu .submenu-col li, #topnav li.sfhover .submenu .submenu-col li { width: 195px !important; margin: 0px; background: url(#); font-size: 12px; }
#topnav li .submenu .submenu-col li ul.tertiary li, * html #topnav li .submenu .submenu-col li ul.tertiary li { list-style: disc outside; color: #6CCC01; margin: 0px 0px 0px 16px; padding: 0px 0px; vertical-align: top; width: 165px !important; }
* html #topnav li.sfhover .submenu .submenu-col li ul.tertiary li a { margin-top: -3px; }

/* separators */
#topnav .separator { width: 0px; height: 29px; margin-left: 0px; margin-right: 0px; padding: 0px; background: no-repeat url(#); float: left; }
#topnav .padding { padding: 0px; margin: 0px; width: 0px; border: 0px solid #df0032; background: url(#); float: left; } 

/* navselected top-level node */
.navselected { background: #00CC00 url(topnav_bg_hover.gif) repeat-x; border: 1px solid #6CCC01; border-top: 1px solid #6CCC01; padding: 0px 6px !important; }
#topnav:hover .navselected a, #topnav.sfhover .navselected a, #topnav.sfhover .navselected a:visited { color: #000; background: url(down_arrow.gif) no-repeat right; padding-right: 12px; }
#topnav li.navselected a, * html #topnav li.navselected a, * html #topnav li.navselected a:visited, #topnav:hover li.navselected a:hover, #topnav.sfhover li.navselected a:hover { color: #fff; padding-right: 12px; background: url(down_arrow_white.gif) no-repeat right; }
#topnav:hover li.navselected, #topnav.sfhover li.navselected  { background: #fff url(#) repeat-x; } 
#topnav:hover li.navselected:hover, #topnav.sfhover li.navselected.sfhover { background: #9d293e url(topnav_bg_hover.gif) repeat-x;  }
#topnav:hover li.navselected, #topnav.sfhover .navselected { border: 0px; padding: 1px 7px !important; }
	
/* position for right-align menus */

#topnav #nav-about-us:hover .submenu { margin-left: -125px; }
* html #topnav #nav-about-us.sfhover .submenu { margin-left: -126px; } 
#topnav #nav-education:hover .submenu { margin-left: -117px; }
* html #topnav #nav-education.sfhover .submenu { margin-left: -118px; } 
/*
#topnav #nav-equipment:hover .submenu { margin-left: -661px; }
* html #topnav #nav-equipment.sfhover .submenu { margin-left: -647px; }
*/
/* shadow */
.shadow { background: url(shadow.png) repeat-x; height: 7px !important; display: block; padding-right: 12px !important; }
.rule { width: 993px; height: 1px !important; background-color: #bfbfbf; margin: 0px; padding: 0px; text-align: left; border: 0; }