
/* ---------- Mega Drop Down --------- */
/*
#mega {
list-style:none;
font-weight:bold;
height:30px;
margin:60px -1px 0 0;
}
#mega li {
background:#007AC0;color:#FFF;
border:1px solid #CCC;
margin-left:-1px;
float:left;
width:150px;
text-align:center;
position:relative;
}

#mega li:hover {
background:#EEE;
color:#007AC0;
border: 1px solid #777;
border-bottom:0; 
padding:7px 0 1px;
margin-top:-7px}
#mega li:hover a {color: #007AC0}
#mega li a {
color:#FFF;
outline:0;
text-decoration:none;
display:block;
line-height:30px;
}
*/

/* ----------- Sub Divs ---------- */
#cont1, #cont2, #cont3, #cont4 {
position:relative;
left:-999em;
z-index:99999999;
margin-top:35px;
margin-left:-10px;
width:354px;
min-height:150px;
line-height:25px;
padding:15px 40px;
background:url("../images/drop-down-menu-2.png") repeat-y scroll center top transparent;
/*background:#F4F4F4;background: -moz-linear-gradient(top, #ffffff, #D6FB8C);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#D6FB8C));*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#EEEEEEEEE, endColorStr=#BBBBBBBB, GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EEEEEEEEE, endColorstr=#BBBBBBBB, GradientType=0)";
}

#cont5 {
position:absolute;
left:-999em;
margin-top:1px;
width:130px;
padding:0 10px 10px;
border:1px solid #777;
border-top:none;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
background:#F4F4F4;
background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#EEEEEEEEE, endColorStr=#BBBBBBBB, GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EEEEEEEEE, endColorstr=#BBBBBBBB, GradientType=0)";
}
#mega li:hover div, #mega li.right_one:hover div {
left:-1px;top:auto
}
#mega li.right:hover div {
left:-221px
}


#mega li.right_none:hover {
background:#EEE;
color:#007AC0;
border: 1px solid #777;
padding:7px 0 1px 0;
margin-top:-7px;
}
/* --------- Within Div Styles --------- */


a:hover, a:focus, a:active {
text-decoration:none;
color:#007AC0
}



#mega li ul {list-style-type: none;padding:0;margin:0;}
#mega li ul li {background:none;border:0;text-align:left;width:150px;}
#mega li ul li a {color:#575757;font-family:Arial;font-size:80%;font-weight: bold;padding:0;margin:0;text-decoration:none;}
#mega li ul li:hover, #mega li ul li a:hover {color:#007AC0;background:none;padding:0;margin:0;border:0; /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */}

.list_container {float: left}
.list_container2 {float: left;width:100%;}
.list_container3 {float: left;margin-top:-25px;width:150px;}



.list_container ul {
color:#007AC0;
margin-left:-1px;
float:left;
width:50%;
position:relative;
}




.imgborder {border:1px solid #383838;margin-top:5px;}
.imgshadow {background:#FFF;padding:4px;border:1px solid #777;margin-top:5px;-moz-box-shadow:0 0 5px #666;-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
.highlight {float: right; text-align:left;padding: 4px;color:#FFF; font-weight: normal; width: 40%;background:#383838;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px}
.img_left, .img_container {width:auto;float:left;margin:5px 15px 15px 5px}
.img_right {width:auto;float:right;margin:5px 15px 15px 5px}
.img_container{text-align: left; font-weight: normal; color:#383838}