body {
	 width:978px; margin:0 auto;

	/* font: 12px, verdana, arial, helvetica, sans-serif;
	background-color: #fff; 
	line-height: 1.6em; */
	font-family:Arial, Helvetica, sans-serif;
		font-size:0.8em;
		line-height:1.5em;
		color:#333333;

}

/*div#main { width:978px; margin:0 auto; text-align:left;}*/

div.clearer {clear: right; line-height: 0; height: 0;}

div#sitemap
{
background-color: #800000;
font-size: 80%;
color: silver;
padding: 0; margin: 0 10px 0 0;
float: right;

}

#sitemap a
{
color: #c99;
font-size: 90%;
text-decoration: underline;
}

#sitemap a:active
{
background-color: #c99;
font-size: 90%;
color: #800000;
}

#sitemap a:hover
{
background-color: #c99;
font-size: 90%;
color: #800000;
}

div#uppernav
{
background-color: #800000;
color: #fff;
padding: 10px;

}


#uppernav a
{
color: #c99;
text-decoration: underline;
padding: 3px;
}

#uppernav a:active
{
background-color: #c99;
color: #800000;
}


#uppernav a:hover
{
background-color: #c99;
color: #800000;
}


div#masthead
{
/*display: block; padding: 8px 0 2px 10px; margin 0; border-left: 2px solid #584c67;*/
background-color: #cc9999;
color: #800000;
padding: 1em;
margin: 0;
height: 75px;
background: #cc9999 url(images/masthead_fade_bar.jpg) bottom left repeat-x;
}

	
div#masthead h1 {

	border:0;
	margin: 0;
	padding: 0 0 0 0;
	text-indent: -9999px;
	width: 385px;
	height: 52px;
	background:   url(images/logo3.gif) center left no-repeat; 
	}
	
#masthead h1 a	{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: url(images/logo3.gif) center left no-repeat;
	}
	
#masthead h1 a:hover	{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: url(images/logo3.gif) center left no-repeat;}
	
	
div.content
{
padding: 12px;
margin: 0;
background: #fff; /*e6cccc;*/
border: 0;
}


div#quicklinks  /* site map top   sidebar*/
{
font: 9px, verdana, arial, helvetica, sans-serif;
background: #c99;
color: #e6cccc;
padding: 0 12px 0 0;
margin: 0;
width: 50%;
float: right;
text-align: right;
border: 0;
}



div#footer /* design: netweavings  entry */
{
font: 9px, verdana, arial, helvetica, sans-serif;
color: #e6cccc;
padding: 0 0 0 12px;
text-align: left;
background-color: #c99;
margin: 0 50%  0 0;
border: 0;
}

div#footer_wrapper {
line-height: 1.2em;
height: 60px;
margin: 0;
padding 0;
border: 0;
background-color: #c99;
border-top: 1px solid #800000; 
letter-spacing: 1px;}

div#footer_wrapper a:link {color: #778;}
div#footer_wrapper a visited {color: #878;}

/*linkage from Zeldman */
a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #800000; 
	background-color: #e6cccc;
	background: transparent; 
	}

a:link {
	font-weight : bold; 
	text-decoration : none;
	color: #800000; 
	background-color: #e6cccc;
	background: transparent; 
	}

a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #e6cccc;
	background-color: #800000;
	/*background: transparent; */
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #c60;
	background: transparent;  
	}
	

a.more:active{ /* this is similar to a tutorial from 2 issues back. It shows, using a table cell */
	font-size: .8em;
	text-decoration: none; 
	background: #c99;
	color: #800000;
	font-weight: bold;                      /* included in the 'hover' state (as many dont).  The key is 'display: block;' */
	}
	

a.more:visited{ /* this is similar to a tutorial from 2 issues back. It shows, using a table cell */
	font-size: .8em;
	text-decoration: none; 
	background: #c99;
	color: #800000;
	font-weight: bold;                      /* included in the 'hover' state (as many dont).  The key is 'display: block;' */
	}
	

a.more:link{ /* this is similar to a tutorial from 2 issues back. It shows, using a table cell */
	font-size: .8em;
	text-decoration: none; 
	background: #c99;
	color: #800000;
	font-weight: bold;                      /* included in the 'hover' state (as many dont).  The key is 'display: block;' */
	}
a.more:hover { 
	font-size: .8em;
	background: #800000;
	color: #c99;
	font-weight: bold;
	}
	

/*end linkage */

h1
	{font-size: 200%;
	color: #800000;
	
}

h2 {
	font-size: 1.5em;
	color: #800000;
	
}

h3 {
	font-size: 133%;
	color: #800000;
	}
h4 {
	font-size: 125%;
	color: #800000;
	}

h5 	{
	font-size: 115%;
	color: #800000;
	}
h6 {
	font-size: 105%;
	color: #800000;
}
.small {
	font-size: 90%
	}
.x-small {
	font-size: 80%;
	}
.xx-small {
	font-size: 70%;
	}
.footer-font {
	font-size: 70%;
	color: silver;
	}

ul li 
{
list-style: outside square url(images/red_ball_whtbkg.gif);
margin-bottom: 0.5em;
}

div#caption  {
	float: right;
	font-size: 80%;
	width: auto;
}

.shading {
	background-color: #CCCCCC;
}

.emp {
	font-weight: bold;
	}

div#picleft {
	margin: 1em 1.5em .66em 0;
	padding: 0;
	float: left;
	}

div#picright {
	margin: 1em 1.5em .66em 0;
	padding: 0;
	float: right;
	}
div.content img {
	margin: 0px; padding: 0; border: 0; float: right;
	}