@charset "UTF-8";

/**
* Horizontal CSS Drop-Down Menu Module
*
* @file			dropdown.css
* @package		Dropdown
* @version		0.7.1
* @type			Transitional
* @stacks		597-599
* @browsers	Windows: IE6+, Opera7+, Firefox1+
*				Mac OS: Safari2+, Firefox2+
*
* @link			http://www.lwis.net/
* @copyright	2006-2008 Live Web Institute. All Rights Reserved.
* @modified    	2009 John Hirchak 
* @link      	http://www.johnnyjazz.com
*/

@import "default.css";


/*------------------------------------------------------------------------------------------------------/
* @section		Base Style Extension
*/

ul.dropdown a,
ul.dropdown span {
display: block;
padding: 5px 20px;
}



/*------------------------------------------------------------------------------------------------------/
*	@section	Base Style Override
*/


ul.dropdown li {
padding: 0;
}

ul.dropdown ul a,
ul.dropdown ul span { /* POI, proposal: override abstract a, span */
padding: 8px;
}



/*------------------------------------------------------------------------------------------------------/
* @section		Base Style Reinitiate: post-override activities
*/


ul.dropdown *.dir { /* POI */
padding: 5px 20px;
}

ul.dropdown ul *.dir {
padding: 8px 30px 8px 8px;
}



/*------------------------------------------------------------------------------------------------------/
*	@section	Custom Styles
*/


ul.dropdown ul a {
width: 133px;
}

ul.dropdown ul a.dir {
width: 111px;
}



/*------------------------------------------------------------------------------------------------------/
* @section		Support Class `open` Usage
* @source		js, artificial
*
*/


ul.dropdown *.open {
background-color: #000
}
ul.dropdown ul *.open {
background-color: #000;
background-image: url(images/comnav-arrowover.png);
color: #fff;
}
ul.dropdown ul ul *.open {
background-color: #595959;
background-image: url(images/comnav-arrowover2.png);
color: #fff;
}
/* Override UPPER TWO definitions */
ul.dropdown a.open:hover {
background-color: #fc0;
color: #000;
}
ul.dropdown ul a.open:hover {
background-image: url(images/comnav-arrowon.png);
color: #fff;
}


/* Clone in CSS 2 */

ul.dropdown li:hover > *.dir {
background-color: #000;
}
ul.dropdown ul li:hover > *.dir {
background-color: #fc0;
background-image: url(images/comnav-arrowover.png);
color:#000;
}
ul.dropdown ul ul li:hover > *.dir {
background-color: #000;
background-image: url(images/comnav-arrowover2.png);
color: #fff;
}

/* Override UPPER TWO definitions */
ul.dropdown li:hover > a.dir:hover {
background-color: #fc0;
color: #000;
}
ul.dropdown ul li:hover > a.dir:hover {
background-image: url(images/comnav-arrowon.png);
color: #000;
}