/*@import("http://yui.yahooapis.com/2.6.0/build/grids/grids-min.css")*/
.navigation {visibility: hidden;}

span.nav_label {visibility: visible !important; }



/* set up the main nav*/
#jsddm{ list-style-type:none; display: inline;  width:938px; line-height:48px; float:left; text-align:center;}
#jsddm { padding:0; margin:0; float:left;}

/* make the main nav links not really look like links*/
#jsddm a {color:#05536E; text-decoration:none; cursor: default; font-size:110%;font-weight:bold;}/*border-left:1px solid #b7e0ee; border-right:1px solid #dceff5;*/


#jsddm li { height:48px; border-left:1px solid #b7e0ee; border-right:1px solid #dceff5; margin:0; padding:0 !important; display:inline; float:left;}

#jsddm li ul { line-height: 30px; margin-left:-1px; margin-top:0px; padding:0; z-index:1000; position:absolute; width: 175px; visibility:hidden; }
#jsddm li li {  background: white; height:30px !important; }/* make the items background white and fill up the whole menu*/


#jsddm li ul li a { display: block; font-size:11px; font-weight:normal; cursor:pointer; }
/*perty it up when ya hover on er (I want the font to go bold too, do that later)*/
#jsddm li ul li a:hover {font-weight:bold; background-color:#f0fcfd; cursor: pointer;}

#jsddm li ul li a { padding-left: 8px; }

/*space them out nicely*/
#menu1{width:207px;}
#menu1 li {width:207px;}
#menu2{width:177px;}
#menu2 li {width:177px;}
#menu3{width:156px;}
#menu3 li {width:156px;}
#menu4{width:157px;}
#menu4 li {width:157px;}
#menu5{width:231px;}/*243*/
#menu5 li {width:233px;}

/* make sure the borders are not on the edge of the main menu*/
#jsddm li.last { border-right:none; }
#jsddm li.first { border-left:none; }


/*make sure your stuff is hidden when it starts*/
#jsddm li ul li {  border-left:1px solid #b7e0ee; border-right:1px solid #b7e0ee; border-bottom:1px solid #b7e0ee; margin:0; padding:0; display:inline; float:left; text-align:left;}