/* misc definitely-used styles */


	* {
		font-family: Arial, Helvetica, sans-serif;
	}
	
	body {
		margin: 0px;
		padding: 0px;
		background-color: white;
		color: #000;
		font-size: 12px;
	}
	
	/* div that surrounds all */
	#wholebody {
		
	}
	
	
	a {
		text-decoration: none;
		font-weight: bold;
		font-size: 12px;
	}
	
	a:link			{text-decoration: none; 	 color: #003366; }
	a:visited		{text-decoration: none; 	 color: #036; }
	a:hover			{text-decoration: underline; color: #BEC5EC; }
	a:active		{text-decoration: underline; color: #036; }
	
	/* bread crumb trail */
	.bct			{font-size: 9px; color: #000; }
	a.bct			{color: black; font-weight: normal; }
	
	/* create nice thin lines */
	hr {
		border: 0;
		border-bottom: 1px solid #000;
		height: 1px;
	}
	
	hr.immediate {
		margin-top: 0px;
		padding-top: 0px;
	}
	
	
	th {
		font-weight: normal;
		text-align: left;
	}
	
	td.tdContent ul, td.tdContent2 ul {
		margin-bottom: 0;
		margin-left: 1em;
		padding-left: 1em;
	}
	
	img {
		border: 0px solid black;
	}
	
	p {
		font-size: 12px;
		color: black;
	}
	
	
	h1 {
		font-size: 14px;
		font-weight: normal;
		color: #1A206C;
		margin: 0px;
		padding: 0px;
		border: 1px none red;
		margin-bottom: 1em;
	}
	
	h2	{
		font-weight: normal;
		font-size: 12px;
		line-height: 1.1em;
		color: #1A206C;
	}
	
	table, .whiteTable {
		font-size: 10px;
		font-weight: normal;
		color: #000;
		background-color: white;
	}

	/* mozilla strict mode adds whitespace crap inside tables
	   IE doesn't understand these, but does them by default anyway */
	td > :first-child { margin-top: 0px; }
	td :last-child { margin-bottom: 0px; }
	
	
	.pdfthumbs {
		border: 1px solid #bddeee;
	}
	
	/* show me how link */
	.largetext {
		font-size: 14px;
	}
	
	
	.blockquote {
		margin-left: 5%;
		margin-right: 5%;
	}
	
	/* under-thumbnail links */
	.narrowpipes {
		word-spacing: -4px;
	}
	
	.errorcolour {
		color: red !important;
	}
	
	.roundcornerimage {
		border-bottom: 1px solid #bddeee;
		text-align: center;
		vertical-align: top;
		width: 105px;
	}
	
	.randomimages {
		border: 0;
		margin: 10px;
		vertical-align: middle;
	}

/* end misc definitely-used styles */


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

/* top logo bar */

	.bannerTable {
		font-size: 10px;
		color: white;
		text-indent: 0pt;
		margin: 0px;
		padding: 0px;
		font-weight: bold;
		background-color: black;
		height: 80px;
		clear: both;
	}
	
	.bannerTable form {
		text-align: right;
	}
	
	/* where to anchor the logo container */
	.topleftlogo {
		padding-top: 0px;
		padding-left: 0px;
		text-align: left;
		padding-bottom: 0px;
	}
	
	.toprightform {
		margin: 0px;
		padding: 0px;
		color: white;
	}
	.toprightform a, .toprightform a:hover, .toprightform a:visited, .toprightform a:active {
		color: white;
	}
	
	.toprightformparent {
		background-color: #0B1D5F;
		margin-bottom: 10px;
	}
	
	.nomorefloat {
		clear: both;
		height: 1px;
	}
	
/* end top logo bar */

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

/* main layout table */

	/* outerPage = theoretically the style for the overall 3col table */
	.outerPage {
		font-size: 10px;
		margin: auto;
		padding: 0px;
		background-color: white;
		clear: both;
	}
	
	
	/* left */
	.colsHeaderLeft, .colsLeft, .colsFooterLeft {
		margin: 0px;
		background-color: white;
		font-size: 10px;
		border: thin none #6eb6da;
		vertical-align: top;
		color: #000;
	}
	
	/* empty top left cell */
	.colsHeaderLeft {
	}
	
	
	
	
	
	
	
	
	/* main left cell */
	.colsLeft {
		width: 120px;
		padding-top: 1px;
	}
	
	/* possibly unused */
	.colsLeft hr {
		border-color: #000;
	}
	
	/* empty bottom left cell */
	.colsFooterLeft {
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* centre top cell with breadcrumbtrail */
	.colsHeaderCenter {
		padding-left: 15px;
		height: 22px;
		background-color: white;
	}
	
	/* main centre cell */
	.centerCol {
		font-size: 10px;
		color: #000;
		vertical-align: top;
		width: 100%;
		padding-top: 0px;
		padding-right: 10px;
		padding-left: 10px;
		padding-bottom: 22px;
		background-color: white;
		border: 1px none green;
	}
	
	/* centercol for onecolumn pages */
	.singleCol {
		font-size: 10px;
		color: #000;
		vertical-align: top;
		padding-right: 10px;
		padding-left: 10px;
		padding-bottom: 22px;
		background-color: white;
	}
	
	
	
	/* top and middle right-hand cells */
	.cols {
		font-size: 10px;
		color: #000;
		border: thin none white;
		vertical-align: top;
		padding: 0px;
		margin: 3px;
		width: 120px;
		background-color: white;
	}
	
	/* bottom center and right colspan'd cell with date*/
	.footerTable {
		clear: both;
		margin: auto;
		font-size: 10px;
		color: #676767;
		background-color: white;
		padding-top: 5px;
		padding-left: 30px;
		padding-bottom: 5px;
		text-align: left;
	}
	.footerTable a {
		color: #676767;
	}
	
	.colsHeaderCenterAdjunct h1 {
		font-size: 24px;
		margin-bottom: 0.5em;
	}

	.recordPage h1 {
		background-color: #E8E8F0;
		padding: 2px;
	}
/* end main layout table cells */

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

/* lefthand popup menu stuff */

	ul.sec-links {
		margin: 2px;
		padding: 2px;
		list-style: none;
		width: 120px;
		background-color: white;
		
	}
		
	ul.sec-links li {
		position: relative;
		color: #000;
		font-weight: normal;
		border-bottom: 1px solid lightgrey;
		padding: 0px;
		margin: 0px;
		z-index: 1000;
		background-color: white;
	}
		
	.sec-links li ul.sec-links {
		position: absolute;
		left: 115px;
		top: 0px;
		display: none;
		z-index: 1000;
	}
	
	.sec-links li:hover ul.sec-links, .sec-links li.over ul.sec-links {
		display: block;
	}
	
	.sec-links div {
		color: #000;
		font-weight: normal;
		border-bottom: 1px solid #6eb6da;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	
	/* each blocky link */
	.sec-links div a, ul.sec-links li a {
		display: block;
		width: 99%;
		padding-top: 2px;
		padding-left: 1px;
		font-size: 12px;
		padding-bottom: 3px;
		text-decoration: none;
		background-color: white;
		color: black;
		font-weight: normal;
		
	}
	
	.sec-links li:hover, .sec-links li.over {
		background-color: white;
	}
	
	.sec-links div a:hover, .sec-links li a:hover {
		background-color: white;
		text-decoration: underline;
	}

/* end menu stuff */

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

/* editable items surrounding styles */
	
	/* left Column items */
	.leftContent {
		width: 120px;
		border: 1px none #6eb6da;
		background-color: white;
		text-align: left;
		padding-bottom: 0px;
		padding-top: 1em;
		margin-bottom: 0em;
		margin-top: 3px;
		

	}

	.leftContent h1 {
		font-size: 11px;
		font-weight: bold;
		color: #000;
		background-color: #bddeee;
		border-bottom: 1px solid #e0e0e0;
		padding-bottom: 2px;
		margin-bottom: 2px;
	}


	/* centre column */
	
	.centerContent {
		width: 100%;
		background-color: white;
		text-align: left;
		padding-bottom: 0em;
		margin-bottom: 0.5em;
		border: 1px none black;
	}
	.centerContentBody {
		width: 100%;
		position: relative;
		
	}
	.centerContent h1 {
		font-weight: normal;
		color: #1A206C;
		margin: 0px;
		border: 1px none red;
		margin-bottom: 1em;
	}
	
	.centerContent h2 {
		color: #1A206C;
		margin-top: 0em;
		margin-bottom: 1em;
		font-size: 14px;
	}
	
	
	
	/* right Column items */
	.rightContent {
		width: 120px;
		border: 1px solid black;
		background-color: white;
		text-align: left;
		color: #000;
		margin: 2px;
		padding: 2px;
	}

	.rightContent h1 {
		font-size: 14px;
		font-weight: normal;
		color: #1A206C;
		text-align: left;
		margin-top: 0px;
		margin-bottom: 5px;
		
	}

	.rightContent p {
		font-size: 10px;  
		color: black;
		margin: 0px;
		padding-bottom: 5px;
		padding-top: 5px;
		
	}
	
	.rightContent a {
		font-size: 10px;  
	}

	.rightContent h2 {
		color: black;
		margin: 0px;
		padding: 0px;
	}

	
/* end editable items surrounding styles */
	
/* ############################################################################ */

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

/* start My Stuff tabs */

	.tabbar {
		padding-top: 5px;
		padding-bottom: 1px;
		padding-left: 0;
		padding-right: 0;
		margin: 0;
		border-bottom: 1px solid #003366;
	}
	

	.tabbox {
		padding-top: 1em;
		padding-bottom: 1em;
		margin: 0;
		border-bottom: 1px solid #003366;
		border-left: 1px solid #003366;
		border-right: 1px solid #003366;
	}
	
	.tabboxcontent {
		padding-left: 1em;
		margin-left: 1em;
		margin-right: 1em;
		padding-right: 1em;
		
	}
	
	.tabbox p {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		margin: 0;
	}
	.tabbox h2  {
		padding-top: 0.75em;
		padding-bottom: 0.75em;
		margin: 0;
	}
	.tabbar li {
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 1em;
		padding-right: 1em;
		margin: 0;
		margin-right: 2px;
		display: inline;
		font-weight: normal;
		list-style-type: none;
		border-top: 1px solid #003366;
		border-left: 1px solid #003366;
		border-right: 1px solid #003366;
		
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		
	}
		
	li.tabselected {
		background-color: #003366;
		border-bottom: 1px solid #003366;
		
	}
	
	li.tabselected a{
		color: white !important;
	}
	
	.tabbar li a{
		line-height: 20px;
	}
	
	li.tabnotselected {
		background-color: #EBE5CF;
		border-bottom: 1px solid #EBE5CF;
	}
	
	ul.liketdcontenttable {
		margin-left: 1em;
		margin-right: 1em;
		list-style-type: none;
		border: 1px solid #003366;
		padding-left: 0;
	}
	
	ul.liketdcontenttable li {
		margin-left: 0;
		padding-left: 0.5em;
		padding-right: 0.5em;
		padding-top: 0.25em;
		padding-bottom: 0.25em;
		border-bottom: 1px solid #003366;
	}

/* end of My Stuff tabs */


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


/* start Pathfinder boxes */

	.edumeta {
		width: 100%;
		border: 1px solid #bddeee;
		text-align: left;
		padding-bottom: 1em;
		margin-bottom: 1em;
	}
	
	.edumeta h1 {
		background-color: #f5f5f5;
		margin-top: 0px;
		margin-bottom: 0.5em;
		padding-bottom: 0px;
		padding-left: 1em;
	}
	
	.edumeta p {
		padding-left: 1em;
		padding-right: 1em;
	}
	
	.edumeta table {
		
	}

/* end Pathfinder boxes */


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


/* form styling */

	form {
		font-size: 10px;
		margin: 0;
	}
	
	select {
		font-size: 10px;
		white-space: normal;
		margin: 0px;
		padding: 0px;
	}
	
	input {
		font-size: 11px;
		font-weight: normal;
		padding-left: 1px;
		color: #000;
	}
	
	label input {
		vertical-align: middle;
	}
	
	textarea {
		font-size: 11px;
	}
	
	.button {
		border: none;
		text-align: center;
		margin: 0;
		padding: 0;
		font-size: 10px;
		background-color: black;
		font-weight: bold;
		color: white ;
	}
	.bannerbutton {
		border: none;
		text-align: center;
		margin-top: 2px;
		padding: 2px;
		font-size: 10px;
		background-color: black;
		font-weight: bold;
		color: white ;
	}
	
	.bigbutton {
		font-size: 14px;
		border: 2px solid #003366;
		color: white !important;
		background-color: #003366 !important;
		text-align: center;
		font-weight: normal;
	}
	
	a.bigbutton {
		padding-left: 1em;
		padding-right: 1em;
	}

/* end form styling */

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

/* mysql editing interface stuff */

	form.fullwidthform table, table.fullwidthform {
		width: 99%;
		border: 1px solid #999999;
		margin-left: auto;
		margin-right: auto;
	}
	
	textarea.fullwidthtext {
		width: 99%;
	}
	textarea.bigfullwidthtext {
		width: 99%;
		height: 6em;
	}
	input.fullwidthtext {
		width: 99%;
	}
	
	form.fullwidthform table tr th {
		white-space: nowrap;
	}
	
	.fullwidthform th {
		background-color: #bddeee;
		color: black;
		font-weight: bold;
		line-height: 1.5em;
	}
	
	.fullwidthform td {
		background-color: #f5f5f5;
	}
	
	.fullwidthform input {
		color: black;
	}
	
	.newdata td {
		background-color: #bddeee;
	}
	

/* end mysql editing interface stuff */

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



/* start Info boxes */

	.infobox {
		width: 99%;
		border: 1px solid #cccccc;
		text-align: left;
		padding-bottom: 1em;
		margin-bottom: 1em;
		
	}
	
	.infobox h1 {
		background-color: #f5f5f5;
		font-size: 10px;
		font-weight: bold;
		color: #black;
		margin-top: 0px;
		margin-bottom: 0.5em;
		padding-bottom: 5px;
		padding-top: 5px;
		padding-left: 5px;
	}
	
	.infobox p {
		font-size: 10px;
		color: #000;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 0px;
		padding-top: 0px;
	}
	
	.infobox table {
		
	}
	.infobox li {
		padding-left: 5px;
		padding-right: 5px;
	}

	.infobox2 {
		width: 95%;
		border: 1px solid #cccccc;
		text-align: left;
		padding: 1em;
		margin-bottom: 1em;
	}
	
	.infobox2 h1 {
		background-color: #f5f5f5;
		font-size: 11px;
		font-weight: bold;
		color: #333333;
		margin-top: 0px;
		margin-bottom: 0.5em;
		padding-bottom: 5px;
		padding-top: 5px;
		padding-left: 5px;
	}
	
	.infobox2 p {
		font-size: 11px;
		color: #000000;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 0px;
		padding-top: 0px;		
	}
	
	.infobox2 table {
		
	}
/* end Info boxes */


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

.tableHeading{
	font-size: 11px;
	font-weight: bold;
	color: #000;
	background-color: #f5f5f5;
	border-right: 1px solid #bddeee;
	border-bottom: 1px solid #bddeee;
	border-top: 1px solid #bddeee;
	padding: 5px;
}

.tableHeadingFirst{
	font-size: 11px;
	font-weight: bold;
	color: #000;
	background-color: #f5f5f5;
	border-left: 1px solid #bddeee;
	border-bottom: 1px solid #bddeee;
	border-top: 1px solid #bddeee;
	border-right: 1px solid #bddeee;
	padding: 5px;
}

.tableContent{
	font-size: 11px;
	font-weight: normal;
	color: #000;
	border-right: 1px solid #bddeee;
	border-bottom: 1px solid #bddeee;
	padding: 5px;
	vertical-align: top;
}

.tableContentFirst{
	font-size: 11px;
	font-weight: normal;
	color: #000;
	border-left: 1px solid #bddeee;
	border-bottom: 1px solid #bddeee;
	border-right: 1px solid #bddeee;
	padding: 5px;
	vertical-align: top;
}



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

.bannerImages{
	background-color: #f5f5f5;
	text-align: center;
}

.bannerImageLeft{
	border-right: 5px solid #6eb6da;
	float: left;
}
.bannerImageRight{
	border-left: 5px solid #6eb6da;
	float: right;
}
.bannerImageCenter{
	border-left: 5px solid #6eb6da;
	border-right: 5px solid #6eb6da;
}



/* end banner images */

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

/* start zoom page */

	#divCursor{
		/*border: 1px solid red;*/
		position: absolute;
		width: 100px;
		height: 15px;
		z-index: 3;
		visibility: hidden;
	}
	.selectedbox {
		position: relative !important;
		border: 2px dashed blue !important;
		visibility: hidden;
		z-index: 2 !important;
	}
	.thumb_cl {
		z-index: 1;
		/*
		position: absolute;
		left: 10px;
		*/
	}


/* end zoom page */

/* ############################################################################ */
/* #Floating of images with padding */

.imageLeft{
	float: left;
	padding-right: 5px;
	padding-bottom: 10px;
}

.imageRight{
	float: right;
	padding-left: 5px;
	padding-bottom: 10px;
}

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

/* Login/out Boxs */

.loginContainer {
	padding-left: 2px;
	padding-right: 2px;
	height: 14px;
	line-height: 14px;
	color: black;
	font-size: 11px;
	text-align: right;
	font-weight: bold;
}

.loginText {
	float: right;
	padding-right: 3px;
}

.loginLink {
	float: right;
	padding-right: 2px;
	width: 57px;
	text-align: left;
}

/* ############################################################################ */
/* misc unknown-usage styles */

.grahamsfloater {
	float: right;
	width: 50%;
	border: 1px solid #bddeee;
	text-align: center;
}

.grahamsfloater h1 {
	background-color: #f5f5f5;
	margin-top: 0px;
}

.grahamsfloater .centercolBlockPageHeadMiddle {
	font-size: 11px;
	font-weight: bold;
}

ul.spacedoutvertically li {
	margin-bottom: 0.5em;
}

.formButton {
	font-size: 10px;
	height: 20px;
	width: 20px;
}

.recordHeader{
	font-size: 9px;
	color:	#000;
}

.resText{
	font-size: 10px;
	color:	#000;
}

.pfTitle{
	font-size: 14px;
	color:	#000;
}

.resTitle{
	font-size: 10px;
	color:	#000;
}

.bannerStripLeft {
	color: #6eb6da;
	background-color: #bddeee;
	#6eb6da-space: nowrap;
}

.bannerStripCenter {
	font-size: 10px;
	color: black;
	background-color: #6eb6da;
	#6eb6da-space: nowrap;
}

.bannerStripRight {
	color: #6eb6da;
	background-color: #f5f5f5;
	#6eb6da-space: nowrap;
}

.banner-right {
	color: black;
	background-color: #bddeee;
	#6eb6da-space: nowrap;
	padding-right: 5px;
}

.hidden {
	display: none;
}

.submenulist {
	margin-left: 1.75em;
	padding-left: 0;
}
.imgBorders {
	border: none;
	background-color: #6eb6da;
}
.banner-right {
	#6eb6da-space: nowrap;
	padding-right: 5px;
	background-color: #ffff00;
}

.daysearch {
	background-color: #f5f5f5;
}

.resFooter { /* footer cell of postcard table */
	background-color: #f5f5f5;
}

.menuRow {
	font-size: 10px;
	color: #6eb6da;
	background-color: #bddeee;
	text-indent: 3pt;
	padding: 3px;
	font-weight: bold;
}

h4	{
	font-weight: bold;
	font-size: 11px;
	line-height: 1.3em;
	color: #000;
}

.centerHeader {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	background-color: #bddeee;
}

.imgPhotos {
	border: 0px solid black;
	background-color: #6eb6da;
}

.searchBox {
	font-size: 10px;
	color: black;
	height: 15px;
	width: 100%;
}

.navTable {
	font-size: 10px;
	font-weight: bold;
	color: #000;
	background-color: #f5f5f5;
}

.dbResults {
	font-size: 10px;
	font-weight: normal;
	color: #000;
	border: 1px none #003366;
	background-color: white;
	padding-left: 2px;
	padding-right: 2px;
}

.dbHeader {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	background-color: #8390DA;
}

.tdHeader {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	background-color: #eeeeee;
}


/* used in tables with alternating grey/#6eb6da rows */
.tdContent, .tdContent2 {
	font-size: 10px;
	font-weight: normal;
	color: #000;
}

.tdContent a, .tdContent2 a {
	font-size: 10px;
}

.tdContent {
	background-color: white;
}

.tdContent2 {
	background-color: white;
}

.itemObject {
	font-size: 10px;
	color: black;
	background-color: #6eb6da;
	border: thin dashed black;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	text-indent: 0pt;
	#6eb6da-space: normal;
	padding: 1px 0px 0px 3px;
}

.alltextboxes {
	width: 70%;
}

.showMeTitle{
	font-size: 12px;
	font-weight: bold;
	color: #001a63;
	background-color: #f5f5f5;
}

.showMeTable{
	font-size: 11px;
	font-weight: normal;
	color: #000;
	background-color: #6eb6da;
}