body 
{ 
	font-family: Arial, Verdana;
	background-image:url(../Images/bg-1.jpg); 
	padding-left:30px;
	padding-top:10px;
	background-color:#2c4d7a;
}

a 
{
	color: #18558C; 
}

.newSearch a
{
	color:#ffffff;
}



#titheHeader
{
	width:912px;
	margin-bottom:14px;
	height:85px;
	background-image:url(../Images/headerLogos.gif);
	background-repeat:no-repeat;
	background-position:right 0px;
}

#titheHeader img
{
	margin-top:10px;
}


#bodyHolder
{
	width:912;
}

#bodyHolder #bodyHolderLeft
{
	float:left;
	width:198px;
	margin-right:24px;
	height:auto;
}

#bodyHolder #bodyHolderLeft a
{
	display:block;
	height:30px;
	margin-bottom:10px;
}

#bodyHolder #bodyHolderLeft .leftNavContact
{
	font-size:x-small;
	color:#89a7cd;
}

#bodyHolder #bodyHolderLeft .leftNavContact a
{
	color:#89a7cd;
}

#bodyHolder #bodyHolderRight
{
	float:left;
	width:650px;	
}

#bodyHolder #bodyHolderRight #titleBar
{
	width:689px;
	height:29px;
	background-image:url(../Images/title-project.gif);
	margin-bottom:22px;
	color:#ffffff;
	font-size:small;	
}

#bodyHolder #bodyHolderRight #titleBar div
{
	/*margin-left:10px;
	margin-top:4px;*/
	padding-left:10px;
	padding-top:4px;
	
}


#bodyHolder #bodyHolderRight #mainBodyText, #bodyHolder #bodyHolderLeft
{
	color:#ffffff;
}

#bodyHolder #bodyHolderRight #mainBodyText a, #bodyHolder #bodyHolderLeft a
{
	color:#ffffff;
	text-decoration:underline;
}



#bodyHolder #bodyHolderRight #mainBodyText .searchTable
{
	width:auto; 
	border:1px dashed #ffffff; 
	margin-bottom:20px;
}
#bodyHolder #bodyHolderRight #mainBodyText .searchTable .searchRow
{
	width:auto;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:10px;
}
#bodyHolder #bodyHolderRight #mainBodyText h2
{
	margin:0px;
	padding:0px;
	font-size:medium;
	margin-top:10px;
}
#bodyHolder #bodyHolderRight #mainBodyText .searchTable .searchRow .searchRowLeft
{
	float:left;
	width:250px;
	margin-right:10px;
}
#bodyHolder #bodyHolderRight #mainBodyText .searchTable .searchRow .searchRowRight
{
	float:left;
	width:auto;
}

#bodyHolder #bodyHolderRight #mainBodyText .searchTable .searchRow .searchRowRight input.txt, 
#bodyHolder #bodyHolderRight #mainBodyText .searchTable .searchRow .searchRowRight select.drop
{
	width:300px;
	margin-right:10px;
}

#bodyHolder #bodyHolderRight #mainBodyText .searchTable .searchRow .searchRowRight select.drop
{
	/* ie 6 only hack */
	_margin-left:10px;
}

#bodyHolder #bodyHolderRight #mainBodyText .searchTable .searchRow .searchRowRight input.btn
{
	padding:0px 2px 0px 2px;
}

.clear
{
	clear:both;
}

#twinMapsTitleBar
{
	width:990px;
	height:29px;
	background-image:url(../Images/title-project-long.gif);
	background-repeat:no-repeat;
	margin-bottom:22px;
	color:#ffffff;
	font-size:small;
}

#twinMapsTitleBar div
{
	padding-left:10px;
	padding-top:4px;
}


.mapControlHeadings
{
	background-color:#4483c6;
	border-top: black 1px solid; 
	font-weight: bold; 
	border-bottom: black 1px solid;
	text-align: center;
	color:#ffffff;
}






a img { border-width: 0px; }
td { font-size: 13px; vertical-align: top; }
th { font-size: 13px; vertical-align: top; }
form { margin: 0px; font-size: 14px; }

.headersearch { display: none; }
.headeraz { display: none; }
.contentTable { padding: 0px; margin: 0px; } /* this affects the template */
.contentroundtop { height: 5px; font-size: 1px; }
.contentroundbot { display: none; }
#Table4 { height: auto; }


