@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @filedropdown.css
 * @packageDropdown
 * @version0.7.1
 * @typeTransitional
 * @stacks597-599
 * @browsersWindows: IE6+, Opera7+, Firefox1+
 *Mac OS: Safari2+, Firefox2+
 *
 * @linkhttp://www.lwis.net/
 * @copyright2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

/* DropDownMenu at the top of the page*/

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0 auto;
 padding: 0 0 0 12px;
}


ul.dropdown li {
 float: left;
 line-height: 1.3em;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index:100;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown li {
 border: 1px solid #00003D;
 background-color: #00003D;
 color: #fff;
}

ul.dropdown li:hover {
 background-color: #00003D;
 color: #fff;
}

ul.dropdown a:link,
ul.dropdown a:visited{ color: #fff; text-decoration: none; }
ul.dropdown ul a:visited{ color: #fff; text-decoration: none; }
ul.dropdown a:hover, ul.dropdown ul a:hover { color: #eee; text-decoration: underline;}
ul.dropdown a:active{ color: #ffa500; }


/* -- level mark -- */

ul.dropdown ul {
 width: 200px;
 margin-top: 1px;
 background: #00003d;
 padding-left:5px;
}

ul.dropdown ul li {
 font-weight: normal;
}



/*-------------------------------------------------/
 * @sectionSupport Class `dir`
 * @level sepul, .class
 */


ul.dropdown *.dir {
 padding-right: 10px;
 background-image: url(http://www.thebestfootballblog.com/image-files/nav-arrow-down.png);
 background-position: 103% 59%;
 background-repeat: no-repeat;
 
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 10px;
 background-position: 100% 50%;
 background-repeat: no-repeat;
 background-color: #eee;
}


/*-------------------------------------------------/
 * @sectionBase Style Extension
 */

ul.dropdown li {
 display: block;
 padding: 7px 12px 7px 3px; 
}

ul.dropdown li.dp {
 background: #00003d; 
 color: #fff;
}
ul.dropdown li.dp:hover {
 background: #00003d; 
}



/*-------------------------------------------------/
 * where to place the arrow on the dropdown
 */

.dir {
 padding: 10px 0 7px 0;
}