body {

margin: 0;
font-style : normal;
font-weight : normal;
font-family : Arial, Geneva, Helvetica, sans-serif;
color : #333;
background-color : #8D8FB5;
 }

/* GENERAL CLASSES */

.centre {

text-align: center;
margin-left:auto;
margin-right:auto;
}

div.centreButLeft {

text-align: center;
margin-top: 3px;
margin-left:auto;
margin-right:auto;

}

div.centreButLeft p,ul,li {text-align:left;}

.cursive {font-family: cursive;}

.black {color: #000}

.greyRed {color: #FCC;}

.red {color: #900}

.white {color: #FFF}

.yellow {color: yellow}

.green {color: #090}

.blue {color: #009}

.italic {font-style: italic;}

.underline {text-decoration: underline}

.someColorBackground {background: #FFFF66;}

.noMarginLeft {margin-left:0;}

.noBorder {border:0;}


.localNavStrip {

padding: 0px;
margin-left: auto;
margin-right: auto;
width: 90%;
margin-top:0px;
line-height: 1.5em;
background-color: transparent;
border: 0px #666 solid;
}

.localNavStrip ul {

text-align:center;
line-height: 1.5em;
margin: 0;
padding: 0px;
padding-left: 0px;
border-bottom: 0px solid #999;
}

.localNavStrip li {
list-style-type: none;
padding: .0em .2em .0em .2em;
border-left: 0px solid #00C;
display: inline;
background-color: transparent;
}

.localNavStrip li.noBorder {border-left:0}


ul.space3 li {margin-bottom:3px}

.noMarker {list-style-type: none}



/* display inline make a content horizontal nav bar in top strip  */

#navStrip {

padding: 0px;
margin-left: auto;
margin-right: auto;
width: 90%;
margin-top:0px;
line-height: 1.5em;
background-color: transparent;
border: 0px #666 solid;
}

#navStrip ul {

text-align: left;
line-height: 1.5em;
margin: 0;
padding: 0px;
padding-left: 0px;
border-bottom: 0px solid #999;
}

#navStrip li {
list-style-type: none;
padding: .0em .2em .0em .2em;
border-left: 0px solid #00C;
display: inline;
background-color: transparent;
}


#navStrip li.noBorder {border-left:0}


#logo {

text-align: center;
margin-left:auto;
margin-right:auto;
border: 0px #8D8FB5 solid;
}


#wrapper {

	margin-top: 10px;
	margin-bottom: 0px;	
	background-color: #8D8FB5;
	border: 0px red solid;
}

#leftNav {

	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 10px;
	padding-left: 5px;
	padding-top: 10px;
	background-color: transparent;
	border: 0px #FF9 solid;
	border-right: 0px red solid;
}

#content  {

	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px 10px 10px 10px;	
	background-color: #FFF;
	border: 4px #CCC solid;
}

#features {
	
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px 20px 10px 20px;	
	color: #F00;
	background-color: transparent;
	border: 0px #FFF solid;
}


table.content {

	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;	
	background-color: transparent;
	border: 0px #8D8FB5 solid;
}

table.contentBorder {

	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;	
	background-color: transparent;
	border: 0px #8D8FB5 solid;
}


table.contentBorder td {   

	margin-top: 0px;
	background-color: transparent;
	border: 1px #8D8FB5 solid;
}

table.contentNoBorder td {

	margin-top: 0px;
	background-color: transparent;
	border: 0px white solid;
}

table.noBorder td  img{

	margin-top: 0px;
	background-color: transparent;
	border: 0px white solid;
}


table.centreAll {

text-align: center;
margin-left:auto;
margin-right:auto;
background-color:transparent;
border: 0px #8D8FB5 solid;
}


table.centreAll  td {

text-align: center;
margin-left:auto;
margin-right:auto;
background-color:transparent;
border-style: groove;
border: 1px #8D8FB5 solid;
}

b.special {

font-style : normal;
font-weight : normal;
font-family : Arial, Geneva, Helvetica, sans-serif;
color : #660000;
background-color : #FFF;

}

b {

color : #666;
background-color : transparent;

}


/* the following style sets headings */

H1 {
   
font-style : normal;
font-weight : bold;
font-size : 200%;
color : #666;
background : transparent;
border: 0px red solid;
}


H2 {
   
font-style : normal;
font-weight : bold;
font-size : 130%;
color : #666;
background : transparent;

}

H3 {

font-style : normal;
font-weight : bold;
font-size : 110%;
color : #666;
background : transparent;

}


/*  ===== HIGHLIGHT ROLLOVERNAV ===== */

#rolloverNavHighlight {
	width: 9em;
	padding: 0 0 0 0;
	margin-top: 10px;
	margin-left: 1%;
	margin-bottom: 1em;
	font-family: Verdana, Arial, sans-serif;
	font-size: 90%;
	background-color: transparent;
	color: #009;	
	border: 0px #CCC solid;

}
	
#rolloverNavHighlight ul {
	list-style: none;
	margin: 0;
	margin-top: 0px;
	padding: 0;
	border: none;
	}
	
