/*---- LAYOUT ----*/
div {
	padding: 0;
	margin: 0; }
body {
	padding: 20px;
	margin: 0; }
div.imagecaption { 
	float: left;
	width: 160px; /* changed from ASP homepage simple.css file; ~same width for logo and pictures in news articles */
	display: inline; 
	margin: 1em 1em 1em 1em; 
	text-align: left; 
	font-family: verdana, sans-serif; 
	font-size: 0.7em; }
div.imagecaption img {
	display: inline; 
	text-align: center; 
	border: 0; } 
img {
	float: left; 
	border: 1px; 
	border-color: #d4e7b2; /* red; */ } 
hr {
	color: green;
	background-color: green;
	height: 2px; }
#oldbrowser {
	text-align: center; }
#masthead h1, h2, h3, h4 {
	display: inline; 
	font-family: arial, sans-serif; }
#leftcolumn {
	margin-right: -200px;	/* IE 4 fix */ }
#leftColumn {
	float: left;
	width: 200px;
	font-family: verdana, sans-serif; 
	font-size: 0.8em;
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */ }
#rightColumn {
	float: right;
	width: 200px; 
	font-family: verdana, sans-serif; 
	font-size: 0.8em; }
#contentColumn {
	width: auto;
	margin-left: 199px; }
#masthead, #innerLeftColumn, #innerContentColumn, #innerRightColumn, #innerFooter {
	padding: 10px; }
#footer {
	clear: both; }
#innerFooter {
	text-align: left; }
#innerContentColumn {
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */
	margin-right: 20px; <!-- was 200px for ASP homepage simple.css file -->
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */ }
#innerContentColumn h2 {
	text-align: center;
	font-family: arial, sans-serif; 
	display: inline;
	padding-right: 20px;
	padding-left: 10px;
	padding-top: 0px;  
	padding-bottom: 0px; }
#innerContentColumn h3, h4 {
	font-family: arial, sans-serif;
	display: inline;
	padding-right: 20px;
	padding-left: 10px;
	padding-top: 0px;  
	padding-bottom: 0px; }
#contentColumn>#innerContentColumn {
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */ }
#innercontentcolumn {
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */ }
#masthead, #footer {
	z-index: 10; }

/*---- BORDERS ----*/
#pageFrame {
	border: solid 2px green; }
#footer, #masthead, #innerLeftColumn, #contentColumn, #innerContentColumn {
	border: solid 0px #fafad2; }
#footer {
	border-top-width: 1px; 
	border-top-color: green; }
#masthead {
	border-bottom-width: 1px; 
	border-bottom-color: green; }
#innerLeftColumn, #innerContentColumn {
	border-right-width: 1px; 
	border-right-color: #fafad2; }
#contentColumn {
	border-left-width: 1px; }

/*---- VISUAL ELEMENTS ----*/
body {
	background-color: #fffab2;
	color: #000;
	padding: 20px;
	margin: 0; }
strong {
	color: red;
	font-weight: bolder; }
p.news {      /*-- font for inner (text) column -- */
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
	font-size: 105%; }
ul#list {
	margin-left: 20px;
	padding-left: 0; 
	font-family: Helvetica, Arial, sans-serif; }
#masthead {
	background-color: #d4e7b2; 
	color: #000; }
#footer { 
	background-color: #d4e7b2;
	color: #000; }
#pageFrame {
	background-color: #fafad2;
	color: #000;
	min-width: 500px; }
A:link { 
	text-decoration: none; 
	color: blue; }
A:visited { 
	text-decoration: none; 
	color: blue; }
A:hover { 
	text-decoration: none; 
	color: red; 
	background-color: #fef886; /* yellow; OR  #ffffcc; */
	/* font-weight: bolder; */
	border: 1px solid red; }

/* Modified from: http://webhost.bridgew.edu/etribou/layouts/index.html */