.flags { 
	width:690px;
	text-align:right;
	float:right;
}

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

.flags ul li#other ul 
{
	visibility:hidden;
	width:120px;
	position:absolute;
	background-color: White;
	border: solid 2px #CCCCCC;	
	right:-14px;

}


.flags ul li#other:hover ul
{
	visibility: visible;
}

.flags ul li#other ul li
{
	list-style-type:none;
	width: 100%;
	text-align:left;
	padding:5px 0px 5px 0px;
}
.flags ul ul li:hover
{
	background-color:#DDDDDD;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.flags li 
{
	position:relative;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px; 
	z-index: 3001;
}

.flags ul li#text {
	float:right;
	font-size:10px;
	color:#685c53;
	width:100px;
	margin-right:10px;
	padding:3px 0 0 0;
	line-height:13px;
}

.flags ul li#aboutus {
	float:right;
	font-size:10px;
	color:#685c53;
	width:60px;
	margin-right:10px;
	padding:3px 0 0 0;
	line-height:13px;
}

.flags ul li#contact {
	float:right;
	font-size:10px;
	color:#685c53;
	width:70px;
	margin-right:10px;
	padding:3px 0 0 0;
	line-height:13px;
}

.flags ul li#other {
	float:right;
	font-size:10px;
	color:#685c53;
	width:120px;
	text-align:right;
	margin-right:10px;
	padding:3px 0 0 0;
	line-height:13px;
}

.flags ul li#flag {
	float:right;
	font-size:10px;
	color:#685c53;
	width:20px;
	text-align:right;
	margin-right:10px;
	padding:3px 0 0 0;
	line-height:13px;
}

/* style the links for the top level */
.flags a {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px; 
	font-weight:bold; 
	text-decoration:none; 
	color:#000; 
	padding-left:10px; 
	padding-right:0px;
}


body {
behavior: url(/Css/csshover.htc);
}