/***********************************************/
/* HTML tag styles                             */
/***********************************************/
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	background-image: url(images/bg-page.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #afb7c6;
	font-size: 12px;
	color: #727272;
}
p {
	line-height: 16px;
	margin-bottom: 12px;
}
a:link {
	text-decoration: none;
	color: #1A325D;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #1A325D;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #1A325D;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #1A325D;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}
h1 {
	font-size: 15px;
	line-height: 19px;
}
h2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	margin-bottom: 10px;
}
h3 {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}
h4 {
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	margin-top: 12px;
	margin-bottom: 12px;
	color: #1A325D;
	padding-right: 33px;
	padding-left: 33px;
}
ul {
	padding: 0px;
	margin-top: 12px;
	margin-right: 5px;
	padding-bottom: 12px;
	margin-left: 40px;
} 
ol {
	padding: 0px;
	margin-top: 12px;
	margin-right: 5px;
	margin-bottom: 7px;
	margin-left: 40px;
} 
li {
	padding-bottom: 9px;
} 
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pageContainer {
	width: 975px;
	margin-left: auto;
	margin-right: auto;
}
#orangeBar {
	background-color: #e37225;
	height: 25px;
	margin-top: 50px;
	margin-bottom: 4px;
}
#whiteBox {
	height: auto;
	background-color: #FFF;
}

#GlobalwhiteBox {
	height: auto;
	background-image: url(images/global-bg.gif);
	background-repeat:no-repeat;
	background-color:#FFF;
}


#whiteBoxHome {
	height: auto;
	background-color: #e9eaec;
}
#pageContent {
	margin-right: 62px;
	margin-left: 62px;
	padding-top: 10px;
}
#siteNavigation {
	float: right;
	text-align: right;
}
#landingContent {
	padding-top: 0px;
}
#landingback {
	background-image:url(images/nps-landing-bg.jpg);
	background-repeat:no-repeat;
	height:auto;
}
#homeNews {
	padding-top: 8px;
	height: 267px;
	overflow: visible;
	margin-left: 32px;
}
#homeFlash {
	float: right;
	margin-left: 50px;
	text-align: right;
}

#homeApplications {
	float: right;
	margin-left: 10px;
	margin-top: 20px;
	text-align: right;
	width: 510px;
}

#homeFooter {
	padding-bottom: 54px;
	padding-left: 62px;

}
#Footer {
	padding-right: 54px;
	padding-bottom: 54px;
}
#header {
	padding-top: 6px;
}
#bottomText {
	margin-top: 20px;
	margin-bottom: 20px;
}
#subContent {
	padding-top: 23px;
	height: auto;
}
#subLeft {
	width: 191px;
	float: left;
	margin-right: 30px;
	font-weight: normal;
}
#GlobalsubLeft {
	width: 181px;
	float: left;
	margin-right: 30px;

	font-weight: normal;
	padding-top: 25px;
}
#subMiddle {
	width: 386px;
	float: left;
	margin-right: 30px;
}
#subRight {
	float: left;
	width: 214px;
}
#subMain {
	width: 630px;
	float: left;
	background-color: #FFF;
}

