@charset "UTF-8";
/* CSS Document */

/**************************
NAVIGAION
**************************/
#navMain { width:320px; position:relative; }
#Nav a:hover { color:#fff; }
#navMain ul ,li { padding:0; margin:0; list-style:none; }
ul.dropdown-vertical { width: 320px; }
ul.dropdown-vertical ul { top: 1px; left: 99%; }
ul.dropdown-vertical li { float: none; }
ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
ul.dropdown { position: relative; z-index: 597; float: left; }
ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle;  }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; }
ul.dropdown ul li { float: none; }
ul.dropdown ul ul { top: 1px; left: 99%; }
ul.dropdown li:hover > ul { visibility: visible; }

/*-------------------------------------------------/
 * @section		Base Style Extension
 */
ul.dropdown a, ul.dropdown span { display: block; padding: 7px 10px; }

/*-------------------------------------------------/
 * @section		Base Style Override
 */
ul.dropdown li { padding: 0; border: none; }
ul.dropdown ul a, ul.dropdown ul span { padding: 8px; }

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



ul.dropdown { font-weight: bold; }
ul.dropdown li { padding: 0px 0px; border-style: solid; border-width: 0px 0px 0px 0; border-color: #fff #d9d9d9 #d9d9d9; background-color: #f6f6f6; color: #000; }
ul.dropdown li.hover, ul.dropdown li:hover { background-color: #FFF; color: #000; }
ul.dropdown a:link, ul.dropdown a:visited { color: #000; text-decoration: none; }
ul.dropdown a:hover { color: #000; }
ul.dropdown a:active { color: #ffa500; }
/* -- level mark -- */

ul.dropdown ul { width: 225px; margin-top: 1px; }
ul.dropdown ul li { font-weight: normal; }

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */
ul.dropdown *.dir { padding-right: 20px; background-image: url(/Images/nav-arrow-down.png); background-position: 98% 50%; background-repeat: no-repeat; }

/* -- Components override -- */

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

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

ul.dropdown li { }
ul.dropdown li.hover, ul.dropdown li:hover { background: #FFF url(/Images/grad2.png) 0 100% repeat-x; color: #000; border-left: solid 1px #80b315;}
ul.dropdown li a:active { background: url(/Images/grad1.png) repeat-x; }
/* Non-first level */

ul.dropdown ul { margin-top: 0; }
ul.dropdown ul li { }
ul.dropdown ul li.hover, ul.dropdown ul li:hover { }
/* Mixed */

ul.dropdown li a, ul.dropdown *.dir { border-style: solid; border-width: 1px 0px 1px 0; border-color: #fff #d9d9d9 #d9d9d9; }
/*-------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */

ul.dropdown li.hover *.open { border-style: solid; border-width: 1px 0px 1px 0; border-color: #ffa500 #d9d9d9 #d9d9d9; background-color: #fff; color: #000; }
ul.dropdown ul li.hover *.open, ul.dropdown-vertical li.hover *.open { padding-left: 15px; border-top-color: #fff; border-left: solid 1px #80b315; }

/* CSS2 clone */
ul.dropdown li:hover > *.dir { border-style: solid; border-width: 1px 0px 1px 0; border-color: #ffa500 #d9d9d9 #d9d9d9; background-color: #fff; color: #000; }
ul.dropdown ul li:hover > *.dir, ul.dropdown-vertical li:hover > *.dir { padding-left: 15px; border-top-color: #fff; border-left: solid 1px #80b315; }
ul.dropdown-vertical { width: 320px; }
ul.dropdown-vertical ul { top: 1px; left: 99%; }
ul.dropdown-vertical li { float: none; }

.OtherSection { background: #fff url(/Images/Other.jpg) 0 0 repeat-x;}
.OtherSectionTitle { border-bottom: solid 1px #80b315; padding: 46px 0 5px 10px;  height:17px; font-weight:normal;}
.OtherSection ul {width: 300px; margin-top: 1px; }
.OtherSection li { width: 300px;}
.OtherSection li a { text-decoration:none; color:#000000; height:15px;  width: 298px; display:block; padding: 4px 10px 4px 10px; background: #FFF url(/Images/grad2.png) 0 100% repeat-x; border-style: solid; border-width: 1px 0px 1px 0; border-color: #fff #d9d9d9 #d9d9d9; }
.OtherSection li a:hover {  border-left: solid 1px #80b315; background: url(/Images/grad1.png) repeat-x;   }

.OtherSection li li { }
.OtherSection li ul li a {   background: none #f6f6f6; padding-left:30px;  width: 278px;}