/*#####################################################################
This doc contains css structural & formatting code for the following elements:
-Side Nav
-Footer
-Footer image attachments
#####################################################################*/


/*////////////////////////////////////////////////////////////////////
////// SIDE NAV_____________________________________________SIDE NAV//
////////////////////////////////////////////////////////////////////*/
#nav_block{
	display:block;
	width:183px;
	
	/*background set in masterPage-cs*/
}
#resources_block{
	display:block;
	width:183px;
	float:left;
	background-color:#0035AD;
	/*padding-left:19px;*/
	padding-top:4px;
	margin-top:3px;
	margin-bottom:3px;
	height:auto;
}
#features_block{
	display:block;
	width:129px;
	background-color:#B2C2E6;
	float:right;
	padding-left:8px;
	padding-bottom:3px;
	padding-right:8px;
}
#features_block{
	\width: 121px;
	w\idth: 121px;
}

ul#nav, ul#nav_res{
	margin:0;
	padding:0;
	border:0;
	list-style-type:none;
	text-align:left;
}
ul#nav li ul,ul#nav_res li ul{
	margin:0;
	padding:0;
	border:0;
}
ul#nav li,ul#nav_res li{
	position:relative;
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	width:180px;
	border:0;
}
ul#nav a,ul#nav_res a{/*first level links*/
	font-family:Arial,Tahoma,Sans-Serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	line-height:15px;
	display:block;
	padding-left:19px;
	padding-top:2px;
	padding-bottom:2px;
	letter-spacing:1px;
	height:auto;
	margin:0px;
}
ul#nav a,ul#nav_res a { width: 166px; }
ul#nav a,ul#nav_res a{
	\width: 166px;
	w\idth: 161px;
}
html>body ul#nav a,html>body ul#nav_res a { /*keeps width from blowing out in mozilla*/
	width: auto;
}

ul#nav li li a{ /*secondary links*/
	font-family:Arial,Tahoma,Sans-Serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	display:block;
	padding-left:28px;
	padding-top:1px;
	padding-bottom:1px;
	border:0px;
	letter-spacing:0;
	color:#000;
}
ul#nav li li a:hover{ /*secondary links*/
	font-family:Arial,Tahoma,Sans-Serif;
	font-size:11px;
	font-weight:normal;
	color:#000;
	text-decoration:none;
	display:block;
	padding-left:28px;
	letter-spacing:0;
	border:0px;
	background:url(../images/nav_bar.gif) no-repeat;
	background-position:0px 8px;
}
ul#nav li li a { width: 157px; }
ul#nav li li a
	{
	\width: 157px;
	w\idth: 152px;
	}

ul#nav_res li li a{ /*resources secondary links*/
	font-family:Arial,Tahoma,Sans-Serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	display:block;
	padding-left:19px;
	padding-top:1px;
	padding-bottom:1px;
	border:0px;
	letter-spacing:0;
	color:#FFF;
}
ul#nav_res li li a:hover{ /*resources secondary links*/
	font-family:Arial,Tahoma,Sans-Serif;
	font-size:11px;
	font-weight:normal;
	color:#EBB600;
	text-decoration:none;
	display:block;
	padding-left:19px;
	letter-spacing:0;
	border:0px;
	background:url(../images/nav_bar.gif) no-repeat;
	background-position:-8px 8px;
}
ul#nav_res li li a { width: 166px; }
ul#nav_res li li a
	{
	\width: 166px;
	w\idth: 161px;
	}
	
.spawnCloak{
	display:none;
}
.spawnReveal{
	display:block;
}
ul#nav.jsAttach{
	/*position:absolute;
	top:1em;
	left:1em;*/
}

ul#nav.jsAttach{
	margin:0;
	padding:0;
	list-style-type:none;
	width:160px;
}
ul#nav.jsAttach li{
	position:relative;
}
ul#nav.jsAttach ul{
	border-top:none;
	margin-bottom:2px; /*padding below sub nav*/
}
ul#nav.jsAttach ul li{
	width:160px;
}

ul#nav.jsAttach li.alert{

}

ul#nav.jsAttach li.alert ul a{
	border:none;
	text-decoration:none;
	color:#000;
	/*background-color:#FFF;*/
}
ul#nav.jsAttach li.alert ul a:hover,ul#nav.jsAttach li.alert ul li.live a{ /*tiriary highlight - sub heighlight*/ 
	border:none;
	color:#000;
	text-decoration:none;
	
}

ul#nav.jsAttach li ul li ul li a{
	padding-left:44px;
}
ul#nav li li li a { width: 105px; }
ul#nav li li li a
	{
	\width: 105px;
	w\idth: 100px;
	}

