/* GENERAL STYLES */
http://www.rkl.org.uk/css/accmenu.css

/* GENERAL STYLES */
/* ================================================================ 

The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */



#accMenu ul ul .nolink a:hover{text-decoration:none;}



#accMenu {width:588px; height:20px; font-size:0.85em;  z-index:100;border-right:0px solid #000;font-family:verdana;margin-left:161px;}



/* hack to correct IE5.5 faulty box model */

* html #accMenu {width:100%; w\idth:100%;}

/* remove all the bullets, borders and padding from the default list styling */

#accMenu ul {padding:0;margin:0;list-style-type:none;}

#accMenu ul ul {width:122px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

#accMenu li {float:left;width:147px;position:relative;}





/* style the links for the top level */

#accMenu li {display:block;width:144px; height:1.5em; border-left:2px solid #fff;  background:#C31120 url(http://www.rkl.org.uk/images/arrowD_Wh-2.gif) center left no-repeat;  line-height:1.5em;}

#accMenu a, a:visited {text-decoration:none; font-size:0.9em;font-weight:700;color:#fff;margin-left:20px;}





.accMenuSide a{text-decoration:underline; font-size:0.9em;font-weight:500;color:#333;border:1px;padding-left:0.1em;margin:0;} 

.accMenuSide a:visited{text-decoration:underline; font-size:1em;font-weight:500;color:#333;border:1px;padding-left:0.1em;margin:0; }

.accMenuSide a:hover {text-decoration:underline; font-size:1em;font-weight:500;color:#FF0000;padding-left:0.1em; margin:0; }







/* a hack so that IE5.5 faulty box model is corrected */

* html #accMenu a, * html #accMenu a:visited {width:142px; w\idth:139px;}

#accMenu img {border:none;}





/* style the second level background */

#accMenu ul ul li {background:#C31120;height:auto; border:1px solid #fff;border-top:0px; margin-left:0px;width:136px;line-height:1.1em;padding:1px;}

#accMenu ul ul a.drop, #accMenu ul ul a.drop:visited {background:#C31120;font-size:0.9em; font-weight:100;color:#C31;}

#accMenu ul ul li a {margin-left:0px;color:#C31; text-decoration:none;}

#accMenu ul ul li {padding-left:5px;}

/* style the second level hover */

#accMenu ul ul a:hover{background:#C31120  }

#accMenu ul ul :hover > a.drop {background:#C31120 }

/* style the third level background */

#accMenu ul ul ul a, #accMenu ul ul ul a:visited {background:#C31120;}

/* style the third level hover */

#accMenu ul ul ul a:hover {background:#b2ab9b;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

#accMenu ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:0; width:135px;border-top:1px solid #000;}




#accMenu ul ul ul a, #accMenu ul ul ul a:visited {background:#FFFFFF;}

/* style the third level hover */

#accMenu ul ul ul a:hover {background:#b2ab9b;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

#accMenu ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:0; width:135px;border-top:1px solid #000;}





/* a hack so that IE5.5 faulty box model is corrected */

* html #accMenu a, * html #accMenu a:visited {width:142px; w\idth:139px;}

#accMenu img {border:none;}





/* style the second level background */

#accMenu ul ul li {background:#FFFFFF;height:auto; border:1px solid #333;border-top:0px; margin-left:0px;width:136px;line-height:1.1em;padding:1px;}

#accMenu ul ul a.drop, #accMenu ul ul a.drop:visited {background:#FFFFFF;font-size:0.9em; font-weight:100;}

#accMenu ul ul li a {margin-left:0px;color:#333; text-decoration:none;}

#accMenu ul ul li {padding-left:5px;}

/* style the second level hover */

#accMenu ul ul a:hover{background:#FFFFFF  }

#accMenu ul ul :hover > a.drop {background:#FFFFFF }

/* style the third level background */

#accMenu ul ul ul a, #accMenu ul ul ul a:visited {background:#FFFFFF;}

/* style the third level hover */

#accMenu ul ul ul a:hover {background:#b2ab9b;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

#accMenu ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:0; width:135px;border-top:1px solid #000;}



/* another hack for IE5.5 */

* html #accMenu ul ul {top:20px;t\op:19px;}



/* position the third level flyout menu */

#accMenu ul ul ul{left:149px; top:-1px; width:149px;}



/* position the third level flyout menu for a left flyout */

#accMenu ul ul ul.left {left:-149px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

#accMenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* style the second level links */

#accMenu ul ul a, #accMenu ul ul a:visited {background:#FFFFFF; color:#000; height:auto; line-height:1em;  width:128px;border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */

* html #accMenu ul ul a, * html #accMenu ul ul a:visited {width:150px;w\idth:128px;}





/* style the top level hover */

#accMenu ul ul a:hover{color:#C31; background:#C3120;text-decoration:underline;}

#accMenu ul ul :hover > a {color:#C31;background:#C3120;text-decoration:underline;}



/* make the second level visible when hover on first level list OR link */

#accMenu ul li a:hover{text-decoration:underline;}

#accMenu a:hover, #accMenu ul li:hover ul,

#accMenu a:hover, #accMenu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */

#accMenu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

#accMenu ul :hover ul :hover ul{ visibility:visible;}


/* EDITOR PROPERTIES */