#orange .hd{ background:#f39400; height:80px; }
#orange .main{ background:#fcd29b;}
#orange .underline {border-bottom:1px solid #FF9900;}
.orange_link {color:#f39400;}

#dark_blue .hd{ background:#003882; height:80px; }
#dark_blue .main{ background:#bde4f7;}
#dark_blue .underline {border-bottom:1px solid #003882;}
.dark_blue_link {color:#009EE0;}

#green .hd{ background:#44a12b; height:80px; }
#green .main{ background:#c3daad;}
#green .underline {border-bottom:1px solid #44a12b;}
.green_link {color:#44a12b;}

#violet .hd{ background:#726195; height:80px; }
#violet .main{ background:#c6bdd4;}
#violet .underline {border-bottom:1px solid #45397c;}
.violet_link {color:#45397c;}

#blue .hd{ background:#009ee0; height:80px; }
#blue .main{ background:#bde4f7;}
#blue .underline {border-bottom:1px solid #009ee0;}
.blue_link {color:#009ee0;}

#yellow .hd{ background:#FFED00; height:80px; }
#yellow .main{ background:#FFF9C7;}
#yellow .underline {border-bottom:1px solid #FFED00;}
.yellow_link {color:#FFED00;}


#menu,
#menu ul { margin: 0; padding: 0; }
#menu li { list-style-type: none; }

/* first level */
#menu li,
#menu a { float: left; width: 200px; }
#menu a { display: block; background: #FFF; }
#menu a:hover,
#menu a.menu_open { background: #FFF; }

/* third level (colors) */
#menu ul ul a { background: #d9d3e2; color:#45397c; margin: 0; padding: 0;}
#menu ul ul a:hover { background-color: #45397C;  color:#d9d3e2;margin: 0; padding: 0;}

.violet a { background: #d9d3e2; color:#45397c; margin: 0; padding: 0;}
.violet a:hover { background-color: #45397C;  color:#d9d3e2;margin: 0; padding: 0;}


/* second level and up */
#menu ul.violet { visibility: hidden; position: absolute; width: 100px; border:1px solid #45397c; }
#menu ul.violet a { background: #d9d3e2; border-bottom:1px solid #45397c; height:20px; }
#menu ul.violet a:hover,
#menu ul.violet a.menu_open { background: #FFF; }