﻿/*** Menu Sections ***/
.whiteMenuContainer
{
    width:950px;
    height:30px;
    margin-left:auto;
    margin-right:auto;
    position:absolute;
    top:99px;
}
.mainMenuContainer
{
    width:950px;
    height:60px;
    margin-left:auto;
    margin-right:auto;
    background-image:url(../../images/mainmenu.gif);
    background-repeat:no-repeat;
    position:absolute;
    top:127px;
    z-index:5;
}
.blueMenuContainer
{
    width:730px;
    height:30px;
    margin-left:220px;
    padding-top:7px;
    z-index:5;
}
.redMenuContainer
{
    width:950px;
    height:30px;
    padding: 2px 0 0 5px;
}
.maroonMenuContainer
{
    margin-top:5px;
    border:solid 1px #ccc;
    float:left;
}
.grayMenuContainer
{
    border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    float:left;
}
.lightBlueMenuContainer
{
    height:40px;
    padding-top:30px;
    text-align:center;
    vertical-align:top;
}
/*** White Menu ***/
ul.whiteMenu
{
	padding:0;
	list-style:none;
	margin-right:220px;
	text-align:center;
}
ul.whiteMenu li
{
	width:86px;
	position:relative;
	float:right;
}       
ul.whiteMenu li a
{
    font-weight:bold;
    margin: 0;
    padding: 7px;
    color: #0167b2;
    background-image:url(../Images/whitemenu.gif);
    background-repeat:no-repeat;
    text-decoration: none;
    display: block;
}
ul.whiteMenu li a:hover
{
    color:#ed1c24
}
/*** Blue Menu ***/
.blueMenuTitle
{
    font-family:Arial, Verdana, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    color:#fff;
    margin:0;
    padding: 3px;
}
ul.blueMenu, ul.blueMenu ul
{
	margin:0;
	padding:0;
	list-style:none;
	z-index:5;
}
ul.blueMenu li
{
    width:auto;
	position:relative;
	z-index:5;
	float:left;
	z-index:5;
}
ul.blueMenu li ul
{
	width:auto;
	position:absolute;
	top:24px;
	left:0px;
	background-color:#0167b2;
	display:none;
	z-index:5;
}     
ul.blueMenu li ul li
{	
	width:180px;
	text-align:left;		
	position:relative;
	border-bottom:solid 1px .fff;
	float:left;
	z-index:5;
}        
ul.blueMenu li a
{
    font: bold 11px arial, helvetica, sans-serif; 
    margin: 0;
    padding: 5px;
    color: #fff;      
    text-decoration: none;            
    display: block;  
    z-index:5;
}
ul.blueMenu li ul
{
    border-left:solid 1px #ccc;
    border-top:solid 1px #ccc;
    border-right:solid 1px #ccc;
    z-index:5;
}
ul.blueMenu li ul li a
{
    font: bold 11px arial, helvetica, sans-serif; 
    margin: 0;
    padding: 5px;
    color: #fff;
    border-bottom:solid 1px #ccc;
    text-decoration: none;            
    display: block;  
    z-index:5;
}
ul.blueMenu li a:hover 
{  
    background-color:#00477F;          
    z-index:5;
}
ul.blueMenu li:hover ul, ul.blueMenu li.over ul
{
  display: block;
  z-index:5;
}
/*** Red Menu ***/
.redMenuTitle
{
    width:100px;
    position:absolute;
    top:18px;
    left:50px;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    color:#fff;
    margin:0;
    padding: 3px;
    float:left;
    z-index:3;
}
ul.redMenu, ul.redMenu ul
{
    margin:0;
	padding:0;
	list-style:none;
	z-index:3;
}
ul.redMenu li
{
	position:relative;	
	float:left;
	z-index:3;
}
ul.redMenu li ul
{
	width:190px;
	position:absolute;
	top:19px;
	left:0px;
	background-color:#ed1c24;
	display:none;
	z-index:3;
}        
ul.redMenu li ul li
{	
    width:190px;
	position:relative;
	text-align:left;
	border-bottom:solid 1px .fff;
	float:left;
	z-index:3;
}
ul.redMenu li ul
{
    border-left:solid 1px #ccc;
    border-top:solid 1px #ccc;
    border-right:solid 1px #ccc;
    z-index:3;
} 
ul.redMenu li a
{
    font: bold 11px arial, helvetica, sans-serif; 
    display: block;  
    margin: 0;  
    padding: 3px 3px;  
    color: #fff;      
    text-decoration: none;         
    z-index:3;
}
ul.redMenu li ul li a
{
    font: bold 11px arial, helvetica, sans-serif; 
    display: block;  
    margin: 0;  
    padding: 3px 3px;  
    color: #fff;      
    border-bottom:solid 1px #ccc;
    text-decoration: none;         
    z-index:3;
}
ul.redMenu li a:hover 
{  
    background-color:#CC0000;          
    z-index:3;
}
ul.redMenu li:hover ul, ul.redMenu li.over ul
{
	display:block;
	z-index:3;
}
/*** Maroon Menu ***/
.maroonMenu 
{
    width: 198px;
}
.maroonMenu_head 
{
    height:18px;
    padding: 0 5px;
    cursor: pointer;
    position: relative;
    color:#fff;
    background-color:#ed1c24;
}
.maroonMenu_head:hover
{   
    background-color:#CC0000;
}
.maroonMenu_head a 
{
    font-size:11px;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
}
.maroonMenu_body 
{
    display:none;
}
.maroonMenu_body a 
{
    padding:0 5px;
    display:block;
    color:#333;
    background-color:#ebebeb;
    padding-left:10px;
    font-weight:bold;
    text-decoration:none;
}
.maroonMenu_body a:hover 
{
    text-decoration:underline;    
}
/*** Gray Menu ***/
.grayMenu 
{
    width: 198px;
}
.grayMenu_head 
{
    height:18px;
    padding: 0 5px;
    cursor: pointer;
    position: relative;
    background-color:#777;
}
.grayMenu_head img 
{
     /*float:right;*/
     position: absolute;
     left:180px;
 }
.grayMenu_head:hover
{   
    color:#fff;
    background-color:#555;
}
.grayMenu_head a 
{
    font-size:11px;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
}
.grayMenu_body 
{
    display:none;
}
.grayMenu_body a 
{
    padding: 0 5px;
    display:block;
    color:#333;
    background-color:#ebebeb;
    padding-left:10px;
    font-weight:bold;
    text-decoration:none;
}
.grayMenu_body a:hover 
{
    text-decoration:underline;
}
/*** Light Blue Menu ***/
.lightBlueMenu a
{
    font: bold 11px arial, helvetica, sans-serif;              
    color: #217ABC;      
    text-decoration: none;         
}
.lightBlueMenu a:hover 
{  
    text-decoration:underline;    
}