* {
	margin:0px;
	padding: 0px;
}

html {
	height: 100%;
}

body {
	height: 100%;
	width: 100%;
	background-color: "red";
	background-image: url('bgred.gif');
	color: #333333;
	margin-top: 0px;
	text-align: center;
	font-family: Futura, Helvetica, Arial, sans-serif;
	font-size: 16px;
}

#page {
	width: 80%;
	min-width: 600px;
	margin: 0 auto;
	min-height: 100%;
	text-align: center;
	background-color: #FFFFCC;
}

#nonFooter {
	position: relative;
	min-height: 100%;
	text-align: center;
}

* html #nonFooter {
	height: 100%;
}

#header-box {
	height: 60px;
	background-color: #FFFF99;
	text-align: center;
}

#header {
	padding: 20px;
}

#content-box {
	min-height: 100%; 
	height: 100%;
	padding-bottom: 40px;
	text-align: left;
	width: 100%
}

#content-left {
	position:relative;
	padding: 20px;
	width: 40%;
	height:50%;
	}
#content-left-down {
	position:relative;
	padding: 20px;
	width: 40%;
	height:50%;
}
#content-right {
	position:relative;
	padding: 20px;
	width: 60%;
	min-height: 100%;
	left: 40%;
	top: 0px;
}

#footer {
	height:40px;
	width:80%;
	position: relative;
	margin: -40px auto 0px auto;
	background-color:#CCCCCC;
}

* html #footer {/* A CSS hack that only applies to IE -- specifies a different height for the footer */
	margin-top: -39px;

}

#footie {
	padding-top: 20px;	
}

#menubar {
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 200;
	margin-bottom: 20px;
}

#menubar ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: inline;
  }

#menubar ul li {
  	margin-left: 0px;
	padding: 3px 15px;
	border-left: 1px solid #000;
	list-style: none;
	display: inline;
  }

#menubar ul li.first {
	margin-left: 0px;
	border-left: none;
	list-style: none;
	display: inline;
  }

a:link {
	color: #99FF00;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #99FF00;
}
a:active {
	text-decoration: none;
}
body {
	background-color: #FF0000;
}
-->