/* nav.css for SHF site - wed © Factor of 4, 2007-04-05 */

.bodytext a:link  { color: #c60; text-decoration: underline }
.bodytext a:visited, a.menu:active  { color: #c60; text-decoration: underline }
.bodytext a:hover  {
	color: #ff9800;
	text-decoration: underline;
	background-image: url(../images/Tigers/Menu%20Bar%20Background.jpg);
}
.bodytext-li a:link  { color: #c60; text-decoration: underline }
.bodytext-li a:visited, a.menu:active  { color: #c60; text-decoration: underline }
.bodytext-li a:hover  { color: #ff9800; text-decoration: underline }
.subtitle a:link  { color: #c60; text-decoration: underline }
.subtitle a:visited, a.menu:active  { color: #c60; text-decoration: underline }
.subtitle a:hover  { color: #ff9800; text-decoration: underline }
a.menu:link { color: #ff972d; text-decoration: none }
a.menu:visited, a.menu:active { color: #ff972d; text-decoration: none }
a.menu:hover { color: #ffcc9a; text-decoration: none }
a.toolbartext:link { color: #000; text-decoration: none }
a.toolbartext:visited, a.menu:active { color: #000; text-decoration: none }
a.toolbartext:hover { color: #ff9800; text-decoration: none }
a.sidetitle:link { color: #c60; text-decoration: none }
a.sidetitle:visited, a.menu:active {
	color: #c60;
	text-decoration: none;
	background-image: url(../images/Tigers/Menu%20Bar%20Background.jpg);
}
a.sidetitle:hover { color: #ff9800; text-decoration: none }


/*"#nav" defines the location of the navigation code on the page for the JavaScript used for MSIE browsers. */
#nav2 {  }
#nav3 {  }
#nav4 {  }
#nav5 {  }
#nav6 {  }
#nav7 {  }

/*"sub" defines the style for menu with dropdowns. */
.sub     { }

/*"sub ul" defines the style for the primary menu. */
.sub ul        { list-style-type: none; margin: 0; padding: 0; position: relative; width: 138px; height: 1.75em }

/*"sub ul:hover" defines the hover state of the primary navigation blocks in CSS-standard browsers like FireFox and Safari*/
.sub>ul>li:hover         {
	color: #FFF;
	background-image: url("../images/sidebar_bg.gif");
	background-repeat: repeat-y;
	border-style: solid;
	border-width: 0 3px 3px 0;
	border-color: orange
}

/*"sub ul.over" defines the hover state of the primary navigation blocks in non-standard browsers like MSIE. This also needs a small piece of JavaScript to work.*/
.sub>ul>li.over         { color: #000; background-image: url("../images/sidebar_bg.gif"); background-repeat: repeat-y; border-style: solid; border-width: 0 3px 3px 0; border-color: orange }

/*"sub ul a:hover" defines the hover state of the primary navigation link in CSS-standard browsers like FireFox and Safari*/
.sub ul a:hover     {
	text-decoration: none;
	padding-right: 10px;
	color: #FFF;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}


/*"sub li" defines the style of each menu item in the primary menu -  may conflict with the "menu"  defininition in text.css.*/
.sub li       { list-style-type: none; margin: 0; padding: 0; position: relative; width: 138px }

/*"sub li ul" defines the overall style of the dropdown menu block. It's initial display value is set to "none" in order to hide the dropdown until rolled over.*/
.sub li ul      { list-style: none; display: none; padding: 0; position: absolute; top: 0; left: 138px; width: 15.5em }

/*"sub li>ul"  is a child selector that defines the ul block immediately descendent from a "menu li" tag.*/
/*sub li > ul { left: auto; border: solid thin #f96 }*/

/*"sub li li" defines the style of each dropdown menu item.*/
.sub li li            { font-family: Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #fc9; display: block; margin: 0; padding: 2px 2px 2px 10px; position: relative; width: 15.5em; height: 1.5em; float: none }

/*"sub li:hover ul" sets the display value to "block" which reveals the downdown menu in standard CSS browsers like Safari and Firefox*/
.sub li:hover ul { display: block }

/*"sub li:over ul" sets the display value to "block" which reveals the downdown menu in non-standard browsers like MSIE. This also needs a small piece of JavaScript to work.*/
.sub li.over ul { display: block }

/*"#sub li ul a" defines inline text links in their three states: link, visited, and active(hover)*/
.sub li ul a:link    { color: #813819; font-weight: bold; text-decoration: none }
.sub li ul a:visited    { color: #813819; font-weight: bold; text-decoration: none }
.sub li ul a:hover, a:active    {
	color: #f60;
	font-weight: bold;
	text-decoration: underline
}
