/*** Main navigation ***/

#mainNav { margin-top: 0px; }
table.navLayout { width: 100%; margin: 0; padding: 0; table-layout: auto; font-size: 95%; }
table.navLayout td { height: 3.7em; padding: 0px 10px 14px; vertical-align: middle; border-right: 2px solid #fff; text-align: center; cursor: pointer; }
table.navLayout td.last { border-right: none; }

* html table.navLayout td { height: 5.2em; he\ight: 3.7em; } /* Height for PC/IE5.x */
table.navLayout td:lang(en) { height: 5.2em; } /* Height for FF/Moz */

#mainNav a, #mainNav a:hover { text-decoration: none; }



#mainNav td { background-color: #f7f7f7; background-position: left bottom; background-repeat: repeat-x; }

#mainNav td#nav_about { background-image: url(../img/nav/about.gif); }
#mainNav td#nav_regulation { background-image: url(../img/nav/regulation.gif); } 
#mainNav td#nav_safety { background-image: url(../img/nav/safety.gif); } 
#mainNav td#nav_committees { background-image: url(../img/nav/committees.gif); } 
#mainNav td#nav_learning { background-image: url(../img/nav/learning.gif); } 
#mainNav td#nav_online { background-image: url(../img/nav/online.gif); } 
#mainNav td#nav_publications { background-image: url(../img/nav/publications.gif); } 
#mainNav td#nav_news { background-image: url(../img/nav/news.gif); } 
#mainNav td#nav_views { background-image: url(../img/nav/views.gif); } 

#mainNav td#nav_about:hover { background-color: #250480; }
#mainNav td#nav_regulation:hover { background-color: #aad0ee; }
#mainNav td#nav_safety:hover { background-color: #feea0e; }
#mainNav td#nav_committees:hover { background-color: #feb740; }
#mainNav td#nav_learning:hover { background-color: #b0e95e }
#mainNav td#nav_online:hover { background-color: #651d85; }
#mainNav td#nav_publications:hover { background-color: #226178; }
#mainNav td#nav_news:hover { background-color: #ac0057; }
#mainNav td#nav_views:hover { background-color: #519621 }

#div.nav_popup { position: absolute; top: 41px; left: 118px; width: 531px; height: 1.8em; display: none; }
div.nav_popup { position: absolute; top: 41px; left: 118px; width: 631px; height: 1.8em; display: none; }
div.nav_popup p { margin: 0; padding: 0px 12px; color: #666; font-size: 95%; line-height: 1.8em; }

#nav_popup_about { background: #f6f3ff; border: 1px solid #250480; }
#nav_popup_regulation { background: #eff6fb; border: 1px solid #aad0ee; }
#nav_popup_safety { background: #fffde9; border: 1px solid #feea0e; }
#nav_popup_committees { background: #fff9f0; border: 1px solid #feb740; }
#nav_popup_learning { background: #f7ffeb; border: 1px solid #b0e95e; }
#nav_popup_online { background: #f9edff; border: 1px solid #651d85; }
#nav_popup_publications { background: #edf6fb; border: 1px solid #226178; }
#nav_popup_news { background: #fcf0f7; border: 1px solid #ac0057; }
#nav_popup_views { background: #f1fbea; border: 1px solid #519621; }

/*** Secondary navigation ***/

p.subnav { margin-bottom: 4px; color: #310d74; font-weight: bold; margin-top: 0px; padding: 0px; font-size: 105%; }
/*h3.subnav span { background: url(../img/misc/subnav_arrow.gif) 100% 70% no-repeat; padding-right: 16px; height: 1%; } */
p.subnav span { background: url(../img/misc/subnav_arrow.gif) right bottom no-repeat; padding-right: 16px; } 
 
* html p.subnav span { float: left; margin-bottom: 4px; height: 1%; }

ul.subnav { list-style: none; margin: 0; padding: 0; margin-bottom: 25px; clear: left; }

ul.subnav li { border-bottom: 2px solid #fff; }
ul.subnav a { display: block; padding-top: 0.7em; padding-bottom: 0.7em; background-color: #f7f7f7; border-left: 7px solid #310d74; padding-left: 8px; font-size: 95%; color: #0A3296; }
ul.subnav a:hover { text-decoration: none; background-color: #310d74; color: #fff; }
ul.subnav a.current { background: #310d74 url(../img/misc/subnav_corner.gif) right top no-repeat; color: #fff; font-weight: bold; }

ul.subnav2 { list-style: none; margin: 0; padding: 0; }
ul.subnav2 li { border-bottom: none; border-top:  2px solid #fff; width: 170px; }
ul.subnav2 a { color: #250580; border-color: #c7bdf4; background: #efecfd; }
ul.subnav2 a:hover, ul.subnav2 a.current { color: #1a035d; background: #c7bdf4; font-weight: normal; cursor: pointer; }
ul.subnav2 a span { display: block; background: url(../img/misc/right_arrow_small_blue.gif) left center no-repeat; padding-left: 8px; padding-right: 8px; line-height: 1.2em; }

/* Hide from IE/Mac \*/
* html ul.subnav li { border-bottom-width: 0px; b\order-bottom-width: 2px; }
* html ul.subnav a { width: 170px; w\idth: auto; }
* html ul.subnav2 {  w\idth: 147px; }
* html ul.subnav2 li { fl\oat: left; border-top-width: 0px; b\order-top-width: 2px; }
* html ul.subnav ul.subnav2 a { width: auto; }
* html ul.subnav2 a span { height: 1%; }
/* End hide */

* html p.subnav { height: 1%; }