/* first row, first box */

	/* Featured Articles */
	#content-feature {
		float: left;
		margin: 13px 0 0 12px;
		position: relative;
		height: 178px;
		background-color:#BCC0C5;
	}
	* html #content-feature { width:365px; }
	#content-feature div.wrapper {
		background-image:url(../images/home/wrapper.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		padding:0 2px 0 0;
		height:100%;
	}
		* html #content-feature {
			display: inline; /* double margin bug */
		}
	/* content is stored in a UL, all positioned on top of each other, no fixed # of articles */
	#content-feature ul {
		width: 365px;
		height: 174px;
		margin: 0;
		padding: 0;
		list-style: none;
		border: 1px solid #8aa1ba;
		border-bottom-style:none;
		background: url(../images/home/bg-feature-ul.gif) top left repeat-x;
	}
		#content-feature li {
			position: absolute;
			top:0;
			left:0;
			display: none;
		}
			#content-feature li:first-child {
				display: block;
			}
		
	/* body.home prefix to override CSS */
	body.home #content-feature h2 {
		font: normal 20px/24px Verdana, Arial, Helvetica, sans-serif;
		padding: 13px 0 5px 10px;
	}
	body.home #content-feature h2,
	body.home #content-feature p {
		width: 162px;
		padding-left: 10px;
		color: #0047ba;
	}
		/* feature photo */
		body.home #content-feature p.img {
			position: absolute;
			top: 17px;
			left: 197px;
			border: 1px solid #8aa1ba;
			width: 152px;
			height: 123px;
			padding: 0;
			margin: 0;
		}
			#content-feature p.img img {
				display: block;
			}
	body.home #content-feature a {
		text-decoration: none;
		color: #0047ba;
		font-weight: bold;
	}
		body.home #content-feature a:hover {
			text-decoration: underline;
		}
	
	/* feature navigation is dynamically built via JS;
	   it is positioned under the featured articles */
	#feature-nav {
		position: absolute;
		width: 365px;
		left:0;
		bottom:3px;
		text-align: center;
		height:19px;
		background-image:url(../images/home/bg-feature-nav.gif);
		background-repeat:repeat-x;
		border: 1px solid #8aa1ba;
		border-top-style:none;
	}
		/* previous button */
		#feature-prev {
			position: absolute;
			width: 115px;
			top: 0;
			left: 0;
			cursor: pointer;
		}
		/* next button */
		#feature-next {
			position: absolute;
			width: 98px;
			top: 0;
			left: 263px;
			cursor: pointer;
		}
	
	.feature-box {
		cursor: pointer;
	}

/* first row, second box */
			
	/* Alerts and Outage Information */
	#content-alerts {
		margin: 13px 0 1px 12px;
		float: left;
		position: relative;
		width: 177px;
		background: #bcc0c5 url(../images/home/bg-alerts.gif) top right no-repeat;
	}
		/* main DIV contains the upper right notch, this contains the lower left */
		#content-alerts div.wrapper {
			background: url(../images/home/bg-alerts.gif) bottom left no-repeat;
			padding-bottom: 3px;
		}
		/* contains the border */
		#content-alerts div.border {
			width: 173px;
			border: 1px solid #8aa1ba;
			background: url(../images/home/customer-service.gif) top left no-repeat;
		}
		/* P contains the title & background as an image, content must fit in a fixed height */
		body.home #content-alerts p {
			background: url(../images/home/alerts.gif) top left no-repeat;
			padding: 44px 10px 11px 10px;
			margin: 0;
		}
		/* fixed height, must be 4 LIs */
		body.home #content-alerts ul.links {
			margin: 0;
			padding: 0;
			list-style: none;
			font: 11px/11px Verdana, Arial, Helvetica, sans-serif;
			border: 1px solid #7E8C9D;
			border-width: 0 0 1px 0;
			width: 173px;
		}
			body.home #content-alerts ul.links li {
				border: 0;
			}
			body.home #content-alerts ul.links li a {
				display: block;
				border: 1px solid #7E8C9D;
				border-width: 1px 0 0 0;
				background: url(../images/home/bg-alerts-li.gif) top left no-repeat;
			}

