﻿.main_nav
{
    position: relative;
    width:568px;
}
/*-------------------------------disjointed rollover------------------------------*/
#menu
{
    /*width:139px;
    clear:both;*/
}
#menu ul
{
    margin:0;
    height:216px;
    padding:4px 0 4px 0;
}
#menu ul li
{
    list-style:none;
    display:inline;
    margin:0;
    padding:0;
    
}
#menu ul li a
{
    font-size:1.1em;
    display:block;
    width:136px;
    text-decoration:none;
    font-weight:bold;
    padding:1px 0 2px 3px;
    margin:0;
}
#menu ul li a:hover
{
    background:url(/images/navHoverType1.png) no-repeat;
}

#menu ul li.one a img {height: 0; width: 0; border-width: 0;}
#menu ul li.one a:hover img {}



#menu ul li.one a div.brettTest
{
    z-index:10;
    position: absolute; 
    top: 0; 
    left: 144px; 
    height: 234px; 
    width: 424px;
    background-position:0px -320px;
    background-repeat:no-repeat;
}
*html #menu ul li.one a div.brettTest
{
    top: -8px; 
}
#menu ul li.one a:hover div.brettTest
{
    z-index:15;
    background-position:0px 0px;
    
}

#menu ul li.one a:hover div.brettTest .testoverlay
{
    z-index:20;
    position:absolute;
    bottom: 0px;
    left:0px;
    height:10px;
    width:424px;
}
.picoverlay
{
    z-index:20;
    position:absolute;
    bottom: 0px;
    right:0px;
    height:10px;
    width:424px;
}
#menu ul li.one a:hover div.brettTest .testoverlaytop
{
    z-index:20;
    position:absolute;
    top: 0px;
    left:0px;
    height:10px;
    width:424px;
}
#main_nav2
{
    float:left;
    width:139px;
    margin-bottom:16px;
}
#menu2
{
    float:left;
    width:139px;
}
#menu2 ul
{
    margin:0;
    padding:4px 0 4px 0;
}
#menu2 ul li
{
    list-style:none;
    display:inline;
    margin:0;
    padding:0;
}
#menu2 ul li a div img.testoverlay
{
    height:0;
    width:0;
}
#menu2 ul li a div img.testoverlaytop
{
    height:0;
    width:0;
}
#menu2 ul li a
{
    display:block;
    font-size:1.1em;
    width:136px;
    text-decoration:none;
    font-weight:bold;
    padding:1px 0 2px 3px;
}
#menu2 ul li a:hover
{
    background-color:#add149;
}
#menu2 ul li.two a
{
    width:119px;
    color:#ddffdd;
    padding:1px 0 2px 20px;
}
#menu2 ul li.two a:hover
{
    background-color:#add149;
}

.main_nav, .main_nav img, #menu img, #menu ul li a, #menu div img, #menu ul li a div img,
#main_nav2, #menu2 ul li a, #menu2 img, .testoverlay
{ behavior: url(/styles/iepngfix.htc) }


/* menu styles */
#jsddm
{	margin: 0;
	padding: 0}

	#jsddm li
	{	float: left;
		list-style: none;
    }
	#jsddm li a
	{	display: block;
		/*padding: 5px 12px;*/
		text-decoration: none;
		/*width: 70px;*/
		white-space: nowrap}

	#jsddm li a:hover
	{	/*background: #24313C*/}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0 5px 5px 5px;
			border:solid 1px black;
			position: absolute;
			z-index:600;
			visibility: hidden;
			background-color:White;
			/*border-top: 1px solid white*/}
		
			#jsddm li ul li
			{	float: none;
				display: inline}
				
		    .noBack a
			{
			    background-image:none!important;
		        background-color:#48762f!important;
		        margin:5px 0 0 0;
		        border:solid 1px black;
			}
		    .noBack a:hover
			{
		        background-color:#a3cb3b!important;
				}
			
			#jsddm li ul li a
			{	width: auto;
				/*background: #A9C251;
				color: #24313C*/}
			
			#jsddm li ul li a:hover
			{	/*background: #8EA344*/}
