html {
	height: 100%;
}

body {
	margin: 0;
	height: 100%;
	font: 62.5%/1.5 arial, helvetica, sans-serif;
	text-align: center;
	background: #f7f7f7;
}

/* ----------------
	DEFAULTS AND RESETS
    ------------- */

/* PC FF3 adds an outline to Flash objects? */
a, object {
	outline: none;
}

a img { border: none; }

h1, h2, h3, h4, h5, h6 {
    color: #DD0000;
	margin: 0;
	margin-bottom: 0.25em;
	font-family: arial, san-serif;
	font-weight: bold;
	
}  

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, 
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited  {
  color: #DD0000;
  text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
   text-decoration: underline;
} 


.clearLeft {clear: left; }

h1 { font-size: 2em; line-height: 1.25em; text-transform: uppercase; margin-bottom: 1em; }
body.news h1 {width: 445px;}

h2 { font-size: 1.9em; }
#entryColumnSubInner h2,
#innerColumnSub h2 {
	font-size: 1.4em;
	color: #8C8C8C;
	text-transform: uppercase;
	margin: 0 0 0.5em 0;
	cursor: pointer;
}


#entryColumnSubInner h2 a,
#innerColumnSub h2 a {font-family: verdana; font-size: 0.7em; text-decoration: underline; font-weight: normal; margin-left: 0.5em;}  

#entryColumnSubInner h2 a:hover {
	color: #557BA8;
}

h3 { font-size: 1.3em; text-transform: uppercase; }
#entryColumnMainInner h3 {color: #888888; font-weight: bold;}
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; } 
 
dt {
	font-weight: bold;
	margin-bottom: 0;
}
dd {
	margin: 0 1.5em;
}
	dd p:first-child {
		margin-top: .5em;
	}
 
a,
a:link {
    color: #557BA8;
}
a:hover,
a:active {
    color: #DD0000;
}

strong, b { font-weight: bold; }
em, i { font-style: italic; }

p {
	line-height: 1.5em;
	color: #000;
	font-size: 1.3em;
	margin-top: 0;
}

div.summary p {
	color: #888888;
	font-size: 1.5em;
	font-style: italic;
	margin: -0.75em 0 1.75em 0;
	line-height: 1.25em;
}

/* For HR's with background images */	
div.hr {
  	height: 3px;
  	margin: 10px 0;
  	background: #fff url() 0 0 repeat-x;
}
	div.hr hr {
	  	display: none;
	}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 0.5em;
}
ul ul {
	margin-left: 1.5em;
	font-size: 1em;
}

ol {
    list-style: decimal;
    padding: 0;
}
	ol ul,
	ol ol {
		margin: 0;
		padding: 0;
	}

	li a { 
		padding-left: 10px;
		color:#557BA8;
		background: url(../images/design/nav-bullet-blue.gif) 0 0.6em no-repeat;
	}
	li a:hover,
	li a:active  {background: url(../images/design/nav-bullet-red.gif) 0 0.6em no-repeat;}
	li a:visited {background: url(../images/design/nav-bullet-grey.gif) 0 0.6em no-repeat;}
	
	#innerColumnMain li {
		color: #000;
	    margin: 0;
	    background: url(../images/design/nav-bullet-black.gif) 0 0.6em no-repeat;
	    font-size: 1.3em;
	    padding-left: 10px;
	}
	
	#innerColumnMain li li {
		font-size: 1em;
	}
	
		#innerColumnMain li a { 
			color:#557BA8;
			background: none;
			padding-left: 0;
			text-decoration: underline;
		}
		
			#innerColumnMain li a:hover {
				color: #DD0000;
			}
		
	#innerColumnSub li {
		font-size: 1em;
		color: #888;
	}
	
	#innerColumnSub ul {
		 margin-left: 1.5em;
	}
	
blockquote, q {
    font-style: italic; 
    font-size: 1.2em;   
    color: #888888;
    margin: 0;
}   

small,
.small { 
    font-size: .8em;
}

/* table { border: 0; border-collapse: collapse; } */