#GlobalsubMain {
	width: 640px;
	float: left;
	padding-right: 0px;
	padding-top: 25px;
}
#sideBoxOrange {
	background-color: #E37225;
	padding: 10px;
	width: 250px;
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
	font-size: 14px;
}
/***********************************************/
/* Class styles                                */
/***********************************************/
.smallText {
	font-size: 11px;
}
.smallText a:link {
	text-decoration: none;
	font-weight: normal;
}
.smallText a:visited {
	text-decoration: none;
	font-weight: normal;
}
.smallText a:hover {
	text-decoration: underline;
	font-weight: normal;
}
.largeText {
	font-size: 13px;
}
.gray {	color: #727272;}
.grayLight {	color: #D3D3D3;}
.orange {	color: #E37224;}
.orangeLight {	color: #fecead;}
.blue {	color: #1A325D;}
.blueLight {	color: #b3bdd1;}

.orangeText h1{color: #E37224;}
.orangeText h2{color: #E37224;}
.orangeText h3{color: #E37224;}

.blueText h1{color: #1a325d;}
.blueText h2{color: #1a325d;}
.blueText h3{color: #1a325d;}

.grayText h1{color: #5c5c5c;}
.grayText h2{color: #5c5c5c;}
.grayText h3{color: #5c5c5c;}

.generalTitle {
	color: #727272;
	font-size: 21px;
	padding-top: 16px;
	font-weight: normal;
	text-transform: uppercase;
	padding-left: 221px;
}
.communityTitle {
	color: #E37224;
	font-size: 21px;
	padding-top: 16px;
	font-weight: normal;
	text-transform: uppercase;
	padding-left: 221px;
}
.utilityTitle {
	color: #1A325D;
	font-size: 21px;
	padding-top: 16px;
	font-weight: normal;
	text-transform: uppercase;
	padding-left: 221px;
}
.subPic {
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.subPicGlobal {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.blueSubNav {
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	margin-bottom: 7px;
}
.blueSubNav a:link {
		font-size: 11px;

	text-decoration: none;
	font-weight: normal;
}
.blueSubNav a:visited {
		font-size: 11px;

	text-decoration: none;
	font-weight: normal;
}
.blueSubNav a:active {
		font-size: 11px;

	text-decoration: none;
	font-weight: normal;
}
.blueSubNav a:hover {
		font-size: 11px;

	text-decoration: underline;
	font-weight: normal;
}

.homeHead {
	padding-bottom: 13px;
}
.execPic {
	padding-right: 13px;
	padding-bottom: 6px;
}
/***********************************************/
/* Drop Down Navigation                        */
/***********************************************/
.grayDrop {
	position:absolute;
	visibility: hidden;
	border: 8px solid white;
	background-color: #dce0e5;
	width: 147px;
	padding: 8px;
	color: #1A325D;
	font-weight: bold;
	font-size: 10px;
}
/*\*/
.grayDrop {margin-top: -3px;}
/**/


.chrome .grayDrop,
.chrome .orangeDrop,
.chrome .blueDrop{
	margin-top:104px !important; 
}
.grayDrop2 {
	position:absolute;
	visibility: hidden;
	border: 8px solid white;
	background-color: #dce0e5;
	width: 135px;
	padding: 8px;
	color: #1A325D;
	font-weight: bold;
	font-size: 10px;
}
/*\*/
.grayDrop2 {margin-top: -3px;}
/**/


.chrome .grayDrop2{
	margin-top:5px;
}
.grayDrop a:link {	text-decoration: none;	color: #1A325D; font-size: 10px;}
.grayDrop a:visited {	text-decoration: none;	color: #1A325D; font-size: 10px;}
.grayDrop a:active {	text-decoration: none;	color: #1A325D; font-size: 10px;}
.grayDrop a:hover {	text-decoration: underline;	color: #1A325D; font-size: 10px;}
.orangeDrop {
	position:absolute;
	visibility: hidden;
	border: 8px solid white;
	background-color: #e37225;
	width: 147px;
	padding: 8px;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
}
/*\*/
.orangeDrop {margin-top: -3px;}
/**/
.orangeDrop a:link {	text-decoration: none;	color: #FFFFFF; font-size: 10px;}
.orangeDrop a:visited {	text-decoration: none;	color: #FFFFFF; font-size: 10px;}
.orangeDrop a:active {	text-decoration: none;	color: #FFFFFF; font-size: 10px;}
.orangeDrop a:hover {	text-decoration: underline;	color: #FFFFFF; font-size: 10px;}
.blueDrop {
	position:absolute;
	visibility: hidden;
	border: 8px solid white;
	background-color: #1A325D;
	width: 115px;
	padding: 8px;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
}
/*\*/
.blueDrop {margin-top: -3px;}
/**/
.blueDrop a:link {	text-decoration: none;	color: #FFFFFF; font-size: 10px;}
.blueDrop a:visited {	text-decoration: none;	color: #FFFFFF; font-size: 10px;}
.blueDrop a:active {	text-decoration: none;	color: #FFFFFF; font-size: 10px;}
.blueDrop a:hover {	text-decoration: underline;	color: #FFFFFF; font-size: 10px;}

.grayDropHome {
	position:absolute;
	visibility: hidden;
	border: 8px solid #EBECEE;
	background-color: #dce0e5;
	width: 147px;
	padding: 8px;
	color: #1A325D;
	font-weight: bold;
	font-size: 10px;
}
/*\*/
.grayDropHome {margin-top: -3px;}
/**/
.grayDropHome a:link {	text-decoration: none;	color: #1A325D;}
.grayDropHome a:visited {	text-decoration: none;	color: #1A325D;}
.grayDropHome a:active {	text-decoration: none;	color: #1A325D;}
.grayDropHome a:hover {	text-decoration: underline;	color: #1A325D;}
.orangeDropHome {
	position:absolute;
	visibility: hidden;
	border: 8px solid #EBECEE;
	background-color: #e37225;
	width: 147px;
	padding: 8px;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
}
/*\*/
.orangeDropHome {margin-top: -3px;}
/**/
.orangeDropHome a:link {	text-decoration: none;	color: #FFFFFF;}
.orangeDropHome a:visited {	text-decoration: none;	color: #FFFFFF;}
.orangeDropHome a:active {	text-decoration: none;	color: #FFFFFF;}
.orangeDropHome a:hover {	text-decoration: underline;	color: #FFFFFF;}
.blueDropHome {
	position:absolute;
	visibility: hidden;
	border: 8px solid #EBECEE;
	background-color: #1A325D;
	width: 115px;
	padding: 8px;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
}
/*\*/
.blueDropHome {margin-top: -3px;}
/**/
.blueDropHome a:link {	text-decoration: none;	color: #FFFFFF;}
.blueDropHome a:visited {	text-decoration: none;	color: #FFFFFF;}
.blueDropHome a:active {	text-decoration: none;	color: #FFFFFF;}
.blueDropHome a:hover {	text-decoration: underline;	color: #FFFFFF;}


/***********************************************/
/* Vertical Accordions                         */
/***********************************************/
		
.accordion_toggle {
	display: block;
	height: 30px;
	width: 610px;
	background:#b4b4b4;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 14px;
	color: #FFF;
	border-bottom: 1px solid #ffffff;
	cursor: pointer;
	margin: 0 0 0 0;
}

		.accordion_toggle_active {
			background: #f47b29;
			color: #ffffff;
			border-bottom: 1px solid #ffffff;
		}
		
		.accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
	padding: 10px;
		}
			
			.accordion_content h2 {
	color: #0099FF;
			}
			
			.accordion_content p {
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 1px;
			width: 1px;
			padding: 0 0px 0 0px;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			color: #ffffff;
		}

		.vertical_accordion_content {
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
			}

			.vertical_accordion_content p {
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 0px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 0px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
	width: 450px;
	line-height: 150%;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 0px auto 0px auto;
      width: 500px;   
      height: 0px;    
    }
    
    #vertical_nested_container {
      margin: 0px auto 0px auto;
      width: 0px;
    }

/***********************************************/
/* DHTML Tooltip Accordions                    */
/***********************************************/
	
	
#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 1px solid #9A9594;
	padding: 8px;
	background-color: #DCE0E5;
	visibility: hidden;
	z-index: 100;

/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	color: #1A325D;
	font-size: 11px;
}
/*#pageContainer #whiteBox #pageContent  {*/
/*	font-size: 12px;*/
/*}*/


