/* ID Element Styles */

/* MAIN MENU CONTAINER */
#menu { font-family: Arial, Verdana, Tahoma, Helvetica, Sans-Serif; font-size: 14px; height: 28px; background-color: #1C4F6F; vertical-align: middle; position: relative; z-index: 1000; }


/* FIRST LEVEL MENU ITEMS */
#menu ul { list-style: none; margin: 0; float: right; padding-right: 45px; }
#menu ul li { text-transform: uppercase; padding-right: 55px; float: left; position: relative; }
#menu ul li a, #menu ul li a:link, #menu ul li a:visited { font-weight: bold; height: 28px; line-height: 28px; letter-spacing: 1px; color: #FFF; display: block; text-decoration: none; overflow: hidden; }
#menu ul li a:hover { color: #F8B888; text-decoration: none; }

/* When the mouse is over a list (li) element with unordered-list (ul) element inside then show it. The position when its shown is defined in the previous block of CSS*/
#menu ul li:hover > ul { display: block; }

/* Styles the anchor (a) tag when mouse over */
#menu ul li:hover > a, #menu ul ul :hover > a { color: #F8B888; }


/* SECOND LEVEL SUB-MENU ITEMS */
#menu ul ul { display: none; position: absolute; top: 28px; left: 0; float: left; margin: 0; padding: 10px 0; background-color: #E8EBE0; border: solid 1px #1C4F6F; filter: alpha(opacity=95); 
              filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85) -moz-opacity: .85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; opacity: .95;
}
#menu ul ul li { text-transform: none; white-space: nowrap; padding-right: 0; }
#menu ul ul li a, #menu ul ul li a:link, #menu ul ul li a:visited { width: 100%; font-weight: normal; height: 26px; line-height: 26px; letter-spacing: normal; padding: 0 20px; color: #1C4F6F; display: block; 
                                                                    text-decoration: none; overflow: hidden; }
#menu ul ul li a:hover { color: #318AC2; text-decoration: none; }

/* Styles for specific menus */
#menu ul ul#administration { width: 315px; }
#menu ul ul#administration li a { width: 315px; }
#menu ul ul#registration { width: 240px; }
#menu ul ul#registration li a { width: 240px; }
#menu ul ul#reports { width: 172px; }
#menu ul ul#reports li a { width: 172px; }

/* Styles the anchor (a) tag when mouse over*/
#menu ul ul li:hover > a, #menu  ul ul ul :hover > a { color: #318AC2; text-decoration: none; }


/* THIRD LEVEL SUB-SUB-MENU ITEMS */
#menu ul ul ul { left: 280px; top: 0; padding: 10px 0; }
#menu ul ul ul li { text-transform: none; white-space: nowrap; padding-right: 0; }

#menu ul ul ul li a, #menu ul ul ul li a:link, #menu ul ul ul li a:visited { width: 360px; font-weight: normal; height: 26px; line-height: 26px; letter-spacing: normal; padding: 0 20px; 
                                                                                                     color: #1C4F6F; display: block; text-decoration: none; overflow: hidden; }
#menu ul ul ul li a:hover { color: #318AC2; text-decoration: none; }

/* Styles for specific menus */
#menu ul ul ul#seminar { width: 400px; }
#menu ul ul ul#seminar li a { width: 400px; }

#menu ul ul ul#seminar li a, #menu ul ul ul#seminar li a:link, #menu ul ul ul#seminar li a:visited { width: 360px; font-weight: normal; height: 26px; line-height: 26px; letter-spacing: normal; padding: 0 20px; 
                                                                                                     color: #1C4F6F; display: block; text-decoration: none; overflow: hidden; }
#menu ul ul ul#seminar li a:hover { color: #318AC2; text-decoration: none; }