ul#nav a:hover,ul#nav_res a:hover{/*first level links*/
	font-family:Arial,Tahoma,Sans-Serif;
	font-size:12px;
	font-weight:bold;
	padding-left:19px;
	letter-spacing:1px;
	text-decoration:none;
}
ul#nav.jsAttach li.hasSpawned
{
	/*background-color:#ooo;*/
	
}
ul#nav.jsAttach li.alert a{/*effects whole section | secondary highlight*/
	border-top:none;
	text-decoration:none;
	color:#0035AD;
}


ul#nav.jsAttach li ul li.alert a{/*effects whole section | tirtiary level highlight*/
	color:#0035AD;
		width:150px;

}
ul#nav.jsAttach li.alert ul li ul li a{ /*fourth level*/
	padding-left:37px;
	color:#000;
}
ul#nav.jsAttach ul ul li.live a{ /*fourth level*/
	color:#AC703D;
}
ul#nav.jsAttach li.alert ul li.live a{ /*fourth level*/
	color:#000;
}
ul#nav.jsAttach li.alert ul li.live ul li a{ /*fourth level*/
	color:#000;
	background:none;
}
ul#nav.jsAttach li.alert ul li.live ul li a:hover{ /*fourth level*/
	color:#000;
	background:url(../images/nav_bar.gif) no-repeat;
	background-position:0px 8px;
}

ul#nav.jsAttach li a:hover,ul#nav.jsAttach li.live a{ /*no children - main nav*/
	text-decoration:none;
	color:#0035AD;
}
ul#nav.jsAttach li.hasSpawned a:hover{
	text-decoration:none;
	color:#0035AD;
}
ul#nav.jsAttach li li.live a{ /*highlight secondary when it hasn't got children | For Mozilla and IE*/
	text-decoration:none;
	color:#000;
	background:url(../images/nav_bar.gif) no-repeat;
	background-position:0px 8px;
}
ul#nav_res li li.live a {/*resources secondary highlight*/
	color:#EBB600;
	background:url(../images/nav_bar.gif) no-repeat;
	background-position:-8px 8px;
}
ul#nav_res li a:hover{ /*resources root highlight*/
	color:#EBB600;
}
/*/////////////////////////////////////////////////////////////////
footer_____________________________________________footer____//////
/////////////////////////////////////////////////////////////////*/

#footer { 
	display:block;
	width:746px; 
	clear:both;
	height:71px; 
	position:relative;
	margin: 0 auto;/*centering trick*/
	} 

* html #footer {/*only ie gets this style*/ 
	\height:73px;/* for ie5 */ 
	he\ight:71px;/* for ie6 */ 
	}
	
#footer_container{
	display:block;
	float:left;
	width:746px;
	height:90px;
	background:url(../images/ACED_HP_FOOTER.jpg) no-repeat;
	}

#shift_over{
	display:block;
	float:left;
	width:300px;
	padding-left:435px;
	}


/*////////////////////////////////////////////////////////////////////////////
atach images to footer trick____________________atach images to footer trick//
////////////////////////////////////////////////////////////////////////////*/

.ap_disclaim {
	position: absolute;
	top: -28px;
	width: 400px;
	height: 24px;
	z-index:5;
	color:#0035AD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

/* \*/
* html .ap_disclaim {
	top: -13px;
	t\op: -14px;
}
/* */

.ap_left_disclaim {left: 188px;}

.ap-left-logo {left: 0px;}

.ap-disclaimB {
	position: absolute;
	top: 15px;
	width: 500px;
	height: 2px;
	z-index:15;
}

.ap-left-disclaimB {left: 189px;}

.ap-disclaimC { 
	position: absolute;
	top: -12px;
	width: 500px;
	height: 2px;
	z-index:20; /*needs to be z-index to float above flower images*/
}

.ap-left-disclaimC {left: 189px;}

.ap-disclaimD { 
	position: absolute;
	top: -50px;
	width: 500px;
	height: 2px;
	z-index:20; /*needs to be z-index to float above flower images*/
}

.ap-left-disclaimD {left: 189px;}

/*////////////////////////////////////////////////////////////////////////////
CSS Image Maps trick____________________CSS Image Maps trick//
////////////////////////////////////////////////////////////////////////////*/
img.image{ display: none; }

dl#topMap{
	margin: 0;
	padding: 0;
	height: 114px;
	width: 560px;
	position: relative;
}
dl#leftMap,dl#midLeftMap,dl#midRightMap,dl#rightMap{
	margin: 0;
	padding: 0;
	position: relative;
}

dd{ margin: 0; padding: 0; position: absolute;  font-size:12px; }

/* ---------- Hotspot Declarations ---------- */
dd#topDef,dd#leftDef,dd#midLeftDef,dd#midRightDef,dd#rightDef{ top: 0px; left: 0px; }

