/**
* Layout CSS for the given website
*
* use @import statement for getting other
* CSS files in if needed.
*/

@import url("content.css");
@import url("contentContainer.css");

body {
	margin: 0px;
	padding: 0px;
	background-color: #9b0d23;
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/**
* Container places the entire
* "page" in the center.
* Ensure to define the width
* of the given design and 
* left to "-(width/2)px"
*/
div#centerContainer {
	position:absolute;
	top: 10px;
	width: 1000px;
	height: 100%;
	margin-left:50%;
	left:-500px;
	background-color: #FFFFFF;
}

div.top {
	width: 1000px;
	height: 22px;
}

div.banner {
	width: 1000px;
	height: 178px;
	background-image: url('../images/banner.jpg');
}

div.contentbg {
	height: 100%;
	width: 1000px;
	background-image: url('../images/bg.jpg');
	background-repeat: repeat-y;
}
div.top_undermenu {
	height: 178px;
	width: 1000px;
}
/**
* Menu container and menu elements
*/
div#menuContainer {
	height: 17px;
	width: 1000px;
	padding-top:5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url('../images/bg.jpg');
	background-repeat: repeat-y;
}

a.menu {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 5px;
	text-decoration: none;
}
a.menu:link {
	text-decoration: none;
}
a.menu:visited {
	text-decoration: none;
}
a.menu:hover {
	text-decoration: none;
}

/**
* When a link in the menu is selected
*/