@import "reset.css";

/* 
----------------------------------------------------------------
----------------------------------------------------------------
----------------------------------------------------------------
PRAR.COM CSS
author: Ben Visser of Social Design House
----------------------------------------------------------------
----------------------------------------------------------------
---------------------------------------------------------------- 
*/

body { padding: 0; margin: 0; font-family: Georgia, sans-serif; font-size: 62.5%; background: #000 url('../_images/bg-1.jpg') no-repeat top center;  }


.divider { float: left; width: 100%; height: 1px; background: url('../_images/divider.gif') repeat-x; margin-top: 15px; padding-bottom: 30px; clear: both; }
.divider-footer { float: left; width: 1px; height: 150px; background: url('../_images/divider-footer.gif') repeat-y; }

.col-1 { float: left; width: 280px; }
.col-2 { float: left; width: 590px; }
.col-1-thin { float: left; width: 200px; }

.rounded-corners { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }

.container { width: 960px; margin: 0 auto; padding: 0; }

/*nav*/
.container-nav { width: 960px; margin: 0 auto; padding: 0; }
	.topnav { float: left; width: 950px; padding: 25px 5px 20px 5px; }
		.topnav-logo { float: left; width: 300px; height: 70px; }
		.topnav-text { float: left; width: 650px; height: 70px; }
			.topnav-text ul { float: left; text-align: right; width: 650px; padding-top: 20px; }
				.topnav-text ul li { float: right; font: normal normal normal 1.3em Times New Roman, serif; color: #fff; margin: 0 17px 0 0; }
					
					.topnav-text ul li { color: #f5f0a2; }
						.topnav-text ul li.active a { color: #fff; }
						
						.topnav-text ul li .activeLeft { float: left; height: 16px; padding: 2px 0; }
						.topnav-text ul li .activeMiddle { float: left;  height: 16px; padding: 2px 0; }
						.topnav-text ul li .activeRight { float: left;  height: 16px; padding: 2px 0; }
						
						.topnav-text ul li.active .activeLeft { float: left; height: 16px; width: 10px; background-color: #000; padding: 2px 0; background: url('../_images/nav-top-cap-left.png') no-repeat;}
						.topnav-text ul li.active .activeMiddle { float: left;  height: 16px; background-color: #000; padding: 2px 0; background: url('../_images/nav-top-middle.png'); }
						.topnav-text ul li.active .activeRight { float: left;  height: 16px; width: 10px; background-color: #000; padding: 2px 0; background: url('../_images/nav-top-cap-right.png') no-repeat; }

					.topnav-text ul li a { color: #fff; text-decoration: none; }
					.topnav-text ul li a:hover { text-decoration: underline; }
					.topnav-text ul li a img { margin-top: -6px; }
	
	.nav { float: left; width: 920px; margin: 0 5px; padding: 0 15px; background: #900000 url('') repeat-x; height: 40px; z-index: 999; }
		
		.nav-home { float: left; width: 34px; height: 40px; }
		.nav-home a { float: left; width: 14px; height: 40px; padding: 0 10px; cursor: pointer;}
		.nav-home a:hover { background-color: #340300; }
		
		.nav ul { float: right; height: 40px; width: 886px; }
			
			.nav ul li { float: right; text-align: left; position: relative; }
			
				.nav ul li a.navmain { display: block; height: 40px; margin: 0 5px; }
				.nav ul li a { background-color: #260000; }
				
				.nav ul li a.nav-propertysearch { width: 117px; background: url('../_images/nav-propertysearch.png') no-repeat center; }
				.nav ul li.active a.nav-propertysearch { background: url('../_images/nav-propertysearch-active.png') no-repeat center; }
				
				.nav ul li a.nav-memberdirectory { width: 129px; background: url('../_images/nav-memberdirectory.png') no-repeat center; }
				.nav ul li.active a.nav-memberdirectory { background: url('../_images/nav-memberdirectory-active.png') no-repeat center; }
				
				.nav ul li a.nav-affiliatespotlight { width: 129px; background: url('../_images/nav-affiliatespotlight.png') no-repeat center; }
				.nav ul li.active a.nav-affiliatespotlight { background: url('../_images/nav-affiliatespotlight-active.png') no-repeat center; }
				
				.nav ul li a.nav-education { width: 88px; background: url('../_images/nav-education.png') no-repeat center; }
				.nav ul li.active a.nav-education { width: 88px; background: url('../_images/nav-education-active.png') no-repeat center; }
				
				.nav ul li a.nav-membership { width: 104px; background: url('../_images/nav-membership.png') no-repeat center; }
				.nav ul li.active a.nav-membership { width: 104px; background: url('../_images/nav-membership-active.png') no-repeat center; }
				
				.nav ul li a.nav-consumerresources { width: 157px; background: url('../_images/nav-consumerresources.png') no-repeat center; }
				.nav ul li.active a.nav-consumerresources { width: 157px; background: url('../_images/nav-consumerresources-active.png') no-repeat center; }
				
				/*dropdown*/
				.nav ul li ul { position: absolute; left: 10px; top: 40px; width: 185px; display: none; background-color: #340300; margin-left: -5px; height: auto; padding: 10px; z-index: 999; }
				.nav ul li ul li { }
					.nav ul li ul li a { float: left; color: #fff; text-decoration: none; width: 165px; padding: 8px 10px 0 10px; height: 22px; font: normal normal normal 1.1em Arial, sans-serif; background: url('../_images/subnav-arrow.png') no-repeat; }
					.nav ul li ul li a:hover { color: yellow; }
				
				.nav ul li:hover ul { display: block; }
					.nav ul li a.navmain span { display: none; }

/*content*/

.titlebar h1 { font: normal normal 40px Arial, sans-serif; padding-bottom: 20px; color: #eee; }
h2 { font: normal normal bold 2em Arial, sans-serif; color: #000; margin-bottom: 15px; line-height: 1.4; }
h3 { font: normal normal bold 1.3em Arial, sans-serif; color: #000; margin-bottom: 5px; line-height: 1.4; }
	h3 a { color: #881000; }
	h3 a:hover { color: #881000; text-decoration: none; }
h4 { font: normal normal bold 1.6em Arial, sans-serif; color: #fff; margin-bottom: 10px; line-height: 1.4; }
h5 { font: normal normal normal 1.6em Arial, sans-serif; color: #000; line-height: 1.7; margin-bottom: 15px; }
p { font: normal normal normal 1.3em Arial, sans-serif; color: #000; line-height: 1.5; margin-bottom: 15px; }
ol { font: normal normal normal 1.3em Arial, sans-serif; color: #000; margin: 0 0 15px 40px;  line-height: 1.5; list-style-type: decimal; }
blockquote { margin: 0 0 15px 40px; padding-left: 20px; border-left: 1px solid #ccc;  }
blockquote p { color: #666; }
a { color: #881000; }
a:hover { text-decoration: none; }
small { font: normal normal normal 11px Arial, sans-serif; color: #666; line-height: 1.4; }

.imagearea { float: left; width: 100%; height: 230px; }

.home { float: left; width: 950px; height: 470px; background: url('../_images/home-content-bg.png') no-repeat; }
.home-left { float: left; width: 555px; padding: 30px 40px; }
	.title-feature { float: left; width: 100px; padding-left: 455px; margin-bottom: 30px; }
	.home-feature { float: left; width: 265px; }
		.home-feature img { float: left; width: 70px; padding: 0 15px 100px 0; }
.home-right { float: left; width: 245px; padding: 35px; margin-top: 10px; }
	.home-form { float: left; padding-top: 60px; }
		.home-form-inputfull { float: left; width: 100%; margin-bottom: 8px; }
		.home-form-inputhalf { float: left; width: 115px; margin-bottom: 8px; }
			.home-form label { float: left; width: 100%; margin-bottom: 2px; font: normal normal bold 1.2em Arial, sans-serif; color: #333; }
			.home-form-inputfull select { float: left; width: 245px; }
			.home-form-inputhalf select { float: left; width: 115px; }
			
.titlebar { float: left; width: 870px; height: 60px; background-color: #eee; margin: 0px 5px 0 5px; padding: 30px 40px 10px; border-bottom: 1px solid #ccc; margin-top: 10px; }
	.breadcrumb { float: left; width: 100%; padding-top: 65px; color: #ba9090; font: normal normal normal 1.1em Arial, sans-serif; }
		.breadcrumb a { color: #ba9090; text-decoration: none; }
.addthis { float: right; width: 132px; margin: -67px 47px 0 0; padding: 0; z-index: 10px; }
.tabs { float: left; width: 870px; height: 66px; background-color: #eee; margin: -18px 5px 0 5px; padding: 0 40px; }
	.tabs ul { float: left; width: 870px; }
		.tabs ul li { float: left; font: normal normal normal 1.2em Arial, sans-serif; padding: 32px 30px 0 0; }
			.tabs ul li a { color: #000; }
			.tabs ul li a:hover { text-decoration: none; }
		.tabs ul li.active { background-color: #fff; padding: 11px 20px 0 20px; height: 36px; margin: 18px 30px 0 0; font-size: 1.5em; font-weight: bold; border: 1px solid #ccc; }
		.tabs ul li.active a { text-decoration: none; }
/*.tabs-border { float: left; width: 100%; height: 1px; background-color: #ccc; margin-top: -1px; z-index: 1; position: relative; }	*/

.content-container { float: left; width: 870px; padding: 40px 40px 60px 40px; background-color: #fff; margin: 0px 5px; }
	.content { float: left; width: 590px; font-family: Arial, sans-serif; }
	.content-full { float: left; width: 870px; font-family: Arial, sans-serif; }
		.content ul, .content-full ul { font: normal normal normal 1.3em Arial, sans-serif; color: #000; margin: 0 0 15px 40px;  line-height: 1.5; list-style-type: disc; }
.sidebar { float: left; width: 228px; border: 1px solid #ccc; margin: 0 0 20px 50px; }
	.sidebar-content { padding: 10px 20px; }
	.sidebar h2 { background-color: #900000; color: #fff; text-align: center; padding: 10px 0; font-size: 1.4em; }
	.sidebar h3 { font: normal normal normal 1.8em Arial, sans-serif; margin-bottom: 15px; line-height: 1.4; }
	.sidebar p { text-align: center; }

.form-full-title { float: left; width: 868px; background-color: #ebebeb; height: 60px; border: 1px solid #ccc; }
	.searchform { float: left; width: 868px; padding: 0 0 20px 0; }

/*about*/
.staff { float: left; width: 295px; margin: 0; margin: 0 0 15px 0; }

/*mls listing*/
.search-refine { float: left; width: 100%; margin-top: -42px; text-align: right; }

.listing { float: left; width: 868px; height: 178px; border: 1px solid #ccc; background-color: #eeeeee; margin-bottom: 20px; }
	.listing-image { float: left; width: 140px; background-color: #ededed; padding: 25px 0 20px 20px; margin-right: 40px; }
	.listing-image a { text-decoration: none; }
	.listing-details-1 { float: left; width: 180px; margin-right: 10px; padding: 25px 0 20px 20px;  }
	.listing-details-2 { float: left; width: 180px; margin-right: 10px; padding: 25px 0 20px 20px; }
	.listing-more { float: right; width: 210px; }

.pagination { text-align: right; }
	.pagination ul { list-style-type: none; }
	.pagination ul li { display: inline; margin: 1px; }
	.pagination ul li a { text-decoration: none; background-color: #eee; padding: 15px;}
	.pagination ul li a:hover { background-color: #881000; color: #fff; }
	.pagination .active_page { text-decoration: none; background-color: #ddd; padding: 15px; }

/*property details*/
ul.property-photos { float: left; width: 550px; list-style-type: none; margin-left: 0; background-color: #eee; padding: 20px 20px 10px; }
	ul.property-photos li { float: left; width: 80px; height: 80px; overflow: hidden; border: 1px solid #ccc; margin: 0 10px 10px 0; }
	ul.property-photos li span { float: left; width: 70px; height: 70px; border: 5px solid #fff; overflow: hidden; }
	
.property-details { margin-bottom: 15px; }
.property-details td { font: normal normal normal 1.3em Arial, sans-serif; padding: 7px 20px; background-color: #eee; border-bottom: 2px solid #fff; border-right: 2px solid #fff;  }

/*member directory*/
.directory { float: left; width: 100%; }

.directory thead { background-color: #ededed; }
	.directory thead th { text-align: left; font: normal normal bold 1.3em Arial, sans-serif; }
.directory tr {  }
	.directory tr td { font: normal normal normal 1.2em Arial, sans-serif; line-height: 1.4; border-top: 1px solid #ccc; }

/*footer*/
.container-footer { width: 100%; clear: both; }
	.content-footer { width: 940px; margin: 0 auto; padding: 20px 10px; }
		.content-footer p { font-size: 1.2em; font-family: Arial, sans-serif; line-height: 1.6; margin-bottom: 15px; color: #999; }
		.content-footer p a { color: #999; }
		.content-footer p a:hover { text-decoration: none; }
		.content-footer h2 { font-weight: normal; font-style: italic; font-size: 3em; color: #999; }

/*mortgage terms*/
dt { font: normal normal bold 1.2em Arial, sans-serif; padding-bottom: 5px; }
dd { font: normal normal normal 1.2em Arial, sans-serif; margin-left: 30px; padding-bottom: 15px; line-height: 1.4; }

/*members*/
.featured-members { float: left; width: 100%; }
	.featured-members li { float: left; width: 235px; border: 5px solid #f8f8f8; padding: 20px; margin: 0 10px 10px 0; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
		
/*table forms*/

.form-section { width: 100%; padding: 0; clear: left; }

.form-section table { }
.form-section table tr {  }
.form-section table td { font-family: Arial, sans-serif; font-size: 1.3em; color: #333; line-height: 1.4; vertical-align: top; border-bottom: 0px solid #ccc; padding: 0 0 10px 0; }
.form-section table td input { font-size: 1em; color: #808084; margin-bottom: 2px; }

.form-section table td table td { font-size: 1em; color: #333; line-height: 1.4; vertical-align: top; padding: 0 0 5px 0; border: none; }
.form-section table td input { font-size: 1em; color: #808084; margin-bottom: 2px; }

.form-section table td textarea { width: 90%; }
.form-section table td.error { color: #80000d; font-size: 1em; }

label.error { background: url('../_images/exclamation-small-red.png') no-repeat; padding-left: 15px; float: left; width: 100%; color: #80000d; font-size: 1em; display: none; }

.req { color: #80000d; }
input.error { background-color: #ffe8ea; }
textarea.error { background-color: #ffe8ea; }

#formError { float: left; width: 530px; padding: 20px 30px; background-color: #80000d;; color: #fff; font-family: Arial, sans-serif; font-size: 1.3em; }
p.success, h2.success { color: green; }

/*pads and margins*/
.padding-top-0 { padding-top: 0px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-50 { padding-top: 50px; }
.padding-top-60 { padding-top: 60px; }
.padding-top-70 { padding-top: 70px; }
.padding-top-80 { padding-top: 80px; }
.padding-top-90 { padding-top: 90px; }
.padding-top-100 { padding-top: 100px; }

.padding-right-0 { padding-right: 0px; }
.padding-right-10 { padding-right: 10px; }
.padding-right-20 { padding-right: 20px; }
.padding-right-30 { padding-right: 30px; }
.padding-right-40 { padding-right: 40px; }
.padding-right-50 { padding-right: 50px; }
.padding-right-60 { padding-right: 60px; }
.padding-right-70 { padding-right: 70px; }
.padding-right-80 { padding-right: 80px; }
.padding-right-90 { padding-right: 90px; }
.padding-right-100 { padding-right: 100px; }

.padding-bottom-0 { padding-bottom: 0px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-bottom-60 { padding-bottom: 60px; }
.padding-bottom-70 { padding-bottom: 70px; }
.padding-bottom-80 { padding-bottom: 80px; }
.padding-bottom-90 { padding-bottom: 90px; }
.padding-bottom-100 { padding-bottom: 100px; }

.padding-left-0 { padding-left: 0px; }
.padding-left-10 { padding-left: 10px; }
.padding-left-20 { padding-left: 20px; }
.padding-left-30 { padding-left: 30px; }
.padding-left-40 { padding-left: 40px; }
.padding-left-50 { padding-left: 50px; }
.padding-left-60 { padding-left: 60px; }
.padding-left-70 { padding-left: 70px; }
.padding-left-80 { padding-left: 80px; }
.padding-left-90 { padding-left: 90px; }
.padding-left-100 { padding-left: 100px; }

.margin-top-0 { margin-top: 0px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-60 { margin-top: 60px; }
.margin-top-70 { margin-top: 70px; }
.margin-top-80 { margin-top: 80px; }
.margin-top-90 { margin-top: 90px; }
.margin-top-100 { margin-top: 100px; }

.margin-right-0 { margin-right: 0px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-30 { margin-right: 30px; }
.margin-right-40 { margin-right: 40px; }
.margin-right-50 { margin-right: 50px; }
.margin-right-60 { margin-right: 60px; }
.margin-right-70 { margin-right: 70px; }
.margin-right-80 { margin-right: 80px; }
.margin-right-90 { margin-right: 90px; }
.margin-right-100 { margin-right: 100px; }

.margin-bottom-0 { margin-bottom: 0px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-60 { margin-bottom: 60px; }
.margin-bottom-70 { margin-bottom: 70px; }
.margin-bottom-80 { margin-bottom: 80px; }
.margin-bottom-90 { margin-bottom: 90px; }
.margin-bottom-100 { margin-bottom: 100px; }

.margin-left-0 { margin-left: 0px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-50 { margin-left: 50px; }
.margin-left-60 { margin-left: 60px; }
.margin-left-70 { margin-left: 70px; }
.margin-left-80 { margin-left: 80px; }
.margin-left-90 { margin-left: 90px; }
.margin-left-100 { margin-left: 100px; }

.float-left { float: left; }
.float-right { float: right; }

.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both; }

.text-center { text-align: center; }

.no-border { border-bottom: none; }

/*calendar*/
.calendarContainer {
	margin: 0;
	width: 100%;
	}
	
.calendarContainer a {
	text-decoration: none;
	}
	
.calendarContainer a:hover {
	text-decoration: underline;
	}
	
.calendarMonth {
	font: italic normal normal 2em Arial, sans-serif;
	height: 100px;
	}

.calendarHeader {
	font-weight: bold; 
	color: #fff; 
	background-color: #999; 
	border: 0px solid #fff;
	font: normal normal bold 12px Arial, sans-serif;
	}

.calendarToday {
	background: #f1e69e;
	height: 125px;
	border: 1px solid #fff;
	padding: 0px;
	}

.calendarDay {
	background-color: #e2e2e2; 
	height: 125px; 
	border: 1px solid #fff;
	padding: 0;
	margin: 0;
	font: normal normal normal 1.2em Arial, sans-serif;
	}
	
.calendarOther {
	background: url("../_images/cal_otherdays.png") repeat; 
	height: 125px; 
	border: 1px solid #fff;
	}
	
.calendarNumber {
	font: normal normal normal 10px Arial, sans-serif;
	text-align: right;
	color: #666;
	}
	
.calendarContent {
	font: normal normal normal 12px Arial, sans-serif;
	}
	
.calendarContent a {
	font: normal normal normal 12px Arial, sans-serif;
	line-height: 14px;
	text-decoration: underline;
	}
	
.calendarContent a:hover {
	text-decoration: none;
	}
	
.calendarControls {
	margin: 0;
	padding: 0 0 15px 0;
	font: normal normal normal 12px Arial, sans-serif;
	}
	
.calendarCheckBoxes ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
.calendarCheckBoxes li {
	display: inline;
	}
	
.calendarCheckBoxes input {
	margin: 0;
	padding: 0;
	}
	
.calendarCheckBoxes form {
	margin: 0;
	padding: 0;
	}
	
.calendarCheckBoxes label {
	margin: 0;
	padding: 0;
	}
	
.eventVisible {
	margin: 0;
	padding: 0;
	}
	
.eventHidden {
	margin: 0;
	padding: 0 0 0 0;
	display: none;
	}
	
.go_button input {
	height: 26px;
	width: 26px;
	font: normal normal bold 14px Arial, sans-serif;
	background: #fff url('../_images/go.jpg') no-repeat;
	padding: 0;
	margin: 0;
	border: 0;
	cursor: hand;
	cursor: pointer;
	}
	
/*addthis toolbox css*/
.addthis_toolbox { position: relative; z-index: 99; }

.addthis_toolbox .custom_hover { position: relative; cursor: pointer; }
.addthis_toolbox .custom_hover .custom_button { font-weight: bold; }
.addthis_toolbox .custom_hover .custom_button.active { background-color: #eee; }
.addthis_toolbox .hover_menu { display: none; position: absolute; background: #fff; }
.addthis_toolbox .custom_hover .tower { }

.addthis_toolbox .hover_menu  {
    width: 132px;
	margin-top: 5px;
    padding: 15px 0 15px 0;
    border: 1px solid #ccc;
	}

.addthis_toolbox .hover_menu a {
	font: normal normal normal 1.1em Arial, sans-serif;
    width: 92px;
    padding: 6px 0 6px 40px;
    position: relative;
    display: block;
    text-decoration: none;
    color: #006198;
	}

.addthis_toolbox .hover_menu a:hover {
    background: #eeeeee;
    text-decoration: none;
	}

.addthis_toolbox .hover_menu span {
    position: absolute;
    left: 14px;
    top: 4px;
	}

.addthis_toolbox .hover_menu .more {
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
	}

.addthis_toolbox .hover_menu .more a {
    padding: 4px 0;
    margin: 0;
	}

.addthis_toolbox .hover_menu .more span {
    display: none;
	}