/*Styles for Main Nav*/
#mainNav{
	margin: 0;
	padding: 0;
}


	/*Top Level*/
    #mainNav li{
	    float: left;
	    list-style: none;
	    font-size:12px;
	    font-family: "lucida grande", "Arial", "Tahoma", "MS Sans Serif", sans-serif;
	    font-weight:bold;
	    position: relative;
        display: inline;
	}

    #mainNav li a{
        display: block;
        background: url(../images/navBKG.gif);
        padding: 7px 20px;
        text-decoration: none;
        color: #FFFFFF;
        white-space: nowrap;
    }

    #mainNav li a:hover{
        background: url(../images/navBKGRoll.gif);
    }
    	
	    /*Sub One*/
        #mainNav li ul{
            margin-top: 0px;
            margin-left:0px;
            padding: 0;
            position: absolute;
            visibility: hidden;
            display: block;
        }

        #mainNav li ul li
        {
            float: none;
            display: list-item;
             /*display: inline;
			background-color:#5D89A2;*/
			background: url(../images/navBKG.gif); 
        }

        #mainNav li ul li a{
            width: auto; 
            color: #FFFFFF;
			background-color: #5D89A2;
			background-image: none;
			background: url(../images/navBKG.gif);
			font-size: 12px;
			padding: 5px 20px;
			display:block;
        }
        
        
        *:first-child+html #mainNav li ul li a {
             width: 150px; 
            } 
        
        
        
        
        
        #mainNav li ul li a:hover{
             background-color:#32617b;
			 background: url(../images/navBKGRoll.gif);
        }

        /* ######### CSS classes applied to down and right arrow images  ######### */

        .downarrowclass{
        position: absolute;
        top: 7px;
        right: 5px;
        }

        .rightarrowclass{
        position: absolute;
        top: 6px;
        right: 5px;
        }


 
/*Styles for Mini Nav*/       

    #miniNav
    {
	    margin-top: 0;
	    padding: 0;
    }
	
    #miniNav li{
	    float: right;
	    list-style: none;
	    font-size:11px;
	    font-family: "lucida grande", "Arial", "Tahoma", "MS Sans Serif", sans-serif;
		font-weight:200;
	}

    #miniNav li a{
        display: block;
        padding:0px 10px;
        text-decoration: none;
		/*border-right:solid;
		border-right-style:solid;
		border-right-width:1px;
		border-right-color: #9cc0da;*/
		background-image:url(../images/borderLine.gif);
		background-position:right;
		background-repeat:no-repeat;
        color: #FFFFFF;
        white-space: nowrap;
    }

    #miniNav li a:hover{
        color: #000000;
    }
	

		
/* #slide height = (number of top level links - 1) * height of links + inner div height */
#slide {padding:0; margin:0; list-style:none; width:140px; height:315px; border:0px solid #ccc; position:relative; overflow:hidden; font-family: verdana, sans-serif; font-size:11px; }

#slide li.sub,
#slide li.top
{display:block; float:left; height:24px; line-height:24px; width:140px; font-weight:bold; color:#000; background:#fff; text-decoration:none; border-bottom:0px solid #fff; text-indent:0px; overflow:hidden; cursor:pointer;}

#slide li.sub {background:#fff url(/images/out.gif) no-repeat 132px 9px;}

#slide li.top a {text-decoration:none; color:#000; display:block; background:url(/images/out.gif) no-repeat 132px 9px;}
#slide li.top a:hover {color:#880000; background:#fff url(/images/out-over.gif) no-repeat 132px 9px;}

#slide li.clicked {color:#880000; background:#fff url(/images/down.gif) no-repeat 132px 9px;}


/* #slide li.sub div height = (maximum sub lines * sub line height) + top level link height(variable fY in jQuery) */
#slide li.sub div {background:#fff; height:165px; width:135px; padding:0px; line-height:1.2em; font-family: verdana, sans-serif; text-indent:0;}

#slide li div ul {padding:0; margin:0; list-style:none;}
#slide li div ul li {float:left; height:20px; width:100%;}
#slide li div ul li a {padding:0; margin:0;color:#000; text-decoration:none; background:#fff url(/images/out.gif) no-repeat 140px 9px; font-size:11px; display:block; border-bottom:1px solid #fff; height:19px; line-height:19px; width:100%; text-indent:4px;}
#slide li div ul li a:hover {color:#880000; background:#fff url(/images/out-over.gif) no-repeat 140px 9px;}




/*nbSlide*/
#nbSlide {padding:0; margin:0; list-style:none; width:160px; height:295px; border:0px solid #ccc; position:relative; overflow:hidden; font-family: verdana, sans-serif; font-size:11px; }

#nbSlide li.sub,
#nbSlide li.top
{display:block; float:left; height:20px; line-height:20px; width:160px; font-weight:bold; color:#FFF; text-decoration:none; border-bottom:0px solid #fff; text-indent:0px; overflow:hidden; cursor:pointer;}

#nbSlide li.sub {background: url(/images/out.gif) no-repeat 152px 8px;}

#nbSlide li.top a {text-decoration:none; color:#FFF; display:block; background: url(/images/out.gif) no-repeat 152px 8px;}
#nbSlide li.top a:hover {color:#880000; background: url(/images/out-over.gif) no-repeat 152px 8px;}

#nbSlide li.clicked {color:#880000; background: url(/images/down.gif) no-repeat 152px 8px;}


/* #slide li.sub div height = (maximum sub lines * sub line height) + top level link height(variable fY in jQuery) */
#nbSlide li.sub div {height:130px; width:155px; padding:0px; line-height:1.2em; font-family: verdana, sans-serif; text-indent:0;}

#nbSlide li div ul {padding:0; margin:0; list-style:none;}
#nbSlide li div ul li {float:left; height:18px; width:100%;}
#nbSlide li div ul li a {padding:0; margin:0;color:#880000; text-decoration:none; background: url(/images/out.gif) no-repeat 160px 8px; font-size:11px; display:block; border-bottom:0px solid #fff; height:18px; line-height:18px; width:100%; text-indent:5px;}
#nbSlide li div ul li a:hover {color:#FFF; background: url(/images/out-over.gif) no-repeat 160px 8px;}