div.countries h2 {
	width: 640px ;

	border-bottom: 1px solid #999 ;
	
	padding-top: 0em ;
	padding-bottom: 4px;
	
	margin-top: 0em ;
	margin-bottom: 10px ;
}

div.countries {
	width: 100% ;
	/*
	border: 1px solid #000 ;
	*/
}
div.countries:after {  /* This will make the flagcountries div expand to contain the three following columns */
	content: "." ;
	display: block ;
	height: 0 ;
	clear: both ;
	visibility: hidden ;
}
/* The following code will solve problems with IE-Win */
/* It must be hidden from IE-Mac as it would mess things up there */
/* Hides from IE-Mac \*/
* html div.countries {height: 1%;}
/* End hide from IE-Mac */

div.countries ul {
	margin: 0em ;
	padding: 0em ;
}
div.countries ul li {
	font-size: 11px ;
	font-weight: bold ;
	color: #000 ;
	
	list-style-type: none ;
	margin-bottom: 6px ;
}

div.countries img {
	vertical-align: middle ;
	border: 0px ;
	width: 62px ;
	height: 38px ;
}
div.countries a:link {
	color: #000 ;
	text-decoration: none ;
}
div.countries a:visited {
	color: #000 ;
	text-decoration: none ;
}
div.countries a:hover {
	color: #999 ;
	text-decoration: underline ;
}
div.countries a:active {
	color: #09f ;
	text-decoration: underline ;
}


div.mainleft {
	width: 187px ;
	float: left ;
	/*
	background: #3e4 ;
	*/
	padding-right: 10px ;
	padding-bottom: 20px ;
	
	margin-bottom: 20px ;  /* this will make enough vertical space for the Validation link images */
}

div.mainright {
	width: 186px ;
	float: left ;
	/*
	background: #a0a ;
	*/
	padding-left: 20px ;
	padding-right: 10px ;
	padding-bottom: 10px ;
	/*
	margin-bottom: 10px ;
	*/
	border-left: 1px dotted #999 ;
	/*
	border: 1px solid #000 ;
	background: #a0a ;
	*/
}