/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */

/* MAIN MENU style the outer div to give it width */
#MainMenu { clear:both; height:40px; margin:0 0 0 0; padding:0 55px; }

/* remove all the bullets, borders and padding from the default list styling */
#MainMenu ul { padding:0; margin:0; list-style-type:none; }
#MainMenu ul ul { width:auto; }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#MainMenu li { float:left; width:auto; height:39px; position:relative; background:transparent; padding-top:1px; }

/* style the links for the top level */
#MainMenu a, 
#MainMenu a:visited { display:inline-block; text-decoration:none; color:#424242; width:auto; padding:10px 7px 0 7px; height:24px; font-size:14px; background:#DF7E31; }

/* a hack so that IE5.5 faulty box model is corrected */
* html #MainMenu a, 
* html #MainMenu a:visited { width:auto; }

/* style the table so that it takes no part in the layout - required for IE to work */
#MainMenu table { position:absolute; top:0; left:0; }

/* style the top level hover */
#MainMenu a:hover, 
#MainMenu ul ul a:hover{ color:#DF7E31; background:#424242; height:33px; }

#MainMenu :hover > a, 
#MainMenu ul ul :hover > a { color:#DF7E31; background:#424242; height:33px; }

#MainMenu a.current { color:#DF7E31; background:#424242; height:33px; }





/* FOOTER MENU style the outer div to give it width */
#FooterMenu  { clear:both; height:32px; margin:0 70px; padding:0; border-bottom:1px solid #999999;  }

/* remove all the bullets, borders and padding from the default list styling */
#FooterMenu ul { padding:0; margin:0; list-style-type:none; text-align:center; }
#FooterMenu ul ul { width:auto; }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#FooterMenu li { float:left; width:auto; position:relative; background:transparent; }

/* style the links for the top level */
#FooterMenu a, 
#FooterMenu a:visited { display:block; text-decoration:none; color:#424242; width:auto; padding:10px 12px 0 0px; font-size:12px; background:transparent; }

/* a hack so that IE5.5 faulty box model is corrected */
* html #FooterMenu a, 
* html #FooterMenu a:visited { width:auto; }

/* style the table so that it takes no part in the layout - required for IE to work */
#FooterMenu table { position:absolute; top:0; left:0; }

/* style the top level hover */
#FooterMenu a:hover, 
#FooterMenu ul ul a:hover{ color:#DF7E31; background:transparent; }

#FooterMenu :hover > a, 
#FooterMenu ul ul :hover > a { color:#DF7E31; background:transparent; }

#FooterMenu a.current { color:#DF7E31; background:transparent; }
