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

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/drop_variations.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 CSS STYLES */

.cssmm {

/* width:700px; */

/*height:355px; */

	font-family: Verdana, tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;

	position:relative; 

	margin:0px;

	text-align: left;

	height: 45px;

	border: 0px solid red;

	z-index:1000;

	letter-spacing: 0px;

}

/* get rid of the default padding - margin and bullets */

.cssmm ul {

	padding:0; 

	margin:0;

	list-style-type: none;

	margin-bottom: 0px;

	z-index:1000;

}

/* make menu horizontal */

.cssmm ul li {

	padding:0; 

	margin:0;

	float:left;

	position:relative;

	z-index:1000;

}

/* set up the default top level links */

.cssmm ul li a, .cssmm ul li a:visited {

	display:block; 

	text-decoration:none; 

	background:transparent; 

	padding-left:0px; 

	margin-right:10px;

	height: 45px;

	line-height: 45px;

	font-size: 15px;	

	text-align: center;

	width:160px; 

	font-weight: bold;

}

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

* html .cssmm ul li a, .cssmm ul li a:visited { width: 160px; }

/* hide the drop down menu */

.cssmm ul li ul { display: none; }

/* remove all table style so that it does not interfere with the menu */

.cssmm table { margin:-1px;  border-collapse:collapse; /* font-size:1em; */ }



/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */



/* style the top level hover */

.cssmm ul li:hover a,

.cssmm ul li a:hover { 

	border-bottom:0px solid #606;

	text-decoration:none;

}



/* make the drop down menu show and correctly position it */

.cssmm ul li:hover ul,

.cssmm ul li a:hover ul {

	display:block; 

	position:absolute; 

	top: 45px;

	margin:0px;

	left:0; 

	border:0px solid #dc7ba5;

	border-top: 5px solid white; 

	background:transparent;

	background:transparent filter: alpha(opacity=100);

	 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);

	opacity:1;

	text-align: left;

	text-decoration:none;

}

/* style the drop down links with no hover */

.cssmm ul li:hover ul li a,

.cssmm ul li a:hover ul li a {

	display:block; 

	background:transparent url(../../opacity/opaque.png); 

	background: #222222;

	color:#888888; 

	border:0;

	margin:0;

	padding:0;

	font-weight:normal; 

	font-size: 12px;

	height: 30px;

	line-height: 30px;

	padding-left:10px; 

	/* width: 120px; */

	text-align: left;

	text-decoration:none;

}

/* style the drop down menu links when hovered */

.cssmm ul li:hover ul li a:hover,

.cssmm ul li a:hover ul li a:hover {

	text-decoration: none;



}



/* special styling for IE5.5 and IE6 - transparency is non validating */

.cssmm ul li a:hover ul {

background:transparent filter: alpha(opacity=100);

 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);

opacity:1;

margin-top:0px; /* for IE5.5 faulty box model */

marg\in-top:0px; /* for IE6 */

text-decoration:none;

}

/* IE5.5 hack for faulty box model in drop down menu */

.cssmm ul li a:hover ul li a {

	margin:0;

	text-decoration:none;

}





/* design styles for the menu items */



/* main menu item */

