<style type="text/css">
.flags {
 width: 100%;
 float: none;
}
.flags ul {
 list-style: none;
 margin: 0;
 padding: 0;
 width: auto;
 float: left;
}
 /* all anchor tags */
.flags a {
 font: normal 8pt verdana, helvetica, sans-serif;
 white-space: nowrap;
 display: block;
 color: #006633;
 border-style: solid;
 margin: 0;
 text-decoration: none;
}
.flags a:hover {color: #ff9900;}
 /* top row anchor tags */
.flags ul a {
 margin: 0px;
 border: 0px;
 padding-left: 6px;
 padding-right: 6px;
 padding-top: 5px;
 padding-bottom: 5px;
 text-align: center;
}
 /* below top row anchor tags */
.flags ul ul a {
 text-align: left;
 padding: 2px;
 margin: 0px 0px -1px -50px;
 border-width: 0px;
 background-color: white;
}
 /* make a container for sub-menus */
.flags li {position: relative;}
 /* sub-menus positioned according to container, always on top */
.flags ul ul {
 position: absolute;
 z-index: 500;
}
 /* third level+ moved to right side of container */
.flags ul ul ul {
 top: 0;
 left: 100%;
}
 /* hide sub-menus */
div.flags ul ul,
div.flags ul li:hover ul ul,
div.flags ul ul li:hover ul ul
{display: none;}
 /* show sub-menus */
div.flags ul li:hover ul,
div.flags ul ul li:hover ul,
div.flags ul ul ul li:hover ul
{display: block;}
 /* flag borders */
.flags img {border: 1px solid black;}
</style>
<!--[if IE]>
<style type="text/css" media="screen">
 .flags ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
 behavior: url(csshover3.htc);
 font-size: 100%;
}
.flags ul li a {height: 1%;}
</style>
<![endif]-->
