/* United Storm Water CSS File */

/* CSS Document */


/* Everything related to.... */
@import url(./css/psi-images.css); /* Things related to page specific images */
@import url(./css/category-images.css); /* Images for the categories */
@import url(./css/side-menu.css); /* The side navigation menu and the space directly below it */
@import url(./css/top-bar.css); /* Top Bar (all the way to red line) */
@import url(./css/content-area.css); /* The content area */
@import url(./css/picture-align.css); /* General, for aligning pictures */
@import url(./css/tables.css); /* For formatting tables in the document */

/* Sets a background and the background, margin properties */
html, body
{
	/*background-color:#FFFFFF;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;*/
	margin:0px;
	height:100%;
	width:100%;
	border:none;
	vertical-align:top;
}


/*
ul
{
	margin-left:0px;
	padding-left:20px;
	list-style:none;
}

li
{
	
	padding-left: 15px;
	background-image: url(images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .35em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	display:block;
}
*/
.TODO
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#FF0000;
}

.standardPageText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 1.25;
	text-indent: 35px;
	text-align:justify;
	
}
.internalPageHeader{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #444444;
	text-indent: 0px;
	text-align:left;
	font-weight: bold;
}
.internalPageHeaderItalic{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #444444;
	text-indent: 0px;
	text-align:left;
	font-weight: bold;
	font-style: italic;
}
.internalPageCaptionForHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #444444;/*Grey is 777777 if need to revert */
	text-indent: 0px;
	text-align:left;
	text-decoration:bold;
	text-transform:capitalize;
}
.standardPageTextNoIndentJustified {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 1.25;
	text-indent: 0px;
	text-align: justify;	
}
.spacedOutPageTextNoIndentJustified {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 1.60;
	text-indent: 0px;
	text-align: justify;	
}
.standardPageTextNoIndentLeftAlign {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 1.25;
	text-indent: 0px;
	text-align:left;
	
}
.standardPageTextNoIndentRightAlign {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 1.25;
	text-indent: 0px;
	text-align:right
	
}
.standardPageTextNoIndentLeftAlign14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #444444;
	line-height: 1.25;
	text-indent: 0px;
	text-align:left;
	
}
.standardPageTextNoIndent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 1.25;
	text-indent: 0px;
	text-align:justify;
}
.standardPageTextCenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 1.25;
	text-indent: 0px;
	text-align:center;
	
}
.specialSuperScript {font-size: 10px}
.standardPageTextBlock {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 1.25;
	margin-left: 20px;
	text-align:justify;
	
}
.featuredItemList 
{	
	margin-top:0em; 
	margin-bottom:0em; 
	margin-left:1.3em;
	padding:0px;
}
.centerTextOnBullet
{

	vertical-align:middle;
	margin-left: inherit;
	font-size: inherit;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	line-height: inherit;
	text-decoration:inherit;

}
.ordinaryBullet 
{
	margin-left: 2px; 
	font-size: 100%; 
	list-style-image:url(images/blackSquareBullet.gif);
	vertical-align:middle;
}
.ordinaryBulletText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 1.5;
	text-decoration:none;
	vertical-align:middle;
}
.featuredItemBullet 
{
	margin-left: 2px; 
	font-size: 100%; 
	list-style-image:url(images/blackSquareBullet.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 1.5;
	text-decoration:none;
	vertical-align:middle;

}
a.featuredItemBullet:link
{
	margin-left: 2px; 
	font-size: 100%; 
	list-style-image:url(images/blackSquareBullet.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 1.5;
	text-decoration:none;
	vertical-align:middle;
	
}
a.featuredItemBullet:visited
{
	margin-left: 2px; 
	font-size: 100%; 
	list-style-image:url(images/blackSquareBullet.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 1.5;
	text-decoration:none;
	vertical-align:middle;

}
a.featuredItemBullet:hover
{
	margin-left: 2px; 
	font-size: 100%; 
	list-style-image:url(images/blackSquareBullet.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color:#2A5486;
	text-decoration: underline;
	vertical-align:middle;
	
}
a.featuredItemBullet:active
{
	margin-left: 2px; 
	font-size: 100%; 
	list-style-image:url(images/blackSquareBullet.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 1.5;
	text-decoration: underline;
	vertical-align:middle;

}
a.standardBottomTextNavigation 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.25;
}
a.standardBottomTextNavigation:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	line-height: 1.25;
}
.standardBottomTextNavigationBetweenLines
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.featuredItemHeader 
{
	margin-left: 10px;
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	text-indent: 35px;
}
.featuredItemHeadersmall 
{
	margin-left: 10px;
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif;
        font-size: 13px; 
	text-indent: 35px;
}

a:link
{
	text-decoration:none;
}
a:visited {
	text-decoration: none;
}
a:hover {
text-decoration: underline;
}.internalPageHeaderUnitedPumping
{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #EE3B33;
	text-indent: 0px;
	text-align:left;
	font-weight: bold;
}
.internalPageHeaderUnitedTraffic
{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	text-indent: 0px;
	text-align:left;
	font-weight: bold;
}

.TODO 
{
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:200;
	text-decoration:none;
}
.area_title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}


.title_header {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}
a.faq:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
}
a.faq:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
}
a.faq:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: underline;
}
#area_more {
	text-align: right;
	width: 100px;
	position: relative;
	left: 70px;
	bottom: 10px;
}
#area_title {
	width: 131px;
	position: relative;
	right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
}
#customer_title {
	width: 80px;
	position: relative;
	right: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
}
.img_caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
.img_border {
	border: 5px solid #000099;
}
.img_border_black {
	border: 2px solid #000000;
}
#service_guarantee {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
	text-align: center;
}
li {
	list-style-type: disc;
}
#sitemap {
	width: 631px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-image: url(images/watermark.jpg);
}
#complaint  p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	padding-left: 10px;
	padding-top: 10px;
}

#sitemap p {
	padding-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
}
#sitemap li.no {
	list-style-type: none;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#sitemap li.sub {
	list-style-type: disc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#video {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #444444;
	left: 8px;
	position: relative;
	padding-bottom: 15px;
}
a.brochure:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000099;
	font-weight: bold;
}
a.brochure:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000099;
}
a.brochure:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC0000;
	text-decoration: underline;
}
#complaint {
	background-image: url(images/watermark01.jpg);
	background-repeat: repeat;
	width: 631px;
}
#request {
	background-image: url(images/watermark02.jpg);
	background-repeat: repeat;
	width: 631px;
}
#survey {
	background-image: url(images/watermark03.jpg);
	background-repeat: repeat;
	width: 631px;
}
#radWorkPerformedBefore label, .radioList label {
	margin-right:10px;
}.bg_header {
	background-color: #e3e3e3;
}