/***********************************************************************************************************************

 Main Menu

 ************************************************************************************************************************/

@font-face {

	font-family:Abadi MT Condensed;

	src:url(abac.eot); /*IE*/

	src:local("Abadi MT Condensed"), url(abac.ttf) format("truetype"); /*non-IE*/

}



.mainmenu {

    border: none;

    border: 0px;

    margin: 0px;

    padding: 0px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    font-weight: bold;

    text-transform: uppercase;

    z-index: 1;

}



.mainmenu ul {

    background: url(images/menu_bg.jpg);

    height: 31px;

    list-style: none;

    margin: 0;

    padding: 0;

}



.mainmenu li {

    float: left;

    padding: 0px;

}



.mainmenu li a {

    background: url("images/menu_bg.jpg") bottom right no-repeat;

    color: #0a5916;

    display: block;

    line-height: 31px;

    margin: 0px;

    padding: 0 28px 0 40px;

    text-align: center;

    text-decoration: none;

}



.mainmenu li a:hover {

    color: #f78604;

}



.mainmenu li ul {

    background: #ffffff;

    display: none;

    height: auto;

    padding: 0px;

    margin: 0px;

    border: 0px;

    position: absolute;

    width: 270px;

    z-index: 200;

    text-transform: none;

    /*top:1em;*/

    /*left:0;*/

}



.mainmenu li:hover ul {

    display: block;

}



.mainmenu li li {

    display: block;

    float: none;

    margin: 0px;

    padding: 0px;

    width: 270px;

}



.mainmenu li:hover li a {

    background: none;

}



.mainmenu li ul a {

    display: block;

    /*height:31px;*/

	line-height:17px;

    font-size: 12px;

    font-style: normal;

    margin: 0px;

    padding: 7px 10px 7px 15px;

    text-align: left;

}



.mainmenu li ul a:hover, .mainmenu li ul li:hover a {

    border: 0px;

    color: #ffffff;

    text-decoration: none;

    background-color: #0a5916;

}



.mainmenu p {

    clear: left;

}



/*** Sliding Menu Homepage ***/

/***********************************************************************************************************************

 DEVELOPED BY: Ryan Stemkoski

 COMPANY: Zipline Interactive

 DESCRIPTION: This document contains the structural formatting files for the accordion style menu.

 ************************************************************************************************************************/

#wrapper {

    width: 200px;

    margin-left: 20px;

    margin-right: 20px;

}



.accordionButton {

    width: 200px;

    float: left;

    _float: none; /* Float works in all browsers but IE6 */

    background: #fff;

    border-bottom: 1px solid #78a22f;

    cursor: pointer;

    padding: 10px;

    font-size: 13px;

    font-weight: bold;

}



.accordionContent {

    width: 200px;

    float: left;

    _float: none; /* Float works in all browsers but IE6 */

    background: #fff;

    padding: 10px;

    font-size: 11px;

}



/*** EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS ***/

.on {

    background: #78a22f;

    color: #fff;

}



.over {

    background: #CCCCCC;

    color: #000;

}



/***********************************************************************************************************************

 Flyout Menu on Secondary Pages

 ************************************************************************************************************************/

/* ----[ LINKS ]----*/

/* all menu links */

#nav a, #subMenusContainer a {

    text-decoration: none;

    display: block;

    padding: 10px 20px;

    background-color: #fff;

    font-size: 13px;

    font-weight: bold;

    color: #666;

}



/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/

#nav a {

    margin: 0;

    border-bottom: 1px solid #939ba1;

    text-transform: uppercase;

}



/* Just sub menu links */

#subMenusContainer a, #nav li li a {

    text-align: left;

}



/* All menu links on hover or focus */

#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused {

    background-color: #005983;

    color: #FFF;

}



/* sub menu links on hover or focus */

#subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused, #nav li a:hover, #nav li a:focus {

    background-color: #3c5123;

    color: #FFF;

}



/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */

.smOW {

    display: none;

    position: absolute;

    overflow: hidden;

    /*the 2px left & right padding lets you have a 1px border

     on the ul or ol inside since overflow is set to hidden*/

    padding: 0 2px;

    margin: 0 0 0 -2px;

}



/* All submenu OLs and ULs */

#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {

    /*border around submenu goes here*/

    background: #fff;

    border: 1px solid #939ba1;

    left: 0;

}



/* All ULs and OLs */

#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {

    padding: 0;

    margin: 0;

    list-style: none;

    line-height: 1.2em;

}



/* List items in main menu --[for non-javascript users this applies to submenus as well]  */

#nav li {

    /*great place to use a background image as a divider*/

    display: block;

    list-style: none;

    position: relative;

}



#subMenusContainer li {

    list-style: none;

}



/* main menu ul or ol elment */

#nav {

    display: block;

    position: relative;

    list-style: none;

    margin: 0;

    width: 220px;

    z-index: 5;

}



#subMenusContainer {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 0;

    overflow: visible;

    z-index: 1000000000;

}