address { font-style: normal; }
form { margin: 0; }


/* ----------------
	PAGE STRUCTURE
	Elements that make up the skeleton of the layout and holds things together
    ------------- */
#bodyInner {background: #FFFFFF; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -250px;}
#push {height: 250px;}
	#rightPageBg {
		position: absolute;
		z-index: 1;
		width: 20%;
		right: 0;
		top: 0;
		background: url(../images/design/right-page-bg.gif) 0 0 repeat-x;
		height: 212px;
	}
	
	#page {
		z-index: 2;
		position: relative;
		text-align: left;
		padding: 0;
		margin: 0 auto;
		overflow: hidden;
		min-width: 960px;
		background: url(../images/design/body_bg.gif) 0 0 repeat-x;
	}
	
		#pageInner{ background: url(../images/design/page-bg.jpg) 50% 0 no-repeat; }
		
		#wrapper {
			position: relative;
			min-height: 100%;
			margin: 0;
			margin-left: auto;
			margin-right: auto;
			padding-bottom: 10px;
			width: 860px;
			padding: 0 50px;
		}

			#contentMain {
				background: url(../images/design/contentMain_bg.gif) 184px 0 repeat-y;
				padding-bottom: 2em;
				position: relative;
			}
			#wrapper-zcl #contentMain {
				background: none;
				padding: 0;
				position: none;
			}
	
			body.home #contentMain {background: none;}

		#header {	
			height: 172px;
			position: relative;
		}

#footer {
	width: 100%;
	border-top: 1px solid #DDDDDD;
	font-size: 0.8em;
	height: 250px;
	font-family: verdana, san-serif;
	background: #f7f7f7 url(../images/design/xerxes-footer.gif) 50% 100% no-repeat;
}

	#footer p {margin: 0;}
	#footer p span,
	#footer address span {color: #DD0000;}
	#footer .footerLeft { text-align: left; }
	#footer .footerRight { text-align: right; }
	#footer a.siteCredit { color: #AAAAAA; display: block; }
	
#footerInner {
	width: 860px;
	margin: 0 auto;
	padding-top: 0.75em;
}

/* ----------------
	PAGE STRUCTURE ELEMENTS
	Elements  such as logos, search bars, and any other design element repeated throughout the site, but doesn't effect the structural layout
    ------------- */
    
#logo {
	width: 281px;
	height: 72px;
	display: block;
	background: url(../images/design/logo.gif) 0 0 no-repeat;
	position: absolute;
	top: 37px;
	left: 0px;
	margin: 0;
	padding: 0;
}
	#logo a {
		width: 281px;
		height: 72px;
		display: block;
		text-indent: -9999px;
	}

#subText {
	font-size: 1.5em;
	color: #000;
	position: absolute;
	top: 104px;
	left: 15px;
	margin: 0;
}

	#subText span {
		color: #DD0000;
	}

#contactPhone {
	position: absolute;
	right: 0;
	top: 13px;	
}

	#contactPhone p {
		text-transform: uppercase;
		font-size: 1.2em;
		margin: 0;
	}
	
	#contactPhone p span {
		font-size: 1.6em;
		color: #DD0000;
		margin-left: 0.25em;
		padding-top: 0.25em;
		font-weight: bold;
	}

.searchForm {
	position: absolute;
	right: 0;
	top: 60px;	
	height: 22px;
}

	.searchForm input {
		float: left;
		margin-right: 5px;
	}
	
	.searchForm .submit {
		float: left;
		display: block;
		height: 22px;
		width: 50px;
		border: 0;
		cursor: pointer;
		margin-left: 0.5em;
		text-indent: -9999px;
		background: url(../images/design/search.jpg) 0 0 no-repeat;
		overflow: hidden;
		font-size: 0px;
		line-height: 0px;
	}
	
	.searchForm .submit:hover {
		float: left;
		margin-left: 0.5em;
		background: url(../images/design/search.jpg) 0 -22px no-repeat;
	}
	
	.searchForm .hover {
		background: url(../images/design/search.jpg) 0 -22px no-repeat;
	}

