@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	color: #7d7d7d;
	font-size:0.8em;
	background-color: #C1C1C1;
}

#outerWrapper {
	width: 916px;
	margin: 0 auto;
	background-color: #FFF;
	padding: 3px 10px 35px;
}


#header {
	border-top: 7px solid #262626;
}


#logo{
margin: 72px 342px 0 54px;
}




/* navbar */
#navbar {
	float: left;
	width: 100%;
	margin: 20px 0;
	background: #000 url(image/images/menu-bg.html) repeat-x left center;
	border: 1px solid #000000;
}

	#navbar li {
		float: left;
	}
	
		#navbar li a {
			font-family: Optima;
			font-size:1.2em;
	
			display: block;
			padding: 10px 40px;
			color: #FFF;
			text-decoration:none;
		}
		
			#navbar li a:hover {

				color: #000;
				background: url(image/images/menu-over-bg.html) repeat-x left center ;
			}
			
			#navbar li.current a {

				color: #000;
				background: url(image/images/menu-current.html) repeat-x left center ;
			}
			
				#navbar li#menuHome.current a {
	
					color: #000;
					background: url(image/images/menu-home-current.html) repeat-x left center ;
				}
/* End of navbar */

h1 {
	font: 1.8em Optima;
	color: #c63030;
	font-weight: 500; 
	padding: 15px 0px 5px 0px;
}

h2 {
	font: 1.6em Optima;
	color: #c63030;
	font-weight: 500; 
}

h3 {
	font: 1.6em Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 600;
	line-height: 1.6em;
	color: #555555;
	padding: 10px 0px;
}

h4 {
	font: 1.6em Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 600;
	line-height: 1.6em;
	color: #555555;
	padding: 10px 0px;
}

#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #000; 
	text-align: center;
}


#subNav {
	width: 213px;
	float: left;
}

	#subNav h2 {
		padding: 5px 10px;
		margin-bottom: 10px;
		border-bottom: 2px dotted #CCC;
		border-top: 2px dotted #CCC;
	}
	
		#subNav h2.primarySubNavHeading {
			text-transform: uppercase;
		}
		
		#subNav h2#topSubNavHeading {
			border-top: none;
		}

#mainContent {
	width: 680px;
	margin-left: 226px;
}


#pageContentWrapper {
	background: url(image/images/sub-nav-bg.html) repeat-y;
	overflow: auto;
}

#subNav ul {
	margin-bottom: 10px;
}

#subNav ul.arrowList {
	padding: 0 10px;
}

ul.arrowList li a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 0 0 5px 15px;
	background: url(image/images/arrow-bullet.html) no-repeat left 1px;
}

	ul.arrowList li a:hover {
		text-decoration: underline;
	}
	
#subNav ul.propertyListSummary {
	width: 95px;
	margin: 0 auto;
}

	#subNav ul.propertyListSummary li {
		text-align: center;
		font-size: 0.9em;
		margin-bottom: 10px;
	}
	
		ul.propertyListSummary li img {
			display: block;
			margin-bottom: 5px;
		}