body {
 	font: 13px verdana;
	background-image: url("./images/background.gif");
 	padding:0px;
 	text-align: center;
 	}
 
 .container {
 	width: 645px;
 	height: 100%;
 	border-style: solid;
 	border-width: 1px;
 	border-color: #999;
 	margin:0px auto;
 	}
 
 p.footer {
 	font-size: 10px;
 	font-weight: normal;
 	} 
p.side {
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 11px;
	}

h2 {
 	font-size: 14px;
 	color: #000;
 	}
 
 .header {
	font-family: century gothic;
	font-size: 15px;
	font-weight: bold;
 	color: #fff;
	margin: 0;
	padding: 0;
	}

 .header2 {
	font-family: century gothic;
	font-size: 15px; 	font-weight: bold;
	padding: 4px; 	color: #fff;
	margin-bottom: 10px;
	margin-left: 8px;
 	}

 a {
 	text-decoration: none;
 	color: #FF0033;
 	}
 
 a.menu { 	font-size: 12px; 	font-weight: bold; 	}
 
 ul {
 	margin: 0;
 	padding: 0;
 	list-style: none;
 	width: 150px; /* Width of Menu Items */
 	border-bottom: 1px solid #999; 	}
 
 ul li {
 	position: relative;
 	}
 	
 li ul {
 	position: absolute;
 	left: 149px; /* Set 1px less than menu width */
 	top: 1px;
 	display: none;
 	}
 
 ul li a {
 	display: block;
 	text-decoration: none;
 	color: #000;
 	background: #fff; /* IE6 Bug */
 	padding: 3px;
 	border: 1px solid #999;
 	border-bottom: 0;
 	}
 
 /* Fix IE. Hide from IE Mac \*/
 * html ul li { float: left; height: 1%; }
 * html ul li a { height: 1%; }
 /* End */
 
 ul li a:hover { color: #FF0033; background: #eee; } /* Hover Styles */
 		
 li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
 		
 li:hover ul, li.over ul { display: block; } /* The magic */