/* Search Results Styling */
.paginator a { font-size: 1.2em; }
.results {position: static;}
	.results input {margin-left: 0;}
.search-result {margin-top: 1.5em;}
	.search-result p {margin-bottom: 0.25em;}
.search-title {font-size: 1.2em;}
.view-page {font-size: 1.2em;}

/* Footer Styles */

#footer a {color: #DD0000;}
#footer p a:hover {color: #557BA8;}

.footerLeft {float: left;}
.footerLeft address { font-size: 1.2em; }


.footerRight {float: right;}
.footerRight a:link {color: #DD0000;}

/* ----------------
	ENTRY PAGE
	------------- */
	
#entryColumnMain {
	width: 625px;
	float: left;
}

	#entryColumnMainInner {
		padding-right: 20px;
	}

#entryColumnSub {
	border-left: 1px solid #EEEEEE;
	float: left;
	width: 234px;	
}

	#entryColumnSubInner {
		padding-left: 15px;
	}
	
	#entryColumnSubInner img {
		margin-top: 2em;
	}

#entryTop {
	overflow: hidden;	
}


/* Jquery Homepage animation */

#animatedArea {
	border-right: 1px solid #EEEEEE;
	float: left;
	height: 273px;
	margin-right: 13px;
	padding-right: 15px;
	width: 609px;
}

	#animatedArea .animation {
		cursor: pointer;
		float: left;
		height: 273px;
		width: 195px;
		margin-right: 15px;
		position: relative;
		overflow: hidden;
	}
	
		#animatedArea .animation2 {
			width: 185px;
		}
		
		#animatedArea .animation img {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			width: 195px;
		}
		
		#animatedArea .animation .contentArea {
			width: 195px;
			position: absolute;
			z-index: 10;
			top: 210px;
			left: 0;
			background: url(../images/animated-area/transparent_bg.png) 0 0;
			padding: 1.5em 0;
			text-align: center;
			cursor: pointer;
		}
		
		#animatedArea .animation2 .contentArea {
			width: 185px;
		}
		
			#animatedArea .animation .contentArea h3 a {
				color: #FFF;
				font-weight: bold;
				display: block;
				margin-bottom: 1em;
				text-align: center;
				padding: 0 -1.5em;
				text-decoration: none;
				text-transform: uppercase;
			}
			
			#animatedArea .animation .contentArea p {
				color: #FFF;
				font-size: 1.1em;
				padding: 0 1.5em;
				margin: 0;
			}
			
#calloutArea {
	float: left;
	width: 220px;
}

	.calloutArea1 {
		padding-bottom: 5px;
		border-bottom: 1px solid #EEEEEE;
	}
		
		.calloutArea1 a {
			display: block;
			height: 129px;
			width: 221px;
			text-indent: -9999px;
			background: url(../images/callout/green-building-applications.jpg) 0 0 no-repeat;
		}
		
		.calloutArea1 a:hover {
			background-position: 0 -129px;
		}
		
	.calloutArea2 {margin-top: 9px;}
	
		.calloutArea2 a {
			display: block;
			height: 125px;
			width: 221px;
			text-indent: -9999px;
			background: url(../images/callout/zcl-prezerver-system.jpg) 0 0 no-repeat;
		}
		
		.calloutArea2 a:hover {
			background-position: 0 -125px;
		}

/* Styles for general local navigation */

