@charset "UTF-8";

/** 
 * Default Advanced CSS Drop-Down Menu Theme
 *
 * @file		default.advanced.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera9+, Firefox2+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2009 Live Web Institute. All Rights Reserved.
 *
 */

@import "default.css";


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

ul.dropdown li a {
 display: block;
 padding: 0 10px;
}


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

ul.dropdown li {
 padding: 0;
}


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

ul.dropdown li.dir {
 padding: 3px 30px 3px 10px;
}

ul.dropdown li.dir:hover {
background-color: #80abcb;
}

/* this is the stop the columns changing colour as you hover */
ul.dropdown li.dir ul li.dir:hover {
background-color: transparent;
}

ul.dropdown ul li.dir {
 padding: 10px;
}


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

ul.dropdown ul {
 padding: 0 10px;
 width:928px;
}

ul.dropdown ul a {
 width: 140px;
 padding: 3px 5px;
 /* this is the dotted line separating items within the menu */
 background: url(images/pattern2.png) 0 0 repeat-x;
}

/*-------------------------------------------------/
 * Whilst hovering on items within drop down menu
 */
ul.dropdown ul a:hover {
 background-color: #ffa500;
 color: #fff;
}

ul.dropdown ul ul {
 padding: 0;
 margin-left: -5px;
}