@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color:#FFFFFF;
	background-image:url(elements/background.gif);
	background-position:top;	
	background-repeat:repeat-x;
}

#submenu a { font-size:70%; text-decoration: none; color:#00B1D8; font-weight:600;}
#submenu a:hover { background: #00B1D8; color: #fff;} 

#mainmenu ul {font-size: 70%; list-style-type: none; margin: 0px; padding: 0px;} 
#mainmenu ul li { display: inline; margin: 0px; padding: 0px; } 
#mainmenu ul li a {
	float: left;
	border-right: 2px solid #ededed;
	color: #00B1D8;
	padding: 2px 10px 4px 10px;
	text-decoration: none;
	font-weight: bold;
} 
#mainmenu ul li.selected a { background: 	#00B1D8; color: #FFF; } 
#mainmenu ul li a:hover { background: #00B1D8; color: #ffffff; text-decoration: none; } 
#footer {font-size:50%; text-align:right; color:#CCCCCC;  background-color:#555555;}


#titlemenu ul {font-size: 60%; list-style-type: none; margin: 0px; padding: 0px;} 
#titlemenu ul li { display: inline; margin: 0px; padding: 0px; } 
#titlemenu ul li a {
	float: right;
	border-right: 1px solid #777777;
	color: #555555;
	padding: 0px 6px 0px 6px;
	text-decoration: none;
	font-weight: bold;
} 
#titlemenu ul li a:hover {color: #ffffff;}