#localNav {
	float: left;
	width: 160px;
	margin-right: 24px;	
}

	#localNav ul {
		padding-left: 10px;
		margin-bottom: 3em;
	}
	
	#localNav ul ul {
		margin: 0;
		padding: 1em 0 0.25em 0;
		
	}
	
	#localNav ul li {
		margin-bottom: 0.75em;
	}
	
	#localNav ul li.active a.active {color: #000; background: url(../images/design/active-link-arrow.gif) 100% 0.4em no-repeat;}
	
	#localNav ul li a {
		color: #666;
		text-transform: capitalize;
		text-decoration: none;
		font-size: 1.2em;
		font-family: arial, san-serif;
		background: none;
		padding: 0;
		font-weight: bold;
		padding-right: 1em;
	}
	
	#localNav ul li a:hover {color: #DD0000;}
	
		#localNav li li {
			margin-bottom: 0.75em;
			background: url(../images/design/nav-bullet-grey.gif) 0 0.6em no-repeat;
		}
		
		#localNav li li.last-child  {
			margin-bottom: 0;
		}
		
		#localNav li li a {
			padding-left: 10px;
			font-size: 1.1em;
			font-weight: normal;
			text-transform: none;
			color: #888888;
			padding-right: 1em;
		}
		
		#localNav li li a:hover {background: url(../images/design/nav-bullet-red.gif) 0 0.5em no-repeat; color: #DD0000;}
		#localNav li li a.active {background: url(../images/design/active-link-arrow.gif) 100% 0.4em no-repeat;}
		
/* Specific styles for local navigation on the homepage */		

body.home #localNavHome	{
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	margin: 0;
	margin-top: 2em;
	margin-bottom: 1em;
	padding-bottom: 10px;
}

	body.home #localNavHome li 	{
		float: left;
		padding: 0;
		margin-right: 9px;
		margin-top: 10px;
	}

	body.home #localNavHome li.last-child {margin-right: 0;}
	
		body.home #localNavHome li a {
			display: block;
			width: 165px;
			height: 37px;
			text-indent: -9999px;
			padding: 0;
			margin: 0;
		}
		
		body.home #localNavHome li a.petro {width: 164px; background: url(../images/design/homepage-localnav.jpg) 0 0}
		body.home #localNavHome li a.prezerverSystem {background: url(../images/design/homepage-localnav.jpg) -164px 0}
		body.home #localNavHome li a.zclPhoenix {background: url(../images/design/homepage-localnav.jpg) -329px 0}
		body.home #localNavHome li a.chemical {background: url(../images/design/homepage-localnav.jpg) -494px 0}
		body.home #localNavHome li a.aboveground {background: url(../images/design/homepage-localnav.jpg) -659px 0}

		body.home #localNavHome li a.petro:hover {background: url(../images/design/homepage-localnav.jpg) 0 -37px; }
		body.home #localNavHome li a.prezerverSystem:hover {background: url(../images/design/homepage-localnav.jpg) -164px -37px; }
		body.home #localNavHome li a.zclPhoenix:hover {background: url(../images/design/homepage-localnav.jpg) -329px -37px;}
		body.home #localNavHome li a.chemical:hover {background: url(../images/design/homepage-localnav.jpg) -494px -37px;}
		body.home #localNavHome li a.aboveground:hover {background: url(../images/design/homepage-localnav.jpg) -659px -37px;}
		
/* News and Events */

#newsEvents {
	margin-bottom: 2em;	
}

#newsEvents li	{
	margin-bottom: 0.25em;
}

	#newsEvents li small {
		font-weight: bold;
		color: #666666;
		font-size: 1em;
	}

/* ZCL Callout */
#zcl {
	background: url(../images/callout/maple-leaf.gif) 7px 0.5em no-repeat;
	border: 1px solid #e9e9e9;	
	padding: 0.5em 10px 0.5em 50px;
}

#zcl h3 {
	color: #bbbbbb;
	font-size: 1.2em;
	margin-bottom: 0;
	text-transform: uppercase;
}

#zcl a {
	color: #888888;
	font-size: 1.2em;
	text-decoration: underline;	
}

	#zcl a:hover {
		color: #dd0000;	
	}

/* ----------------
	INNER PAGE
	------------- */	
	
#innerColumnMain {
	border-left: 1px solid #EEEEEE;
	float: left;
	min-height: 300px;
	padding: 0 15px;
	padding-bottom: 2em;
	width: 409px;
}

	body.innerList #innerColumnMain {
		width: 565px;
	}
	
	body.innerSpecial #innerColumnMain { padding-right: 0; }
	
	body.innerSpecial #innerColumnMain {
		width: 620px; border: 0; 
	}
	
	body.innerSpecial #innerColumnSub {
		width: 162px; border: 0; padding-left: 0; padding-top: 65px; background: none; overflow: hidden; /* Prevent float drop */
	}
	
	body.innerSpecial #innerColumnSub a { display: block; }
	
