body{ background:url('media/bgmatting.gif'); border-left:0px; border-right:0px; height:100%; }

.controlpanel{ background:#F7F7F7; border:#ADADAD solid; border-width:0px 0px 2px; }
.controlpanel IMG{ margin:15px 5px 0px; }
.controlpanel TD TD TD TD IMG{ margin:0px; }
.controlpanel TD TD TD{ width:auto; }
.controlpanel DIV{ border:#CCC solid; border-width:0px 1px; width:3px; height:100px; }
.controlpanel TD.SubHead{ background:#CCC; font-size:12px; color:#000; font-weight:bold; }
.controlpanel TD TD TD .SubHead{ background:transparent; border:0px; font-size:11px; color:#333; font-weight:normal; }
.controlpanel TD TD TD input{ background:#EFEFEF; font-size:11px; color:#000; font-weight:bold; padding-left:4px; }
.controlpanel TD TD TD select{ background:#EFEFEF; font-size:11px; color:#333; }
.controlpanel A.CommandButton{ font-size:10px; text-decoration:none; }
.controlpanel A.CommandButton:link{ color:#000; }
.controlpanel A.CommandButton:visited{ color:#000; }
.controlpanel A.CommandButton:active{ color:#000; }
.controlpanel A.CommandButton:hover{ color:#F00; text-decoration:underline;}

.LeftPane
{
	position:relative;
	float:left;
	width:200px;
	height:100%;
	min-height:750px;
	padding:5px 5px 0px 5px; 
}

.ContentPane
{
	position:relative;
	float:left;
	width:470px;
	height:100%;
	min-height:750px;
	padding:5px 5px 0px 5px;
	border-left:solid 1px #00519c; 
	border-right:solid 1px #00519c; 
}

.ContentPane table{
	width: 100%;
}

.RightPane
{
	position:relative;
	float:left;
	width:200px;
	height:100%;
	min-height:750px;
	padding:5px 5px 0px 5px;
}

.ContentPaneRight
{
	position:relative;
	float:left;
	width:670px;
	height:100%;
	min-height:750px;
	padding:5px 5px 0px 5px;
	border-left:solid 1px #00519c; 
}

.ContentPaneFull
{
	position:relative;
	float:left;
	width:100%;
	height:100%;
	min-height:750px;
	padding:5px 5px 0px 5px;
	border-left:solid 1px #00519c;
}

.AlignCenter{
	left:25px;
	text-align:center;
}

.TopPane{position:relative;float:left; width: 100%; height: 183px;padding:5px; text-align:center;}


.Head{ font-size:12px; font-weight:bold; color:#FFFFFF; }
.SubHead{ font-size:11px; font-weight:bold; color:#333; }
.SubSubHead{ font-size:11px; font-weight:bold; color:#333; }
.Normal{ font-size:11px; font-weight:normal; color:#333; }
.CommandButton{ font-size:11px; color:#333; }
A.CommandButton:link{ text-decoration:none; color:#333; }
A.CommandButton:visited{ text-decoration:none; color:#333; }
A.CommandButton:active{ text-decoration:none; color:#333; }
A.CommandButton:hover{ text-decoration:underline; color:#AB1B00; }
TD,TH,DIV,SPAN{ font-family: Verdana, Tahoma, Arial, Helvetica; font-size:11px; color:#333; }
A:link{ text-decoration:none; color:#333; }
A:visited{ text-decoration:none; color:#333; }
A:active{ text-decoration:none; color:#333; }
A:hover{ text-decoration:none; color:#AB1B00; }


.paging A:link{ text-decoration:underline; color:#333; }
.paging A:visited{ text-decoration:underline; color:#333; }
.paging A:hover{ text-decoration:underline; color:#AB1B00; }
.paging A:active{ text-decoration:none; color:#333; }
.paging{font-size:11px; font-weight:bold; color:#FFFFFF;}


/*-----------------------------section-------------------------------------------------------------------------*/

.anchor{
	background-color:#f7f7f7;
	position: relative;
	width:912px;
	height:100%;
	min-height:1570px;
	left:10px;
	top:10px;
	border: 2px solid darkblue;
	-moz-border-radius: 2%;
}

	#top{ height:20px;	background:url(media/head.gif) no-repeat top; font-size:9px; }

	#header{ position:relative; width:100%; height:354px;}
/*-----------------------------section-------------------------------------------------------------------------*/
	#headerupper{
		position:relative;
		height:100px;
		width:100%;
		overflow:hidden;
	}
		#logo
		{
			position: relative; 
			float:left; 
			width: 355px; 
			height:100%; 
			background:url('media/logo.gif') no-repeat; 
			text-align: center;
			overflow:hidden;
		}


		#uppercenter{
			position:relative;
			padding:5px 5px 5px;
			float:right;
			width:70px;
			height:100%;
		}

		
		#headerright{
			position:relative;
			padding:10px 5px 10px;
			float:right;
			width:300px;
		}


/*-----------------------------section-------------------------------------------------------------------------*/

#paybills
{
	position:relative;
	top:10px;
	left:-60px;
}


/*Round Button*/

#roundorangebutton{
	float:right;
}

#roundorangebutton a{
	text-decoration:none;
	text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:black;
	overflow:hidden;
	display:block;
	background:#fff url('media/roundorangebutton.gif') -1px -1px no-repeat;
	margin:4px 2px 0px 2px;
	padding:4px 8px;
	width:50px;
	height:56px;
}

#roundorangebutton a:link{
	color:#203c55;
}


#roundorangebutton a:visted{
	color:#203c55;
}

#roundorangebutton a:hover{
	background-position:0px -65px;
	color:#203c55;
}

/*-----------------------------section-------------------------------------------------------------------------*/
	
	#headercenter{
		position:relative;
		height:33px;
		width:100%;
	}
	
		/* Main Menu */
		.MainMenuBox{position: relative; height:34px; width:100%; background: url('media/bar.gif') repeat-x;}
		.MainMenu_MenuContainer{
			position:relative; top:0px;left:10px;border:0px; background-color:transparent;
			width:1px; padding:1px 10px 0px 5px !important; padding:4px; margin-left:5px; }
		.MainMenu_MenuBar{}
		.MainMenu_MenuIcon{ display:none; }
		.MainMenu_RootMenuArrow{ display:none; }
		.MainMenu_MenuBreak{ display:none; }
		.MainMenu_MenuItem{color:#FFFFFF;	font-size:11px;	font-weight:normal;
			padding:2px 15px 2px 10px;
			border:#909EC1 solid; border-width:1px 0px;
		}
		.submenuitembreadcrumb{
			color:#F00;	font-size:11px;	font-weight:normal;
			padding:2px 15px 2px 10px;
			border:#909EC1 solid; border-width:1px 0px;
		}
		.submenuitemselected{
			color:#FFF;	font-size:11px;	font-weight:normal;
			padding:2px 15px 2px 10px;
			background:#333;
			border:#909EC1 solid; border-width:1px 0px;	
		}
		.MainMenu_MenuArrow{
			padding:2px 0px 2px 10px; height:24px;
			border:#909EC1 solid; border-width:1px 1px 1px 0px;
		}
		.submenu{
			z-index:1000;
			border:1px #333 solid;
			padding:0px; margin-top:0px; margin-left:2px;
			background:#909EC1;
		}
		.rootmenuitem TD{ 
			color:#FFFFFF; font-size:11px; font-weight:bold;
			padding:5px;
			background:transparent;
			height:24px;
		}
		.rootmenuitemselected TD,.rootmenuitembreadcrumb TD{
			color:#FFFFFF; font-size:11px; font-weight:bold;
			padding:5px;
			background:transparent;
			height:24px;
		}	

/*-----------------------------section-------------------------------------------------------------------------*/

	#headerlower
	{
		position:relative;
		top:-2px;
		background-color: #e7ebf7;		
		height:218px;
		width:100%;
	}

	*html #headerlower
	{
		position:relative;
		top:0px;
		left:0px;
		max-height:10px;
	}


		.NewsFeedPane
		{
			position:relative;
			top:-218px;
			left:0px;
			float:right;
			width:200px;
			height:10px;
			background-color: #e7ebf7;
		}


		*html .NewsFeedPane
		{
			left:0px;
			width:192px;
			overflow-x: hidden;
		}

		.BannerPane{
			position:relative;
			height:218px;
			width:360px;
			float:left;
			top:-10px;
		}
		
		html* .BannerPane
		{
			top:0px;
		}

			

/*-----------------------------section-------------------------------------------------------------------------*/



#headseperator{
	background:url('media/menubar.gif');
	height:34px;
	border-bottom:solid 1px #00519c; 
}

*html #headseperator{
	position:relative;
	top: -192px;
}

#footer{
	float:left;
	text-align:center;
	width: 900px;
	border-top:solid 1px #00519c;
	border-bottom:solid 1px #00519c; 
}

#main
{
	position:relative;
	top:30px;
	width:100%;
}

*html #main
{
	background-color:#f7f7f7;
	top:-192px;
}

#miscimage{
	background:url('media/arielpic.gif') no-repeat;
	margin:0px 0px;
	width:360px;
	height:219px;
	float:left;
}

.textbottom{
	position:relative;
	vertical-align:text-bottom;
	text-align:center;
	padding:10px;
}

a.user:visited{ color:#203c55; text-decoration:none; }
a.user:active{ color:#203c55; text-decoration:none; }
a.user:hover{ color:#203c55; text-decoration:underline; }
a.user:link{ color:#203c55; text-decoration:none; }
.footer{ font-size:9px; }
a.footer:visited{ color:#333; text-decoration:none; }
a.footer:active{ color:#333; text-decoration:none; }
a.footer:hover{ color:#F00; text-decoration:none; }
a.footer:link{ color:#333; text-decoration:none; }


/*-----------------------------section-------------------------------------------------------------------------*/

#quicklinkWrapper{
	width:354px;
	height:218px;
	overflow:hidden;
}

#quicklinkResidentBlank{
	background-image:url('media/resident_blank.gif');
	height:100%;
	width:33%;
	float:left;
}

		#quicklinkResidentDim{
		 	background: url('media/resident_dim.gif') no-repeat center;
			height:218px;
		}
		
		#quicklinkResidentBright{
			background: url('media/resident_bright.gif') no-repeat center;
			height:218px;
			display:none;
		}

#quicklinkCommercialBlank{
	background-image:url('media/commercial-blank.gif');
	height:100%;
	width:33%;
	float:left;
}

		#quicklinkCommercialDim{
			background: url('media/commercial-dim.gif') no-repeat center;
			height:218px;
		}
		
		#quicklinkCommericalBright{
			background: url('media/commercial-bright.gif') no-repeat center;
			height:218px;
			display:none;	
		}

#quicklinkCommunityBlank{
	background-image:url('media/community_blank.gif');
	height:100%;
	width: 33%;
	float:left;
}

		#quicklinkCommunityDim{
			background: url('media/community_dim.gif') no-repeat center;
			height:218px;	
		}
		
		#quicklinkCommunityBright{
			background: url('media/community_bright.gif') no-repeat center;
			height:218px;
			display:none;	
		}





/*-----------------------------section-------------------------------------------------------------------------*/

/* Resident Link Section */
#residentlink{
	position:relative;
}

#residentlink a{
	text-decoration:none;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:black;
	overflow:hidden;
	display:block;
	background:#fff url('media/residentsbutton.gif') no-repeat;
	background-position: -10px 0px;
	width:118px;
	height:218px;
}

#residentlink a:link{
	color:#203c55;
}

#residentlink a:visted{
	color:#203c55;
}

#residentlink a:hover{
	background-position:-10px -219px;
	color:#203c55;
}


/* Commercial Link Section */
#commerciallink{
	position:relative;
}

#commerciallink a{
	text-decoration:none;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:black;
	overflow:hidden;
	display:block;
	background:#fff url('media/commercialbutton.gif') no-repeat;
	background-position: -10px 0px;
	width:118px;
	height:218px;
}

#commerciallink a:link{
	color:#203c55;
}

#commerciallink a:visted{
	color:#203c55;
}

#commerciallink a:hover{
	background-position:-10px -219px;
	color:#203c55;
}


/* Community Link Section */
#communitylink{
	position:relative;
}

#communitylink a{
	text-decoration:none;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:black;
	overflow:hidden;
	display:block;
	background:#fff url('media/communitybutton.gif') no-repeat;
	background-position: -10px 0px;
	width:118px;
	height:218px;
}

#communitylink a:link{
	color:#203c55;
}

#communitylink a:visted{
	color:#203c55;
}

#communitylink a:hover{
	background-position:-10px -219px;
	color:#203c55;
}


/********************************Detail Section***************************************/

/*-----------------------------section-------------------------------------------------------------------------*/
#detailheader{ position:relative; width:100%;}	
	
	#detailheaderupper{
		position:relative;
		height:100px;
		width:100%;
	}
		#detiallogo
		{
			position: relative; 
			float:left; 
			width: 355px; 
			height:100%; 
			background:url('media/logo.gif') no-repeat; 
			text-align: center;
		}
		
		#detailheaderright{
			position:relative;
			padding:10px 5px 10px;
			float:right;
			width:400px;
		}	
		
		
		#detailheadercenter{
		position:relative;
		height:33px;
		width:100%;
	}
/*--------------/*-----------------------------section-------------------------------------------------------------------------*/

	#detailheaderlower
	{
		position:relative;
		height:200px;
		width:100%;
	}
	

/*-----------------------------section-------------------------------------------------------------------------*/



#detailheadseperator{
	background:url('media/menubar.gif');
	height:34px;
}
---------------section-------------------------------------------------------------------------*/

#detailmain
{
	width:100%;
}