/*
 * top navigation - override in section css
 *****************************************/

div#mainNavigationWrapper {
	display:inline;
	float:left;
	width:706px;
	margin:0 0 0 2px;
	padding:0 0 0px 0;
	background:transparent url(../images/navigation/topbkgnd.gif) no-repeat bottom right;
}
div#mainNavigationWrapper.sectionActive {
/*	background:transparent url(../images/navigation/bg_top_nav_section4.gif) no-repeat bottom left;
*/}

div#mainNavigationWrapper ul {
	list-style-type:none;
}
	div#mainNavigationWrapper ul li {
		float:left;
		display:inline;
	}
		div#mainNavigationWrapper ul li a {
			display:block;
			height:27px;
			text-indent:-3000px;
			outline:0;
		}


/*default - home tab*/
div#mainNavigationWrapper ul li#home {
	width:54px;
	background:transparent url(../images/navigation/home.gif) no-repeat bottom left;
}
div#mainNavigationWrapper ul li#home a:hover {
	background:transparent url(../images/navigation/homeover.gif) no-repeat bottom left;
}
div#mainNavigationWrapper ul li#home a.active {
	background:transparent url(../images/navigation/homeon.gif) no-repeat bottom left;
}

/*section 0 - my property*/
div#mainNavigationWrapper ul li#nav0 {
	width:123px;
	background:transparent url(../images/navigation/property.gif) no-repeat bottom left;
}
div#mainNavigationWrapper ul li#nav0 a:hover {
	background:transparent url(../images/navigation/propertyover.gif) no-repeat bottom left;
}
div#mainNavigationWrapper ul li#nav0 a.active {
	background:transparent url(../images/navigation/propertyon.gif) no-repeat bottom left;
}

/*section 1 - my estate*/
div#mainNavigationWrapper ul li#nav1 {
	width:108px;
	background:transparent url(../images/navigation/estate.gif) no-repeat bottom left;
}
div#mainNavigationWrapper ul li#nav1 a:hover {
	background:transparent url(../images/navigation/estateover.gif) no-repeat bottom left;
}
div#mainNavigationWrapper ul li#nav1 a.active {
	background:transparent url(../images/navigation/estateon.gif) no-repeat bottom left;
}

/*section 2 - have my say*/
div#mainNavigationWrapper ul li#nav2 {
	width:137px;
	background:transparent url(../images/navigation/say.gif) no-repeat bottom left;
}
div#mainNavigationWrapper ul li#nav2 a:hover {
	background:transparent url(../images/navigation/sayover.gif) no-repeat bottom left;
}
div#mainNavigationWrapper ul li#nav2 a.active {
	background:transparent url(../images/navigation/sayon.gif) no-repeat bottom left;
}

/*section 3 - about the JMB*/
div#mainNavigationWrapper ul li#nav3 {
	width:97px;
	background:transparent url(../images/navigation/about.gif) no-repeat bottom left;
}
div#mainNavigationWrapper ul li#nav3 a:hover {
	background:transparent url(../images/navigation/aboutover.gif) no-repeat bottom left;
}
div#mainNavigationWrapper ul li#nav3 a.active {
	background:transparent url(../images/navigation/abouton.gif) no-repeat bottom left;
}

/*section 4 -moving to a JMB estate*/
div#mainNavigationWrapper ul li#nav4 {
	width:185px;
	background:transparent url(../images/navigation/live.gif) no-repeat bottom left;
}
div#mainNavigationWrapper ul li#nav4 a:hover {
	background:transparent url(../images/navigation/liveover.gif) no-repeat bottom left;
}
div#mainNavigationWrapper ul li#nav4 a.active {
	background:transparent url(../images/navigation/liveon.gif) no-repeat bottom left;
}


/*
 * Side navigation - override in section css
 *****************************************/
ul#navigation {
	margin:0;
	padding:0;
	list-style-type:none;
}
	ul#navigation li {
		width:132px;
		margin:1px 0 0 0;
		border-bottom:1px solid #8D7B6D;
	}
		ul#navigation li a {
	display:block;
	width:122px;
	padding:5px;
	background-color:#FFCCCC;
	margin:3px 0 2px 0;
	text-decoration:none
	;
		}
		
		ul#navigation li a.active,
		ul#navigation li a:hover {
	background-color:#FF0000;
	color:#E8E5E2;
	font-weight: bold;
		}

			/*second level*/
			ul#navigation li ul{
				width:122px;
				margin:0 0 .25em 10px;
				border-bottom:none;
				list-style-type:none;
			}
				ul#navigation li ul li {
					width:122px;
					margin:1px 0 0 0;
					border-bottom:none;
				}
					ul#navigation li ul li a {
	display:block;
	width:108px;
	padding:3px 2px 3px 12px;
	background:#F4F5F0 url(../images/layout/bgarrow_nav_on.gif) no-repeat 0 0.7em;
	margin:0;
	text-decoration:none;
	background-color: #FFFFFF;
					}
					
					ul#navigation li ul li a.active,
					ul#navigation li ul li a:hover {
	background:#F4F5F0 url(../images/layout/bgarrow_nav_active.gif) no-repeat 0 0.7em;
	color:#333333;
	font-weight: bold;
					}

						/*third level*/
						ul#navigation li ul li ul{
							width:108px;
							margin:0 0 .25em 14px;
							border-bottom:none;
							list-style-type:none;
						}
							ul#navigation li ul li ul li {
								width:108px;
								margin:1px 0 0 0;
								border-bottom:none;
							}
								ul#navigation li ul li ul li a {
									display:block;
									width:94px;
									padding:3px 2px 3px 12px;
/* subsection, not selected arrow */
									background:#F4F5F0 url(../images/layout/bgarrow_nav_on.gif) no-repeat 0 0.7em;
									margin:0;
									text-decoration:none;
								}
								
								ul#navigation li ul li ul li a.active,
								ul#navigation li ul li ul li a:hover {
	background:#F4F5F0 url(../images/layout/bgarrow_nav_active.gif) no-repeat 0 0.7em;
	color:#333333;
	text-decoration:none;
	font-weight: bold;
								}

/*
 * Breadcrumb css
 *****************************************/
p#breadcrumb {
	margin:1em 0;
	color:#000000;
	font-weight: bold;
}
	p#breadcrumb a {
	color:#333333;
	padding:0 2px;
	font-weight: normal
	}