#innerColumnSub {
	float: left;
	width: 220px;
	padding-left: 15px;
	padding-top: 50px;
	background: url(../images/design/innerColumnSub_bg.gif) 0 0 no-repeat;
	overflow: hidden; /* Prevent float drop */
}

body.innerList #contentMain {
	background-position: -256px 0;
}

body.innerSpecial #contentMain {
	background-position: -440px 0;
}



.list {
	clear: left;
	padding-left: 85px;
	margin-bottom: 1.5em;
	overflow: hidden;
}

	.list img {
		float: left;
		margin-left: -100px;
	}

/* Contact Us Page*/

	#sales-representative-contact-area h3 { font: bold 1.4em "helvetica neue", helvetica, arial, sans-serif; color: #666666; margin-left: 3px; margin-bottom: 1.5em; display: none; }
	
		body.jsEnabled #sales-representative-contact-area h3 { display: block; }
	
	#contactInfoMap { margin-bottom: 1.5em; }
	
		#contactProductType { list-style: none; margin: 0; padding: 0; width: 610px; display: none; }
		
		body.jsEnabled #contactProductType { display: block; }
		
			#contactProductType li { float: left; background: none; padding: 0; }	
		
				#innerColumnMain #contactProductType a { display: block; background: url(../images/design/contact-us-btns.gif) 0 0 no-repeat; height: 58px; text-indent: -9999px; }	
				
				#contactProductType #petroleum a 				{ width: 115px; background-position: 0 0; }
				#contactProductType #waterwastewater a 			{ width: 120px; background-position: -110px 0; }
				#contactProductType #wetwellsliftstations a 	{ width: 140px; background-position: -239px 0; }
				#contactProductType #zclphoenixsystem a 		{ width: 110px; background-position: -380px 0; }
				#contactProductType #aboveground a 				{ width: 122px; background-position: -488px 0; }
				
				#contactProductType #petroleum a:hover,
				#contactProductType #petroleum a.active 		{ background-position: 0px -58px; }
				#contactProductType #waterwastewater a:hover,
				#contactProductType #waterwastewater a.active 	{ background-position: -110px -58px; }
				#contactProductType #wetwellsliftstations a:hover,
				#contactProductType #wetwellsliftstations a.active 	{ background-position: -239px -58px; }
				#contactProductType #zclphoenixsystem a:hover,
				#contactProductType #zclphoenixsystem a.active 			{ background-position: -380px -58px; }
				#contactProductType #aboveground a:hover,
				#contactProductType #aboveground a.active 		{ background-position: -488px -58px; }
			
	#salesRepMapContainer { text-align: center; height: 500px; width: 500px; clear: left; margin-bottom: 1.5em; /* ie7.css */ display: none; }
	
		body.jsEnabled #salesRepMapContainer { display: block; }
	
		#salesRepMapContainer h2 { color: #888888; text-tranform: uppercase; font-size: 1.3em; }
		
	/* Styles for individual contact tooltips */
		
	.contact { float: left; font-size: 1.2em; margin-right: 15px; padding: 1em 0; width: 175px; }
	
	body.jsEnabled #sales-representative-contact-area .contact { display: none; }

		.contact h2 { font-size: 1.2em; margin-bottom: 0.25em; line-height: 1.1; text-transform: uppercase; }
	
		.contact p { display: block; font-size: 0.917em !important; margin-bottom: 0 !important; }
		
		.contact p.viewMap,
		.contact p.contactCity { margin-bottom: 0.75em !important; }
		
		.contact p.viewMap { margin-top: -0.75em; }
		
		.contact p.email { margin-bottom: 0 !important; }
		
		.contact span { color: #888888; text-transform: uppercase; }
		
	/* Other Contact Area (e.g., Manufacturing Facilities) */

.contactArea { clear: left; padding-top: 0.5em; margin-top: 1.5em; }

	.contactArea h3 { color: #FFFFFF; background: #858585 url(../images/design/manufacturer-headings.gif) 0 0 repeat-x; font: bold 1.4em "helvetica neue", helvetica, arial, sans-serif; padding: 4px 10px; cursor: pointer; }
	
	.contactArea h3:hover { background: #b2b2b2 url(../images/design/manufacturer-headings-hover.gif) 0 0 repeat-x; }
	
		.contactArea h3 span { background: url(../images/design/white-arrow.gif) 0 2px no-repeat; padding-left: 17px; }

		.contactArea h3 span.active { background-image: url(../images/design/white-arrow-down.gif); }
		
/* Static Styling for contact us page */
.salesRepStateSelect { display: none; }

/* Tool tip styling */

.tooltip { 
	position: absolute;
	z-index: 100;
	padding: 0.5em;
	padding-left: 0.5em;
	visibility: hidden; 
	background: #FFFFFF;
	border: 1px solid #666666;
} 

	.tooltip .contact {
		float: none;
		margin: 0 0 0 0.5em;
		text-align: left;	
		width: auto;
	}
	
		.tooltip .contact h2 {
			color: #666666;
			font-weight: bold;
		}
		

span.close {
	cursor: pointer;
	position: relative;
	text-align: right;
	display: block;
	text-decoration: underline;
	color: #DD0000;
}

/* Document Library Styles  */

body.document-library .documentList {
	height: 411px;
	width: 560px;
	border: 1px solid #BCBCBC;
	overflow: scroll;
	padding: 5px 10px 8px 8px;
}

.libraries {
	border-bottom: 3px solid #DD0000;	
	list-style: none;
	float: left;
	margin: 0;
	width: 580px;
}

	#innerColumnMain .libraries li {
		background: none;
		float: left;
		margin-right: 5px;
		padding: 0;
	}
	
	#innerColumnMain .libraries li a {
		background: #D9D9D9;
		color: #808080;
		display: block;
		font-weight: bold;
		font-size: 0.846em;
		padding: 2px 10px;
		text-transform: uppercase;
		text-decoration: none;
	}
	
	#innerColumnMain .libraries li a.active,
	#innerColumnMain .libraries li a:hover {
		background: #DD0000;
		color: #FFFFFF;
	}
	
	/* These styles are for the document library files that get displayed on the product pages */
	
