/* This stylesheet is used to define the appearance and functionality of the main dropdown navigation menu,
 The Primary "Horizontal" Navigation Menu (To be included in div id "navigation")*/

div#navigation ul {position:relative; /*width:880px; height:38px; */z-index:1;  list-style-type: none;}
div#navigation li {background:url(http://www.tolmanchiro.com/images/nav_divider.gif) no-repeat top right; position:relative; float:left;} /* black line */
div#navigation li:hover, div#navigation li.sfhover {background:url(/images/nav_hover.gif) no-repeat top right;} /* hover black line images */
div#navigation li:hover ul, div#navigation li.sfhover ul {left:auto;}
div#navigation li:hover ul ul, div#navigation li.sfhover ul ul, div#navigation li:hover ul ul ul, div#navigation li.sfhover ul ul ul {left:-3000px;}
div#navigation li a {color:#fff; display:block; padding:13px 18px 13px 15px; font-weight:bold; text-decoration:none; white-space:nowrap;}  /* spacing between the links*/
div#navigation li.droptop, div#navigation li.dropbtm {display:none; width:130px; height:8px; overflow:hidden;}
/*controls dropdowns <font color="#336600"green color="#003366"blue color="#FF6600"orange color="#336699"blue/green></font>*/
div#navigation ul ul {position:absolute; top:35px; left:-3000px; width:130px;} /* height to start drop down, width of drop down */
div#navigation li li {background:#003366; width:130px; right: 40px;}
div#navigation li li:hover, div#navigation li li.sfhover {background:#336600 none;}
div#navigation li li:hover ul, div#navigation li li.sfhover ul {left:auto;}
div#navigation li li a {width:130px; padding:4px 10px 4px 10px; font-weight:normal; white-space:normal;}
div#navigation li li a.x {background:url(http://www.tolmanchiro.com/images/drop-icon.gif) no-repeat 130px; padding:6px 10px 6px 10px; width:130px;}
div#navigation li li.dropbtm {background:url(http://www.tolmanchiro.com/images/drop-bg-a.png) no-repeat 0 -35px; display:block;}