﻿/*

	Base Website Styles
	
	2009 City of Waterloo	
	
*/

#LoginPanel
{
	/* Uncomment the line below to hide login controls */
	/*display: none;*/
}

body {
    font-family: Arial, Verdana, Serif !important;
    font-size: 12px;
    color: #373737;
    padding-top: 15px;    
}

#printArea
{
	font-family: Arial, Verdana, Serif !important;
	font-size: 12px;
}

#printArea p, #printArea a, #printArea td, #printArea b, #printArea th,
#printArea strong, #printArea li, #printArea font, #printArea span,
#printArea u, #printArea blockquote, #printArea i,
#printArea h1, #printArea h2, #printArea h3, #printArea h4, #printArea h5, #printArea h6
{
    font-family: Arial, Verdana, Serif !important;
	font-size: 1em !important;
} 

a, a:active, a:visited
{
	color: #286d80;
	text-decoration: none;
}

	a:hover
	{
		text-decoration: underline;
	}	

img
{
	border: 0px;
}

.FreeTextBoxPanel iframe
{
	width: 99% !important;
}

/*

	General Styles

*/

.clear
{
	clear: both;
}

/*

	Page Titles

*/

.titlePadding
{
	display: block;
	width: 1px;
	height: 10px;
}

.subtitle
{
	position:relative;
	float:left;
	width: 100%;
	margin: 10px 0px 10px 0px;
	clear: both;
	border-bottom: solid 8px #f6c909;
}

	.subtitleTextArea 
	{
		float:left;
		background-color: #F6C909;
	}

		.subtitleTextLeft
		{
			float: left;
			height: 35px;
			width: 11px;
			background: #F6C909 url(../images/structure/subtitle/subtitle_left_bg.jpg) no-repeat 0px 0px;
		}

		.subtitleText
		{
			float: left;	
			/*height: 15px;*/
			padding: 20px 0px 0px 5px;
			background: #F6C909 url(../images/structure/subtitle/subtitle_text_bg.jpg) repeat-x 0px 0px;
			color: #000000 !important;
			font-weight: bold;
			letter-spacing: 0.1em;
		}

		.subtitleTextRight
		{
			float: left;	
			height: 35px;
			width: 28px;
			background: #F6C909 url(../images/structure/subtitle/subtitle_right_bg.jpg) no-repeat 0px 0px;
		}	
		
	.subtitleButtons
	{
		position:absolute;
		right:0px;
		top:15px;
	}
	
	.rightPaneOn .subtitle, .rightPaneOff .subtitle
	{
		width: 183px;
		margin: 0px 0px 0px 0px;
		background-color: #f6c909;
		height: auto;		
	}
	
		.rightPaneOn .subtitleText, .rightPaneOff .subtitleText
		{
			width: 161px;
			background: #f6c909 url(../images/structure/subtitle/subtitle_text_bg.jpg) repeat-x 0px 0px;
			padding-left: 0px;
			/*font-size: 11px;*/
			text-align: center;
			height: auto;
			padding-top: 21px;
		}	
			
		.rightPaneOn .subtitleTextRight, .rightPaneOff .subtitleTextRight
		{
			width: 11px !important;
			background: #f6c909 url(../images/structure/subtitle/subtitle_right_short_bg.jpg) no-repeat 0px 0px;
		}
		
	/*

		Left Pane Module Titles

	*/
	#leftPane .subtitle, #subNav .subtitle, #leftPane .subtitleText
	{
		background-color: Transparent;
		background: none !important;
		width: auto;		
		border: 0px !important;
	}
	
		#leftPane .subtitleTextLeft, #subNav .subtitleTextLeft
		{
			display: none;
		}
		
		#leftPane .subtitleText, #subNav .subtitleText
		{
			width: auto;
			color: #000000;
			font-size: 16px;
			background: none !important;
			padding: 0px 0px 10px 0px;
		}
		
			#leftPane .subtitleText span, #subNav .subtitleText span,
			#leftPane .subtitleText a, #subNav .subtitleText a
			{
				display: inline;
				width: auto;
				float: none;
			}		
		
		#leftPane .subtitleText, #leftPane .subtitleTextArea
		{
			color: #ffffff !important;
			background-color: Transparent;
		}	
		
		#subNav .subtitleText, #subNav .subtitleTextArea
		{
			color: #000000;
			background-color: Transparent;
		}
		
		#leftPane .subtitleTextRight, #subNav .subtitleTextRight
		{
			display: none;
		}			
		
/*

	Form CSS

*/