#productDocs {
	margin-top: 1.5em;
}

	#productDocs ul {
		margin: 0 !important;
	}
	#productDocs ul ul {
		margin-left: 12px !important;
	}
		
		#productDocs  li {
			background: url(../images/design/plus.gif) 0 0.5em no-repeat;
			margin-bottom: 2px;
			zoom: 1;
		}
		
		#productDocs li.readme {
			padding: 0.75em 1em 0.25em 0.75em;
			border: 1px solid #ede4c9;
			background: #f9f0d3 !important;
			margin: 0.5em 0;
		}
		
			#productDocs li.readme p,
			#productDocs span.moreInfo {
				font-size: 0.9em;
				margin-bottom: 10px;
			}
	
			#productDocs span.moreInfo {
				display: block;
				color: #557BA8;
				text-decoration: underline;
			}
			
			body.jsEnabled .additionalInfo {
				display: none;
			}
			
		#productDocs a {
			background: none;
			color: #8C8C8C;
			cursor: pointer;
			font-size: 1.22em;
			font-weight: normal;
			margin: 0;
			padding: 0;
			text-decoration: none;
			line-height: 1;
		}
			#productDocs h3 {
				margin: 3px 0 1px 0;
			}	
			#productDocs li li a {
				color:#557BA8;
				font-size: 11px;
				font-weight: normal;
				padding-left: 1.5em;
				text-decoration: underline;
				text-transform: capitalize;
			}
			
			#productDocs li li a:hover {
				color: #DD0000;
			}
			
/* ----------------
	NAVIGATION
    ------------- */
