/* Start of CMSMS style sheet 'menus' */
/*main nav elements */

#main-nav {
background-color:#FFB225;
height:29px;
float: left;
width: 100%;; 
text-align: center;
}

#main-nav a {
display:block;
}

#main-nav a:hover {
text-decoration:underline;
}

#main-nav ul {
list-style-type:none;
margin:0 auto;
padding:0;
position:relative;
width: 777px;
}

#main-nav ul li {
background-color:#FFB225;
float:left;
width:12.6em;
}

#main-nav li ul li:hover {
background-color:#FFC45F;
}

#main-nav li ul {
display:none;
left:20px;
position:absolute;
text-align:left;
width:12.6em;
z-index:999;
}

#main-nav li ul li {
border-bottom: 1px solid #000;
}

#main-nav ul li a {
color:#FFFFFF;
display:block;
padding:6px 16px;
text-decoration:none;
width:auto;
}

#main-nav li:hover ul {
display:block;
}
	

#utility-nav {
position:relative;
float:left;
background-image:url(GRAPHICS/top_nav.gif);
background-repeat:no-repeat;
width:785px;
height:19px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:right;
padding-top:7px;
padding-right:7px;
}

#utility-nav ul {
float:right;
margin:0px;
padding-right:20px;
}

#utility-nav ul a:link, a:visited, a:active {
color:#FFFFFF;
text-decoration:none;
}

#utility-nav ul a:hover {
color:#FFFFFF;
text-decoration:underline;
}


#utility-nav ul li {
list-style:none;
float:left;
padding-left:10px;
padding-right:10px;
}

#utility-nav ul li.left {
padding-left:0px;
padding-right:10px;
}

#utility-nav ul li.line{
border-left:1px #548EBC solid; 
}

#utility-nav ul li.right{
padding-left:355px;
}


#utility-nav ul li.espanol{
padding-left:25px;
padding-right:25px;
}


#menu {
float:left;
position:relative;
width:156px;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu ul li {
position: relative;
}

#menu li ul {
left:0;
list-style-type:none;
position:relative;
top:0px;
background-color: #fff;
margin:10px 0 0;
}

/* Styles for Menu Items */
#menu ul li a {
display: block;
text-decoration: none;
color: #777;
height: 41px;
text-indent: -10000px;
}

#menu ul li ul li a {
color:#777777;
display:block;
height:18px;
padding:5px;
text-decoration:none;
text-indent:0;
}

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#menu li:hover ul,#menu  li.over ul { display: block; } /* The magic */

#menu ul li#li6 {
background-image: url(GRAPHICS/bg-get.gif);
background-repeat: no-repeat;
background-position: top left;
margin: 0 0 5px 0;
}

#menu ul li#li7 {
background-image: url(GRAPHICS/bg-give.gif);
background-repeat: no-repeat;
background-position: top left;
margin: 0 0 5px 0;
}

#menu ul li#li8 {
background-image: url(GRAPHICS/bg-learn.gif);
background-repeat: no-repeat;
background-position: top left;
margin: 0 0 5px 0;
}

#menu ul li#li9 {
background-image: url(GRAPHICS/bg-shop.gif);
background-repeat: no-repeat;
background-position: top left;
margin: 0 0 5px 0;
}

#menu a.currentpage {
display: none;
}

#menu #li6 a.currentpage,
#menu #li7 a.currentpage,
#menu #li8 a.currentpage,
#menu #li9 a.currentpage {
display:block;
text-decoration:underline;
}
/* End of 'menus' */