#rolloverNavHighlight li {	
	margin: 0;
	list-style: none;
	list-style-image: none;
	border-bottom: 0px solid #666;
		}
	
#rolloverNavHighlight li a {
	display: block;
	padding: 0px 5px 1px 0.5em;
	background-color: #8D8FB5;
	color: #FFF;
	text-decoration: none;
	width: 100%;
	}

html>body #rolloverNavHighlight li a {
	width: auto;
	}

#rolloverNavHighlight li a:hover {
	background-color: #FFF;
	color: #F00;
	}

#rolloverNavHighlight li {margin-left:8px;}

li#noMarginLeft {margin-left:0;}


/* === ROLLOVER NAV === */

#rolloverNav {
	width: 10em;
	padding: 0 0 0 0;
	margin-top: 10px;
	margin-left: 1%;
	margin-bottom: 1em;
	font-family: Verdana, Arial, sans-serif;
	font-size: 90%;
	background-color: #C4C4C4;
	color: #009;	
	border: 0px #CCC solid;

}
	
#rolloverNav ul {
	list-style: none;
	margin: 0;
	margin-top: 0px;
	padding: 0;
	border: none;
	}
		
#rolloverNav li {	
	margin: 0;
	list-style: none;
	list-style-image: none;
	color: #FFF;
	border-bottom: 1px solid #666;
		}
	
#rolloverNav li a {
	display: block;
	padding: 0px 5px 3px 0.5em;
	background-color: #8D8FB5;
	color: #FFF;
	text-decoration: none;
	width: 100%;
	}

html>body #rolloverNav li a {
	width: auto;
	}

#rolloverNav li a:hover {
	background-color: #FFF;
	color: #000;
	}


/* the following style sets lists*/

ul {

	list-style-type : disc;   
	font-size : 100%;
	font-style : normal;
	font-weight : normal;
	font-family : Verdana, Arial, sans-serif;
	line-height : 1.2em;
	color : #000;
	background : transparent;
}

ul.plain {

	list-style-type : none;   
	font-size : 100%;
	font-style : normal;
	font-weight : normal;
	line-height : 1.2em;
	background : transparent;
	margin-left: 0px;
	border: 0px green solid;
}


/* the following style sets links*/

a:link {
	text-decoration: none; 
	font-style : normal;
	font-weight : normal;
	color : #009;
	background : transparent;
	border: 0px white solid;

}

a:visited {
	text-decoration: none; 
	font-style : normal;
	font-weight : normal;
	color : #009;
	background : transparent;
	border: 0px white solid;
}

a:hover {
	text-decoration: none; 
	font-style : normal;
	font-weight : normal;
	color : #F00;
	background : transparent;
}

a:active {
	text-decoration: none; 
	font-style : normal;
	font-weight : normal;
	color : #0F0;
	background : transparent;
}

/* the following style sets underline links*/

div.underline a:link {
	text-decoration: underline; 
	font-style : normal;
	font-weight : normal;
	color : #009;
	background : transparent;
	border: 0px white solid;

}

div.underline a:visited {
	text-decoration: underline; 
	font-style : normal;
	font-weight : normal;
	color : #009;
	background : transparent;
	border: 0px white solid;
}


img.borderless {border: 0px white solid}

img.border {border: 1px #666 solid}

#logo img {border: 0px red solid}

#features img {border: 0px red solid}

td.features {

text-align: center;
width: 250px;
padding-top: 10px;
padding-left: 4px;
font-size: 85%;
background-color: #FFF;
border-left: 1px #C00 solid;

} 

td.features div {

text-align: left;
padding: 0px 5px 5px 5px; 
margin-right: 5px;
background-color: #FFF;
border: 0px red solid;
} 

td.features p {

text-align: left;
margin-left: 0px;

}

#localIndex {

clear:both;
text-align: center;
margin-left:auto;
margin-right:auto;
margin-top: 30px;
margin-bottom: 15px;
font-family: Verdana, sans-serif;
font-size: 85%;

}


#localIndex a:link {text-decoration:underline}

#localIndex a:visited {text-decoration:underline}


ul.plain {

list-style: none;
font-size: 90%;

}

/* ======= FOOTER ======== 

#footer {

clear:both;
padding: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 10px;
text-align: center;
font-size: 85%;
color: #FFF;
background: transparent;

}

#footer a {

text-decoration: none;
color: #FFF;

}

#footer a:visited {color: #FFF;}

#footer a:hover {color: #F00;}

#footer a:active {color: #0C0;}
*/

#footer span {font-size: .8em}

#footer {

padding: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
margin-bottom: 1em;
text-align: center;
color: #fff;
background: #8D8FB5;
}

#footer a {
font-family: Arial, san-serif;
font-size: .85em;
text-decoration: none;
color: #fff;
background: #8D8FB5;
}

#footer a:visited {color: #fff;font-size: .85em;background: #8D8FB5}
#footer a:hover {color: #F00;font-size:.85em;background: #8D8FB5;}
#footer a:active {color: #0C0;font-size: .85em;background: #8D8FB5;}