/* CSS Document */

/*########################################*/
/***** generic classes *****/
html {
	min-height: 100%;
}

body {
	margin: 0 auto;
	padding: 0;
	width: 777px;
	font: 150% Arial, Helvetica, sans-serif;
}

#wrapper {
	min-width: 500px;
}

#outer {
	border-left: 140px solid #D6E36B; 	/* left column background */
	border-right: 140px solid #0086c6;	/* right column background */
	background-color: #fff;				/* centre column background */
}

#outerSub {
	border-left: 140px solid #D6E36B; 	/* left column background */
	background-color: #fff;				/* centre column background */
}

#inner {
	margin: 0;
	width: 99%;
}

/*###########################################*/

/***** header section *****/
/***** header section *****/
#header {
	width: 777px;
	height: 189px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

html>body>#wrapper>#header {
	overflow: hidden;
	padding: 0 0 25px 0;
}

#header p {
	margin: 0;
	padding: 5px 0 5px 0;
}

#logo { /* top left logo */
	float: left;
	width: 125px;
	height: 180px;
	margin: 0 14px 0 0;
	padding: 0;
	position: relative;
	top: 4px;
	left: 7px;
}

#navTop { /* top navigation bar */
	float: left;
	width: 638px;
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: #0086c6;
}

#navTop p { /* styling for top navigation links */
	text-align: left;
	margin: 0;
	padding: 0 0 5px 10px;
}

#navTop a {
	color: #fff;
	font-size: 90%;
}

.default {
	margin-left: 215px;
	font-size: 100%;
	padding: 0;
}

.medium {
	font-size: 140%;
	margin: 0;
	padding: 0;
}

.large {
	font-size: 160%;
	margin: 0;
	padding: 0;
}

#headerImage { /* section for header image */
	float: left;
	width: 638px;
	margin: 0;
	padding: 0;
}

#caption { /* section for caption below header image */
	float: right;
	width: 630px;
	margin: 0;
	padding: 10px 8px 9px 0;
	text-align: right;
	color: #00894a;
	background-color: #D6E36B;
}

#headerCaption p { /* styling for header caption */
	text-align: right;
	margin: 0;
	padding: 4px 10px 4px 0;
}
/*#########################################*/

/***** left navigation section *****/
#leftNav {
	width: 140px;
	margin-left: -140px;
	float: left;
	position: relative;
	z-index: 10;
	padding: 0;
}

.leftNavMap { /* positioning for left navigation bar map image */
	margin: 15px 0 20px 0;
	padding: 0;
}

.leftNavMap p {
	margin: 0;
	padding: 0;
	text-align: center;
}


.navBorder{
	border-top: 1px solid #fff;
	margin-bottom: 40px;
}

/*#########################################*/

/***** right column section *****/
#rightCol {
	width: 135px;
	margin-right: -140px;
	float: right; /* float left if problems arise */
	position: relative;
	z-index: 11;
	padding-left: 5px; 
}

#rightBlockContent {
	float: left;
	width: 125px;
	margin: 0;
	padding: 2px 2px 3px 7px;
}
/*########################################*/

/***** main content section *****/
#content {
	float: left;
	width: 97%;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 14;
	font-size: 90%;
}

#content {
	margin: 30px 0 0 0;
	padding: 20px 0 20px 10px;
	color: #00894a;
}

#contentMainSub {
	width: 450px;
	margin: 30px 0 0 0;
	padding: 20px 0 20px 15px;
	position: relative;
}

#content p{
	padding: 0;
	text-align: left;
}

#breadcrumb {
	float: left;
	width: 454px;
	margin: -10px 0 0 0;
	padding: 0 0 15px 2px;
	text-align: left;
	font-size: 1.2em;
}

#breadcrumbSub {
	float: left;
	width: 600px;
	margin: -10px 0 0 0;
	padding: 0 0 15px 2px;
	text-align: left;
	font-size: 1.2em;
}

#contentFeature {
	width: 430px;
	margin: 20px 0 20px 7px;
	padding: 10px;
	background: #D6E36B;
}

