/* 

taken from...
http://www.mywebstuff.com/02_css/css_07.html
 
http://www.mywebstuff.com/static/faq.html

Can I download the code or from this site and have a SVG database driven website working straight away on my website?

No, this website contains no end product. I am not working on one. You are free to examine the code and techniques. It can be copied from here, the code studied, laughed at, modified and implemented in any other websites. Hopefully you may something that help you with your own application design. Please note: some code is based on source from other people. I have linked where relevant.


*/

.topmenuul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.topmenuul a{
	text-decoration:none;
}

.topmenuul a{
	text-decoration:none;
}

.topmenuli{
	list-style-type:none!important;
	float:left;
	border:0px solid red;
	background: url(../../images/header/wallaceHeaderBullet.gif) no-repeat left; padding-left:22px;
}

.topmenutitle{
	display:block;
	
	z-index:100;
	text-decoration:none!important;
}

.submenuul{
	list-style-type:none;
	position:absolute;
	margin: 0;
	padding:0;
	display:none;
	z-index:100;
	
}

.submenuli a{
	display:block;
	width:150px;


}


#dmenu li:hover ul , li.over ul{ 
	display: block;
	z-index:100;
	
}

#dmenu li>ul { 
	top: auto;
	left: auto;
}

#content {
	clear: left;

}


#dmenu {
	font-family: Arial, Helvetica, Sans-Serif!important;
	font-size:11px!important;
}

.topmenuul {
	
}

.topmenutitle {
	text-indent:3px;
	text-decoration: none;
	border:1px solid #000000;
	padding:3px;
	line-height:14px;

}

.submenuul {
	margin-top:-1px;
	background-color:#E6EFEB;
	background-position: top left;
	background-repeat: repeat-x;
	border:0px solid red;
	margin-left:-15px;
	padding-left:0px;
	border-top:1px solid #FFFFFF;
	border-right:2px solid #C0C0C0;
	border-bottom:2px solid #C0C0C0;
	border-left:1px solid #D1E1DA;
	min-width:210px!important;

}

.submenuul li {margin-bottom:0px; padding:3px;}
html>body .submenuul li {margin-bottom:0px;}

.submenuul a{

	background:#E6EFEB url(../../images/topNav/bulletsquare.gif) left no-repeat!important;
	text-decoration:none;
	font-size:11px!important;
	font-weight:normal!important;
	font-family:Arial, Helvetica, sans-serif!important;
	color:#2C67A2!important;


	padding:3px 3px 3px 15px!important;
	/*z-index:100!important;*/
	
	border:0px solid blue!important;
	padding-right:6px!important;
	display:block;
}

.submenuul a:hover{

	color:#000000!important;

	background: #F5F8F7 url(../../images/topNav/bulletsquare.gif) left no-repeat!important;
	display:block;
	/*
	padding:2px 0 2px 0;*/
	/*background: red!important;*/
	/*width:140px;*/
	/*
	
	line-height:14px;
	font-size:11px!important;*/
	/*z-index:100;*/
}

li.submenuul:hover{
	
}

.submenuli a{
	padding:17px;
	text-decoration: none;
	color: #000000;


}

.submenuli a:hover{
	text-decoration: none;
	background:#336699;
	color: #FFFFFF;
	text-decoration:none;
	padding:7px;

	
}