/*
teal #3BBEB6
light teal #B0ECE8
orange #FF9A4D
(from Sun Times)
dark blue #003366
blue #336699
dark red #A13129
*/


/* DYNAMIC HEADER MENU */

/* remove the bullets, padding and margins from the lists */
.menu ul{
	list-style-type:none;
	padding:0px;
	padding-left:110px;
	padding-right:auto;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial, verdana, sans-serif;
	font-weight: bold;
	z-index: 101;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
	float:left;
	position:relative;
	z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
	position:absolute;
	border-collapse:collapse;
	z-index:102;
	left:-1px;
	top:25px;
}

.menu a { text-decoration:none;}

.menu .header a, .menu .header :visited {
	display:block;
	font-size:12px;
	width:100px;
	height:25px;
	padding:10px 0px 0px 0px;
	background-image:url(../Images/blue-red/MenuHeaderItem.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:1px;
	text-align:center;
}

.menu .header2 a, .menu .header2 :visited {
	display:block;
	font-size:12px;
	width:100px;
	height:25px;
	padding:10px 0px 0px 0px;
	background-image:url(../Images/blue-red/MenuHeaderItem.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:1px;
	text-align:center;
}

.menu .item a, .menu .item :visited {
	display:block;
	font-size:10px;
	width:120px;
	/*height:25px;*/
	padding:2px;
	color:#FFFFFF;
	background:#003366;
	text-decoration:none;
}

/* style the links hover */
.menu ul li ul li .item :hover{
	color:#003366;
	background:#FFFFFF;
}

/* hide the sub level links */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	width:120px;
	height:0px;
	padding:0px;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible;
}

.menu .header :hover, .menu .header2 :hover {
	background: url(../Images/blue-red/MenuHeaderItem.gif) no-repeat bottom;
	color:#FFFFFF;
}

/* STATIC CENTER MENU */
.centermenubutton a {   
    text-align:center;
    text-decoration:none;
    font-size:12px;
    padding:7px 0px 0px 0px;
	font-family: Arial, verdana, sans-serif;
	font-weight: bold;
    display: block;   
    background:  url(../Images/blue-red/CenterOvalLink.gif) top;   
    width: 150px;   
    height: 23px;
    color:#FFFFFF;
    background-repeat:no-repeat;
    }
.centermenubutton a:hover {   
    background:  url(../Images/blue-red/CenterOvalLink.gif) no-repeat bottom;   
    }


/* DYNAMIC CENTER MENU */
/* remove the bullets, padding and margins from the lists */
.centermenu ul{
	list-style-type:none;
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial, verdana, sans-serif;
	font-weight: bold;
	z-index: 101;
}

/* make the top level links horizontal and position relative so that we can position the sub level */
.centermenu li{
	float:left;
	position:relative;
	z-index:100;
}

 /* use the table to position the dropdown list */
.centermenu table{
	position:absolute;
	border-collapse:collapse;
	z-index:102;
	left:-1px;
	top:0px; 	
}   

.centermenu a    
{
    text-decoration:none;
}
    
.centermenu .header a, .centermenu .header :visited {
	display:block;
	font-size:12px;
	width:150px;
	height:23px;
	padding:7px 0px 0px 0px;
	background-image:url(../Images/blue-red/CenterOvalLink.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:1px;
	text-align:center;
}

.centermenu .centeritem a, .centermenu .centeritem :visited {
	display:block;
	font-size:10px;
	width:150px;
	/*height:23px;*/
	padding:2px;
	color:#FFFFFF;
	background:#003366;
	text-decoration:none;
	text-align:center;
}

/* style the links hover */
.centermenu ul li ul li .centeritem :hover{
	color:#003366;
	background:#FFFFFF;
/*	padding:0px;
	margin:0px;	*/
	
}

/* hide the sub level links */
.centermenu ul ul {
	visibility:hidden;
	position:absolute;
	width:150px;
	height:0px;
	padding:0px;
	margin:0px;
}

/* make the sub level visible on hover list or link */
    .centermenu ul li:hover ul,
    .centermenu ul a:hover ul{
	visibility:visible;
}

/*
.centermenu a:hover 
{   
    background:  url(../Images/blue-red/CenterOvalLink.gif) no-repeat bottom;   
}


.centermenu .header :hover, .centermenu .header2 :hover {
	background: url(../Images/blue-red/CenterOvalLink.gif) no-repeat bottom;
	color:#FFFFFF;
}    */