html {
	margin: 0;
	padding: 0;
	}
	
body {
	margin: 0;
	padding: 0;
	background-color: #C9D1DC;
	font-family: Trebuchet MS;
	font-size: 90%;
	color: #11029B;
}
/* ************************************
Administration Pages Formating
*************************************** */
.admin {
	font-size: 80%;
}
.admin dt {
	padding: 0px 0px 0px 10px; 
}
.admin dd {
	margin-top: 6px;
	font-size: 125%
}
/* *******************************************************
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 {
	background-color: #11029B;
	color: #C9D1DC;
	margin:2px 2px 2px 2px;
	font-weight: bolder;
	text-align: left;
}
#topPage h1 {
	margin: 0;
	padding: 0;
	font-size: 200%;
	font-style: italic;
}
#topPage h2 {
	margin:0;
	padding:0;
	font-size: 150%
}
.topBanner
{
	margin: 5px 5px 5px 5px;
	padding: 5px 10px 5px 10px;
	background-color: #1602C8;
	color: #11029B;
	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;
}

/* ************************************
Top of Each Page : Title and Menu Bar
*************************************** */
#wrapper{
	background-color: #C9D1DC;
 	overflow: hidden;
 	position: relative;
	margin: 2px 2px 2px 2px;
	padding-left: 190px; /* The width of the left menu*/
	}
* html #wrapper{
	height: 1%; /* So IE plays nice */
	}

/* ******************************
Navigation Bar - Left hand side
********************************* */
 
#leftMenu
{
	background-color: #1665C5;
	color: #C9D1DC;
	width: 190px;
	float: left;
	margin-left: -190px;
}
#leftMenu h2{
	padding: 0px 0px 0px 10px; 
	}

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

#leftMenu li
{
	padding: 0px 0px 0px 10px; 
	text-indent: 0px;
	list-style: none outside none;
}
#leftMenu a:link
{
	color: #C9D1DC;
	text-decoration: underline;
}
#leftMenu a:visited
{
	color: #C9D1DC;
	text-decoration: underline;
}
#leftMenu a:hover
{
	color: #1665C5;
	background-color: #C9D1DC;
	text-decoration: underline;
}
#leftMenu a:active
{
	color: #1665C5;
	background-color: #C9D1DC;
	text-decoration: underline;
}
 
.leftMenu2 {
	background-color: #1665C5;
	color: #C9D1DC;
	padding: 0px 0px 0px 20px; 
}

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

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

/* **********************************************************
The body content - the area not in the Dynamic Web Template
************************************************************* */
#bodyContent
{
	background-color: #C9D1DC;
	width:100%;
	border-left:190px solid #1665C5; /* The width and color of the rail */
	margin-left:-190px; /* Hat tip to Ryan Brill */
	float:right;
}
#bodyContent h1
{
	padding: 0px 0px 0px 10px; 
	text-align: left;
	font-size: 175%;
	font-style: italic;
	color: #11029B;
}
#bodyContent h2
{
	padding: 0px 0px 0px 10px; 
	text-align: left;
	font-size: 150%;
	color: #11029B;
}
#bodyContent h3 {
	padding: 0px 0px 0px 10px; 
	text-align: left;
	font-size: 125%;
	color: #11029B;
}
.bold
{
	padding: 0px 0px 0px 10px; 
	font-weight: bold;
}
.justify
{
	padding: 0px 0px 0px 10px; 
	text-align: justify;
}
.left
{
	padding: 0px 0px 0px 10px; 
	text-align: left;
}
.left a:link
{
	color: #11029B;
	text-decoration: underline;
}
.left a:visited
{
	color: #11029B;
	text-decoration: underline;
}
.left a:hover
{
	background-color: #1665C5;
	color: #C9D1DC;
	text-decoration: underline;
}
.left a:active
{
	background-color: #C9D1DC;
	color: #11029B;
	text-decoration: underline;
}
.image
{
	padding: 0px 0px 0px 10px; 
	text-align: center;
	font-size: 200%;
	font-weight: bolder;
}
.center
{
	padding: 0px 0px 0px 10px; 
	text-align: center;
}
.center a:link
{
	color: #11029B;
	text-decoration: underline;
}
.center a:visited
{
	color: #11029B;
	text-decoration: underline;
}
.center a:hover
{
	background-color: #1665C5;
	color: #C9D1DC;
	text-decoration: underline;
}
.center a:active
{
	background-color: #C9D1DC;
	color: #11029B;
	text-decoration: underline;
}
.right
{
	padding: 0px 0px 0px 10px; 
	text-align: right;
}
.right a:link
{
	color: #11029B;
	text-decoration: underline;
}
.right a:visited
{
	color: #11029B;
	text-decoration: underline;
}
.right a:hover
{
	background-color: #1665C5;
	color: #C9D1DC;
	text-decoration: underline;
}
.right a:active
{
	background-color: #C9D1DC;
	color: #11029B;
	text-decoration: underline;
}
.quote
{
 	padding: 10px 10px 0px 10px;
	text-align: justify;
	font-style: italic;
	font-size: 110%;
}
.listBody
{
	line-height: 175%;
}
.links
{
	
}
.links a:link
{
	color: #1665C5;
	text-decoration: underline;
	font-weight: bold;
}
.links a:visited
{
	color: #1665C5;
	text-decoration: underline;
	font-weight: bold;
}
.links a:hover
{
	color: #C9D1DC;
	background-color:#1665C5;
	text-decoration: underline;
	font-weight: bold;
}
.links a:active
{
	color: #C9D1DC;
	background-color: #1665C5;
	text-decoration: underline;
	font-weight: bold;
}
#warning
{
	padding: 0px 0px 0px 10px; 
	text-align: left;
	color: #FF0000;
	background-color: #C9D1DC;
	font-size: medium;
	font-weight: bold;
	font-style: italic;
}
#warning h1
{
	padding: 0px 0px 0px 10px; 
	text-align: left;
	font-size: 175%;
	font-style: italic;
	color: #FF0000;
}
#warning h2
{
	padding: 0px 0px 0px 10px; 
	text-align: left;
	font-size: 150%;
	color: #FF0000;
}
#warning h3 {
	padding: 0px 0px 0px 10px; 
	text-align: left;
	font-size: 125%;
	color: #FF0000;
}
#warning a:link
{
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
}
#warning a:visited
{
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
}
#warning a:hover
{
	color: #C9D1DC;
	background-color:#FF0000;
	text-decoration: underline;
	font-weight: bold;
}
#warning a:active
{
	color: #C9D1DC;
	background-color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
}

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

