html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
	background-color: #730606; 
}

html>body #wrap {height:100%;} /* 100 % height */

#wrap {	
	margin:0 auto;
	width:700px;
}

#header {
	width:700px;
	height:143px;
	background-image:url(../images/grey/top.jpg);			
}

html>body #header {
	
}

#mainImage{
	font-family: Tahoma;
	font-size: 20px;	
	display: block; 
	height: 143px; 
	padding-top: 42px;
	text-align:center;
}

#topLeft {
	float:left;
	background-image:url(../images/grey/topleft.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:200px;
	height:143px;
}

#topRight {
	float:right;
	background-image:url(../images/grey/topright.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width:200px;
	height:143px;
}

html>body #content-wrap {height:100%;background-color:#FFF;} /* 100 % height */

html>body #content {padding:0px 1em 100px 1em;} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */

#content{
	background-color:#fff;	
}

#content .mainImage {
	display:block;
	margin:auto;
	padding:10px 0;	
}

#footer {
	width:700px;
	height:100px;
	background-image:url(../images/grey/bottom.jpg); 	
	background-repeat: repeat-x;
	background-color: #FFFFFF;	
	text-align:center;	
}

#footer img{
	padding-top:15px;
}


html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}

.floatleft{
 	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #666;
	padding: 2px;
}

.floatright{
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #666;
	padding: 2px;
}

.paragraphContainer{
	margin-bottom:10px;	
}

#commandBar{
	position:fixed;
	top:10px;	
	right:10px;
}

#commandBar .editButton{
	width:150px;
}

#commandBar p{
	padding:0;
	margin:0;
}

#mainImage p{
	padding:0;
	margin:0;
}