#contentPane input[type="text"], #contentPane input[type="password"], #contentPane textarea
{
	border-top: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
	border-bottom: solid 1px gray;
	border-right: solid 1px gray;
}

	.inputText, .inputPassword
	{
		border-top: solid 1px silver;
		border-left: solid 1px silver;
		border-bottom: solid 1px gray;
		border-right: solid 1px gray;	
	}
	
textarea
{
	padding: 3px 3px 3px 3px;
}

#contentPane input[type="button"], #contentPane input[type="reset"], #contentPane input[type="submit"]
{
	border-top: solid 1px silver;
	border-left: solid 1px silver;
	border-bottom: solid 1px gray;
	border-right: solid 1px gray;	
}

	.inputButton, .inputReset, .inputSubmit
	{
		border-top: solid 1px silver;
		border-left: solid 1px silver;
		border-bottom: solid 1px gray;
		border-right: solid 1px gray;		
	}

/*

	Structural Styles
	
	2009 City of Waterloo	
	
*/

#uber
{
	position: relative;
	margin: auto auto;
	width: 970px;	
}

	#search
	{
		position: absolute;
		top: 39px;
		left: 634px;
		width: 336px;
		height: 25px;
		z-index: 1001;
	}
	
		.searchInputWrap
		{
			width: 152px;
			height: 25px;
			background: #FDEEB0 url(../images/structure/search_bg.jpg) no-repeat 0px 0px;
		}
		
		.searchInput
		{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 140px;
			height: 20px;
			border: 0px;
			padding: 5px 0px 0px 12px;
			font-weight: 900;
			font-size: 12px;
			background-color: Transparent;
		}
		
		a.searchButton, a.searchButton:active, a.searchButton:visited
		{
			position: absolute;
			top: 0px;
			left: 152px;
			display: block;
			width: 29px;
			height: 25px;
			background: transparent url(../images/structure/btn_search.jpg) no-repeat 0px 0px;
		}
		
			a.searchButton:hover
			{
				background: transparent url(../images/structure/btn_search.jpg) no-repeat 0px -25px;
			}
		
		.searchGoogle
		{
			position: absolute;
			top: 0px;
			left: 181px;
			width: 155px;
			height: 35px;
		}				

	#header
	{
		position: relative;
		float: left;
		width: 970px;
		height: 110px;
		background: #ffffff url(../images/structure/header_bg.jpg);
		z-index: 100;
	}
	
		#logo
		{
			position: absolute;
			top: 18px;
			left: 13px;
			width: 209px;
			height: 84px;
		}
		
			#logo img
			{
				position: absolute;
				top: 0px;
				left: 0px;
				width: 209px;
				height: 84px;
			}
		
		#printLogo
		{
			display: none;
		}
		
		#topNav
		{
			position: absolute;
			top: 0px;
			right: 0px;
			width: 707px;
			height: 20px;
			text-align: right;
			padding: 15px 15px 0px 0px;
			overflow: hidden;
		}
		
			#topNav a, #topNav a:active, #topNav a:visited
			{
				color: #000000;
				font-weight: bold;
				text-decoration: none;
				padding: 0px 0px 0px 12px;
				text-transform: uppercase;
			}

				#topNav a:hover
				{
					color: #666666;
					text-decoration: none;
				}					
		
		.quickLinks
		{
			position: absolute !important;
			top: 39px;
			left: 385px;
			width: 234px;
			height: 25px;
			z-index: 2025;
		}
		
			.quickLinks .moduleTitleRow
			{
				display: none;
			}
		
			.quickLinks table 
			{
				border-collapse: collapse;
				margin: 0px; 
				padding: 0px;
				position: absolute;
				clear: both;
				margin-top: 0px;
				margin-left: 0px;
				border: 0px;
			}

			.quickLinks br, .quickLinks hr
			{
				display:none;
			}
				
			.quickLinks a.quickLinksContainer, a.quickLinksContainer:active, a.quickLinksContainer:visited 
			{
				float: left;
				display: block;  
				text-decoration: none; 
				width: 234px;
				height: 25px;
				color: #FFFFFF;
				background: transparent url(../Images/structure/quickLinks_bg.jpg) no-repeat 0px 0px;
			}

				.quickLinks a.quickLinksContainer:hover
				{
					background: #FCD105 url(../Images/structure/quickLinks_bg.jpg) no-repeat 0px -25px;
				}

				.quickLinks ul 
				{
					display: block;
					visibility: hidden;
					position: absolute; 
					/*top: 25px !important;*/
					left: 8px; 
					list-style-image: none !important; 
					list-style-type: none !important; 
					display: block;
					background-color: #474747;
					width: 197px;
					padding: 0px;
					margin: 0px;
				}

				.quickLinks a.quickLinksContainer:hover
				{
					/*
						border: bottom: solid 1px #ffd504;
						margin-bottom: -1px;
					*/
				}
				
				.quickLinks:hover, .quickLinks:hover ul, .quickLinks .quickLinksContainer:hover ul 
				{
					visibility: visible;
					position: relative; /* Required for Opera to work */
				}
				
				/* 
					Required for IE 6 as the Opera fix above will cause the drop-down 
					list to shift up 25px
				*/
				* html .quickLinks:hover, * html .quickLinks:hover ul, * html .quickLinks .quickLinksContainer:hover ul 
				{
					top: 25px;
				}				

					.quickLinks ul li
					{
						float: left;
						font-size: 12px;
						width: 197px;
						overflow: hidden;
						background-image: none !important;
						list-style-image: none !important;
						list-style-type: none !important;
						background-color: #474747 !important;						
					}
					
						.quickLinks ul li a, .quickLinks ul li a:visited, .quickLinks ul li a:active
						{
							float: left;
							display: block;
							color: #ffffff;
							padding: 5px 10px 5px 10px;
							width: 177px !important;
							border-bottom: solid 1px #B8B8B8;
							background-color: #474747 !important;
							font-size: 11px;
							font-weight: bold;
						}
						
						.quickLinks ul li a.editIcon, .quickLinks ul li a:visited.editIcon, .quickLinks ul li a:active.editIcon
						{
							padding: 5px 0px 5px 10px;
							width: 25px !important;
							border:0px;
						}
						
						.quickLinks ul li a.shortened, .quickLinks ul li a:visited.shortened, .quickLinks ul li a:active.shortened
						{			
							padding: 5px 10px 5px 0px;
							width: 152px !important;
						}

						.quickLinks ul li a:hover
						{
							background-color: #ffd503 !important; /* dark color hover */
							color: #474747 !important; 
							text-decoration: none !important;
						}

						.quickLinks ul li.last a, .quickLinks ul li.last a:hover
						{
							border-bottom: 0px !important;
						}		
			
		#mainNav
		{
			position: relative;
			left: 261px; top: 76px;
			width: 709px;
			height: 34px;
			right: 0px;
			bottom: 0px;
			z-index: 2005;
		}
		
			/*

				Main Navigation
				
			*/
			#nav {
				position: absolute;
				width: 710px;
				height: 34px;
				top: 0px;
				left: 0px;
				margin: 0px;
				padding: 0px;
				list-style-type: none;
				z-index: 1000;
			}

			#nav li.mainNavTab
			{
				float: left;
				position: relative;
				list-style-type: none;
				list-style-image: none;
			}
			
			#navTab01 a.mainNavLink 
			{
				display: block;
				width: 191px;
				height: 34px;
				margin: 0;
				padding: 0;
				float: left;
				background: #ffd503 url(../Images/Structure/Navigation/nav_mayorCouncil.jpg) no-repeat 0px 0px;
			}

				#navTab01 a.mainNavLink:hover {
					background-position: 0px -34px;
					text-decoration: none;
				}

				#navTab01on, #navTab01on a.mainNavLink, #navTab01on a.mainNavLink:hover {
					display: block;
					width: 191px;
					height: 34px;
					margin: 0;
					padding: 0;
					float: left;
					background: #ffd503 url(../Images/Structure/Navigation/nav_mayorCouncil.jpg) no-repeat 0px -34px;
				}

			#navTab02 a.mainNavLink {
				display: block;
				width: 135px;
				height: 34px;
				margin: 0;
				padding: 0;
				float: left;
				background: #ffd503 url(../Images/Structure/Navigation/nav_residents.jpg) no-repeat 0px 0px;
			}

				#navTab02 a.mainNavLink:hover {
					background-position: 0px -34px;
					text-decoration: none;
				}

				#navTab02on, #navTab02on a.mainNavLink, #navTab02on a.mainNavLink:hover {
					display: block;
					width: 135px;
					height: 34px;
					margin: 0;
					padding: 0;
					float: left;
					background: #ffd503 url(../Images/Structure/Navigation/nav_residents.jpg) no-repeat 0px -34px;
				}

			#navTab03 a.mainNavLink {
				display: block;
				width: 122px;
				height: 34px;
				margin: 0;
				padding: 0;
				float: left;
				background: #ffd503 url(../Images/Structure/Navigation/nav_visitors.jpg) no-repeat 0px 0px;
			}

				#navTab03 a.mainNavLink:hover {
					background-position: 0px -34px;
					text-decoration: none;
				}

				#navTab03on, #navTab03on a.mainNavLink, #navTab03on a.mainNavLink:hover {
					display: block;
					width: 122px;
					height: 34px;
					margin: 0;
					padding: 0;
					float: left;
					background: #ffd503 url(../Images/Structure/Navigation/nav_visitors.jpg) no-repeat 0px -34px;
				}

			#navTab04 a.mainNavLink {
				display: block;
				width: 129px;
				height: 34px;
				margin: 0;
				padding: 0;
				float: left;
				background: #ffd503 url(../Images/Structure/Navigation/nav_business.jpg) no-repeat 0px 0px;
			}

				#navTab04 a.mainNavLink:hover {
					background-position: 0px -34px;
					text-decoration: none;
				}
				
				#navTab04on, #navTab04on a.mainNavLink, #navTab04on a.mainNavLink:hover {
					display: block;
					width: 129px;
					height: 34px;
					margin: 0;
					padding: 0;
					float: left;
					background: #ffd503 url(../Images/Structure/Navigation/nav_business.jpg) no-repeat 0px -34px;
				}

			#navTab05 a.mainNavLink {
				display: block;
				width: 132px;
				height: 34px;
				margin: 0;
				padding: 0;
				float: left;
				background: #ffd503 url(../Images/Structure/Navigation/nav_cityHall.jpg) no-repeat 0px 0px;
			}

				#navTab05 a.mainNavLink:hover {
					background-position: 0px -34px;
					text-decoration: none;
				}
				
				#navTab05on, #navTab05on a.mainNavLink, #navTab05on a.mainNavLink:hover {
					display: block;
					width: 132px;
					height: 34px;
					margin: 0;
					padding: 0;
					float: left;
					background: #ffd503 url(../Images/Structure/Navigation/nav_cityHall.jpg) no-repeat 0px -34px;
				}
				
			#navTab06
			{
				position: absolute !important;
				top: -95px;
				left: -250px;
				z-index: 2000;
			}
			
			#navTab06 a.mainNavLink 
			{
				display: block;
				width: 232px;
				height: 100px;
				margin: 0;
				padding: 0;
				float: left;
				background-color: transparent;
			}

				#navTab06 a.mainNavLink:hover {
					background-position: 0px -34px;
					text-decoration: none;
				}
				
				#navTab06on, #navTab06on a.mainNavLink, #navTab06on a.mainNavLink:hover {
					display: block;
					width: 232px;
					height: 100px;
					margin: 0;
					padding: 0;
					float: left;
					background-color: gray;
				}				
				
			/*

				Drop-down styles
				
			*/

			#nav table 
			{
				border-collapse: collapse;
				margin: 0px; 
				padding: 0px;
				position: relative;
				clear: both;
				margin-top: 0px;
				margin-left: 0px;
			}
				
			#nav .mainNavTab ul li a, #nav .mainNavTab ul li a:visited 
			{
				float: left;
				display: block;  
				text-decoration: none; 
				padding: 0px; 
				color: #FFFFFF;
			}

				#nav .mainNavTab ul 
				{
					visibility: hidden; 
					position: absolute; 
					top: 34px; left: 0px; 
					list-style-image: none; list-style-type: none; 
					background-color: transparent; 
					padding: 0px; margin: 0px;
					padding-bottom: 25px !important; /* Opera fix */
					z-index: 1001;
				}

				#navTab05 ul, #navTab05on ul
				{
					left: -78px !important;
				}				
				
				#nav a.mainNavLink:hover
				{
					border-bottom: solid 1px #B8B8B8;
				}
						
				#nav .mainNavTab:hover ul, #nav a.mainNavLink:hover ul 
				{
					visibility: visible;	
				}

					#nav .mainNavTab ul li
					{
						display: block;
						float: left;
						font-size: 12px;
						width: 210px;
						clear: both;
						background-image: none !important;
						list-style-type: none !important;
						list-style-image: none !important;
					}
					
						#nav .mainNavTab ul li a, #nav .mainNavTab ul li a:visited, #nav .mainNavTab ul li a:active
						{							
							display: block;
							float: left;
							color: #ffffff;
							padding: 5px 10px 5px 10px;
							width: 190px !important;
							border-top: solid 1px #B8B8B8;
							background-color: #474747 !important;
							font-size: 12px;
							font-weight: normal !important;
						}

						#nav .mainNavTab ul li a:hover
						{
							background-color: #ffd503 !important; /* dark color hover */
							color: #474747 !important; 
							text-decoration: none !important;
						}

						#nav .mainNavTab ul li.last a, #nav .mainNavTab ul li.last a:hover
						{
							border-bottom: 0px !important;
						}		
		
	#bodyContainer
	{
		float: left;
		width: 969px;
		background: #ffffff url(../images/structure/bodyContainer_bg.jpg) repeat-y 0px 0px;
		border: solid 1px #B8B8B8;
		border-left: 0px;
	}
	
		#subNav
		{
			float: left;
			width: 244px;			
			padding: 0px 0px 0px 17px;
			margin: 0px 0px 0px 0px;
			background: transparent url(../images/structure/subNav_bg.jpg) no-repeat 0px 0px;	
			overflow: hidden;
		}			
		
			.subNavNoLinks
			{
				background: transparent url(../images/structure/subNav_NoLinks_bg.jpg) no-repeat 0px 0px !important;	
			}
			
			.subNavNoLinks #subNavLinks
			{
				display: none;
			}
		
			#subNav #subNavLinks
			{
				float: right;
				width: 234px;
				margin: 28px 0px 0px 0px;
				padding: 0px 0px 23px 10px;
				background: #ffffff url(../images/Structure/subNavLinks_bg.jpg) no-repeat left bottom;
				
			}
			
			/*

				Subnavigation (left-hand side)
				
			*/

			#subNavLinks a, #subNavLinks a:active, #subNavLinks a:visited
			{
				float: left;
				display: block;
				width: 197px;
				color: #095184;
				font-weight: bold;
				background-color: #ffffff;
				padding: 10px 12px 10px 12px;
				font-size: 13px;
				border-bottom: solid 1px #D3D3D3;
			}

			#subNavLinks .ModuleTitleBG a, #subNavLinks .ModuleTitleBG a:active, #subNavLinks .ModuleTitleBG a:visited
			{
				float:none;
				display:inline;
				width: auto;
				color: #095184;
				padding: 0px;
				border:0px;
			}

				#subNavLinks a:hover
				{
					color: #1083d4;
					text-decoration: none;
				}
				
				#subNavLinks br 
				{
					display:none;
				}				
			
			#leftPane 
			{
				clear: both;
				padding: 17px 17px 17px 0px;
				color: #ffffff;
			}
			
				#leftPane a.Children, #leftPane a.Children:active, #leftPane a.Children:visited
				{
					display: inline-block;
					width: 100%;
					height: 20px;
					line-height: 20px;
					vertical-align: middle;					
					background: transparent url(../images/structure/navigation/subnav_secondary_bg.jpg) repeat-x 0px 0px;	
					border: solid 1px #666666;
					margin: 0px 0px 3px 0px;
					padding: 0px 3px 0px 3px;
					color: #000000;					
				}
				
					#leftPane a.Children:hover
					{
						background: transparent url(../images/structure/navigation/subnav_secondary_bg.jpg) repeat-x 0px -21px;
						text-decoration: none;
					}
			
				#tblUserInfo
				{
					margin: 10px 0px 10px 0px;
				}
			
				#leftPane a, #leftPane a:active, #leftPane a:visited 
				{
					color: #ffd504;
					text-decoration: none;
				}
				
					#leftPane a:hover 
					{						
						text-decoration: underline;
					}				

				#leftPane label 
				{
					font-weight: bold;
				}			
			
		#contentContainer
		{
			float: left;
			width: 648px;
			padding: 15px 30px 15px 30px;			
		}
		
			#breadcrumbsContainer
			{
				float: left;
				width: 648px;
				margin: 0px 0px 17px 0px;
			}
			
				#divBreadCrumbs
				{
					float: left;
					width: 548px;
				}
				
					#divBreadCrumbs a, #divBreadCrumbs a:active, #divBreadCrumbs a:visited
					{
						color: #095184;
						font-weight: bold;
						text-decoration: none;
					}

						#divBreadCrumbs a:hover
						{
							color: #1083d4;
							text-decoration: none;
						}
						
					.crumbDivider
					{
						padding: 0px 5px 0px 5px;
					}

					#divBreadCrumbs .current
					{
						color: #095184;
						font-weight: normal;
					}								
				
				#date
				{
					float: right;
					width: 100px;
					text-align: right;
					font-weight: bold;
				}				
				
			#pageTitle
			{
				float: left;
				width: 618px;
				padding: 10px 15px 10px 15px;				
				background: #6C6C6B url(../images/structure/pageTitle_bg.jpg) no-repeat 0px 0px;
				font-size: 18px;
				color: #ffffff;				
			}
			
			#actions
			{
				float: left;
				width: 616px;
				height: 24px;					
				padding: 10px 16px 0px 16px;
				background: #ffffff url(../images/structure/actions_bg.jpg) no-repeat 0px 0px;	
			}
			
				a.printerFriendly, a.printerFriendly:active, a.printerFriendly:visited
				{
					float: right;
					background: #E3E3E3 url(../images/structure/icn_printerFriendly.gif) no-repeat 0px 0px;
					padding: 0px 10px 0px 22px;
				}

					a.printerFriendly:hover
					{
						color: #6C6C6B;
						text-decoration: none;
					}
					
				a.textLarger, a.textLarger:active, a.textLarger:visited
				{
					float: right;
					padding: 0px 10px 0px 22px;
					background: #E3E3E3 url(../images/structure/icn_textLarger.gif) no-repeat 0px 0px;
				}

					a.textLarger:hover
					{
						color: #6C6C6B;
						text-decoration: none;	
					}
					
				a.textSmaller, a.textSmaller:active, a.textSmaller:visited
				{
					float: right;
					padding: 0px 10px 0px 22px;
					background: #E3E3E3 url(../images/structure/icn_textSmaller.gif) no-repeat 0px 0px;
				}

					a.textSmaller:hover
					{
						color: #6C6C6B;
						text-decoration: none;	
					}
					
				a.textReset, a.textReset:active, a.textReset:visited
				{
					float: right;
					padding: 0px 0px 0px 22px;
					background: #E3E3E3 url(../images/structure/icn_textReset.gif) no-repeat 0px 0px;
				}

					a.textReset:hover
					{
						color: #6C6C6B;
						text-decoration: none;	
					}
					
				img.openAll
				{
					float: left;
					margin: -3px 0px 0px 0px
				}

				a.openAllToggle, a.openAllToggle:active, a.openAllToggle:visited
				{
					float: left;
					padding: 0px 0px 0px 6px;
				}
				
					a.openAllToggle:hover
					{
						color: #6C6C6B;
						text-decoration: none;	
					}										
				
			.contentPaneWide
			{
				float: left;
				width: 648px;
				margin: 21px 0px 0px 0px;
				font-size: 12px;
				/* Some content has an unchangable width that requires side scrolling */
				overflow-y: hidden !important;
				overflow-x: auto !important;
			}
			
			.contentPane
			{
				float: left;
				width: 448px;
				margin: 21px 0px 0px 0px;
				font-size: 12px;
				/* Some content has an unchangable width that requires side scrolling */
				overflow-y: hidden !important;
				overflow-x: auto !important;
			}
			
				.contentPane a, .contentPane a:active, .contentPane a:visited,
				.contentPaneWide a, .contentPaneWide a:active, .contentPaneWide a:visited
				{
					font-weight: bold;
					text-decoration: none;
				}

					.contentPane a:hover, .contentPaneWide a:hover
					{
						text-decoration: underline;
					}			
			
			.rightPaneOn
			{
				float: right;
				width: 185px;
				padding: 0px 0px 0px 15px;
				margin: 21px 0px 0px 0px;
				overflow-x: auto;
				overflow-y: hidden;
			}			
			
			.rightPaneOff
			{
				display:none;
			}
			
	/*

		Homepage

	*/
	
	#bodyContainerHome
	{
		float: left;
		width: 970px;		
		overflow: hidden;
	}	
	
		#homepageNews
		{
			position: relative;
			float: left;
			width: 259px;
			height: 339px;
			overflow: hidden;
			border: solid 1px #B8B8B8;
			border-right: 0px;
		}
		
			.homepageNewsAlert
			{
				height: 170px;
			}
		
			#WebcastAlert
			{
				position: relative; top: 0px; left: 0px; z-index: 100;
				float: left;
				width: 239px;
				height: 148px;
				border-bottom: solid 1px #B8B8B8;
				padding: 10px 10px 10px 10px;
				overflow: hidden;
				background-color: #ffffff;	
				text-align: center;		
			}	
			
				#WebcastAlert *
				{
					font-size: 10px !important;
				}
				
				#WebcastAlert table
				{
					margin: 0px;
				}
				
				#WebcastAlert p.Normal
				{
					margin: 0px;
					padding: 5px 0px 0px 0px;
				}
			
				.WebcastImage
				{
					padding-top: 2px;
					padding-bottom: 2px;
					border-top: solid 1px #000000;
					border-bottom: solid 1px #000000;
					margin: 0px !important;
				}
			
			/* IE 6 Only */
			* html #WebcastAlert
			{
				top: -1px;
			}	
				
			#homepageNewsItemsContainer
			{			
				position: absolute;	
				top: 0px; left: 0px;
				width: 239px;
				height: 339px;
				overflow: hidden;
				padding: 0px 10px 0px 10px;
				margin: 0px 0px 0px 0px;
				background-color: #ffffff;
				border: 0px;									
			}		
				
			#homepageNewsItemsContainer, #contentPane
			{				
				overflow: hidden;
				scrollbar-3dlight-color: transparent;
				scrollbar-arrow-color: #ffd504;
				scrollbar-base-color: #dddddd;
				scrollbar-darkshadow-color: #eeeeee;
				scrollbar-face-color: #eeeeee;
				scrollbar-highlight-color: transparent;
				scrollbar-shadow-color: #dddddd;
				scrollbar-track-color: #dddddd;								
			}			
					
			#homepageNewsItems
			{	
				float: left;
				width: auto;
			}
			
			#homepageNewsLinks
			{
				position: absolute;
				top: 253px; left: 0px;
				width: 259px; height: 86px;
				margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
				overflow: hidden;
				border-top: solid 1px #B8B8B8;
				line-height: 86px; vertical-align: middle;
				text-align: center;
				background: transparent url(../images/structure/homepageNewsLinks_bg.gif) repeat-x 0px 0px;
				display: none; /* Hiding as this is no longer shown/used */
			}	
			
			#contentPane #homepageNews, #contentPane #homepageNewsItemsContainer,
			#contentPane #homepageNewsLinks
			{
				height: auto !important;
				width: auto !important;
				position: static;
			}				
							
				.newsItem
				{
					padding: 0px 0px 6px 0px;
					margin: 6px 0px 0px 0px;
				}

					.lastNewsItem
					{
						border: 0px !important;
					}

					.newsItem a, .newsItem a:active, .newsItem a:visited
					{
						color: #095184;
						font-weight: bold;
					}
					
						.newsItem a:hover
						{
							color: #1083d4;
							text-decoration: none;	
						}
						
					#newsItemFooter
					{
						margin: 12px 0px 0px 0px;
					}
					
					.newsReadAllLink
					{
						float: left;
						padding-right: 10px;
					}
					
					.newsItem span
					{
						padding: 5px 0px 0px 0px;
						display: block;
					}
					
				#homepageNews > table:first-child
				{
					display: none;
				}
					
				#homepageNewsLinks a, #homepageNewsLinks a:active, #homepageNewsLinks a:visited
				{
					color: #000000;
					font-weight: bold;
					font-size: 11px;
					margin: 5px 3px 5px 3px;
					
				}

					#homepageNewsLinks a:hover
					{
						color: #666666;
						text-decoration: none;
					}
					
				#homepageNewsItems .newsEditLink
				{
					float: left;
					margin: 0px 5px 5px 0px;
				}

				#homepageNews table
				{
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
				}	
				
				#homepageNews table, #homepageNews table td, #homepageNews table tr
				{
					border: 0px;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
				}

				#homepageNews .moduleTitle
				{
					display: none;
				}

				#homepageNews br
				{
					display: none;
				}							
				
		#contentPane #homepageNewsItems, #contentPane #homepageNewsLinks,
		#contentPane #homepageNewsItems table
		{
			width: 100% !important;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			height: auto;
			border: 0px !important;
		}
				
		#homepageBanner
		{
			float: left;
			width: 709px;
			/*height: 254px;*/
			height: 253px;
			border-top: solid 1px #B8B8B8;
			border-left: solid 1px #B8B8B8;
			border-bottom: solid 1px #B8B8B8;
			overflow: hidden;
		}
		
		#homepageMessage
		{
			position: relative;
			float: left;
			width: 710px;
			height: 86px;
			background: transparent url(../images/structure/homepageMessage_bg.gif) no-repeat 0px 0px;	
			overflow: hidden;
		}	
		
		.homepageMessageAlert
		{
			background: transparent url(../images/structure/homepageMessage_Alert_bg.gif) no-repeat 0px 0px !important;	
		}	
		
		#homepageMessageContainer
		{
			
			position: relative;
			float: left;
			width: 639px;
			height: 62px;
			padding: 12px 35px 12px 35px;
			overflow-x: hidden;
			overflow-y: auto;			
				
			scrollbar-3dlight-color: transparent;
			scrollbar-arrow-color: #ffd504;
			scrollbar-base-color: #474747;
			scrollbar-darkshadow-color: #474747;
			scrollbar-face-color: #474747;
			scrollbar-highlight-color: transparent;
			scrollbar-shadow-color: #474747;
			scrollbar-track-color: #474747;
			
			border-left: 1px solid #B8B8B8;
					
		}		
		
		.homepageMessageAlert #homepageMessageContainer
		{
			
			scrollbar-3dlight-color: transparent;
			scrollbar-arrow-color: #ffffff;
			scrollbar-base-color: #770c0c;
			scrollbar-darkshadow-color: #770c0c;
			scrollbar-face-color: #770c0c;
			scrollbar-highlight-color: transparent;
			scrollbar-shadow-color: #770c0c;
			scrollbar-track-color: #770c0c;
						
		}
		
			#homepageMessageWrap
			{
				position: relative;
				float: left;
				margin: 0px;
				padding: 0px;
			}	
		
				#homepageMessageTitle
				{
					float: left;
					width: 640px;
					min-height: 15px;
					height: auto !important;
					height: 15px;	
					color: #ffffff;
					font-weight: bold;
				}
				
				#homepageMessageText
				{
					float: left;
					width: 640px;
					min-height: 15px;
					height: auto !important;
					height: 15px;	
					color: #BABABA;
				}	
				
					#homepageMessageText a, #homepageMessageText a:active, #homepageMessageText a:visited
					{
						color: #BABABA;
						text-decoration: none;
					}
					
					#homepageMessageText a:hover
					{
						text-decoration: underline;
					}
							
				#homepageMessageLinks
				{
					color: #ffffff;
					float: left;
					width: 640px;
					min-height: 15px;
					height: auto !important;
					height: 15px;	
				}
							
				.homepageMessageAlert #homepageMessageLinks
				{
					display: none !important;
				}			

				#homepageMessageLinks a, #homepageMessageLinks a:active, #homepageMessageLinks a:visited
				{
					color: #ffffff;
					text-decoration: none;
				}

					#homepageMessageLinks a:hover
					{
						text-decoration: underline;
					}
					
				.homepageMessageAlert a, .homepageMessageAlert a:active, .homepageMessageAlert a:visited
				{
					color: #ffd504 !important;
				}
					
				.homepageMessageLinkDivider
				{
					padding: 0px 5px 0px 5px;
					background: transparent url(../images/structure/homepageMessageLinkDivider_bg.gif) no-repeat 4px 6px;
				}									
		
	#footerBanners
	{
		float: left;
		width: 970px;
		height: 140px;
	}
	
		a#footerBannersPrev, a#footerBannersPrev:active, a#footerBannersPrev:visited
		{
			z-index: 1000;
			position: relative;
			float: left;
			width: 37px;
			height: 148px;
			background: transparent url(../images/BottomBanners/btn_prev.jpg) no-repeat 0px 0px;
		}

			a#footerBannersPrev:hover
			{
				background: transparent url(../images/BottomBanners/btn_prev.jpg) no-repeat 0px -148px;
			}
			
			a.footerBannersPrevInactive
			{
				background: transparent url(../images/BottomBanners/btn_prev.jpg) no-repeat 0px -296px !important;
				cursor: default;
			}

		a#footerBannersNext, a#footerBannersNext:active, a#footerBannersNext:visited
		{
			position: relative;
			float: left;
			width: 37px;
			height: 148px;
			background: transparent url(../images/BottomBanners/btn_next.jpg) no-repeat 0px 0px;	
		}

			a#footerBannersNext:hover
			{
				background: transparent url(../images/BottomBanners/btn_next.jpg) no-repeat 0px -148px;	
			}
			
			a.footerBannersNextInactive
			{
				background: transparent url(../images/BottomBanners/btn_next.jpg) no-repeat 0px -296px !important;
				cursor: default;
			}	

		#footerBannerContainer
		{
			float: left;
			position: relative;
			width: 896px;
			height: 148px;
			overflow: hidden;		
		}

			#slideContainer
			{
				position: absolute;
				top: 0px; left: 0px;
				height: 146px;						
			}
			
				.footerGroup
				{
					float: left;
					width: 896px;
					height: 148px;
				}
									
				#slideContainer a, #slideContainer img
				{
					float: left;
					width: 896px;
					height: 148px;
					overflow: hidden;
				}	
				
			#footerBannerGroups
			{
				display: none;
			}		
	
	#footer
	{
		float: left;
		width: 970px;
		margin: 10px 0px 0px 0px;
		padding: 10px 0px 20px 0px;
		border-top: solid 1px #a9a9a9;
	}
	
		* html #footer
		{
			margin-left: -3px;
		}			
	
		#footerText
		{
			float: left;
			/*width: 750px;*/
			width: 750px;
		}
		
		#footerDate
		{
			float: right;
			width: 215px;
			text-align: right;
		}

		* html #footerText
		{
			padding-left: 3px;
		}
		
		.footerLinkDivider
		{
			padding: 0px 3px 0px 3px;
		}	
		
		.footerRSSLink
		{
			display: inline-block;
			padding-right: 20px;
			background: #ffffff url(../images/rss_feed.gif) no-repeat right center;
			line-height: 16px;
			vertical-align: middle;
		}
		
		.footerFacebookLink
		{
			display: inline-block;
			padding-right: 25px;
			background: #ffffff url(../images/facebook_20px_icon.gif) no-repeat right center;
			line-height: 16px;
			vertical-align: middle;
		}		
				
		#eSolutions
		{
			float: right;
			width: 185px;
			height: 16px;
		}
