/* this CSS file contains the base structural layout of the newsroom in 3 or 2 columns 
Any element that would be contained inside of one of these areas is defined in newsroom.css
*/

#wrap_site {
	 background-color: #FFFFFF;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 984px;
}
#wrap_content{
	background-color: #FFFFFF;
	float: left;
	width: 984px;
}
#wrap_header {
	width: 980px;
	float: left;
	background-color: #ccc;
}
	
#header {
	/*width: 100%;
	float: left;*/
}
	
#subheader {
	width: 100%;
	height: 50px;
	float: left;
}
	
/* this class is used by the jquery function equalHeight() found in the header.  It ensures that all colums assigned with this class will equal the height of the tallest column */
.columnTallest {}

#wrap_leftrail {
	width: 210px; /* should be */
	float: left;
	/* border: 1px dashed; */
}

#leftrail {
	width: 200px;
	float: left;
	margin: 6px 0 0 0;
	padding: 6px 6px 6px 10px;
	overflow: hidden; /*remove this if you are using hover nav on left rail*/
	/*background-color: #dbe4f0;*/
	/* border: 1px solid; */
}

#wrap_centerwell {
	width: 580px; /* should be */
	float: left;
	margin: 6px 6px 0 6px;
	overflow: hidden;
	/* border: 1px dashed; */
}

#wrap_centerwell_twocol {
	width: 768px; /* should be */
	float: left;
	margin: 6px 0 0 6px;
	overflow: hidden;
	/* border: 1px dashed; */
}

#centerwell {
	width: 100%;
	float: left;
	/* border: 1px solid; */
}

#centerwell_twocol {
	width: 100%;
	float: left;
	/* border: 1px solid; */
}
div#centerwell.columnTallest div h1{
	
}
#wrap_rightrail {
	width: 180px;
	float: right;
	border-top: 2px solid #333333;
	margin-top: 39px;
	/* border: 1px dashed; */
}

#rightrail {
	width: 168px;
	float: right;
	margin: 6px 0 0 0;
	padding: 6px;
	overflow: hidden;
	/*background-color: #dbe4f0;*/
	/* border: 1px solid; */
}

#wrap_footer {
	width: 984px;
	position: relative;
	float: left;
	background-color: #FFFFFF;
	/* border: 1px dashed; */
}

#footer {
	width: 100%;
	float: left;
	background-color: #ccc;
}