.sidebarwidth { display: none; }
input.txt, textarea.txt, select.txt 
{
	/*border: 1px solid #009;*/
	background-color: #f8f8f8; 
	font-family: 'Trebuchet MS'; 
	height: 21px;
}
input.btn, button.btn
{
	background-color: #4483c6;
	color:#ffffff;
	font-weight: bold;
	font-family: 'Trebuchet MS';
	font-size: 11px;
	border-width: 1px;
}
.btnBig 
{
	margin-left: 125px;
	background-color: #cc9;
	color: black;
	font-weight: bold;
	font-family: 'Trebuchet MS';
	font-size: 14px;
	border-width: 1px;
}
.linkButton 
{
	display: block;
	border-style: outset; 
	border-width: 1px; 
	padding: 1px 3px; 
	background-color: #18558C/*#D6D3CE*/;
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-family: 'Trebuchet MS';
	font-size: 11px;
}
.linkButton:link    {  }
.linkButton:visited {  }
.linkButton:hover   {  }
.linkButton:active  { border-style: inset; }
.loading, .loading table th, .loading table td { color: #999; }
/*i table th, i table td { font-style: normal; color: #808080; }*/

.breadcrumbs { background-color: #467AA9; }
.tithecrumbs { font-size: 8pt; color: white; font-weight: bold; position: absolute; left: 7px; top: 70px; background-color: #467AA9; }

.tabBody small { font-size: 11px; }

/* Tabs for the TwinMaps page */
div.tabs { position: absolute; }
div.tabs a { display: block; float: left; width: 100px; margin: 0px 6px 0px 0px; text-decoration: none; text-align: center; font-size: 11px; font-family: Arial; }
a.tabOn:link, a.tabOn:visited   { color: black; padding-bottom: 4px; margin: 0px -3px 0px 0px; font-weight: bold;   background: #fff094 url('../images/tab_bg_on_trans.gif')  no-repeat scroll top center; z-index: 5; position: relative; }
a.tabOn:hover, a.tabOn:active   { color: black; padding-bottom: 4px; margin: 0px -3px 0px 0px; font-weight: bold;   background: #fff094 url('../images/tab_bg_on_trans.gif')  no-repeat scroll top center; z-index: 5; position: relative; }
a.tabOff:link, a.tabOff:visited { color: #ffffff;  padding-bottom: 0px; margin: 3px -3px 0px 0px; font-weight: normal; background: #57a5fd url('../images/tab_bg_off_trans.gif') no-repeat scroll top center; z-index: 4; position: relative; }
a.tabOff:hover, a.tabOff:active { color: #ffffff;  padding-bottom: 2px; margin: 1px -3px 0px 0px; font-weight: normal; background: #57a5fd url('../images/tab_bg_off_trans.gif') no-repeat scroll top center; z-index: 4; position: relative; }


#aTabR6.tabOff, #aTabR7.tabOff, #aTabR8.tabOff { background-color: #3776b8; color:#ffffff; }
#aTabR6.tabOn,  #aTabR7.tabOn,  #aTabR8.tabOn  { background-color: #3776b8; color:#ffffff; }


h3.tabHeader { clear: left; background-color: #fff094; margin: 0px 0px 0px; border-top: 1px solid black; text-align: center; padding: 2px 0px; line-height: 15px; font-size: 12pt; }

#tblMainMaps div.tabBody { border-top: 1px solid black; border-bottom: 1px solid black; height: 402px; overflow: hidden; background-color: #ffd; font-size: 10pt; }
img { vertical-align: bottom; }
/* Tab changes for the Search page */
.tabWide div.tabs a { width: 140px; }
.tabWide div.tabs a.tabOn  { background: #ffcf63 url('../images/tab_bg_on_wide.gif')  no-repeat scroll top center; }
.tabWide div.tabs a.tabOff { background: #CCA351 url('../images/tab_bg_off_wide.gif') no-repeat scroll top center;  }
.tabWide div.tabBody { border-top: 1px solid black; border-bottom: 1px solid black; background-color: #ffd; font-size: 10pt; padding: 10px 5px; }
.tabWide table.tabBody { background-color: #ffd; border-top: 1px solid black; border-bottom: 1px solid black; }
.tabWide table.tabBody td.tdSearch { background-color: #ffd; padding: 10px 5px; }
.tabWide table.tabBody td.tdBrowse { background-color: #eec; padding: 10px 5px; }
.tabSpacerSingle { font-size: 1px; height: 17px; }
.tabSpacerDouble { font-size: 1px; height: 37px; }

.divLargeMap { background-color: #ffcf63; text-align: center; font-size: 11px; margin-top: 2px; padding-bottom: 1px; }
.divLargeMap a { text-decoration: none; }

.MapContainer {
	background-color: lightgrey; 
	overflow: hidden; 
	white-space: nowrap; 
}
.MapImages {
	position: absolute;
	overflow: hidden;
}
.MapContainer img { 
	position: absolute;
	overflow: hidden;
	clip: rect(1px 401px 401px 1px);
	width: 402px; height: 402px;
	/*width: 298px;
	height: 198px;*/
	/*border: 1px dotted gray;*/
}

/*
#divZoomBar a:link    { }
#divZoomBar a:visited { }
#divZoomBar a:hover   { background-color: #ce9c31; }
#divZoomBar a:active  { background-color: #ce9c31; }
*/

a.zoomMag { padding: 4px 0px 3px; }
a.zoomMag:link    { }
a.zoomMag:visited { }
a.zoomMag:hover   { background-color: #57a5fd; }
a.zoomMag:active  { background-color: #57a5fd; }

#zOut { padding-left: 1px; }
#zIn { padding-right: 0px; }

#divOverviewRedBoxContainer {
	position: absolute; 
	text-align: left; 
	width: 140px; height: 100px; 
	margin: 0px; 
	font-size: 0px; 
	overflow: hidden;
}
#divOverviewRedBox 
{
	border: 2px solid red; 
}
#tblNowShowing th, #tblNowShowing td { font-size: 11px; }
.tblLeftRight th { font-weight: normal; text-align: left; }
.tblLeftRight td { font-weight: normal; text-align: right; }

#divCentredOn { font-size: 11px; }
#divCentredOn th { padding-left:  4px; font-size: 11px; font-weight: normal; text-align: left; }
#divCentredOn td { padding-right: 4px; font-size: 11px; text-align: right; }

.btnOrange { font-family: Arial; font-size: 9px; color: #666; text-transform: uppercase; border: 1px solid black; text-align: center; width: 61px; line-height: 10px; }
.btnOrange a { text-decoration: none; display: block; color: Black; }
.btnOrange a:link    { background-color: #ffcf63; }
.btnOrange a:visited { background-color: #ffcf63; }
.btnOrange a:hover   { background-color: #ce9c31; }
.btnOrange a:active  { background-color: #ce9c31; }

/* Used for the layers key colour-blocks; just add background-color */
.colorBlock { width: 12px; height: 12px; font-size: 2px; border: 1px solid black; margin-top: 1px; float: left; }

#dgrResults, #dgrTownships { }
#dgrResults tr.header, #dgrTownships tr.header { background-color: #ffcf63; font-weight: bold; }
#dgrResults td, #dgrTownships td { border-top: 1px solid black; border-bottom: 1px solid black; font-size: 12px; border-left: 1px solid grey; border-right: 1px solid grey; }
.tithePager td { padding-left: 80px; }
.tithePager span, .tithePager a 
{
	padding: 0px 6px; 
	font-weight: bold; 
	font-size: 13px;
	color:#ffffff; 
}
.trOdd  { background-color: #f3f3f3; }
.trEven { background-color: #e4e4e4; }

.alphabet { text-align: left; margin-bottom: 10px; color: #ccc; height: 35px; }
.alphabet span { font-size: 10px; display: block; float: left; }
.alphabet a { color: navy; font-weight: normal; width: 20px; display: block; float: left; text-align: center; }
.alphabet a:hover { background-color: #cc9; }

.words { color: #ccc; margin: 0px 10px; text-align: justify; }
.words a { color: navy; font-weight: normal; }
.words a:link { text-decoration: none; }
.words a:visited { text-decoration: none; }
.words a:hover { text-decoration: underline; }
.words a:active { text-decoration: underline; }
/*.words span { padding: 0px 6px; }*/

.copyright { text-align: center; font-size: 11px; color: #ffffff; }
.copyright a
{
	color:#ffffff;
}
.pageNav { text-align: center; font-size: 11px; color: navy; }
#footerbar {
	text-align: center; 
	font-family: Arial; 
	font-size: 13px; 
	background-color: #ffcf63; 
	margin: 0px -2px -1px -2px; 
	padding: 0px; 
	border-bottom: 1px solid #ffcf63;
	clear: both;
	width: 100%;
}
#footerbar a { text-decoration: none; }
#footerbar a:link    { text-decoration: none; }
#footerbar a:visited { text-decoration: none; }
#footerbar a:hover   { text-decoration: underline; }
#footerbar a:active  { text-decoration: underline; }

#lblResultCount
{
	color:#ffffff;
}