dd#topDef a{ position: absolute; width: 560px; height: 114px; text-decoration: none; }
dd#leftDef a,dd#midLeftDef a,dd#midRightDef a,dd#rightDef a{ position: absolute; text-decoration: none; }

dd#topDef a span,dd#leftDef a span,dd#midLeftDef a span,dd#midRightDef a span,dd#rightDef a span{ display: none; }
dd#topDef a:hover,dd#leftDef a:hover,dd#midLeftDef a:hover,dd#midRightDef a:hover,dd#rightDef a:hover{ position: absolute; top: 0px; left: 0px; cursor:default;}
dd#topDef a:hover span,dd#leftDef a:hover span,dd#midLeftDef a:hover span,dd#midRightDef a:hover span,dd#rightDef a:hover span{
	font-family: Arial, tahoma, Helvetica, sans-serif ;
	display: block;
	text-indent: 0;
	/*vertical-align: top;*/
	color: #000;
	background-color: #F1CC4C;
	filter: alpha(opacity=90);
	-moz-opacity: .85;
	-khtml-opacity: .85;
	font-weight: bold;
	font-size:12px;
	position: absolute;
	border: 0;
	/*bottom: 100%;*/
	margin: 0;
	margin-right:-580px;/*prvents hor scroll in Mac IE*/
	padding: 4px;
	border:0;
	height: 15px;
	left:352px;
	width: 200px;
	cursor:default;
}
dd#leftDef a:hover span,dd#midLeftDef a:hover span,dd#midRightDef a:hover span,dd#rightDef a:hover span{
	height: auto;
	left: 6px;
	width: 100px;
	
}






.planning, .economic, .municipal, .authorities, .residential {

	width:108px;
	margin-top:3px;
	float:left;
	margin-right:3px;
	background-repeat:repeat-x;
	background-position:bottom;
	height:347px;
}

.planning 
{
	background-color:#cc6633;
	background-image: url(../images/planning-bg.jpg);
}

.economic 
{
	background-color:#611f80;
	background-image: url(../images/economic-bg.jpg);
}

.municipal 
{
	background-color:#017e3c;
	background-image: url(../images/municipal-bg.jpg);
}

.authorities 
{
	background-color:#9d112e;
	background-image: url(../images/authorities-bg.jpg);
}

.residential 
{
		background-color:#1b67c7;
		background-image: url(../images/residential-bg.jpg);
		width:106px;
		margin-right:0px;
}

.whitetext2
{
	font-family:Arial, Helvetica, sans-sarif;
	font-size:12px;
	color:#FFF;
	padding:11px 7px 5px 7px;
	clear:left;
	display:block;
}

#planning_img, #economic_img, #municipal_img, #authorities_img
{
	height:138px;
	width:94px;
	z-index:1;
	margin:0px;
	font-family:Arial, Helvetica, sans-sarif;
	font-size:9px;
	color:#FFF;
	background-repeat:no-repeat;
	padding:11px 7px 5px 7px;
	background-position:bottom;
}


#planning_txt a, #economic_txt a, #municipal_txt a, #authorities_txt a
{
	padding-left:108px;
	padding-top:34px;
	display:block;
}




#planning_img {
background-image:url(../images/planning.jpg);
}


#planning_img:hover
{
	background-image:none;
}

#planning_txt 
{
	background-image:url(../images/planning_txt.gif);
	background-repeat:no-repeat;

}






#economic_img
{
	background-image:url(../images/economic.jpg);
}

#economic_img:hover
{
	background-image:none;
}


#economic_txt 
{
	background-image:url(../images/economic_txt.gif);
	background-repeat:no-repeat;

}






#municipal_img
{
	background-image:url(../images/municipal.jpg);
}

#municipal_img:hover
{
	background-image:none;
}


#municipal_txt 
{
	background-image:url(../images/municipal_txt.gif);
	background-repeat:no-repeat;
}





#authorities_img
{
	background-image:url(../images/authorities.jpg);
	font-size:9px;
}

#authorities_img:hover
{
	background-image:none;
}


#authorities_txt 
{
	background-image:url(../images/authorities_txt.gif);
	background-repeat:no-repeat;
}






#residential_img
{
	background-image:url(../images/residential.jpg);
	font-size:9px;
	height:138px;
	width:92px;
	z-index:1;
	margin:0px;
	font-family:Arial, Helvetica, sans-sarif;
	color:#FFF;
	background-repeat:no-repeat;
	padding:11px 7px 5px 7px;
	background-position:bottom;
}

#residential_img:hover
{
	background-image:none;
}


#residential_txt a
{
	background-image:url(../images/residential_txt.gif);
	background-repeat:no-repeat;
	padding-left:106px;
	padding-top:34px;
display:block;
}