@charset "UTF-8";

/**  ALL OF YOUR STYLISTIC EDITING SHOULD BE DONE
 *   ON THIS PAGE ONLY !! (Brian Popovec)
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 * @ link		http://www.poutinesoft.com
 * @ customized for the Alwun House Foundation by Brian Popovec August 2009
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */



/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */

/* this is the font and size and color of the main row of menus */
ul.dropdown 
{
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 13px;
 font-weight: bold;
 color: #df1900;  
}

/* this section controls the look of the boxes of the pop up list of menus
     ... but, not their behaviour... */
	ul.dropdown li 
	{
	 text-align: left;
	 padding-left: 4px;
	 padding-right: 1px;
	 padding-bottom: 4px;
	 padding-top: 1px;
	 border-style: solid;
	 border-width: 1px 1px 1px 1px;
	 border-color: #999999 #999999 #999999 #999999;
	 background-color: #000000;
	 color: #df1900;
	 width: 120px;
	}
/* this section controls the background color of all menu items,
      ... but only  when hovered over... */
	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #6e0e0e;
	 color: #ff0900;
	}
/* this section controls what happens after the user takes some kind
       ... any and all kind ... of action on any control.
   Please note, that these qualities are released and reset to their
   initial values when the user clicks on some other menu item
    .. all is reset...
    ... even for the pop up columns of menu items... */
	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #fa0909; text-decoration: none; }
	ul.dropdown a:hover		{ color: #ff00ff; }
	ul.dropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 127px;
	 /* this width controls the width of the pop up menu item boxes
	    .. remember they have an additional image in them if they are
       .. class="dir"...
         ... so, fiddle at your own risk! */
	 margin-top: 1px;
	}
        /* this section sets the font size and weight for the pop up
            ... menu items only... */
		ul.dropdown ul li {
		 font-weight: normal;
		 font-size: 10px;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-left: 4px;
 padding-right: 1px;
 padding-bottom: 4px;
 padding-top: 1px;
 background-image: url(images/nav-arrow-down-white.png);
 /*background-image: url(css/images/nav-arrow-down-white.png);*/
 background-position: 100% 10%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 1px;
 background-image: url(images/nav-arrow-right-white.png);
 /*background-image: url(css/images/nav-arrow-right-white.png);*/
 background-position: 100% 10%;
 background-repeat: no-repeat;
 width: 127px;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top-white.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right-white.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 1px;
 padding-left: 2px;
 background-image: url(css/images/nav-arrow-left-white.png);
 background-position: 0 50%;
}