.siteMapLinks{
	float:left;
	position: relative;
	color: #acd25c;
}
/*######################################*/

/***** footer section *****/
#footer {
	background-color: #0086c6;
	width: 100%;
	margin: 0;
	position: relative;
	z-index: 13;
}

#footer a {
	font-size: 90%;
	color: #fff;
}

#footer p{ /* styling for footer links */
	text-align: center;
	margin: 0;
	padding: 3px 0 7px 0;
	color: #fff;
}

.footertext {
	width: 100%
	margin: 0;
	padding: 4px 0 4px 0;
	font-size: 90%;
	background: #fff;
	text-align: center;
}

.footertext p {
	margin: 0;
	padding: 0;
}


.footertextbottom{
	width: 100%
	margin: 0px;
	padding: 0px 90px 0px 0px;
	font-size: 90%;
	background: #fff;
	text-align: centre;
/*	border-style:outset;*/
/*	border-color: 000ff0;*/
/*	border-width:2px;	*/
}

.footertextbottom p {
	margin: 0;
	padding:0 0 0 0;
}

#imageContainerRow1 {
	width: 777px;
	background: #fff;
	margin: 2px;
	padding: 0;
}


#imageContainerRow2 {
	width: 777px;
	background: #fff;
	margin: 2px 0 -5px 0;
	padding: 0;
}

.image1 {
	float: left;
	width: 181px;
	height: 50px;
	margin: 0;
	padding: 0;
	position: relative;
	left: 70px;
}

.image2 {
	float: left;
	width: 200px;
	height: 29px;
	margin: 0;
	padding: 0;
	position: relative;
	left: 85px;
}

.image3 {
	float: left;
	width: 130px;
	height: 90px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0px;
	left: 90px;
}

.image4 {
	float: left;
	width: 68px;
	height: 68px;
	margin: 0;
	padding: 0;
	position: relative;
	left: 115px;
}

.image5 {
	float: left;
	width: 186px;
	height: 90px;
	margin: 0;
	padding: 0;
	position: relative;
	top: px;
	left: 180px;
}

.image6 {
	float: left;
	width: 200px;
	height: 76px;
	margin: 0;
	padding: 0;
	position: relative;
	top: px;
	left: 200px;
}

.floatLeft{
	float: left;
}

.clear {
	clear: both;
}
/*######################################*/

/***** image viewer section *****/
.gallerycontainer{
	/*position: relative;*/ /* Taking the relative positioning off as the image doesn't appear in large mode*/
	position: fixed;
	margin-top: 50px;
	z-index: 49;
}


.thumbnail img{
	border: 1px solid white;
	margin: 0px 5px 5px 0px;
	
}

.thumbnail:hover, 
.thumbnail:active,
.thumbnail:focus{
	background-color: transparent;
}

.thumbnail:hover img, 
.thumbnail:active img,
.thumbnail:focus img{
border: 1px solid #89A8D4;
/*border: 1px solid #ff0000;*/
}

.thumbnail span{ /*CSS for enlarged image*/
	position:absolute;
	background-color: #acd25c;
	padding: 5px;
	left: -1000px;
	visibility: hidden;
	color: #00894a;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span, 
.thumbnail:active span,
.thumbnail:focus span{ /*CSS for enlarged image*/

	/*visibility: ;*/
	visibility: visible;
	top: 117px;
	left: 0; /*position where enlarged image should offset horizontally */
	z-index: 50;
}

#ImageViewer_Caption  { /* section for caption below Large images in Image Viewer */
	
}


/*#####################################*/

/***** Mozilla bug workarounds *****/
#outer > #inner {
	border-bottom: 1px solid transparent;
}

#leftNav {
	margin-right: 1px;
}

#rightCol {
	margin-left: 1px;
}

#content {
	margin: 0 -3px 0 -2px;
}


/*########################################*/

