/************************************************************
	
	Mind Matters Main CSS file.
	Written by David Hamp - PangoMedia
	Version 0.1
	
************************************************************/

/****************************************************  Globals and Layout *****/
*, * *, * * * {
	margin: 0px;
	padding: 0px;
	border: none;
	}
	
body {
	font-size: 11pt;
	font-family: arial, sans-serif;
	background: #fff4c5;
	}	
	
p {
	margin: 10px 0px;
	}
	
a {
	color: #222288;
	}
	
a:visited {
	color: #663388;
	}
	
/****************************************************  Header *****/

#header {
	background: url('../images/header_Background.jpg') repeat-x top left;
	height: 200px;
	color: #402852;
	min-width: 1050px;
	}
	
#login {
	float: right;
	margin: 5px 10px;
	font-size: 10pt;
	}
	
#login input[type="text"], #login input[type="password"] {
	border: 1px solid #402852;
	width: 100px;
	padding: 2px;
	font-size: 9pt;
	}
	
#login input[type="submit"] {
	width: 75px;
	border: 1px solid #402852;
	}
	
#header h2 {
	margin: 5px 10px;
	font-size: 1.05em;
	float: left;
	}
	
#topHeader {
	width: 1000px;
	height: 60px;
	}
	
#menuHeader {
	height: 140px;
	background: url('../images/contentHeader_Background.jpg') repeat-x top right;
	}
	
#menuHeaderLeft {
	display: block;
	width: 245px;
	height: 140px;
	float: left;
	background: #fff4c5 url('../images/sidebar_Background.jpg') no-repeat top right;
	}
	
#menuContainer {
	width: 900px;
	position: relative;
	top: 0px;
	left: 0px;
	}
	
#menuHeader ul {
	display: block;
	float: left;
	background: url('../images/menuItem_Background.jpg') top right;
	padding: 0px 2px;
	}
	
#menuHeader ul li {
	display: block;
	height: 95px;
	width: 90px;
	float: left;
	position: relative;
	background: url('../images/menuItem_Background.jpg') top left;
	
	}
	
#menuHeader ul li:hover {
	background: url('../images/menuItem_Background.jpg') left 95px;
	}
	
#menuHeader ul li > a{
	position: absolute;
	bottom: 5px;
	width: 90px;
	text-align: center;
	font-size: 10pt;
	color: #e6efff;
	text-decoration: none;
	}
	
#menuHeader ul li > a {

	}
	

/****************************************************  Main *****/
	
#mainbody {
	max-width: 810px;
	float: left;
	min-height: 400px;
	padding: 0px 0px 0px 210px;
	margin: -100px 0px 100px 0px;
	}
	
#content {
	margin: 120px 0px 0px 0px;
	}

/****************************************************  Footer ****/

#footer {
	clear: both;
	height: 160px;
	background: url('../images/footer_Background.jpg') repeat-x top left;
	color: white;
	min-width: 1050px;
	}
	
#footerLeftCorner {
	display: block;
	height: 160px;
	width: 450px;
	float: left;
	background: url('../images/footer_Background_LeftCorner.jpg') no-repeat top left;
	}
	
#footerContent {
	padding: 40px 0px 0px 0px;
	color: white;
	}

#footerContent a {
	color: white;
	}