/* first row, third box */

	/* Customer Service */
	#content-service {
		margin: 13px 0 1px 12px;
		float: left;
		position: relative;
		width: 177px;
		background: #bcc0c5 url(../images/home/bg-alerts.gif) top right no-repeat;
	}
		/* main DIV contains the upper right notch, this contains the lower left */
		#content-service div.wrapper {
			background: url(../images/home/bg-alerts.gif) bottom left no-repeat;
			padding-bottom: 3px;
		}
		/* contains the border */
		#content-service div.border {
			width: 173px;
			padding: 28px 0 0 0;
			padding: 24px 0 0 0;
			border: 1px solid #8aa1ba;
			background: url(../images/home/customer-service.gif) top left no-repeat;
		}
		body.home #content-service form {
			padding: 10px 0 5px 0;
			padding: 3px 0 0px 0;
			background: url(../images/home/bg-form.gif) top left no-repeat;
		}
		body.home #content-service form div {
			padding: 0 0 4px 7px;
			padding: 0 0 1px 7px;
		}
		
		body.home #content-service form h2 {
			color: #d7390e;
			font-size: 11px;
			font-weight: bold;
			padding: 0 0 2px 7px;
			padding: 0 0 0 7px;
		}
		
		body.home #content-service input.text {
			width: 128px;
			border: 1px solid #8399b1;
			margin: 0;
			padding: 1px 2px;
			vertical-align: middle;
			color: #018608;
			font: normal 10px Verdana, Arial, Helvetica, sans-serif;
		}
		/* submit button */
		body.home #content-service input.image {
			width: 21px;
			height: 21px;
			border: 0;
			margin: 0;
			padding: 0;
			vertical-align: middle;
			cursor: pointer;
		}
		body.home #content-service form p {
			padding: 0 0 2px 8px;
			padding: 0 0 0 8px;
			font-size: 10px;
			font-weight: bold;
		}
		body.home #content-service form a {
			color: #0047ba;
			font-size: 9px;
			text-decoration: underline;
		}
			body.home #content-service form a:hover {
				text-decoration: underline;
			}
		/* fixed height, must be 3 LIs */
		body.home #content-service ul.links {
			margin: 0;
			padding: 0;
			list-style: none;
			font: 11px/11px Verdana, Arial, Helvetica, sans-serif;
			border: 1px solid #7E8C9D;
			border-width: 0 0 1px 0;
			width: 173px;
		}
			body.home #content-service ul.links li {
				border: 0;
			}
			body.home #content-service ul.links li a {
				display: block;
				border: 1px solid #7E8C9D;
				border-width: 1px 0 0 0;
				background: url(../images/home/bg-alerts-li.gif) top left no-repeat;
			}

/* second row, first box */

	/* What's New */
	#content-new {
		float: left;
		margin: 0 0 0 12px;
		width: 367px;
	}
		* html #content-new {
			display: inline; /* double margin bug */
		}
		#content-new h2 {
		padding-top: 10px !important;
	}
		
		
/* articles */
	#content-articles {
		float: left;
		width: 378px;
	}

/* second row, second box */
	
	/* Article */
	#content-article1 {
		margin-top: 9px !important;
		margin: 9px 0 0 14px;
		float: left;
		width: 175px;
		_display: inline; /* double float bug */
	}
	#content-article2 {
		margin-top: 9px !important;
		margin: 9px 0 0 14px;
		float: left;
		width: 175px;
		_display: inline; /* double float bug */
	}
	#content-article3,
	#content-article4 {
		margin: 41px 0 0 14px;
		float: left;
		width: 175px;
		_display: inline; /* double float bug */
	}
	#content-article3,
	#content-article4 {
		margin: 10px 0 0 14px;
	}
		#content-article1 h3,
		#content-article2 h3,
		#content-article3 h3,
		#content-article4 h3 {
			font: bold 13px Arial, Helvetica, sans-serif;
		}
		#content-article1 img,
		#content-article2 img,
		#content-article3 img,
		#content-article4 img {
			float: left;
			margin: 0 10px 2px 0;
		}
	
	#content-articles br {
		clear: both;
	}