body{
	font-family: Arial;
	color: #009A9C;
}

#header { background: #009A9C; border: none; color: white; height: 153px; vertical-align: bottom; padding: 0; position: relative; }
html > body #header { height: 173px; }
#logo { background: url(/template-images/banners/homebanner.jpg) no-repeat center bottom; margin-top:20px; height: 153px; width: 760px; float: left; }
#slogan {margin: 10px;}



/* topLevelNav topLevelSubNavMenu */
	
	.topNavigation { width: 760px; background: #009A9C; font-size:80%}
		.topNavigation ul { 
	}
	
	.topNavigation li {
		display: block; 
		width:95px; 
		text-align:center; 
	}

	.topNavigation li .last{
		display: block; 
		text-align:center; 
	}
	
	.topNavigation a { 
		color: #000066; 
		text-decoration: none; 
		height: 20px; 
		border: 1px solid #3F70BD; 
		background: #009A9C; 
		padding: 1px;
		padding-top: 7px; 
	}
	
	html > body .topNavigation a { 
		height: auto; 
		min-height: 20px; 
	} /* height set here for other browsers so that it overrides the height for IE */
	
	.topNavigation a:link, .topNavigation a:visited { 
		color: #000066;
	}
	.topNavigation a:hover { 
		color: #000066; 
		text-decoration: none; 
		display: block; 
		background: #C4E1FF; 
		padding: 1px;
		padding-top: 7px; 
	}		
	
	.topNavigation .selected { 
		height: 20px; 
		color: #000066; 
		text-decoration: none; 
		display: block; 
		background: #C4E1FF; 
		padding: 1px;
		padding-top: 7px; 
	}
	html > body .topNavigation .selected { height:auto; min-height: 20px; }
/* end */

/*  FOOTER MARGIN */
#footerMargin, #footerMargin2 { margin-top: 8px; height: 21px; float: left; width: 760px; position: relative; }
#footerMargin2 { background: url(/template-images/siteDirectoryBackground.gif) repeat-y; }
#footerWrapper { clear: both; position: relative; margin-bottom: -14px}
	#topFooterWrapper { border-top: 1px solid white; background: #009A9C; height: auto; clear: both; }
	html > body #topFooterWrapper { height: auto; min-height: 30px; }
	#topFooterContent { border: none; color: white; height: 20px; line-height: 20px; font-size: 0.8em; text-align: right; position: relative; padding: 0 10px 2px 10px; }
	html > body #topFooterContent { height: auto; min-height: 30px; }
	#topFooterContent ul, #topFooterContent li { padding: 0px; list-style: none; display: inline; margin-left: -7px; }
	#topFooterContent li a { color: white; text-decoration: none; }
	.footerSeperator { color: #99CCFF; display: inline; padding: 0 0.5em 0 1em; }
	#botFooterWrapper { text-align: center; background: white; border: none; color: #000066; font-size: 0.8em; padding-top: 5px; padding-bottom: 10px; margin: 0; }


.mainBackground { background: #E8F3FF url(/template-images/backgrounds/mainContent.gif) repeat-y scroll top right; }
/* this appears as the blue bg on the right hand side with the main content being white and the grey column on the left with the dots */	

p{
}

h1{
	margin-top:5px;
	margin-bottom:30px;
}

.TBD{
	color: red;
	font-size: 110%;
	margin-top: 30px;
	margin-bottom: 30px;
}

.subsubMenu{
	margin-left: 20px;
}

#contentArea ul,#contentArea ol{
	margin: 20px ;
	margin-left: 40px;
}

#contentArea{
	font-size: 90% ;
}

#printcontentArea{
	border: solid 1px #000066 ;
	padding: 10px;
}

a,, a:visited{ text-decoration: none; z-index: 2000 !important; }
a:hover { text-decoration:underline; z-index: 2000 !important; }

.pictureSmall{
	float:left; 
	margin-right:20px;
}

.pictureLeft{
	float:left; 
	margin-right:10px;
}

.pictureRight{
	float:right; 
	margin-left:10px;
}

.listtabletop{
	width: 570px ;
	height: 10px;
	background-image: url('/template-images/backgrounds/tabletopBackground.gif') ;
	background-repeat: no-repeat ;
}
.listtablebottom{
	width: 570px ;
	height: 10px;
	background-image: url('/template-images/backgrounds/tablebottomBackground.gif') ;
	background-repeat: no-repeat ;
	margin-bottom: 10px;
}
.listtable{
	width: 570px ;
	background-image: url('/template-images/backgrounds/tableBackground.gif') ;
	margin-top: -5px;
	background-repeat: repeat-y ;
}

html > body .listtable { margin-top: 0px; }



.menutabletop{
	width: 140px ;
	height: 10px;
	background-image: url('/template-images/backgrounds/menutabletopBackground.gif') ;
	background-repeat: no-repeat ;
}
.menutablebottom{
	width: 140px ;
	height: 10px;
	background-image: url('/template-images/backgrounds/menutablebottomBackground.gif') ;
	background-repeat: no-repeat ;
	margin-bottom: 10px;
}
.menutable{
	width: 140px ;
	background-image: url('/template-images/backgrounds/menutableBackground.gif') ;
	margin-top: -7px;
	background-repeat: repeat-y ;
}

html > body .menutable { margin-top: 0px; }

.textField{
	margin-left: 50px;
	width: 250px ;
}

.memoField{
	margin-left: 50px;
	width: 250px ;
	height: 100px;
}

.checkField, .selectField{
	margin-left: 50px;
}