@charset "utf-8";
@import "reset.css";

/**
 ** core tags
 **/
 
body {
	margin: 10px 0 0 0;
	background-image: url(/images/bkgd.gif);
	background-repeat: repeat-x repeat-y;
}

/**
 ** #container
 **/
 
#container {
	margin-bottom: 50px;
	margin-left: 50px;
	width: 850px;
}

/**
 ** #content
 **/

#content {
	margin-top: 30px;
}

/**
 ** #nav
 **/
 
#nav {
	float: left;
	width: 148px;
}

#nav a {
	color: #979797;
	display: block;
	font-family: Arial;
	font-size: 13px;
	margin-bottom: 7px;
	text-decoration: none;
}

#nav img.section {
	display: block;
	margin-bottom: 20px;
	vertical-align: bottom;
}

/**
 ** #navh
 **/
 
#navh {
	height: 160px;
}

#navh a {
	color: #333333;
	display: block;
	float: right;
	font-family: Verdana;
	font-size: 12px;
	line-height: 140%;
	padding-top: 50px;
	text-decoration: none;
	width: 88px;
}

#navh a.area {
	background: url(/images/nav-area.gif) left top no-repeat;
}

#navh a.area-on {
	background: url(/images/nav-area-on.gif) left top no-repeat;
	color: #b3b4be;
}

#navh a.bio {
	background: url(/images/nav-bio.gif) left top no-repeat;
}

#navh a.bio-on {
	background: url(/images/nav-bio-on.gif) left top no-repeat;
	color: #b3b4be;
}

#navh a.jersey {
	background: url(/images/nav-jersey.gif) left top no-repeat;
}

#navh a.jersey-on {
	background: url(/images/nav-jersey-on.gif) left top no-repeat;
	color: #b3b4be;
}

#navh a.listings {
	background: url(/images/nav-listings.gif) left top no-repeat;
}

#navh a.listings-on {
	background: url(/images/nav-listings-on.gif) left top no-repeat;
	color: #b3b4be;
}

#navh a.mls {
	background: url(/images/nav-mls.gif) left top no-repeat;
}

#navh a.mls-on {
	background: url(/images/nav-mls-on.gif) left top no-repeat;
	color: #b3b4be;
}

#navh a.short-hills {
	background: url(/images/nav-short-hills.gif) left top no-repeat;
}

#navh a.short-hills-on {
	background: url(/images/nav-short-hills-on.gif) left top no-repeat;
	color: #b3b4be;
}

#navh a.summit {
	background: url(/images/nav-summit.gif) left top no-repeat;
}

#navh a.summit-on {
	background: url(/images/nav-summit-on.gif) left top no-repeat;
	color: #b3b4be;
}

#navh a.transportation {
	background: url(/images/nav-transportation.gif) left top no-repeat;
}

#navh a.transportation-on {
	background: url(/images/nav-transportation-on.gif) left top no-repeat;
	color: #b3b4be;
}

/**
 ** #text
 **/
 
#text {
	overflow: auto;
	padding-left: 20px;
	width: 633px;
}

#text a {
	color: #5387b1;
	text-decoration: underline;
}

#text a:hover {
	text-decoration: none;
}



ul.text {
	margin-bottom: 0px;
	background: url(images/bullet-arrow.gif) 0px 1px no-repeat;
}

ul.text li {
	display: list-item;
	margin: 0px 0px 17px 0px;
	padding-left: 20px;
}

ul.text li a {
	text-decoration: none;
	color: #5387b1;
}

ul.text li a:hover {
	color: #5387b1;
	text-decoration: underline;
}

ul.text li a.current {
	color: black;
}







#text div.left {
	color: #222222;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	line-height: 140%;
	padding-right: 20px;
	width: 306px;
}

#text div.right {
	color: #222222;
	float: right;
	font-family: Verdana;
	font-size: 11px;
	line-height: 140%;
	width: 307px;
}

#text div.top {
	padding-top: 25px;
}

#text p {
	margin-bottom: 15px;
}

#text p.element {
	line-height: normal; 
	margin-bottom: 10px;
}

#text strong {
	color: #333333;
	font-weight: bold;
}

#text strong.highlight {
	color: #5387b1 !important;
	margin-right: 5px;
}


#text font.notice {
	color: #a92310;
}


/**
 ** #section
 **/
 
#section {
	margin-top: 20px;
}