﻿/* Menu Styles */


#menuwrapper {
    display: block;
    width: 960px;
    padding: 115px 0 0 20px;
    }


    /* Clear floated menu items */

    .clear_it {
    	clear: both;
    	height: 0;
    	line-height: 0.0;
    	font-size: 0;
        }


#menubar, #menubar ul {
	list-style: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	z-index: 200;
    }
 

    
/* Set font-size here */

#menubar a {
	display: block;
	text-decoration: none;
	font-size: 13px;
	color: #000;
    }



/* Ensure top & bottom padding same as menubar a element */

#menubar li a.trigger {
    height: 20px;
    margin-right: 16px;
    padding-bottom: 4px;
    }

#menubar li a.trigger:hover {
    height: 20px;
	border-bottom: 4px solid #EB9004;
	padding-bottom: 0px;
	background: none;
    }



/* Edit width to accomodate text */

#menubar li {
	float: left;
	width: 15em;
    }


#menubar li ul, #menubar ul li  {
	width: 14em;
    }



/* Submenu link properties */

    #menubar ul li a  {
    	color: #EAEAEA;
    	border-right: 0;
    	padding: 6px 6px 3px 16px;
    	font-family: Verdana;
    	font-weight: normal;
    	font-size: 11px;
    	border-bottom: 1px dotted #CFCFCF;
        }


/* Background color must be set for IE */

#menubar li ul {                                      
	position: absolute;                             
	display: none;
	background-color: #FFF;
	border: 1px solid #0066CA; 
	width: 160px;
	padding: 4px 10px 4px 10px;
    }
    

    #menubar li a {
            display: block;
            font-family: Arial, Helvetica, Sans-Serif;
            font-weight: 700;
            font-size: 12px;
            text-transform: uppercase;
            color: #FFF;
        	}



/* Root mouseover properties */
            	
    #menubar li:hover a, #menubar a:focus,
    #menubar a:active, #menubar li.p7hvr a {
        /* background-color: #0066CA; */
        }


    #menubar li:hover ul, #menubar li.p7hvr ul {
    	display: block;
        }


/* Sets Submenu link colour on Root mouseover */

    #menubar li:hover ul a, #menubar li.p7hvr ul a {
    	text-transform: none;
        padding: 2px 4px 2px 4px;
    	background-color: transparent;
    	color: #000;
        }



/* Background color shows over gradient background */

#menubar ul a:hover {
	background-color: #D3E8FB!important; 
	color: #3172CB!important;               /* -- blue links */
    color: #000!important;
    }




/* Single backslash \ IE5 Mac render exclusion filter */

#menubar li {width: auto;}





/* Menu Side - Internal Pages */

#menu_side {
    display: block;
    font-family: Verdana, Arial, sans-serif;
    }


#menu_side h2 {
    text-transform: uppercase;
    color: #FFF;
    font-size: 11px;
    font-weight: 600;
    background: #0066CA;
    padding: 8px 0 8px 10px;
    }

    
#menu_side ul {
    background: url(/images/menu_side_bg_back.jpg) repeat-x;
    list-style-type: none;
    }
                   
        #menu_side ul li {
            line-height: 18px;
            margin-left: 10px;
            padding: 4px 4px 0 0;
            border-bottom: 1px dotted #CCC;
            }
        
        
        /* First Tier */
            
        #menu_side a {
            text-decoration: none;
            color: #000;
            }
            
        #menu_side a:hover {
            text-decoration: none;
            color: #F68D00;
            }
    
        #menu_side ul li a.selected {
            font-weight: 600; 
            }
    
            
        #menu_side a.selected_2 {
            font-weight: 600;
            color: #000;
            }                         
        
        
        /* Second Tier */            
        
        #menu_side a.side_3 {
                color: #0066CA;
                margin-left: 8px;
                }                           
        
        #menu_side a.side_3:hover {
                color: #F68D00;
                }
                
        #menu_side a.selected_3 {
                color: #0066CA;
                font-weight: 600;
                margin-left: 8px;
                }                  
                

            
    