/* CSS Document */


body{
	margin:0 100px;
	padding:0 200px 0 150px;
	background-image:   url(redcross.gif);

}
#container{
	background-color:#9cc;
	float:left;
	width:100%;	
	border-left:150px solid #cf9; /* The width and color of the left rail */
	border-right:200px solid #c33; /* The width and color of the right rail */
	margin-left:-150px;
	margin-right:-200px;
	display:inline; /* So IE plays nice */
}
#leftRail{
	float:left;
	width:150px;
	margin-left:-150px;
	position:relative;
}
#center{
	float:left;
	width:100%;
	margin-right:-100%;
}
#rightRail{
	float:right;
	width:200px;
	margin-right:-200px;
	position:relative;
}
#header, #footer{
	background-color:#FFFFFF;
	margin-left:-150px;
	margin-right:-200px;
	clear:both;
}


h2{
	margin:0;
	padding:5px;
}
#center h2{
	background-color:#222;
	color:#c33;
}
.menu{
	list-style-type:none;
	border:1px solid #444;
	margin:5px;
	padding:5px;
}
#leftRail h2{
	background-color:#c33;
}
#rightRail fieldset{
	border:1px solid #222;
	margin:5px;
	padding:5px;
}
.article{
	border:2px solid #444;
	margin:5px;
	padding-top:0;
	overflow:hidden;
	padding-left:10px;
}
* html .article{
	height:1%; /* So IE plays nice */
}
.article p{
	margin:0;
}
.article h3{
	background-color:#c93;
	margin:0 -5px 0 -102px;
	padding:5px;
	border-bottom:2px solid #444;
}
.articleContainer{
	width:100%;
	border-left:102px solid #699;
	margin-left:-102px;
	background-color:#fefefe;
	display:inline;
	float:left;
}
.articleContent{
	width:100%;
	float:right;
	border-left:2px solid #444;
	margin-left:-2px;
	position:relative;
}
.articleContent p{
	padding:5px;
}
.articleRail{
	float:left;
	width:100px;
	margin-left:-102px;
	border-right:2px solid #444;
	position:relative;
}
</style>