﻿* {
	margin:0;
	padding:0;
} /* above rule is essential for css, to eliminate margin and spacing problems */

body {
	background-color:#d1dfda;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}

h1 {
	margin-top:.25em;
	margin-bottom:.25em;
}

h2 {
	margin-bottom:.25em;
}

p {
	margin-bottom:.25em;
}

#divPage {
	background-color:#ffffff;
	width:65em;
	margin:0;
	margin-left:auto;
	margin-right:auto;
}

#divHeader {
	background-color:#c7e3f1;
}

#divFooter {
	background-color:#f7eaca;
}

#divContent {
/*	padding:1px; */
	border-left:1px black solid;
	border-right:1px black solid;
}

#divFeatured {
	width:710px;
	float:left;
}

#divSideBar {
	width:290px;
	height:347px;
	float:right;
	font-size:smaller;
	padding:1em;
	background-color:#f7eaca;
	overflow-y:scroll;
	border-left:1px black solid;
	border-bottom:1px black solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
/*	border: 1px solid black; */
}

#divArticleList {
	margin-top:1em;
	padding:1em;
}

#divArticleListCol1 {
	float:left;
	width:32%;
}

#divArticleListCol2 {
	float:left;
	width:32%;
}

#divArticleListCol3 {
	float:left;
	width:32%;
}

#divArticleList p {
/*	width:19em; */
}

#divArticleList a {
	text-decoration:none;
	font-weight:bold;
	font-size:smaller;
	color:black;
}

#divArticleList a:visited {
	color:gray;
}

#divArticleList a:active {
	color:gray;
	text-decoration:none;
}

#divArticleList a:hover {
	color:green;
	text-decoration:underline;
}

#divArticleList img {
	border:1px gray solid;
	margin-right:.5em;
	margin-bottom:1em;
	float:left;
}

.brClear {
	clear:both;
}

