/* ******************************************************************************* */
/* body default properties */


body	{
	width: 100%;
	padding:1em;
	border: 0px solid #009;
	color: #000;
	background-color: #eef;
/*	xfont-family: Tahoma, Arial, Helvetica, Sans-Serif; These are the fonts I
		used before I changed to Verdana. */
	font-family: Verdana,sans-serif;
	font-weight: bold;
	font-size: small;
	}
	
/* ******************************************************************************* */
/* The banner spans the entire top of the page and contains information that identifies 
   the page as a DRC web page.  It also identifies the particular DRC web page (home,
   staff, etc.) and has three links that provide navigation around the page for those 
   that need it. */
   
#banner {
	color: #000;
	background-color: #fff;
        margin-right: 3em;
        padding: 0em;
	border:2px solid #009;
	height: 150px;
	text-align: center;
	}
	
/* ******************************************************************************* */
/* The topnav division will hide the three top navigation links "content, menu,
   accessibility" from sighted people if they are enclosed in a <div id="topnav">
   division - which they are not, right now.  */
   
#topnav {
	width: 0; 
	height: 0; 
	overflow: hidden;
	}
	
/* ******************************************************************************* */
/* the leftcontent is the page's left-hand column which contains the menu items 
   that remain the same from page to page. */
	
#leftcontent {
	position: absolute;
	color: #000;
	background:#eee;
	top: 14.5em;
	border:0px solid #009;
	}
	
/* ******************************************************************************* */
/* the centercontent is the right-hand column that contains all of the 
   useful information; the content of the web page. */
	
#centercontent {
	color: #000;
	background-color: #fff;
        margin-top: 1.5em;
        margin-left: 13em;
        margin-right: 3em;
	border:2px solid #009;
        padding-top: 1em;;
	padding-right: 1em;
	}
	
/* ******************************************************************************* */
/* the footer appears at the bottom of each page.  It provides contact information 
   and page navigation links. */

#footer {
	padding: 1em;
	border:0px solid #009;
	font-family: Verdana,sans-serif;
	text-align: center;
	}		

/* ******************************************************************************* */
/* link properties */

a:link,active {
	color: #009;
	background-color: transparent;
	text-decoration: none;
	}

a:visited {
	color: #009;
	background-color: transparent;
	text-decoration: none;
	}

a:hover {
	color: #900;
	background-color: #ff9;
	text-decoration: underline;
	}
	
/* ******************************************************************************* */
/* headings properties (mostly) */

h1	{
	font-family: Verdana,sans-serif;
	text-decoration: none;
	text-align: center;
	color: #009;
	background-color: #fff;
	padding: .5em 0 0 0;
	margin: 0;
	border: 0px solid #009;
	line-height: .5em;
	}

h2	{
	font-family: Verdana,sans-serif;
	color: #00a;
	background-color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 0;
	margin: 0;
	border: 0px solid #009;
	}

h3	{
	font-family: Verdana,sans-serif;
	color: #00a;
	background-color: #fff;
	text-decoration: none;
	Text-align: left;
	margin: 1em;
	}

h4	{
	font-family: Verdana,sans-serif;
	color: #000;
	background-color: #fff;
	text-decoration: none;
	Text-align: left;
	margin: 1em;
	}
	
p,h1,pre {
	margin: .5em .5em .5em 1em; 
	text-indent: 0em;
	}
	
p.logoindent {
	margin: .5em 0 .5em .1em;
	}

/* ******************************************************************************* */
/* font colors and styles */

.boldlarge	{
	color: #009;
	background-color: #fff;
	font-weight: bold;
	font-size: large;
	}

.orange	{
	color: #ffd700;
	background-color: #fff; 
	}

.blue	{
	color: #009;
	background-color: #fff;
	}

/* ******************************************************************************* */
/* navlist entries control the navigation box roll-over effects */

#navlist {
	width: 11.5em;
	color: #000;
	background-color: #fff;
	border: 2px solid #009;
	}

#navlist a {
	border: 1px solid #fff;
	display: block;
	width: 9em;
	}

#navlist a:link, #navlist a:visited {
	color: #000;
	background-color: #fff;
	text-decoration: none;
	}

#navlist a:hover {
	border: 1px solid #009;
	background-color: #ff9;
	color: #000;
	text-decoration: underline;
	}

#navlist li {
	margin: 0 0 .3em 0;
	}

#navlist ul {
	font-family: Verdana,sans-serif;
	list-style-type: none; 
	margin: .3em; /*removes indent IE and Opera*/
	padding: .3em; /*removes indent Mozilla and NN7*/
	}
	
/* ******************************************************************************* */
/* miscellaneous items */

abbr	{
	cursor: help;
	}
	
acronym	{
	cursor: help;
	}

hr 	{
	border-color: #009;
	border-style: solid;
	}
	
.floatright { 
	float: right; 
	margin: 1em;
	}

.floatleft {
	position: absolute;
	top: 18px;
	left:14px;
	float: left;
	margin: 1em;
	}
	
.clear	{
	clear: both;
	}

.webmas	{
	font-size: smaller;
	}
	
/* ******************************************************************************* */
/* Hacks of various sorts. */

/* This hack corrects an IE bug that hides text when a float: right element is
   followed by a "clear" element. Thanks go to John Bergevin.
   http://positioniseverything.net/explorer/escape-floats.html
   */
   
/* hide from IE-mac \*/
* html .floatholder {height: 1%;}
/* end hide */