<style type="text/css">
<!--
body,td,th,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003399;
}
a:link {
	text-decoration: underline;
	color:#003399;
}
a:visited {
	text-decoration: underline;
	color: #003399;
}
a:hover {
	text-decoration: underline;
	color: #003399;
}
a:active {
	text-decoration: underline;
	color: #003399;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 14px;
	color: #003399;
}
h2 {
	font-size: 12px;
	color: #003399;
}
h3 {
	font-size: 14px;
	color: #000000;
}
h4 {
	font-size: 12px;
	color: #000000;
}
h5 {
	font-size: 12px;
	color: #999999;
}
h6 {
	font-size: 14px;
	color: #999999;
}
#containerul, #containerul ul{
  text-align:left;
  margin:0;				/* Removes browser default margins applied to the lists. */
  padding:0;				/* Removes browser default padding applied to the lists. */
}

#containerul li{
  margin:0 0 0 12px;			/* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0;				/* Removes browser default padding applied to the list items. */
  list-style-type:none;			/* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .symbols{			/* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:12px;
  height:1em;
  background-position:0 50%;
  background-repeat:no-repeat;
}

-->
</style>