/***** left navigation obtree formatting *****/
.leftColumnTopLevel {
	position: relative;
	float: left;
	width: 178px;
	height: 169px;
	background-color: #22479B;
	color: #FFFFFF;
}

.leftColumnAreaPadding{
	padding: 6px 2px 2px 20px;
}

.leftColumnNav{
	position: relative;
	float: left;
	width: 180px;
	background-color: #FFFFFF;
	font-size: 90%;
	border-top: 1px solid #ffffff;
	color: #003366;
}

.leftColumnNav a{
	color:#003366;
}

.leftColumnNavBelow{
	position: relative;
	float: left;
	width: 180px;
	height: 100px;
	background-color: #F4E9EF;
	font-size: 90%;
}

.leftColumnNavBelowLookingAfter{
	position: relative;
	float: left;
	width: 180px;
	height: 100px;
	background-color: #DCE6E5;
	font-size: 90%;
}

.leftColumnNavBelowEnjoying{
	position: relative;
	float: left;
	width: 180px;
	height: 100px;
	background-color: #F9ECE1;
	font-size: 90%;
}

.leftColumnNavBelowUnderstanding{
	position: relative;
	float: left;
	width: 180px;
	height: 100px;
	background-color: #EDE7EE;
	font-size: 90%;
}

.leftColumnArea {
	float:left; 
	position:relative; 
	width: 173px; 
	font-size:90%;
}

.leftColumnPageTitle {
	float:left; 
	position:relative; 
	width: 173px; 
	height: 90px;
	font-size: 110%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #10266F;
}

.leftSpacer{
	background-color: #FFFFFF; 
	width: 173px; 
	height:2px; 
	font-size:0px;
}

.leftColumnPadding
{
	padding: 0px 0px 2px 0px;
}

.leftColumnHeaderArea {
	width: 173px; 
	height:30px; 
	background-color:#004731; 
	font-size:85%;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 80%;
}

.leftColumnSmallBox {
	float:right; 
	position:relative; 
	height:25px; 
	width: 60px; 
	background-color: #FFFFFF;
	font-weight: bold;
	font-size: 80%;
}

.leftColumnSmallBoxPadding{
	padding:5px 0px 0px 15px;
}

.leftNav {
	float: left;
	position: relative;
	width: 178px;
	font-size: 90%;
	font-weight: bold;
}

.leftNav a{
	color: #ffffff;
	text-decoration: none;
}

.leftNav a:hover{
	width: 130px; 
	background-color:#3A5EB2;
	float:left;
	position: relative;
	padding: 0px 0px 0px 3px;
}

.leftNavActive{
	width: 170px; 
	background-color:#3A5EB2;
	float:left;
	position: relative;
}

.leftNavNonActive{
	width: 176px; 
	float:left;
	position: relative;
}

.leftNavActiveImagePadding
{
	float:left;
	position:relative;
	padding: 5px 5px 0px 3px;
}

.leftNavImagePadding
{
	float:left;
	position:relative;
	padding: 5px 5px 0px 0px;
}

.leftNavSide{
	width: 6px;
	height: 18px;
	background-color: #8456AC;
	float: left;
	position: relative;
}
.leftNavActivePadding
{	
	padding: 0px 0px 0px 25px;
}

