﻿.nav-left { float: left; width: 138px; height: 28px; background: url(../images/nav_main_bar_left.png) no-repeat; }
.nav-center { float: left; width: 665px; height: 28px; background: url(../images/nav_main_bar_back.gif) repeat-x; }
.nav-right { float: left; width: 138px; height: 21px; background: url(../images/nav_main_bar_right.png) no-repeat; text-align: center; padding-top: 7px; padding-bottom: 20px; }

/* ---- BOF Main Nav Styles ---- */
#nav, #nav ul { float: left; margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; }
#nav a { width: 133px; height: 20px; font-size: 9px; color: #fff; text-align: center; text-decoration: none; padding-top: 8px; display: block; text-transform: uppercase; font-weight: bold; }
#nav a:hover { color: #d78424; background: url(../images/nav_main_bar_back.png) center bottom repeat-x; }
#nav ul { position: absolute; top: 28px; display: none; background: none; }
#nav ul ul { top: auto; }
#nav li { float:left; position:relative; }
#nav li ul { }
#nav li ul a { color: #fff; float: left; width: 133px; height: 16px; line-height: normal; text-align: left; font-size: 8px; margin: 0px; padding: 0px; padding-top: 6px; padding-left: 4px; background: #000; border: 1px solid #2e2e2e; border-top: none; letter-spacing: .1em; text-align: left; }
#nav li ul a:hover { background: #1b1b1b; }
#nav li ul a.top { border: 1px solid #2e2e2e; }
#nav ul ul { }
#nav li ul ul { padding: 0px; }
#nav li ul ul a { width: 177px; }
#nav li ul ul a.top { border-top: 1px solid #2e2e2e; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display: none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display: block; }
/* ---- EOF Main Nav Styles ---- */
