html {
	margin: 0;
	padding: 0;
	}
	
body {
	margin: 0;
	padding: 0;
	background-color: #FFFACD;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: black;
}
/* ************************************
Administration Pages Formating
*************************************** */
.admin {
	font-size: 80%;
}
.admin dt {
	margin-top: 12px;
	font-weight: bold;
}
.admin dd {
	margin-top: 6px;
}
/* *******************************************************
These are the basic containers for the website
Note: each element has the following from the inside out
content -> padding -> border -> margin 
margin and padding specify as : top right bottom left
********************************************************** */

/* ************************************
Top of Each Page : Title and Menu Bar
*************************************** */
#topPage {
	margin: 0;
	padding: 10px 15px 10px 5px;
	background-color: Maroon;
	color: #FFFACD;
	font-weight: bolder;
	text-align: center;
}
#topPage h1 {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 200%;
	font-style: italic;
}
#topPage h2 {
	margin:0;
	padding:0;
	text-align: center;
	font-size: 150%
}
.topBanner
{
	margin: 5px 5px 5px 5px;
	padding: 5px 10px 5px 10px;
	background-color: #FFFACD;
	color: Maroon;
	font-variant: normal;
	height: 25px;
	vertical-align: text-bottom;
}
.topLeft
{
	text-align: left;
	float: left;
	vertical-align: text-bottom;
}
.topRight
{
	text-align: right;
	float: right;
	vertical-align: text-bottom;
}
/* ******************************
Navigation Bar - Left hand side
********************************* */
 
#leftMenu {
	float: left;
	width: 200px;
	margin: 1px 0px 0px -1px;
	padding: 1px 1px 1px 10px;
	font-size: small;
	font-weight: bold;
	background-color: Maroon;
	color: #FFFACD;
}

#leftMenu ul {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none outside none;
}

#leftMenu li {
	margin: 0;
	padding: 0;
	text-indent: 0px;
	list-style: none outside none;
}
#leftMenu a:link 	{
	color: #FFFACD;
	text-decoration: underline;
}
#leftMenu a:visited {
	color: #FFFACD;
	text-decoration: underline;
}
#leftMenu a:hover 	{
	color: Maroon;
	background-color: #FFFACD;
	text-decoration: underline;
}
#leftMenu a:active 	{
	color: Maroon;
	background-color: #FFFACD;
	text-decoration: underline;
}
 
.leftMenu2 {
	margin: 0px 0px 0px -1px;
	padding: 1px 1px 1px 10px;
	font-size: small;
	font-weight: bold;
	background-color: Maroon;
	color: #FFFACD;
}

.leftMenu2 ul {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none outside none;
}

.leftMenu2 li {
	margin: 0;
	padding: 0;
	text-indent: 10px;
	list-style: none outside none;
}
.leftMenu2 a:link 	{
	color: #FFFACD;
	text-decoration: underline;
}
.leftMenu2 a:visited {
	color: #FFFACD;
	text-decoration: underline;
}
.leftMenu2 a:hover 	{
	color: Maroon;
	background-color: #FFFACD;
	text-decoration: underline;
}
.leftMenu2 a:active 	{
	color: Maroon;
	background-color: #FFFACD;
	text-decoration: underline;
}

/* **********************************************************
The body content - the area not in the Dynamic Web Template
************************************************************* */
#bodyContent {
	margin-left: 210px;
 	padding: 10px 10px 0px 10px;
}
#bodyContent h1 {
	margin: 0px 0px 10px 0px;
	padding: 0;
	text-align: left;
	font-size: 175%;
	font-style: italic;
	color: Maroon;
}
#bodyContent h2 {
	margin:0;
	padding:0;
	text-align: left;
	font-size: 150%;
	color: Maroon;
}
#bodyContent h3 {
	margin: 0;
	padding: 0px 0px 0px 10px;
	text-align: left;
	font-size: 125%;
	color: Maroon;
}
.bold
{
	color: maroon;
	font-weight: bold;
}
.justify
{
	text-align: justify;
}
.left
{
	text-align: left;
}
.quote
{
 	padding: 10px 10px 0px 10px;
	text-align: justify;
	font-style: italic;
	font-size: 110%;
}
.listBody
{
	line-height: 175%;
}
.links
{
	
}
.links a:link    {color: maroon; text-decoration: underline; font-weight: bold}
.links a:visited {color: maroon; text-decoration: underline; font-weight: bold}
.links a:hover   {color: #FFFACD; background-color: maroon; text-decoration: underline; font-weight: bold}
.links a:active  {color: #FFFACD; background-color: maroon; text-decoration: underline; font-weight: bold}

/* **********************************************************
Box on right side of page to contain photo or other object 
************************************************************* */

.rightBox {
	margin: 1px 10px 5px 10px;
	padding: 3px 3px 3px 3px;
	border: medium double Maroon;
	background-color: Maroon;
	text-align: center;
	float: right;
	color: #FFFACD;
	font-size: medium;
	width: 300px;
	font-weight: bold;
}
.rightBoxSmall {
	margin: 1px 10px 5px 10px;
	padding: 3px 3px 3px 3px;
	border: medium double Maroon;
	background-color: Maroon;
	text-align: center;
	float: right;
	color: #FFFACD;
	font-size: medium;
	width: 150px;
	font-weight: bold;
}
.quoteBox {
	margin: 1px 10px 5px 10px;
	padding: 10px 10px 10px 10px;
	border: thick double Maroon;
	background-color: #FFFACD;
	text-align: center;
	color: maroon;
	font-size: medium;
	width: 75%;
	font-style: italic;
}

/* *************************************************
General information at the bottom of each page 
**************************************************** */

#botPage
{
	width: 100%;
	margin: 1% 0% 1% 0%;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	text-align: center;
}
#botPage a:link    {color: blue;text-decoration: none;}
#botPage a:visited {color: blue;text-decoration: none;}        
#botPage a:hover   {color: white; background-color: blue; text-decoration: underline;}
#botPage a:active  {color: white; background-color: blue; text-decoration: underline;}

.botPageLarger
{
	font-size: 100%;
	font-weight: bold;
}

/* *************************************************
Editable area at the bottom of each page 
**************************************************** */

#botEditable
{
	width: 100%;
	margin: 1% 0% 1% 0%;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	text-align: center;
}

/* **********************************************************
Quotes to appear on each web page 
************************************************************* */

#botQuote
{
	padding: 10px 10px 10px 10px;
	border: medium double maroon;
	font-size: larger;
	text-align: center;
	font-style: italic;
	color: maroon;
	width: 50%;
}

/* *************************************************
A spacer for page division alignment 
**************************************************** */

.spacer
{
	clear: both;
}

/* *****************************************************
Define how the page will look printed ... 
**************************************************** */

@media print

{

body	{
		background-color: white;
		height: auto;
		overflow: visible;
		margin: 0;
		padding: 0;
		font-size: 11pt;
		color: black;
		border-left: 0px solid navy;
		}

#leftMenu   {display:none;}
.leftMenu2  {display:none;}
#bodyContent	{
					margin-left: 0px;
					}
h1          {color: black; font-size: 15pt;}
h2 	      {color: black; font-size: 14pt;}
h3 	      {color: black; font-size: 13pt;}
h4 	      {color: black; font-size: 12pt;}
a:link 	   {color: black; text-decoration: underline;}
a:visited   {color: black; text-decoration: underline;}        
a:hover     {color: black; text-decoration: underline;}
a:active    {color: black; text-decoration: underline;}

}