.leftBox {
	/*	margin: 1px 10px 5px 10px; */
	margin: 1px 20px 20px 20px;
	padding: 3px 3px 3px 3px;
	/*	border: medium double #91ABE8; */
	background-color: #C9D1DC;
	text-align: center;
	float: left;
	color: #11029B;
	font-size: medium;
	font-weight: bold;
}
.leftBoxSmall {
	margin: 1px 10px 5px 10px;
	padding: 3px 3px 3px 3px;
	/* border: medium double #91ABE8; */
	background-color: #91ABE8;
	text-align: center;
	float: right;
	color: #11029B;
	font-size: medium;
	width: 150px;
	font-weight: bold;
}
.rightBox {
	/*	margin: 1px 10px 5px 10px; */
	margin: 1px 20px 20px 20px;
	padding: 3px 3px 3px 3px;
	/* border: medium double #91ABE8; */
	background-color: #C9D1DC;
	text-align: center;
	float: right;
	color: #11029B;
	font-size: medium;
	font-weight: bold;
}
.rightBoxSmall {
	margin: 1px 10px 5px 10px;
	padding: 3px 3px 3px 3px; /*	border: medium double #91ABE8; */
	background-color: #C9D1DC;
	text-align: center;
	float: right;
	color: #11029B;
	font-size: medium;
	width: 150px;
	font-weight: bold;
}
.quoteBox {
	margin: 1px 10px 5px 10px;
	padding: 10px 10px 10px 10px;
	border: thick double #91ABE8;
	background-color: #C9D1DC;
	text-align: center;
	color: #91ABE8;
	font-size: medium;
	width: 75%;
	font-style: italic;
}

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

#botPage
{
	background-color: #91ABE8;
	color: #11029B;
	width: 100%;
/*	margin:0px 0px 0px 0px; */
	margin:2px 2px 2px 2px;
	padding: 0px 0px 0px 0px; 
/*	padding: 5px 5px 5px 5px; */ 
	font-size: 90%;
	text-align: center;
}
#botPage a:link    {
	color: #11029B;
	text-decoration: underline;
}
#botPage a:visited {
	color: #11029B;
	text-decoration: underline;
}        
#botPage a:hover   {
	color: #91ABE8;
	background-color: #11029B;
	text-decoration: underline;
}
#botPage a:active  {
	color: #91ABE8;
	background-color: #11029B;
	text-decoration: underline;
}
#botText
{
	background-color: #91ABE8;
	color: #11029B;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	font-size: 90%;
	text-align: center;
}
.botPageLarger
{
	font-size: 150%;
	font-weight: bold;
}
#botWarning
{
	padding: 0px 0px 0px 0px; 
	text-align: center;
	color: #FF0000;
	background-color: #91ABE8;
	font-size: 150%;
	font-weight: bold;
	font-style: italic;
}
#botWarning a:link
{
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
}
#botWarning a:visited
{
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
}
#botWarning a:hover
{
	color: #91ABE8;
	background-color:#FF0000;
	text-decoration: underline;
	font-weight: bold;
}
#botWarning a:active
{
	color: #91ABE8;
	background-color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
}

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

#botEditable
{
	width: 100%;
	margin: 0% 0% 0% 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 #91ABE8;
	font-size: larger;
	text-align: center;
	font-style: italic;
	width: 50%;
}

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

.spacer
{
	clear: both;
}

/* *************************************************
Imported from the OLD Sensible Movement CSS file
**************************************************** */

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

@media print

{

body
{
	background-color: white;
	margin: 0;
	padding: 0;
	font-size: 11pt;
	color: black;
	border-left: 0px solid black;
}
#topPage {
	display:none;
}
#wrapper{
	overflow: visible;
	padding-left: 0px;
	}
#leftMenu
{
	display:none;
}
.leftMenu2
{
	display:none;
}
#bodyContent
{
	overflow: visible;
	width: 100%;
	float: none;
	border-left: 0px;
	margin-left: 0px;
}
.quoteBox {
	display:none;
}
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;
}

}

/* *****************************************************
Define how the page will look on handneld device ... 
**************************************************** */

@media handheld

{

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

#topPage
{
	display:none;
}
.leftBox
{
	display:none;
}
.leftBoxSmall
{
	display:none;
}
.rightBox
{
	display:none;
}
.rightBoxSmall
{
	display:none;
}
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;
}

}