.cssmm ul li a.mm:link, .cssmm ul li a.mm:visited { color: #6f9eb9; background:url('design/mm_back.gif'); background-position: bottom left; background-repeat: no-repeat; font-weight: bold;  }

.cssmm ul li a.mm:hover, .cssmm ul li a.mm:active, .cssmm ul li:hover a.mm { color: #ffffff; background: #ffffff; background:url('design/mmH_back.gif'); background-position: bottom left; background-repeat: no-repeat; font-weight: bold; }



/* main menu item Active */

.cssmm ul li a.mmA:link, .cssmm ul li a.mmA:visited { color: #ffffff; background: #ffffff; background:url('design/mmA_back.gif'); background-position: bottom left; background-repeat: no-repeat; font-weight: bold; }

.cssmm ul li a.mmA:hover, .cssmm ul li a.mmA:active, .cssmm ul li:hover a.mmA { color: #ffffff; background: #ffffff; background:url('design/mmA_back.gif'); background-position: bottom left; background-repeat: no-repeat; font-weight: bold;	}



/* main menu item Private */

.cssmm ul li a.mmP:link, .cssmm ul li a.mmP:visited { color: #6f9eb9; background:url('design/mm_back.gif'); background-position: bottom left; background-repeat: no-repeat;  font-weight: bold; }

.cssmm ul li a.mmP:hover, .cssmm ul li a.mmP:active, .cssmm ul li:hover a.mmP { color: #ffffff; background:url('design/mmH_back.gif'); background-position: bottom left; background-repeat: no-repeat; font-weight: bold; }



/* main menu item Private Active */

.cssmm ul li a.mmPA:link, .cssmm ul li a.mmPA:visited { color: #ffffff; background:url('design/mmA_back.gif'); background-position: bottom left; background-repeat: no-repeat; font-weight: bold; }

.cssmm ul li a.mmPA:hover, .cssmm ul li a.mmPA:active, .cssmm ul li:hover a.mmPA { color: #ffffff; background:url('design/mmA_back.gif'); background-position: bottom left; background-repeat: no-repeat; font-weight: bold; }





/* main menu submenu item */

.cssmm ul li a ul li a.mms:link, .cssmm ul li a ul li a.mms:visited, .cssmm ul li:hover ul li a.mms { color: #6f9eb9; background-color: #f4f7f9; font-weight: bold; border: 0px solid #325599;}

.cssmm ul li a ul li a.mms:hover, .cssmm ul li a ul li a.mms:active, .cssmm ul li:hover ul li a.mms:hover, .cssmm ul li a:hover ul li a.mms:hover { color: #ffffff; background-color: #f8cfe1; font-weight: bold; border: 0px solid #325599;}



/* main menu submenu item Active */

.cssmm ul li a ul li a.mmsA:link, .cssmm ul li a ul li a.mmsA:visited, .cssmm ul li:hover ul li a.mmsA { color: #ffffff; background-color: #f8cfe1; font-weight: bold; border: 0px solid #325599;}

.cssmm ul li a ul li a.mmsA:hover, .cssmm ul li a ul li a.mmsA:active, .cssmm ul li:hover ul li a.mmsA:hover, .cssmm ul li a:hover ul li a.mmsA:hover { color: #ffffff; background-color: #f8cfe1; font-weight: bold;	border: 0px solid #325599;}



/* main menu submenu item Private */

.cssmm ul li a ul li a.mmsP:link, .cssmm ul li a ul li a.mmsP:visited, .cssmm ul li:hover ul li a.mmsP {color: #6f9eb9; background-color: #f4f7f9; font-weight: normal; border: 0px solid #325599;}

.cssmm ul li a ul li a.mmsP:hover, .cssmm ul li a ul li a.mmsP:active, .cssmm ul li:hover ul li a.mmsP:hover, .cssmm ul li a:hover ul li a.mmsP:hover { color: #dc7ba5; background-color: #f4f7f9; font-weight: normal; border: 0px solid #325599;}



/* main menu submenu item Private Active */

.cssmm ul li a ul li a.mmsPA:link, .cssmm ul li a ul li a.mmsPA:visited, .cssmm ul li:hover ul li a.mmsPA {color: #6f9eb9; background-color: #f4f7f9; font-weight: normal; border: 0px solid #325599;}

.cssmm ul li a ul li a.mmsPA:hover, .cssmm ul li a ul li a.mmsPA:active, .cssmm ul li:hover ul li a.mmsPA:hover, .cssmm ul li a:hover ul li a.mmsPA:hover { color: #dc7ba5; background-color: #f4f7f9; font-weight: normal; border: 0px solid #325599;}





/* SUB MENU CSS STYLES */

.csssm {

	font-family: Verdana, tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;

	position:relative; 

	margin:0px;

	border: 0px solid red;

	z-index:1000;

	padding-bottom: 0px;

	letter-spacing: 0px;

}

/* get rid of the default padding - margin and bullets */

.csssm ul {

	padding:0; 

	margin:0;

	list-style-type: none; 

	margin-bottom: 20px;

	z-index:1000;

	

}

/* make menu horizontal */

.csssm ul li {

	padding:0; 

	margin:0;

	position:relative;

	z-index:1000;

}

.csssm ul li a, .csssm ul li a:visited {

	display:block; 

	text-decoration:none; 

	background:transparent; 

	padding-left:0px; 

	margin-right:0px;

	height: 32px;

	line-height: 32px;

	font-size: 13px;

}





/* sub menu item */

.csssm ul li a.sm:link, .csssm ul li a.sm:visited { color: #6f9eb9; background:transparent; font-weight: bold; }

.csssm ul li a.sm:hover, .csssm ul li a.sm:active, .csssm ul li:hover a.sm { color: #dc7ba5; background: transparent; font-weight: bold; text-decoration: none;}



.csssm ul li a.smA:link, .csssm ul li a.smA:visited { color: #dc7ba5; background:transparent; font-weight: bold; }

.csssm ul li a.smA:hover, .csssm ul li a.smA:active, .csssm ul li:hover a.smA { color: #dc7ba5; background: transparent; font-weight: bold; text-decoration: none;}



/* sub menu item Private */

.csssm ul li a.smP:link, .csssm ul li a.smP:visited { color: #6f9eb9; background:transparent;  font-weight: normal; }

.csssm ul li a.smP:hover, .csssm ul li a.smP:active, .csssm ul li:hover a.smP { color: #dc7ba5; background:transparent; font-weight: normal; text-decoration: none; }







/* mini add text / news menu */

.addmenu {

	font-family: Verdana, tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;

	position:relative; 

	margin:0px;

	border: 0px solid red;

	z-index:1000;

	padding-bottom: 0px;

	letter-spacing: 0px;	

}

.addmenu table { margin:-1px;  border-collapse:collapse; /* font-size:1em; */ }

.addmenu ul {

	padding:0; 

	margin:0;

	list-style-type: none; 

	margin-bottom: 20px;

	z-index:1000;	

}

.addmenu ul li {

	padding:0; 

	margin:0;

	position:relative;

	z-index:1000;	

}

.addmenu ul li a, .addmenu ul li a:visited {

	display:block; 

	text-decoration:none; 

	background:transparent; 

	padding-left:0px; 

	margin-right:0px;

	height: 20px;

	line-height: 20px;

	font-size: 11px;

}

.addmenu ul li ul { display: none; }



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

* html .addmenu ul li a, .addmenu ul li a:visited { width: 100px; }

/* hide the drop down menu */

.addmenu ul li ul { background:yellow; display: none; }

/* remove all table style so that it does not interfere with the menu */

.addmenu table { margin:-1px;  border-collapse:collapse; /* font-size:1em; */ }



/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */



/* style the top level hover */

.addmenu ul li:hover a,

.addmenu ul li a:hover { 

	border-bottom:0px solid #606;

	text-decoration:none;

}



/* make the drop down menu show and correctly position it */

.addmenu ul li:hover ul,

.addmenu ul li a:hover ul {

	display:block; 

	position:absolute; 

	top: 20px;

	margin:0px;

	left:0; 

	border:1px solid #bdbdbd;

	background:transparent;

	background:#ffffff; filter: alpha(opacity=100);

	 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);

	opacity:1;

	text-align: left;

	text-decoration:none;

}

/* style the drop down links with no hover */

.addmenu ul li:hover ul li a,

.addmenu ul li a:hover ul li a {

	display:block; 

	background:transparent url(../../opacity/opaque.png); 

	background: #ffffff;

	color:#2e2e2e; 

	border:0;

	margin:0;

	padding:0;

	font-weight:normal; 

	font-size: 11px;

	height: 20px;

	line-height: 20px;

	padding-left:2px; 

	/* width: 120px; */

	text-align: left;

	text-decoration:none;

}

/* style the drop down menu links when hovered */

.addmenu ul li:hover ul li a:hover, .addmenu ul li a:hover ul li a:hover { text-decoration: none; }



/* special styling for IE5.5 and IE6 - transparency is non validating */

.addmenu ul li a:hover ul {

background:#bdbdbd filter: alpha(opacity=100);

 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);

opacity:1;

margin-top:0px; /* for IE5.5 faulty box model */

marg\in-top:0px; /* for IE6 */

text-decoration:none;

}

/* IE5.5 hack for faulty box model in drop down menu */

.addmenu ul li a:hover ul li a {

	margin:0;

	text-decoration:none;

}



.addmenu ul li a.am:link, .addmenu ul li a.am:visited { color: #bdbdbd; background:transparent; font-weight: normal; }

.addmenu ul li a.am:hover, .addmenu ul li a.am:active, .addmenu ul li:hover a.am { color: #ffffff; background: #bdbdbd; font-weight: normal; text-decoration: none;}