/*Credits: CSSplay */

/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */


.ogMenu {padding:2px 0px 0px 185px; margin:-19px 0px 0px 0px; list-style:none; position:relative; z-index: 2; float: left;}

.ogMenu li.top {display:block; float:left; position:relative;}

.ogMenu li a.top_link {display:block; float:left; text-decoration:none; padding:0 0 0 5px; cursor:pointer;}

/* Default link styling */



/* Style the list OR link hover. Depends on which browser is used */

.ogMenu a{text-transform: uppercase; font-weight: bold;}

.ogMenu a:hover {visibility:visible;}

.ogMenu li {border: 1px solid #A8A8A8; border-width: 0 0 0 1px; padding: 0 17px 0 0; height: 14px; line-height: 15px;}

.ogMenu li.expand {padding-right: 15px; background: url(/Images/bullet_down.gif) 100% 5px no-repeat;}

.ogMenu li:hover {position:relative; z-index:200;}



/* keep the 'next' level invisible by placing it off screen. */

.ogMenu ul,
.ogMenu :hover ul ul,
.ogMenu :hover ul :hover ul ul,
.ogMenu :hover ul :hover ul :hover ul ul,
.ogMenu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}



.ogMenu :hover ul.sub {left:0px; top:13px; white-space:nowrap; width:210px; height:auto; padding-top: 7px;}

.ogMenu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:210px; border: 2px solid #FFF; border-width: 0 0 2px 0; background: #EFEFEF;}

/* HOVER OVER MAIN SUB LIST ITEM */

.ogMenu :hover ul.sub li a {display:block; height:20px; width:210px; line-height:20px; text-transform: none; font-size: 12px;}

.ogMenu :hover ul :hover ul,
.ogMenu :hover ul :hover ul :hover ul,
.ogMenu :hover ul :hover ul :hover ul :hover ul,
.ogMenu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px dotted #42361E; white-space:nowrap; width:210px; z-index:200; height:auto;}