#mainMenu {
	list-style: none;
	position: absolute;
	right: 0;
	bottom: 47px;
	margin-bottom: 0;
}

	#mainMenu li {
		float: left;
		background: none;
		padding: 0;
		margin-right: 1em;
	}
	
	#mainMenu li.last-child {
		margin-right: 0;
	}
	
	#mainMenu li a {
		display: block;
		text-transform: uppercase;
		padding: 0;
		text-decoration: none;
		color: #DD0000;
		font-size: 1.4em;
		font-weight: bold;
		padding: 0.5em;
		background: none;
	}
	
		#mainMenu li a:hover {
			color: #7A1B1B;
		}
	
	#mainMenu li.active a {
		color: #FFF;
		background: #DD0000;
	}
	
		#mainMenu li.active a:hover {
			color: #FFF;
			background: #DD0000;
		}

/* ----------------
	IMAGE ELEMENTS
    ------------- */
img.aboutUs {
	margin-bottom: 2em;	
}

/* ----------------
	TYPEOGRAPHY
    ------------- */
p#breadCrumbs a {
	color: #888888;
	font-size: 0.85em;
}

p#breadCrumbs a.last-child {
	color: #BBBBBB;
	text-decoration: none;
}

p span {
	font-weight: 1.1em;
	color: #DD0000;
	text-transform: uppercase;
	font-weight: bold;
}

#siteMap li {background: none;}

/* News & Events Section */
#newsEvents h3 {margin-top: 1em;}
#newsEvents #events {margin-top: 1em;}
#newsEvents p {margin-bottom: 0.25em;}
a.more, a.most:visited {margin-bottom: 1em; font-size: 1.3em; color: #557BA8;}

/* ----------------
	FORM ELEMENTS
    ------------- */

/* Generic Form Styling */

form {
	margin: 0;
	padding: 0;	
}

	form fieldset {
		background: #F7F7F7;
		border: 1px solid #DDDDDD;
		margin-bottom: 1em;
		padding: 1em;
	}
	
	form legend {
		color: #CC0000;
		font-size: 1.4em;
	}
	
	form .fieldArea {
		clear: left;
		margin-bottom: 0.5em;
		overflow: auto;
	}
		
		form .fieldArea label {
			float: left;
			font-size: 1.3em;
			margin-right: 10px;
			width: 150px;
		}
			form .required label {
				font-weight: bold;
			}
			
		form .fieldArea span {
			clear: left;
			color: #CC0000;
			display: block;
			font-weight: bold;
		}
		
		form .htmlInputText input {
			float: left;
			width: 250px;
		}
		
form input.protect {
	display: none;
}

div.errors {
	background: #FEFAD9 url(../images/forms/bg_error.gif) 0 0 repeat-x;
	border: 1px solid #E0D75F;
	margin: 1em 0;
	width: 100%;
}
	div.errorsInner {
		padding-left: 80px;
		background: url(../images/forms/big_error.gif) 15px 1em no-repeat;
	}
	
/* Request Information Form */

form#requestInformation p {
	margin-bottom: 1em !important;
	width: auto !important;
}
	form .htmlselectBooleanCheckbox input {
		float: left;
	}
	
	form .otherFieldArea label {
		width: auto;
	}
	
	form .otherFieldArea input {
		width: 150px;
	}
	
	form .address2FieldArea input {
		margin-left: 160px;
	}

/* ----------------
	MISC
    ------------- */
.floatLeft {float: left;}
.floatRight {float: right; margin-left: 15px;}
.alignLeft {text-align: left;}
.alighRight {text-align: right;}
.alignCenter {text-align: center;}
.clear {clear: both;}
.last { padding-right: 0 !important; margin-right: 0 !important; }


/* ----------------
	CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
	add this class to the element that needs to be cleared, or add the element's class or id to the declaration below
    ------------- */ 
.clearFix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

/* ----------------
	STATIC VERSION
    ------------- */
.static .noJSWarning {
	margin-top: -35px;
}
.static .noJSWarning h4 {
	padding-top: 8px;
}