/*CSS*/

body {
	margin: 0px;
	padding: 0px;
	background-color: #CCC;
	}

/*  *********************************************  WRAPPER   *********************************************** */

div#mn-wrapper {
	position: absolute;
	top: 0;
	left: 50%;
	width: 900px;
	padding: 0;
	margin: 0 0 0 -450px;
	}
	

/******************************* STRUCTURE *************************/

div#mn-banner {
	float: left;
	width: 900px;
	height: 175px;
	margin: 0px;
	padding: 0px;
	background:url(../images/banner.jpg) no-repeat;
	overflow: hidden;
	}

div#mn-graphic {
	float:left;
	background: url(../images/graphic.jpg) no-repeat;
	width: 900px;
	height: 171px;
	margin:0;
	padding:0;
	overflow: hidden;
	}	
 
div#mn-main {
	float: left;
	width: 900px;
	background:url(../images/main.jpg) repeat-y;
	}
div#mn-main-wrapper {
	float: left;
	width: 900px;
	background:url(../images/main-wrapper.jpg) no-repeat;
	}

div#mn-topnav {
	float:left;
	width: 210px;
	margin:0;
	padding:0;
	}	

div#mn-content {
	float: left;
	width: 438px;
	margin:0;
	padding:0 20px 10px 20px;
	background: url(../images/content.jpg) no-repeat;
	}

div#mn-sidebar {
	float: right;
	width: 212px;
	margin:0;
	padding:0;
	}
	
div#mn-societies {
	clear: left;
	width: 900px;
	height: 80px;
	margin:0;
	padding:0;
	overflow: hidden;
	}
	
div#mn-clear {
	clear: both;
	float: left;
	width: 900px;
	height: 10px;
	overflow: hidden;
	background: url(../images/clear.jpg) no-repeat;
	}		

div#mn-footer {
	float: left;
	width: 900px;
	padding: 10px 0 0 0;
	margin: 0;
	}