/* ================================================= */
/* ==============   Homepage Style    ============== */
/* ================================================= */

/* --- Basics --- */
body {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #000000;
	color: #fff;
}
/* --- Header and footer --- */
div#header {
	width: 100%;
	height: 30px;
	padding: 0;
	border-bottom: 2px solid #73767c;
	margin: 0;
}

#footer {
	clear: both;
	width: 100%;
	height: 2px;
	margin: 0;
	padding: 0;
	border-top: 2px solid #606569;
	/* border-top: 2px solid #888c93; */
	/* background-color: #606569; */
	/* border-bottom: 4px solid #606569; */
}
/* --- Images --- */
#home-img-center {
	float: left;
	/* margin: auto; */
	width: 720px;
	height: 481px;
/*	background-image: url(img/home-bg.jpg);*/
	position: relative;
	margin: 0 -360px 0 0;
	border: 0;
	padding: 0;
	background-color: black;
}
#home-img-center img#home-bg {
	border: 0;
	padding: 0;
	margin: 0;
	width: 720px;
	height: 481px;
	display: block; /* need this for IE so it won't have "Enter" 
	after the img causing a blank line */
}

#home-img-left {
	/* float: left; */
	margin: 0 360px 0 0;
	height: 481px;
	background-color: #000;
	background-image: url(../img/home-bg-left.jpg);
	background-repeat: repeat-x;
	background-position: center right;
}
#home-img-left-outer {
	padding: 0;
	border: 0;
	float: left;
	margin: 0 -360px 0 0;
	width: 50%;
	height: 481px;
	position: relative;
	background-color: #000;
}
#home-img-right-outer {
	float: right;
	margin: 0 0 0 -360px;
	width: 50%;
	height: 481px;
	text-align: left;
}
#home-img-right {
	margin: 0 0 0 359px; /* Opera fix for vertical 1px gap 
	between center img and right img. Otherwise shld be 360px on left margin */
	height: 481px;
	background-image: url(../img/home-bg-right.jpg);
	background-repeat: repeat-x;
	background-position: center left;
}
/* --- Floating text --- */
#home-name {
	width: 435px;
	height: 101px;
	position: absolute;
	left: 285px;
	top: 55px;
/*	background-image: url(img/home-name.gif); */
}
#home-subtitle {
	width: 343px;
	height: 62px;
	position: absolute;
	left: 268px;
	top: 145px;
/*	background-image: url(img/home-subtitle.gif); */
}


/* =================================================== */
/* ============ Navigation Bar and Menus ============= */
/* =================================================== */

div#homenavbar {
	display: block;
	width: 220px;
	height: 200px;
	position: absolute;
	top: 270px; /* without forthcoming events is 250px */
	left: 493px;
	color: white;
}
ul.hovermenu {
	text-align: left;
}
ul.hovermenu li a, 
ul.hovermenu li a:hover,
ul.hovermenu li a:visited,
ul.hovermenu li a:visited:hover {
	padding-left: 3px;
}

@media print {
/*	ul.hovermenu li, ul.hovermenu li a, ul.hovermenu li a:visited {
		background-color: white; 
		color: #806f86; 
	}*/
/*	div#homenavbar {
		background-color: #999;
	}*/
}