/* This CSS controls the navigation tabs on Map.Hamilton.ca */

/*the navigation tab, moved up to overlap with the header*/
#Navigation
{
	position: relative;
	margin-top: -27px;
	background-color: Transparent;	
}


#Navigation a
{
	text-decoration: none;
	color: #FFF;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11pt;
	vertical-align: top;
}

#Navigation a:hover
{
	color: #BBB;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	text-decoration: none;
	border-bottom: none;
	vertical-align: top;
	font-size: 11pt;
}
 
/*NavTable consists of 11 cells called slices*/ 
.NavTable
{
	background-color: Transparent;
	padding: 0px;
	border-collapse: collapse;
	float: none;
	clear: both;
	width: 950px;
	height: 27px;
	font-size: 10.5pt;
	text-align: left;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	opacity:.90;
	filter: alpha(opacity=90);
}

#Navigation td
{
	background-color: Transparent;
	vertical-align: top;
	border-collapse: collapse;
	padding-top: 7px;
}


/*Hide the popups on the tabs*/
.slice2 a span,
.slice4 a span,
.slice6 a span,
.slice8 a span,
.slice10 a span
{
	display: none;
}

 /* Show popups on hover*/
.slice2 a:hover span,
.slice4 a:hover span,
.slice6 a:hover span,
.slice8 a:hover span,
.slice10 a:hover span  
{
	display: block;
	table-layout: auto;
	color: #000;
	float: left;
	clear: none;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight:normal;
	text-align: left;
	position: absolute;
	z-index:301;
	margin-left: -35px;
	margin-top: 5px;	
}

/*The text color of the current tab*/
.home		#Navigation .Slice2 a,
.iMapper	#Navigation .Slice4 a,
.mapIt		#Navigation .Slice6 a,
.Gallery	#Navigation .Slice8 a,
.GISS		#Navigation .Slice10 a
{
	color: #FFF;	
	
}

/* Depending on which tab is selected, the background image
on that slice, and slices on either side, will change*/

/* Light left end cap */
#Navigation .Slice1

{
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/lltab.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: Transparent;
}

/* Light right end cap */
#Navigation .Slice11
{
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/lrtab.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* Light tween pieces - left over right tabs */
#Navigation .Slice3,
#Navigation .Slice5,
#Navigation .Slice7,
#Navigation .Slice9
{
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/lrtab-ll.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: Transparent;
}

/* Light tab background */
#Navigation .Slice2,
#Navigation .Slice4,
#Navigation .Slice6,
#Navigation .Slice8,
#Navigation .Slice10

{
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/lctab.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/* Dark tab background */
.home		#Navigation .Slice2,
.iMapper	#Navigation .Slice4,
.mapIt		#Navigation .Slice6,
.Gallery	#Navigation .Slice8,
.GISS		#Navigation .Slice10

{
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/dctab.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-weight: bold;
}

/* Home Page - Dark left end cap */
.home		#Navigation .Slice1
{
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/dltab.gif);	
	background-position: right top;
	background-repeat: no-repeat;
}

/* Home Page - Tween dark left over light right */
.home		#Navigation .Slice3
{
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/drtab-ll.gif);	
	background-position: left top;
	background-repeat:	no-repeat;	
}

.iMapper		#Navigation .Slice3
{
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/dltab-lr.gif);	
	background-position: left top;
	background-repeat:	no-repeat;
}

.iMapper		#Navigation .Slice5
{
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/drtab-ll.gif);	
	background-position: left top;
	background-repeat:	no-repeat;
}

.mapIt		#Navigation .Slice5
{
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/dltab-lr.gif);	
	background-position: left top;
	background-repeat:	no-repeat;
}


.mapIt		#Navigation .Slice3
{
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/lltab-lr.gif);	
	background-position: left top;
	background-repeat:	no-repeat;	
}

.mapIt		#Navigation .Slice7
{
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/drtab-ll.gif);	
	background-position: left top;
	background-repeat:	no-repeat;
}

.Gallery		#Navigation .Slice7
{
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/dltab-lr.gif);	
	background-position: left top;
	background-repeat:	no-repeat;
}

.Gallery		#Navigation .Slice3
{
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/lltab-lr.gif);	
	background-position: left top;
	background-repeat:	no-repeat;
}

.Gallery		#Navigation .Slice5
{
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/lltab-lr.gif);	
	background-position: left top;
	background-repeat:	no-repeat;	
}

.Gallery		#Navigation .Slice9
{
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/drtab-ll.gif);	
	background-position: left top;
	background-repeat:	no-repeat;
}

.GISS		#Navigation .Slice3
{
	
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/lltab-lr.gif);	
	background-position: left top;
	background-repeat:	no-repeat;
}

.GISS		#Navigation .Slice5
{
	
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/lltab-lr.gif);	
	background-position: left top;
	background-repeat:	no-repeat;
}

.GISS		#Navigation .Slice7
{
	
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/lltab-lr.gif);	
	background-position: left top;
	background-repeat:	no-repeat;
}


.GISS		#Navigation .Slice9
{
	
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/dltab-lr.gif);	
	background-position: left top;
	background-repeat:	no-repeat;
}
	
.GISS		#Navigation .Slice11
{
	background-image: url(/maphamilton/HGIS_Controls/images/tabs/glass/drtab.gif);	
	background-position: left top;
	background-repeat:	no-repeat;
}

/*The table that contains the popup information for the nav table*/
.TableNavHelp
{
	border: 0px;
	border-collapse: collapse;
	float:left;
	clear:none;	
	width: 200px;
	height: auto;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight:normal;
	text-align: left;
	z-index: 200;
	opacity:.90;
	filter: alpha(opacity=90);
	background-color: Transparent;	
}

.TableNavHelp #TopLeft
{
	background-image: url(/maphamilton/HGIS_Controls/images/table/TopLeft.gif);
	background-position: right top;
	background-repeat: no-repeat;	
	height: 12px;
	width: 12px;
}

.TableNavHelp #DataCell
{
	background-color: #FFF;	
}

.TableNavHelp #TopRight
{
	background-image: url(/maphamilton/HGIS_Controls/images/table/TopRight.gif);
	background-position: left top;
	background-repeat: no-repeat;	
	height: 12px;
	width: 12px;	
}

.TableNavHelp #BottomLeft
{
	background-image: url(/maphamilton/HGIS_Controls/images/table/BottomLeft.gif);
	background-position: right top;
	background-repeat: no-repeat;	
	height: 12px;
	width: 12px;	
}

.TableNavHelp #BottomRight
{
	background-image: url(/maphamilton/HGIS_Controls/images/table/BottomRight.gif);
	background-position: left top;
	background-repeat: no-repeat;	
	height: 12px;
	width: 12px;	
}

.TableNavHelp #TopCenter
{
	background-image: url(/maphamilton/HGIS_Controls/images/table/TopCenter.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 12px;
	width: 200px;
}

.TableNavHelp #BottomCenter
{
	background-image: url(/maphamilton/HGIS_Controls/images/table/BottomCenter.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 12px;
	width: 200px;	
}

.TableNavHelp #CenterLeft
{
	background-image: url(/maphamilton/HGIS_Controls/images/table/MiddleLeft.gif);
	background-position: right top;
	background-repeat: repeat-y;
	height: auto;
	width: 12px;
}

.TableNavHelp #CenterRight
{
	background-image: url(/maphamilton/HGIS_Controls/images/table/MiddleRight.gif);
	background-position: left top;
	background-repeat: repeat-y;	
	height: auto;
	width: 12px;
}