@charset "UTF-8";

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1.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.
 *
 * 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
 */
 
 
 ul.basic_nav li {
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
    zoom: 1;
  }
  ul.basic_nav, ul.basic_nav li, ul.basic_nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
   ul.basic_nav li {
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
    zoom: 1;
  }
  ul.basic_nav, ul.basic_nav li, ul.basic_nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  

  
  
  ul.basic_nav {
   font-weight: normal;
   font-size: 16px;
  }
  
    ul.basic_nav li {
     padding: 5px 10px 0 10px;
     border: none;
     color: #fff;
    }
    
    ul.basic_nav li:first-child {
     padding-left: 12px;
    }
  
    ul.basic_nav li.hover,
    ul.basic_nav li:hover,
    ul.basic_nav li.active {
        height: 28px;    
    background-color: #fabe00;
    color: #000;
    }

    ul.basic_nav a:link,
    ul.basic_nav a:visited  { color: #fff; text-decoration: none; }
    ul.basic_nav li:hover > a,
    ul.basic_nav a:hover    { color: #000; }
    ul.basic_nav .active > a:visited,
    ul.basic_nav .active > a  { color: #000; }
  
 ul.basic_nav a {
    display: block;
    height: 23px;
    white-space: nowrap;
  }
  
  
  
/* ------------*/



@media only screen and (min-width: 800px) {
  ul.basic_nav li {
		float: left;
		line-height: 1.3em;
		vertical-align: middle;
		zoom: 1;
	}
	ul.basic_nav, ul.basic_nav li, ul.basic_nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	
	
	#mainnav > .inner > ul {
	 font-weight: normal;
	 font-size: 16px;
	}
	
		#mainnav > .inner > ul li {
		 padding: 5px 10px 0 10px;
		 border: none;
		 color: #fff;
		}
		
		#mainnav > .inner > ul li:first-child {
     padding-left: 12px;
    }
	
		#mainnav > .inner > ul li.hover,
		#mainnav > .inner > ul li:hover,
		#mainnav > .inner > ul li.active {
        height: 28px;		 
		background-color: #fabe00;
		color: #000;
		}

		#mainnav > .inner > ul a:link,
		#mainnav > .inner > ul a:visited	{ color: #fff; text-decoration: none; }
		#mainnav > .inner > ul li:hover > a,
		#mainnav > .inner > ul a:hover		{ color: #000; }
		#mainnav > .inner > ul .active > a:visited,
		#mainnav > .inner > ul .active > a	{ color: #000; }
	
	
		/* -- level mark -- */
	
		ul.dropdown ul {
		min-width: 150px;
		width: auto;
		background-color: #004377;
		font-size: 14px;
		}
	
			ul.dropdown ul li {
			 font-weight: normal;
			}
	
	#mainnav > .inner > ul a {
		display: block;
		height: 23px;
		white-space: nowrap;
	}
	
	/*-------------------------------------------------/
	 * @section		Support Class `dir`
	 * @level sep	ul, .class
	 */
	
	
	ul.dropdown *.dir {
	 /*padding-right: 20px;
	 background-image: url(images/nav-arrow-down.png);
	 background-position: 100% 50%;
	 background-repeat: no-repeat;*/
	}
	
	
	/* -- Components override -- */
	
	ul.dropdown-horizontal ul *.dir {
	 padding-right: 15px;
	 /* background-image: url(images/nav-arrow-right.png); */
	 background-position: 100% 50%;
	 background-repeat: no-repeat;
	}
	
	
	
	ul.dropdown-upward *.dir {
	 /* background-image: url(images/nav-arrow-top.png); */
	}
	
	ul.dropdown-vertical *.dir,
	ul.dropdown-upward ul *.dir {
	 /* background-image: url(images/nav-arrow-right.png); */
	}
	
	ul.dropdown-vertical-rtl *.dir {
	 padding-right: 10px;
	 padding-left: 15px;
	 /* background-image: url(images/nav-arrow-left.png); */
	 background-position: 0 50%;
	}
}