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

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/ccc_menus/final_drop.html

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

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

way to fit your requirements.

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



ul{

	padding:0;

	margin:0;

}



li{

	padding:0;

	margin:0;

}



.ccc_menu {width:100%; height:45px; position:relative; z-index:100;font-family:Tahoma;}

/*.ccc_menu {

	width:1003px;

	height:39px;

	margin:0 auto;

	position:relative;

	background-image:url(images/menubg.jpg);

	background-repeat:repeat-x;

}*/



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

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

/*.ccc_menu ul {padding:0;margin:0; list-style-type:none;}*/

.ccc_menu ul {

	height:39px;

	margin:0 auto;

	position:relative;

	background-image:url(../images/menubg.jpg);

	background-repeat:repeat-x;

	list-style:none;



}

.ccc_menu ul ul {width:200px;margin-top:14px; z-index:100000;}

.ccc_menu ul ul ul{margin:0;}





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

/*.ccc_menu li {float:left;width:150px;position:relative; background:#00FF99; border-left: 1px thick #000000;}*/





.ccc_menu li {

	/*width: auto;

	padding-left:13px;

	padding-bottom:10px;

	padding-right:47px;

	padding-top:10px;*/

	height:auto;

	/*text-align:center;*/

	float:left;

	background-image:url(../images/mline.gif);

	background-position: top left;

	background-repeat:no-repeat;

	position: relative;

	margin: 0 auto;

	font-family:Tahoma;

	font-size:12px;

	font-weight:bold;

	color:#FFFFFF;

}

			

.ccc_menu li.first,.ccc_menu li ul li{background:none;}



/* style the links for the top level */

.ccc_menu a, .ccc_menu a:visited {display:block;font-size:11px;text-decoration:none; color:#9101A1; text-transform:uppercase; width:167px; height:22px; padding-top:15px; border-width:2px 0 2px 2px; background:transparent;  text-align:center; font-weight:bold;}

.ccc_menu ul ul a, .ccc_menu ul ul a:visited{text-align:left; text-transform:none;}

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

* html .ccc_menu a, * html .ccc_menu a:visited {width:157px; w\idth:141px;}



/* style the second level background */

.ccc_menu ul ul a.drop, .ccc_menu ul ul a.drop:visited {background:#0E0F14 url(grey-arrow.gif) no-repeat 130px center;}

/* style the second level hover */

.ccc_menu ul ul a.drop:hover{background:#0E0F14 url(blue-arrow.gif) no-repeat 130px center;}

.ccc_menu ul ul :hover > a.drop {background:#0E0F14 url(blue-arrow.gif) no-repeat 130px center;}

/* style the third level background */

.ccc_menu ul ul ul a, .ccc_menu ul ul ul a:visited {background:#FCC73D;}

/* style the third level hover */

.ccc_menu ul ul ul a:hover {background:#5F026D;}





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

.ccc_menu ul ul {visibility:hidden;position:absolute;height:0;top:22px;left:0; width:200px;border-top:2px solid #FCE48A;}

/* another hack for IE5.5 */

* html .ccc_menu ul ul {top:30px;t\op:31px;}



/* position the third level flyout ccc_menu */

.ccc_menu ul ul ul{left:140px; top:-1px; width:149px;}



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

.ccc_menu ul ul ul.left {left:-100px;}



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

.ccc_menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* style the second level links */

.ccc_menu ul ul a, .ccc_menu ul ul a:visited {background:#FBC839; color:#9101A1; height:auto; line-height:1em; padding:5px 5px; width:128px; border:#FFFFFF 1px solid; border-top:none;}

.ccc_menu ul ul li.first a, .ccc_menu ul ul li.first a:visited{border-top:#D5AB35 1px solid;}

/* yet another hack for IE5.5 */

* html .ccc_menu ul ul a, * html .ccc_menu ul ul a:visited {width:140px;w\idth:128px;}



/* style the top level hover */

.ccc_menu a:hover{color:#416002; background:transparent url(../images/m2.jpg) no-repeat center top; text-decoration:overline; }

.ccc_menu ul ul a:hover{color:#416002; background:#5F026D;}

.ccc_menu :hover > a{color:#416002; background:transparent url(../images/m2.jpg) no-repeat center top;}

.ccc_menu ul ul :hover > a {color:#FFFFFF; background:#5F026D;text-decoration:none;}



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

.ccc_menu ul li:hover ul,

.ccc_menu ul a:hover ul{visibility:visible; }

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

.ccc_menu ul :hover ul ul{visibility:hidden;}

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

.ccc_menu ul :hover ul :hover ul{ visibility:visible;}