@charset "utf-8";
/* CSS Document */


.megamenu{  /*this is the panel that opens up on hover*/
position: absolute;
display: none;
left: 0;
top: 0;
background: #e4e4e4;
border-top:0;
border-right: 1px solid #7a7da1;
border-bottom: 1px solid #7a7da1;
border-left: 1px solid #7a7da1;
/*border-width: 5px 1px;*/
padding: 10px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:12px;
color:black;
z-index: 100;

/*-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 0;*/


-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;

-webkit-box-shadow: 2px 2px 2px 2px #c9c9c9;
-moz-box-shadow: 2px 2px 2px 2px #c9c9c9;
box-shadow: 2px 2px 2px 2px #c9c9c9; 
}


.areas {margin-left:-320px;}


.megamenu .column {
float: left;
width: 180px; /*width of each menu column*/
margin-right: 5px;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{ /*  these are links inside panels made to look like buttons*/

margin-bottom: 8px;
padding:6px;
background: #c5c5c5;

background: -moz-linear-gradient(top, #d9d9d9 0%, #b3b3b3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#b3b3b3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e4e4e4 0%,#b3b3b3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e4e4e4 0%,#b3b3b3 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #e4e4e4 0%,#b3b3b3 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#b3b3b3',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #e4e4e4 0%,#b3b3b3 100%); /* W3C */


-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}






.megamenu .column h3{
background: #9f9f9f;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:12px;
margin: 0 0 5px 0;
}




.megamenu .column ul li a{
	display:block; /*  this makes the bg behind the text change wider than the text*/
	text-decoration: none;
	color:#4f5266;
	font-size:11px;
	font-weight:bold;
}




.megamenu .column ul li a:hover {
color: white;
color:#293166;
text-decoration:underline;
/*background-color:#8387ad;*/
background-color:transparent;
}


/* ---********************* AREAS *********************--- */


.areas .column h3{
background: #9f9f9f;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:12px;
margin: 0 0 5px 0;
}

/*
.areas .column {border:2px solid red;}
*/

/*
.areas .column ul li{ 
	color:#4f5266;
	font-size:11px;
	font-weight:bold;
	margin-bottom: 8px;
	padding:6px;
	background: #c5c5c5;
}
*/


.areas .column ul li a{
	color:#4f5266;
	font-size:11px;
	font-weight:bold;
	margin-bottom: 1px;
	padding:2px;
	background: none;
}


.areas .column ul li a:hover {
color: white;
color:#293166;
text-decoration:underline;
/*background-color:#8387ad;*/
background-color:transparent;
}