.IntroPadding {
	padding: 5px 0px 5px 17px;
}
.LowerNavVisitedFTF {
	color: #00894a;
	font-size: 90%;
	background-color: #ffffff;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}

.LowerNavVisitedFTF a {
	text-decoration: none;
	color: #00894a;
}

.LowerNavVisitedFTF a:hover {
	text-decoration: underline;
}

.leftNavTopLevel {
	float: left;
	position: relative;
	width: 173px;
	font-size: 90%;
	text-decoration: none;
}

.leftNavTopLevel a{
	color: #004731;
	text-decoration: none;
}

.leftNavTopLevel a:hover{
	text-decoration: underline;
}

.lowerNavFTF {
	color: #00894a;
	font-size: 90%;
	background-color: #acd25c;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}

.lowerNavFTF a{
	color: #00894a;
	text-decoration: none;
}

.lowerNavFTF a:hover {
	color: #89abd4;
	text-decoration: underline;
}

.LDSubActive {
	color: #00894a;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	background-color: #fff;
	border-bottom: 1px solid #FFFFFF;
}

.LDSubActive a {
	color: #00894a;
	text-decoration: none;	
}

.LDSubActive a:hover {
	color: #89abd4;
	text-decoration: underline;
}

.LDSubNonActiveTopFTF {
	color: #00894a;
	font-size: 90%;
	background-color: #acd25c;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #fff
}

.LDSubNonActiveTopFTF a {
	color: #00894a;
	text-decoration: none;	
}

.LDSubNonActiveTopFTF a:hover {
	color: #89abd4;
	text-decoration: underline;
}

.LDSubNonActiveFTF {
	color: #00894a;
	font-size: 90%;
	background-color: #acd25c;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}

.LDSubNonActiveFTF a {
	color: #00894a;
	text-decoration: none;	
}

.LDSubNonActiveFTF a:hover {
	color: #89abd4;
	text-decoration: underline;
}

.lowerNavLookingAfter {
	color: #003366;
	font-size: 90%;
	background-color: #B9CDCC;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}

.lowerNavLookingAfter a{
	color: #003366;
	text-decoration: none;
}

.lowerNavEnjoying {
	color: #00894a;
	font-size: 90%;
	background-color: #acd25c;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}

.lowerNavEnjoying a{
	color: #00894a;
	text-decoration: none;
}

.lowerNavEnjoying a:hover{
	color: #89a8d4;
	text-decoration: underline;
}

.lowerNavLiving {
	color: #003366;
	font-size: 90%;
	background-color: #F4E9EF;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}

.lowerNavLiving a{
	color: #003366;
	text-decoration: none;
}

.lowerNavUnderstanding {
	color: #003366;
	font-size: 90%;
	background-color: #DBD0DE;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}

.lowerNavUnderstanding a{
	color: #003366;
	text-decoration: none;
}

.lowerNavGreen a:hover{
	text-decoration: underline;
}


.lowerNavGreen {
	color: #003366;
	font-size: 90%;
	background-color: #DBBBCC;
	font-weight:bold;
	text-decoration: none;
}

.lowerNavGreen a{
	color: #003366;
	text-decoration: none;

}

.lowerNav a:hover{
	text-decoration: underline;
}
/*#################################*/


/***** styles for text formatting *****/

.paragraph {
	color:#00894a;
	font-size: 1em;
	margin: 0;;
	padding: 0;
}

.heading1 {
	color: #0086c6;
	font-weight: bold;
	font-size: large;
	margin: 0;
	padding: 5px 5px;
}


.heading2 {
	color: #89abd4;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0;
	padding: 5px 5px;
}

.heading3 {
	font-weight: bold;
	font-size: 1em;
	margin: 0;
	padding: 5px 5px;
}

.whiteBlueBold {
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

.whiteBlue {
	color: #fff;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

p.whiteBlue {
	margin: 0;
	padding: 7px 0 7px 0;
}


.whiteBlueLinkText {
	color: #fff;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

p.whiteBlueLinkText
{
	margin: 0;
	padding: 7px 0 7px 0;
}

.whiteBlueLinkText a:link
{
	text-decoration: underline;
	color: #fff;
	font-size:1em;
}

.whiteBlueLinkText a:hover
{
	text-decoration: underline;
	color: #fff;
	font-size:1em;
}

.whiteBlueLinkText a:visited
{
	text-decoration: underline;
	color: #fff;
	font-size:1em;
}

.whiteBlueLinkText a:active
{
	text-decoration: underline;
	color: #fff;
	font-size:1em;
}

/* **** login area ***** */
form label{
text-align:right;

float:left;
clear:left;
margin-top:4px;
}

form #name, form #password{
margin:3px 0 3px 10px;
float:left;
}
form #login{
float:left;
clear:left;
margin:10px 0 0 0px;
}