@charset "UTF-8";

/* --- layout styles --- */
#mainContent { 
	margin: 0 0 0 160px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

#mainContent {
	width: 365px;
}

/* --- sidebar2 styles --- */
#sidebar2 {
	float: right;
	width: 200px;
	background: #fff;
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
}
#sidebar2 p, #sidebar2 b, #sidebar2 strong {
	font-size: 80%;
	color: #777;
}
#sidebar2 h6 {
	font-size: 75%;
	color: #777;
	padding: 0.5em 0 0 0;
}
#sidebar2 .newsBrown {
	font-size: 75%;
	color: #965;
	font-style: normal;
	font-weight: bold;
	padding: 0.5em 0 0 0;
}
#sidebar2 .newsOrange {
	font-size: 75%;
	color: #d70;
	font-style: normal;
	font-weight: bold;
	padding: 0.5em 0 0 0;
}

/* footer styles */
#footer {
	border-top: none;
	border-bottom: 4px #ddd solid;
}