/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* MAIN NAVIGATION INCLUDING FLYOUT HANDLING */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */

#navMain, #navMain ul { width:971px;list-style: none; line-height: 13px; padding: 0; margin: 0px 0px 0px 0px; z-index: 500; position: relative;}
#myRCEP_FlyOut, #myRCEP_FlyOut ul {width:150px; list-style: none; line-height: 13px; padding: 0; margin: 0px 0px 0px 0px; z-index: 501; position: relative;}
#navMain a, #myRCEP_FlyOut a,#myRCEP_FlyOut img { display: block; color: #18263E; text-decoration: none; font-size:10px;}
#navMain a.daddy, #myRCEP_FlyOut a.daddy { background: url(/images/flyoutarrow.gif) 140px 6px no-repeat;}
#navMain a.sel {}
#navMain li, #myRCEP_FlyOut li { list-style: none; float: left; padding: 0;}
#navMain li ul {left: -2000px;}
#myRCEP_FlyOut li ul {left: -3000px;}
#navMain li ul, #myRCEP_FlyOut li ul { position: absolute; height: auto; width: 150px; margin: 0 0 0 -1px; border: solid #999999; border-width: 0px 1px 1px 1px; background-color: #F1F3F4;}
#navMain li li, #myRCEP_FlyOut li li { width: 150px; border: solid #999999; border-width: 1px 0 0 0;}
#navMain li ul a, #myRCEP_FlyOut li ul a { width: 125px; padding: 4px 15px 3px 10px;}
#navMain li ul ul, #myRCEP_FlyOut li ul ul { margin: -23px 0 0 150px;}
#navMain li:hover ul ul, #navMain li:hover ul ul ul, #navMain  
li.sfhover ul ul, #navMain li.sfhover ul ul ul { left: -2000px;}
#navMain li:hover ul, #navMain li li:hover ul, #navMain li li li:hover  
ul, #navMain li.sfhover ul, #navMain li li.sfhover ul, #navMain li li li.sfhover ul { left: auto;}

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

#navMain li:hover, #navMain li.sfhover, #myRCEP_FlyOut li:hover, #myRCEP_FlyOut li.sfhover { background: #D6DDE1;}
#navMain li.separator, #myRCEP_FlyOut li.separator { background-color: #FFFFFF; padding: 4px 5px 3px 5px;}


/*
Now this is really weird!!
If you put 'background-color' in the line above, instead of 'background' only it stops working properly in IE7!
In that case menus do not disappear on rollout, if there is a focus on the form-field.
*/

#navMain li.separator, #myRCEP_FlyOut li.separator { background-color: #7c6240; padding: 4px 5px 3px 5px;}