@charset "utf-8";
#panels{
float:right;
}
#nav{
margin-top: 10px;
margin-left: 0px;
padding:0px;
list-style: none;
width: 295px;
line-height: 14px;
font-zize:12px;
}
#nav a {
display: block;
}
#nav h4{
margin: 0;
}
#nav h4 a{
color:#000000;
margin: 0;
padding: 0 0 5px 10px;
font-size: 16px;
text-decoration:none;
}
#nav p{
margin: 5px 0 0 0;
padding: 0;
}
#nav li.panel_blue, li.panel_orange, li.panel_pink, li.panel_green {
padding:0px;
list-style:none;
padding: 5px 10px 5px 0;
}
#nav li ul {     
position: absolute;       
left: -999em; 
} 
#nav li:hover ul {     
left: 0; position:relative;
}

/*START OF BLUE*/
.panel_blue{
background-image: url(../images/html/bg_homepage_panel_blue.jpg);
background-repeat:repeat-x;
width: 285px;
height: 75px;
color:#FFFFFF;
padding: 10px 10px 10px 0;
margin: 10px 0 0 0;
background-color:#009DDF;
}

.panel_blue p a.main{
color:#FFFFFF;
height:45px;
padding-left:10px;
text-decoration:none;
}
.panel_blue_expand{
background-color:#009DDF;
width: 275px;
color:#FFFFFF;
padding: 10px 10px 20px 10px;
display: block;
margin: 0px;
border-bottom: 4px solid #2291be;
}
.panel_blue_expand li{
margin: 0px;
padding: 0px;
list-style:none;
}
.panel_blue_expand .last{
border-bottom: 4px solid #80ceef;
} 
.panel_blue_expand li a{
color:#FFFFFF;
background-color:#42b6e7;
display: block;
margin: 0px;
padding: 5px 10px;
text-decoration:none;
}
.panel_blue_expand li a:hover{
text-decoration:underline;
background-color:#80ceef;

}
/*END OF BLUE*/


/*START OF ORANGE*/
.panel_orange{
background-image: url(../images/html/bg_homepage_panel_orange.jpg);
background-repeat:repeat-x;
width: 285px;
height: 75px;
color:#FFFFFF;
padding: 10px 10px 10px 0;
margin: 10px 0 0 0;
background-color:#EB770A;
}

.panel_orange p a.main{
color:#FFFFFF;
height:45px;
padding-left:10px;
text-decoration:none;
}
.panel_orange_expand{
background-color:#EB770A;
width: 275px;
color:#FFFFFF;
padding: 10px 10px 20px 10px;
display: block;
margin: 0px;
border-bottom: 4px solid #c67629;
}
.panel_orange_expand li{
margin: 0px;
padding: 0px;
background-color:#660099;
list-style:none;
}
.panel_orange_expand .last{
border-bottom: 4px solid #f5bb85;
} 
.panel_orange_expand li a{
color:#FFFFFF;
background-color:#ef9540;
display: block;
margin: 0px;
padding: 5px 10px;
text-decoration:none;
}
.panel_orange_expand li a:hover{
text-decoration:underline;
background-color:#f5bb85;

}
/*END OF ORANGE*/





/*START OF PINK*/
.panel_pink{
background-image: url(../images/html/bg_homepage_panel_pink.jpg);
background-repeat:repeat-x;
width: 285px;
height: 75px;
color:#FFFFFF;
padding: 10px 10px 10px 0;
margin: 10px 0 0 0;
background-color:#E1007A;
}

.panel_pink p a.main{
color:#FFFFFF;
height:45px;
padding-left:10px;
text-decoration:none;
}
.panel_pink_expand{
background-color:#E1007A;
width: 275px;
color:#FFFFFF;
padding: 10px 10px 20px 10px;
display: block;
margin: 0px;
border-bottom: 4px solid #bf2378;
}
.panel_pink_expand li{
margin: 0px;
padding: 0px;
list-style:none;
}
.panel_pink_expand .last{
border-bottom: 4px solid #f080bd;
} 
.panel_pink_expand li a{
color:#FFFFFF;
background-color:#ea4da2;
display: block;
margin: 0px;
padding: 5px 10px;
text-decoration:none;
}
.panel_pink_expand li a:hover{
text-decoration:underline;
background-color:#f080bd;

}
/*END OF PINK*/










/*START OF GREEN*/
.panel_green{
background-image: url(../images/html/bg_homepage_panel_green.jpg);
background-repeat:repeat-x;
width: 285px;
height: 75px;
color:#FFFFFF;
padding: 10px 10px 10px 0;
margin: 10px 0 0 0;
background-color:#00A599;
}

.panel_green p a.main{
color:#FFFFFF;
height:45px;
padding-left:10px;
text-decoration:none;
}
.panel_green_expand{
background-color:#00A599;
width: 275px;
color:#FFFFFF;
padding: 10px 10px 20px 10px;
display: block;
margin: 0px;
border-bottom: 4px solid #22968d;
}
.panel_green_expand li{
margin: 0px;
padding: 0px;
list-style:none;
}
.panel_green_expand .last{
border-bottom: 4px solid #a6e0dc;
} 
.panel_green_expand li a{
color:#FFFFFF;
background-color:#4dc0b8;
display: block;
margin: 0px;
padding: 5px 10px;
text-decoration:none;
}
.panel_green_expand li a:hover{
text-decoration:underline;
background-color:#a6e0dc;

}
/*END OF GREEN*/




















#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}


/*START OF GREEN*/
.panel_green1, .panel_green2{
background-image: url(../images/html/bg_panel_green.jpg);
background-repeat:repeat-x;
width: 285px;
height: 85px;
color:#FFFFFF;
padding: 10px 10px 10px 0;
background-color:#8fc742;
border-bottom: 4px solid #86ae50;
margin: 40px 0 0 0;
clear:both;
}
.panel_green2{
margin: 15px 0 0 0;
}

.panel_green1 a, .panel_green2 a{
color:#FFFFFF;
padding-left:10px;
text-decoration:none;
}
/*END OF GREEN*/