/* this is the main UL element*/
.dropdown{
	list-style:none;
	padding: 0;
	background-repeat: repeat-x;
	visibility: hidden;
	overflow: auto;
	margin: 0;
	width: auto;
}

/* these are the inner menus*/
.dropdown ul{
	list-style:none;
	border-top-width: 1px;
	border-top-style: none;
	font-size: 12px;
	font-family: Tahoma;
	padding: 0;
	visibility: inherit;
	margin: 0;
	width: auto;
}

/* these are all the LIs in the menu*/
.dropdown li{
	width:auto;
	cursor:pointer;
	background-repeat: repeat-x;
	height: 30px;
	font-size: 12px;
	line-height: 30px;
	font-weight: normal;
	color: #3E4F59;
	text-align: left;
	clip: rect(auto,auto,auto,auto);
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-image: url(../images/sst.png);
	visibility: inherit;
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a{
	text-decoration:none;
	color:#333333;
	width: 92%;
}

.dropdown a:hover{
	color: #000000;
	background-image: url(../images/menu-gif.gif);
	background-repeat: repeat-x;
	width: 92%;
}

/* these are the LIs that only belong to submenu*/
.dropdown ul li{
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #444;
	border-right-color: #444;
	border-bottom-color: #444;
	border-left-color: #444;
	clip: rect(auto,auto,auto,auto);
	background-repeat: repeat-x;
}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu{
	background-position:right;
	background-repeat:no-repeat;
	width: auto;
	height: 30px;
	background-image: url(../images/ssa.png);
}
.dropdown li.submenu-left{
	background-image: url(../images/ssa.png);
}


.dropdown  ul.wed {
	width: 200px;
	height: 30px;
}
.dropdown ul.con {
	width: 200px;
	height: 30px;
}
.dropdown ul.acco {
	width: 200px;
	height: 30px;
}
.dropdown  ul  a {
	text-decoration:none;
	color:#333333;
	padding-left: 15px;
}
.dropdown ul.about {
	height: 30px;
	width: 200px;
}

.dropdown ul.righto {
	width: 200px;
	height: 30px;
}
.dropdown ul li li {
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #444;
	border-right-color: #444;
	border-bottom-color: #444;
	border-left-color: #444;
	clip: rect(auto,auto,auto,auto);
}
.dropdown ul li ul {
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #444;
	border-right-color: #444;
	border-bottom-color: #444;
	border-left-color: #444;
	top: 30px;
}
.dropdown ul li li li {
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #444;
	border-right-color: #444;
	border-bottom-color: #444;
	border-left-color: #444;
	clip: rect(auto,auto,auto,auto);
}
.dropdown ul.venu {
	width: 200px;
	height: 30px;
}
.wed  ul  {
	width: 200px;
	height: 30px;
	left: 200px;
}
.wed     ul    li     {
	width: 200px;
	height: 30px;
	left: 200px;
}
.wed li {
	width: 200px;
	height: 30px;
}
.about ul li {
	height: 30px;
	width: 280px;
	left: -280px;
}
.about ul {
	height: 30px;
	width: 280px;
	top: 30px;
}
