/* ================================================================ 
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_definition.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.
=================================================================== */
#dlmenu {height:10em;}

#menu {list-style-type:none; 
margin:0 0 10px 2px; 
padding:0;
 position:relative; 
 width:110px;  }

 
  
#menu li {
display:block;  
text-transform:capitalize ;font-size:1em; 
padding:0; margin:0; 
position:relative; 
}

#menu li a, #menu li a:visited {
display:block; 
text-decoration:none;}

#menu li dd {display:none;}

#menu li:hover, #menu li a:hover {border:1px solid #3737D9;}

#menu li:hover dt a , #menu li a:hover dt a {

	color:#FF0000;
	background-color:#3737D9;}


#menu li:hover dd, #menu li a:hover dd{display:block;}

#menu li:hover dl, #menu li a:hover dll{
height:auto; 
background-color:#669ACC;}

#menu table {
border-collapse:collapse; 
padding:0; 
margin:-4px; 
font-size:1em;}

#menu dl {

 margin: 0;
  background: #669ACC; 
  cursor:pointer;}
  
  
#menu dt {
	color:#16487B;
	margin:0;
	padding: 0px 0px 0px 5px;
	font-size: 10pt;
	
	border-top:1px solid #3737D9;
}

#menu dd {
margin:0; 
padding:0; 
font-size: 1em; 
text-align:left; }


.gallery dt a  {

	display:block;
	color:#16487B;
	padding:5px 5px 5px 10px;

}

.gallery dt a:link {

	display:block;
	color:#16487B;
	padding:5px 5px 5px 10px;

}

.gallery dt a:visited {

	display:block;
	color:#16487B;
	padding:5px 5px 5px 10px;

}
.gallery dd a, .gallery dd a:visited {
color:#FF0000;
min-height:1em; 
text-decoration:none; 
display:block; 
padding:4px 5px 4px 20px; 
}

* html .gallery dd a, * html .gallery dd a:visited {height:1em;}

.gallery dd a:hover {
background-color:#669ACC;
	color:#FFF;display:block;	 background-color:#0066FF;}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;}

.blockmenu {
	display:block;
	font-size:1em;
	color:#16487B;
	background:inherit;
	padding:0px 5px 5px 10px;	
	clear:left;
}
.blockmenu   a:link {
	color:#16487B;font-size:1em;
}
.blockmenu   a:visited {color:#16487B;font-size:1em;}
.blockmenu  a:hover {color:#FF0000;display:block;	 background-color:#0066FF;font-size:1em;
}


a.tooltip:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:-50px; margin-top:-60px; width:100px;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c;}


ul,li.centre {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

ul,li.centre {
	width: 120px;
	
	list-style-type: none;
}
ul.centre {
	width: 120px;
	
	list-style-type: none;
}

li.folder {
	position: relative;
	padding: 0px;
	z-index: 9;
}

li.folder	{
	font: normal 14px Georgia, Arial, Tahoma, Sans-Serif, Helvetica;
	padding: 14px 0 4px 15px;

	
}	

li.folder:hover {
	display: block;
	width: 800px;
	color:#F00;
	font: normal 14px  Georgia, Arial, Tahoma, Sans-Serif, Helvetica;
}
		
li.folder ul {
	position: absolute;
	display: none;
	left: 120px; /* IE */
	top: -35px;
}
				
li.folder>ul { 
	left: 130px;
}
		

ul.level1 li.folder:hover ul.level2 {
	display: block;
	width: 800px;
	background-image:url(images/general/bk.png);
	background-repeat:repeat;
	height:250px;
	margin:0;
	padding:15px 0 0 0;
}

a {
	padding: 8px;
	font-size: 16px;
	text-decoration: none;
	width: 100%; /* IE */
}

li>a { 
	width: 600px;
}

li a.submenu {
	
	padding-left: 10px;
	 width:150px; position: relative; float:left;
	 font-weight: bold;
	 margin:10px 5px 10px 10px;
	 text-transform:capitalize;
	 background-color:#DADADA;
	
	padding-top: 3px;
	padding-bottom: 4px;
}

li.explain {
	font: bold 12px Georgia, Arial, Tahoma, Sans-Serif, Helvetica;
	color: #254B72;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 600px;
	margin-left:15px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html li.explain { 
	width: 202px;
}
/* End hide from IE5/mac */

a:link, a:visited {
	color: #254B72;
}

a:hover {
	color: #F00;
}

#menux {
  
    margin: 0;
    padding: 0 0px;
  
	
}

#link {
    font: 14px Georgia, Arial, Tahoma, Sans-Serif, Helvetica;
	padding: 0px 0px 0px 20px;
	margin-top: 15px;
}

.centre{
	padding:2px 0 4px 15px;
	

	
	}
#span	a:hover { background-image:url(images/general/bk.png); background-repeat:repeat; text-decoration:none;} /*BG color is a must for IE6*/
a span {display:none; padding:2px 3px; margin-left:0px; margin-top:0px;  }
a:hover span{
	display:block;
	position:absolute;
	border:1px solid #cccccc;
	background-image:url(images/general/bk.png); background-repeat:repeat;
	color:#6c6c6c;
	height:auto;
	z-index:100; bottom:20px;
	
}