
body{
	background: #c7c7c7 url(images/page_background.jpg) repeat-x 0 top;
}
.main{
	background: white url(images/main_background.jpg) repeat-x 0 top;
	padding: 10px 10px;
}
.content_head{
	background-color: #477ba7;
	color: #fff;
	font: bold 11px "Helvetica Neue", tahoma, Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	padding: 5px 2px;
}
.content{
	background-color: #ccc;
	text-align: center;
	padding: 5px 2px;
}
.spaced{
	width: 208px;
}
/* common styling */
.menu {font-family: arial, sans-serif; width:900px; height: 48px; position:relative; font-size:11px; z-index: 100;
	background: url(images/header_02.jpg) no-repeat;
}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width: 150px; height: 48px; text-align:center; color:#fff; overflow:hidden;
	font: bold 12px/48px "trebuchet ms", helvetica, tahoma;
}
.menu ul {padding: 0 0 0 145px; margin:0; list-style: none;}
.menu ul li { position:relative;
	float: left;
}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background: #3e76a4 url(images/nav_over.jpg) repeat-x;
}
.menu ul li:hover ul {display:block; position:absolute; top: 48px; left:0; width:105px;
	padding: 0;
}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background: #559bd7; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background: #3e76a4; color: white;}
.menu ul li:hover ul li a:hover {background: #559bd7; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

.footer{
	width: 904px;
	font: 10px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #4c4c4c;
	text-align: center;
}
