/* this is the main UL element*/
.dropdown{
	margin:0px;
	float:left;
	list-style:none;
	line-height:40px;
	text-align:center;
	width:660px;
	padding:0 100px 0 100px;
	display:inline;
	height:40px;
	background:url(../images/top_nav_bg.jpg) repeat-x;
}

/* these are the inner menus*/
.dropdown ul{
	margin:0px 0 0 0;
	padding:0px 0 0 10px;
	list-style:none;
	float:left;
	text-align:center;
	display:inline;
}
.dropdown ul li ul{
	 padding:0;
}

/* these are all the LIs in the menu*/
.dropdown li{
	margin:0;
	width:100px;
	cursor:pointer;
	height:40px;
	float:left;
	font-weight:bold;
	
}

/* 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:#FFFFFF;
	width:100%;
}

.dropdown a:hover{
	text-decoration:none;
	color:#4AAED2;
}

/* these are the LIs that only belong to submenu*/
.dropdown ul li{
	border:1px solid #174858;
	border-top:0;
	width:165px;
	height:25px;
	line-height:25px;
	text-align:left;
	padding:0 0 0 5px;
	float:left;
	display:inline;
	background:#000000;
	
}
.dropdown ul li a{
	text-decoration:none;
	color:#FFFFFF;
	width:100%;
	font-weight:normal;
}

.dropdown ul li a:hover{
	text-decoration:none;
	color:#4AAED2;
	font-weight:normal;
}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu-down{
	/*background:#000000;
	padding-left:20px;
	width:105px;*/
}

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown li.submenu-left{
	/*background:#000000;
	padding-right:20px;
	width:105px;*/
}