﻿/* Horizontal menu styles */
#hmenu ul { margin: 0;padding: 0;list-style: none;font-size: 7.5pt;z-index: 100; text-transform: uppercase; font-family:arial;}
#hmenu li { /* all list items */ float: left;position: relative;width: 16em;z-index: 100;}
#hmenu li ul {/* second-level lists */ position: absolute; display: block; top: 2em;left: 0;z-index: 100;}
#hmenu li>ul {/* to override top and left in browsers other than IE */top: auto;left: auto;}

/* Fix IE. Hide from IE Mac \*/
* html #hmenu ul li { float: left; height: 1%; }
* html #hmenu ul li a { height: 1%; }
/* End */

#hmenu li:hover ul { display: block; }
#hmenu li:hover>ul { visibility:visible; }
#hmenu ul ul { visibility:hidden; }		

/* Make-up syles */
#hmenu ul, li {    margin: 0 0 0 0; }

/* Styles for Menu Items */
#hmenu ul a {display: block;text-decoration: none;color: #fff; background: #008852; /* IE6 Bug */padding: 5px; border-left: solid 1px #ccc;  border-bottom:  solid 1px #ccc; }

/* Hover Styles */
#hmenu ul a:hover { color: #ffffff; background: #669966; } 

/* Sub Menu Styles */
#hmenu li ul a {text-decoration: none;color: #fff; background: #669966; /* IE6 Bug */border: 1px solid #ccc;padding: 5px; border-top: solid 0pt #ccc; } 

/* Sub Menu Hover Styles */
#hmenu li ul a:hover { color: #cccccc; background: #333333; } 

/* Icon Styles */
#hmenu li a.submenu {background:#fff url("../images/v_arrow.gif") no-repeat right; }
#hmenu li a.submenu:hover {background:#333333 url("../images/v_arrow.gif") no-repeat right;}
#hmenu li ul a.submenu {background:#fff url("../images/r_arrow.gif") no-repeat right;}
#hmenu li ul a.submenu:hover {background:#cccccc url("../images/r_arrow.gif") no-repeat right;}

/* Opacity */
#hmenu ul li ul 
{
    /* filter:alpha(opacity=90); for IE */	
    /* -moz-opacity:0.9;  for mozilla */	
    /* opacity: 0.9; for safari */	
    /* html-opacity: 0.9 for konquerer and older safari */
} 

#hmenu li a.main-menu-selected { background-color:#669966;}


#tablist
{
    color: #333333;
    padding: 3px 0;
    padding-left:10px;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 1em;
    font: bold 12px Verdana;
    
}

#tablist li{
    list-style: none;
    display: inline;
    margin: 0;
}

#tablist li a
{
    text-decoration: none;
    padding: 3px 0.5em;
    margin-right: 3px;
    border: 1px solid #999999;
    border-bottom: none;
    background: #9CC;;
    margin-bottom:0px;
    
}

#tablist li a:link, #tablist li a:visited{
    color: #000000;
}

#tablist li a:hover{
    color: #333333;
    
    
    padding-top:5px;
    
    
}

#tablist li a.current
{
    color: #333333;
    background: #eeeeee;
    border: 1px solid #eeeeee;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
}

#menu-account
{
    width: 230px;
    display: block;
    
}
#menu-account ul, #menu-account ul ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	
}
#menu-account li
{
    float: left;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    width: 225px;     
   
   
}
#menu-account li li
{
    margin-left: 10px;
    width: 215px;
    
}

#menu-account a
{
    text-decoration: none;
    color: #669966;
    width: 100%;
    border-bottom: solid 1px #eeeeee;
    display: -moz-inline-block;
    display:inline-block;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    
    
}
#menu-account a:hover
{
    border-bottom: solid 1px #336633;
    color: #669966;
    background-color: #FFFFE0;

}

#menu-usac
{
    width: 230px;
    margin-left:0px;
    margin-top:0px;
    border-top: solid 1px #eeeeee;
    display: block;
    float:left;
    
    
    
   
}
#menu-usac ul, #menu-usac ul ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}
#menu-usac li
{
    float: left;
    margin: 0;
    padding: 0px 0px 0px 10px;
    width: 220px;
    
    
     
}
#menu-usac li li
{
    margin-left: 0px;
    width: 210px;
    
}

#menu-usac a
{
    text-decoration: none;
    color: #333333;
    width: auto;
    border-bottom: solid 1px #eeeeee;
    display: -moz-inline-block;
    display: block;
    padding: 2px 10px 2px 0px;
    
    
    

    
}
#menu-usac a:hover
{
    border-bottom: solid 1px #336633;
    background-color: #fefefe;
    cursor:pointer;
    background-image: url('../images/css/backgrounds/cursor-menu.gif' );
    background-repeat: repeat-y;
    background-position: right center;

}
#menu-usac .menu-item-selected
{
    font-weight:bolder;
}
    
   
   

#menu-program
{
    float:left;
    width: 175px;
    display: block;
    margin-left:0px;
    margin-top:20px;
    border-top: solid 1px #eeeeee;
    
    
}
#menu-program ul, #menu-program ul ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}
#menu-program li
{
    float: left;
    margin: 0;
    padding: 0px 0px 0px 10px;
    width: 165px;     
    
}
#menu-program li li
{
    margin-left: 0px;
    width: 155px;
}
#menu-program li.menu-find-program {margin-bottom:12px;}
#menu-program a
{
    text-decoration: none;
    color: #333333;
    border-bottom: solid 1px #eeeeee;
    width:100%;
    display: -moz-inline-block;
    display:inline-block;
    padding: 2px 0px 2px 0px;
    margin-right: -1px;
    
   
}
#menu-program a:hover
{
    border-bottom: solid 1px #000000;
    color: #333333;
    background-color: #ffffff;
    cursor:pointer;
    background-image: url('../images/css/backgrounds/cursor-menu.gif' );
    background-repeat: repeat-y;
    background-position: right center;
}   



.menu-item-selected
{
    background-color: #f6fafb;
    font-weight:bolder;
    border-bottom: solid 1px #000000;
    background-image: url('../images/css/backgrounds/cursor-menu.gif' );
    background-repeat: repeat-y;
    background-position: right center;
    color:Green;
}


#header-wrapper
{
    clear:both; 
    height: 20px;
    margin-bottom: 10px;
    padding: 5px;
}

#header-icons
{
    float: right;
    clear: right;
    width: 20%;
    text-align: right;
}
#header-text
{
    float:left;
    clear:left;
    width: 80%;
    text-align: left;
}
.header-icon
{
    padding-right: 10px;
}
    
    






/*** Nav bar styles ***/

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.nav{
	display: table;
	/*width: 100%;
	table-layout: fixed;*/
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}




ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 2px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a
{
    text-transform:uppercase;
	background-color: #008852;
	color: #ffffff;
}


ul.nav li:hover,
.nav ul li a:hover{
	background-color: #669966;
	color: #ffffff;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #036;
	color: #ffffff;
}

ul.nav,
.nav ul{
	border: none;
}

.nav a{
	text-decoration: none;
}
