/* Website starting template originally from freewebsitetemplates.com */
body {
	margin: 0;
	padding: 0;
	position: relative;
	width: auto;
}
body #page {
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: auto;
}
a {
	text-decoration: none;
	outline: none;
}
a:active {
	background: none;
}
img {
	border: none;
}
/*---------------------------------- header-styles Includes top navigation ---------------------------*/
#header {
	background-color: #72865b;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
#header div {
	margin: 0 auto;
	max-width: 940px;
	overflow: hidden;
	padding: 20px 10px 27px;
	overflow: hidden;
	/*border: solid;*/
}
#header div a.logo {
	float: left;
	padding: 0;
	width: auto;
}
#header div a.logo img {
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
}
#header div ul {
	display: block; /**/
	float: right;
	list-style: none outside none;
	margin: 0 auto;
	padding: 17px 0 0;
	text-align: center;
	width: 650px;
}
#header div ul li {
	display: inline-block;
	float: left; /* Needed for IE7 and old versions */
	margin: 0 35px;
	padding: 0;
	position: relative;
	width: auto;
}
#header div ul li a {
	color: #ffffff5e;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 15px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
}
#header div ul li.selected a, #header div ul li.selected a:hover {
	/*color: #cb3362;*/
	color: #ffffff;
	min-height: 35px; /* This is the touchpad height that was missing! ADDED!! */
}
#header div ul li a:hover, #header div ul li.menu:hover ul li a {
	color: #c8c10d;
}
#header div ul li ul li a {
	/*color: #cb3362;*/
	color: #ffffff;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 15px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
}
#header div ul li.menu {
	min-height: 35px;
	z-index: 80;
}
#header div ul li.menu ul {
	display: block;
	float: none;
	left: -99999px;
	/*left: 0px;*/
	margin: 0;
	padding: 0;
	position: absolute;
	/* Below "top" needs to match "#navigation li ul" at the bottom (below)*/
	top: 24px; /* THIS sets distance between menu links for UNSELECTED (menu) */
	width: 156px; /* This sets the width of the dropdown links for UNSELECTED (menu) */
	z-index: 90;
}
#header div ul li.menu:hover ul.primary, #header div ul li.menu ul#selected.primary {
	/* Secondary Menu right/left offset for class "primary"*/
	left: 0px;
}
#header div ul li.menu:hover ul.secondary, #header div ul li.menu ul#selected.secondary {
	/* Secondary Menu right/left offset for class "secondary"*/
	left: 0px;
}
#header div ul li.menu ul li {
	/*float: none;*/
	float: left;
	margin: 0;
	padding: 0;
}

/*----------------------------------------body-home-styles---------------------------------------*/
#body.home {
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}
#body.home div.header {
	/*background-color: #eae7e8;*/
	background-color: #c5c6ac;
	margin: 0;
	max-width: none;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
#body.home div.header div {  /* Main div  */
	margin: 0 auto;
	max-width: 960px;
	/*min-height: 660px;*/
	/* padding: 0; */
	position: relative;
}
#body.home div.header div p {  /* Main div paragraph */
	color: #7a6666;
	/* display: block;  											  No CHANGE*/
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
	/*font-weight: normal;  										  No CHANGE*/
	line-height: 24px;
	margin: 10px;
	padding: 10px;
	/*text-align: left;  											  No CHANGE*/
	width: 90%;
}
#body.home div.header div a {  /* Not currently used */
	color: #FFFFFF;
	/* display: block;                  Forces new line with a block full width */
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: normal;
	text-decoration: underline;				/* Overrides main "a" anchor element */
}
#body.home div.body {
	background-color: #eae4c6;
	margin: 0;
	max-width: none;
	padding: 0;
	width: 100%;
}
#body.home div.body div {
	margin: 0 auto;
	max-width: 960px;
	overflow: hidden;  /* Needed to allow BG color to show through the div */
	padding: 0;
}
#body.home div.body div div {
	float: left;
	/*margin: 0;  											  No CHANGE*/
	padding: 0 0 0 40px;
	width: 560px;
	/*border: 1px solid;*/
}
#body.home div.body div.div1 img {  /* Div1 */
	display: block;
	/*float: right;*/
	float: right;
	left: 0;
	/*margin: 10px; Not really needed since using padding below */
	padding: 50px;
	position: relative;
	width: auto;
	/*border: 1px solid; */
}
#body.home div.body div.div1 div h1 {
	color: #72865b;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 47px 0 18px;
	text-align: left;
	text-transform: uppercase;
	width: 560px;
}
#body.home div.body div.div1 div h2 {   /* Not currently used in div1 */
	color: #E32A62;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 30px;
	margin: 0;
	padding: 0 0 26px;
	text-align: left;
	text-transform: none;
	width: 560px;
}
#body.home div.body div.div1 div p {
	color: #7a6666;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 560px;
}
#body.home div.body div.div2 img {  /* Div2 */
	display: block;
	/*float: right;*/
	float: right;
	left: 0;
	/*margin: 10px; Not really needed since using padding below */
	padding: 50px 20px 20px 20px;
	position: relative;
	width: auto;
	/*border: solid;*/
}
#body.home div.body div.div2 div h1 {
	/*color: #7A6666;*/
	color: #72865b;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 47px 0 18px;
	text-align: left;
	text-transform: uppercase;
	width: 560px;
}
#body.home div.body div.div2 div h2 {
	color: #E32A62;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 30px;
	margin: 0;
	padding: 0 0 26px;
	text-align: left;
	text-transform: none;
	width: 560px;
}
#body.home div.body div.div2 div p {
	color: #7a6666;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 560px;
}
#body.home div.body div.div3 div {  /* Div3 */
	float: left;
	margin: 0;
	padding: 0 0 30px 40px;
	width: 800px;
	/*border: solid;*/
}
#body.home div.body div.div3 img {
	display: block;
	float: right;
	left: 0;
	margin: 10px;
	padding: 20px;
	position: relative;
	width: auto;
	/*border: solid;*/
}
#body.home div.body div.div3 div h1 {
	/*color: #7A6666;*/
	color: #72865b;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 47px 0 18px;
	text-align: left;
	text-transform: uppercase;
	width: 560px;
}
#body.home div.body div.div3 div h2 {
	color: #E32A62;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 30px;
	margin: 0;
	padding: 0 0 26px;
	text-align: left;
	text-transform: none;
	width: 560px;
}
#body.home div.body div.div3 div p {
	color: #7a6666;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 800px; /* No pic, so increase text box */
}

/*------------------------------- body-styles For all pages NOT "home" ------------------*/
#body {
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}
#body div.header {
	background-color: #c8c10d;
	margin: 0 auto;
	max-width: none;
	overflow: hidden;
	padding: 0;
}
#body div.header div {
	margin: 0 auto;
	max-width: 960px;
	padding: 0;
}
#body div.header div h1 {
	color: #FFFFFF;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 30px;
	margin: 0;
	padding: 28px 0 23px;
	text-align: center;
	text-transform: uppercase;
}

/* Below for HOVER class, multiple classes, change blog to docs */
#body div.footer div p a:hover, #body div ul li p a:hover, #body div.docs .featured ul li div p a:hover, #body div.docs .sidebar p a:hover, #body div.docs .featured p a:hover, #body.contact div.body div div p a:hover {
	color: #c8c10d;
}

/* Might need "#body div" styles above the "blog(docs)" class here */
/* YES!! Needed for the "contact" page for <div class="body"> section */
#body div.body {
	/*background-color: #ebebed;*/
	background-color: #72865b;
	margin: 0;
	max-width: none;
	min-height: 249px;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
#body div.body img {
	display: block;
	left: 50%;
	margin: 0 auto 0 -507px;
	padding: 0;
	position: absolute;
	width: 1014px;
}
/* Below for "#body div.footer", needed for the contact page "form" section. */
#body div.footer {
	margin: 0 auto;
	max-width: 960px;
	overflow: hidden;
	padding: 40px 0 20px; /* Padding under contact form and above main footer */
}
#body div.footer div p a {
	color: #7a6666;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
#body div.footer div p a:hover, #body div ul li p a:hover, #body div.docs .featured ul li div p a:hover, #body div.docs .sidebar p a:hover, #body div.docs .featured p a:hover, #body.contact div.body div div p a:hover {
	color: #c8c10d;
}

/*------------------------------------- Docs/Blog Styles start here ---------------*/
#body div.docs {
	margin: 0 auto;
	max-width: 960px;
	overflow: hidden;
	/*padding: 98px 0 146px;*/
	padding: 20px 0 50px;
}
/* ...................CHANGE "blog" below to "docs" after setup */
#body div.docs .featured {
	float: left;
	margin: 0 10px;
	padding: 0;
	width: 620px;
}
#body div.docs .featured ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
/* Add 50px of space at bottom of FIRST (:first-child) "doc" LI */
#body div.docs .featured ul li:first-child { 
	margin: 0 0 50px 0;
}
#body div.docs .featured ul li {  /* bg-border.gif image to separate documents */
	background: url(../images/bg-border.gif) no-repeat bottom center;
	float: none;
	margin: 0 0 39px;
	overflow: hidden;
	padding: 0;
	width: auto;
}
/* Might not need "#body div.docs .featured ul li img". Left out for now..........*/
#body div.docs .featured ul li div {
	float: left;
	margin: 0;
	padding: 0 0 36px 10px;    /* Needed for "bg-border.gif" */
	/*width: 370px;   Might want to increase this width for each "doc" div box later.*/
	/* Check after SIDEBAR Setup */
	width: 600px;
}
#body div.docs .featured ul li div h1 {
	color: #CB3362;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0 0 3px;
	text-align: left;
	text-transform: uppercase;
}
#body div.docs .featured ul li div span {
	color: #7A6666;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0 0 24px;
	text-align: left;
	text-transform: none;
}
#body div.docs .featured ul li div p {
	color: #7a6666;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0 0 39px 0;
	text-align: left;
	width: 100%;
}
#body div.docs .featured ul li div p a {  /* For links INSIDE the docs P tag (not the D/L button) */
	color: #7a6666;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
#body div.docs .featured ul li div a.more { /* This and below needed for Docs D/L buttons */
	border: 2px solid #cbb5bc;
	color: #a5838e;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 16px;
	font-weight: normal;
	height: 36px;
	line-height: 36px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 156px;
}
#body div.docs .featured ul li div a.more:hover { /* This and above needed for Docs D/L buttons */
	background-color: #c8c10d;
	border: none;
	color: #ffffff;
	height: 40px;
	line-height: 40px;
	width: 160px;
}

/*--------------------------------- Docs/Blog Sidebar Include Styles start here ---------------*/
#body div.docs .sidebar {
	background-color: #EFEDEE;
	float: left;
	margin: 0;
	padding: 0 0 71px;
	width: 280px;
}
/* Not using sidebar in "singlepost", so can probably later remove "#body div.singlepost .sidebar h1" from below */
#body div.docs .sidebar h1, #body div.singlepost .sidebar h1 {  
	color: #CB3362;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height:24px;
	margin: 0;
	padding: 34px 0 3px;
	text-align: center;
	text-transform: uppercase;
}
/* Not using sidebar in "singlepost", so can probably later remove "#body div.singlepost .sidebar h1" from below */
/* Not currently using SPAN in SIDEBAR. But likely using it in "singlepost", so holding it here for now!
#body div.docs .sidebar span, #body div.singlepost .sidebar span {
	color: #7A6666;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0 0 24px;
	text-align: center;
	text-transform: none;
}*/
#body div.docs .sidebar p, #body div.singlepost .sidebar p {
	color: #7A6666;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 auto;
	padding: 0 0 64px;
	/*text-align: center;*/
	text-transform: none;
	width: 200px;
}
/* For links INSIDE the SIDEBAR P tag (not the D/L button). Also used for "singlepost". */
/* Delete whole style below if not using SIDEBAR for "singlepost". Commented out for now
#body div.docs .sidebar p a, #body div.singlepost .sidebar p a {
	color: #7a6666;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}*/
/* This below and next needed for docs/sidebar D/L button */
#body div.docs .sidebar a.more, #body div.singlepost .sidebar a.more {
	border: 2px solid #d3c2c7;
	color: #a5838e;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 16px;
	font-weight: normal;
	height: 36px;
	line-height: 36px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 156px;
}
#body div.docs .sidebar a.more:hover, #body div.singlepost .sidebar a.more:hover {
	background-color: #c8c10d;
	border: none;
	color: #ffffff;
	height: 40px;
	line-height: 40px;
	width: 160px;
}

/*--------------------------------- Members "singlepost" Styles start here ---------------*/
#body div.singlepost {
	margin: 0 auto;
	max-width: 960px;
	overflow: hidden;
	padding: 20px 0 10px;
}
#body div.singlepost .featured {  /* Members Login */
	float: left;
	margin: 0 10px;
	padding: 0;
	width: 700px;
}
#body div.singlepost .featured h1 {
	color: #CB3362;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 40px 0 4px 30px;
	text-align: left;
	text-transform: uppercase;
}
#body div.singlepost .featured span {
	color: #7A6666;
	display: block;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0 0 23px 30px;
	text-align: left;
	text-transform: none;
}
#body div.singlepost .featured p {
	color: #7A6666;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0 0 24px 30px;
	text-align: left;
}
#body div.singlepost .featured a {
	text-decoration: underline;
}
#body div.singlepost .featured a.load {  /* Members Login Button */
	border: 2px solid #CBB5BC;
	color: #A5838E;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 16px;
	font-weight: normal;
	height: 36px;
	line-height: 36px;
	margin: 63px auto 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 230px; /* This width needs to match the "a.load:hover" below */
}
#body div.singlepost .featured a.load:hover {
	background-color: #c8c10d;
	border: none;
	color: #ffffff;
	height: 40px;
	line-height: 40px;
	width: 230px; /* This width needs to match the "a.load" above */
}

/*--------------------------------- Members "fullscreen" Styles start here ---------------*/
#body div.fullscreen {  /* Members Login */
	float: left;
	margin: 0 10px;
	padding: 0;
	/*width: 620px; For use with Sidebar */
	/*width: 700px;*/
	width: 950px;
}
#body div.fullscreen h1 {
	color: #CB3362;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 4px 0 10px 20px;
	text-align: left;
	text-transform: uppercase;
}
/* Below used for "admin-manage-properties.php" */
#body div.fullscreen h2 {
	color: #7A6666;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 18px;
    margin-top: 0;
	line-height: 20px;
	/*margin: 10px 0 5px 0;  Add this to reduce spacing below the <h2> tag */
	padding: 0 0 0 5px;
}
#body div.fullscreen h3 {
	color: #7A6666;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
    margin-top: 0;
	/* line-height: 20px; */
	/*margin: 10px 0 5px 0;  Add this to reduce spacing below the <h2> tag */
	padding: 0 0 0 5px;
}
#body div.fullscreen ul {
	color: #7A6666;
	font-size: 14px;
    list-style-type: disc;
    padding: 0;
}
#body div.fullscreen ul li {
	color: #7A6666;
	font-size: 14px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: normal;
    margin-bottom: 5px;
}
/* Adjust Backup file links */
#body div.fullscreen ul.backups li {
	color: #7A6666;
	font-size: 14px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: normal;
	margin: 5px 0 0 30px; /* Add this to change margin spacing around the <li> tag */
	/* padding: 0 0 0 5px; */
}

#body div.fullscreen span {
	color: #7A6666;
	display: block;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	/* padding: 0 0 23px 20px; WAS before Autosearch members */
	padding: 0 0 10px 20px; /* Reduces distance between selected members in the search. */
	text-align: left;
	text-transform: none;
}
#body div.fullscreen p {
	color: #7A6666;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0 0 0 20px;
	text-align: left;
}
#body div.fullscreen p a {
	color: #7a6666;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
#body div.fullscreen a.load {  /* Members Login Button */
	border: 2px solid #CBB5BC;
	color: #A5838E;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 16px;
	font-weight: normal;
	height: 36px;
	line-height: 36px;
	margin: 63px auto 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	/*width: 156px;*/
	width: 230px; /* This width needs to match the "a.load:hover" below */
	/*border: solid;*/
}
#body div.fullscreen a.load:hover {
	background-color: #c8c10d;
	border: none;
	color: #ffffff;
	height: 40px;
	line-height: 40px;
	/*width: 160px;*/
	width: 230px; /* This width needs to match the "a.load" above */
}
#body div.fullscreen table.add {
	color: #7A6666;
	/*padding: 0 0 5px 30px;*/
	/*border: 1px solid;*/
} /*                                                      bottom div.singlepost */
#body div.fullscreen table.add th, #body div.fullscreen table.add td {
	padding: 1px;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	/*border: 1px solid black;*/
}
#body div.fullscreen label {
	text-align: right;
}

/*--------------------------------- Members "admin" Styles start here ---------------*/
#body div.admin {  /* Members Login */
	float: left;
	margin: 0 10px;
	padding: 0;
	/*width: 620px; For use with Sidebar */
	/*width: 700px;*/
	width: 950px;
}
#body div.admin h1 {
	color: #CB3362;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 4px 0 4px 20px;
	text-align: left;
	text-transform: uppercase;
}
#body div.admin span {
	color: #7A6666;
	display: block;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	/*padding: 0 0 23px 20px;*/
	text-align: left;
	text-transform: none;
}
#body div.admin p {
	color: #7A6666;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0 0 0 20px;
	text-align: left;
}
#body div.admin label {
	color: #7A6666;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	/*line-height: 24px;
	margin: 0;
	padding: 0 0 0 20px;
	text-align: left;*/
}
#body div.admin a {
	text-decoration: underline;
}
#body div.admin table.display {
	color: #7A6666;
	/*padding: 0 0 5px 30px;*/
	border: 1px solid; /**/
	border-collapse: collapse;
}
#body div.admin table.display th, #body div.admin table.display td {
	padding: 1px;
	font-family: Arial;
	font-size: 10px;                    /* Want this at 10px ONLY for display table!! */
	font-weight: normal;
	/*line-height: 24px;*/
	border: 1px solid #7A6666;/**/
}
#body div.admin table.display th {
	font-weight: bold;
}
#body div.admin table.display th a {
    color: #7A6666;
    text-decoration: underline;
}
#body div.admin table.display th a:hover {
    color: #c8c10d;
}
/* Below will center "display" checkboxes/radio in TD cells */
#body div.admin table.display td input[type="checkbox"],
#body div.admin table.display td input[type="radio"]  { 
	display: block;
    margin: 0 auto;
}

/*------------------------- Members "admin" "Pagination" Styles start here ---------------*/
/* 
for even rows in table - later;
tr:nth-of-type(even) {
  background-color: #eee;
}
*/
.pagination {
	margin: 20px 0;
	text-align: center;
}
.pagination a {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
	margin: 0 5px;
	padding: 8px 16px;
	text-decoration: none;
	border: 1px solid #ddd;
	color: #7A6666;
}
.pagination a.active {
	background-color: #4CAF50;
	color: white;
	border: 1px solid #4CAF50;
}
.pagination a:hover {
	background-color: #c8c10d;
}

/*-------------- Contact Form-styles - Need NEW Setup, just using OLD for now!! ------------------*/
/* The "#body.contact div.body" section is for the "map" image above the contact form */
/* The contact form is actually in the "body footer" section, */
/* and the actual form is in the body footer contact section */
/* I'll only bother to fix this if they actually want the contact form included, which will take some coding 
to ensure that the sendmail function can't be hijacked by a spam bot! Sigh, I miss the old days! LOL */
#body.contact div.body {
	/* background: url(../images/map.jpg) no-repeat center top #b5aaad; */
	background: url(../images/florida-sunset.png) no-repeat center top #b5aaad;
	margin: 0;
	max-width: none;
	padding: 0;
	width: 100%;
}
#body.contact div.body div {
	margin: 0 auto;
	max-width: 960px;
	overflow: hidden;
	padding: 39px 0 0;
}
#body.contact div.body div div {
	background: url(../images/bg-transparent.png) repeat;
	margin: 0 auto;
	overflow: hidden;
	padding: 30px 0 35px 133px;
	width: 747px;
}
#body.contact div.body div div img {
	float: left;
	left: auto;
	margin: 0 38px 0 0;
	padding: 0;
	position: relative;
	width: auto;
}
#body.contact div.body div div h1 {
	color: #CB3362;
	float: left;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 15px 0 4px;
	text-align: left;
	text-transform: uppercase;
	width: 700px;
}
#body.contact div.body div div p {
	color: #7a6666;
	float: left;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 510px;
}
#body.contact div.body div div p a {
	color: #7a6666;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

/* Below is the styling for the actual contact form itself, and is actually in the "body footer" section. */
#body div.footer .contact {
	float: left;
	margin: 0 10px 0 0;
	max-width: none;
	padding: 0 0 10px 40px;
	width: 590px;
}
#body div.footer .contact h1 {
	color: #CB3362;
	float: none;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0 0 10px;
	text-align: left;
	text-transform: uppercase;
	width: auto;
}
/* Added <p> for contact form */
#body div.footer .contact p {
	color: #7A6666;
	float: none;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
#body div.footer .contact form {
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 560px;
}
#body div.footer .contact form input {
	background: none;
	border: 1px solid #B6ADB0;
	color: #7A6666;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	height: 38px;
	line-height: 38px;
	margin: 0 0 8px;
	padding: 0 0 0 10px;
	text-align: left;
	width: 548px;
}
#body div.footer .contact form textarea {
	background: none;
	border: 1px solid #B6ADB0;
	color: #7A6666;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	height: 270px;
	line-height: 24px;
	margin: 0 0 9px;
	overflow: auto;
	padding: 7px 0 0 10px;
	resize: none;
	text-align: left;
	width: 548px;
}
#body div.footer .contact form input#submit {
	background: none;
	border: 2px solid #c5abb4;
	color: #a5838e;
	cursor: pointer;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 16px;
	font-weight: normal;
	height: 40px;
	line-height: 36px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 141px;
}
#body div.footer .contact form input#submit:hover {
	background-color: #c8c10d;
	border: none;
	height: 40px;
	width: 141px;
}
/* Below is the styling for the SIDEBAR div on the contact page, and is actually in the "body footer section" section. */
#body div.footer .section {
	background-color: #EFEDEE;
	float: left;
	margin: 0;
	max-width: none;
	padding: 0 0 35px;
	width: 280px;
}
#body div.footer .section h1 {
	color: #CB3362;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 auto;
	padding: 24px 0 27px;
	text-align: center;
	text-transform: uppercase;
	width: 202px;
}
#body div.footer .section p {
	color: #7A6666;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 202px;
}

/*---------------------------------------- footer-styles ---------------------------------------*/
#footer {
	background-color: #72865b;
	margin: 0;
	padding: 0;
	width: 100%;
}
#footer div {
	margin: 0 auto;
	max-width: 960px;
	overflow: hidden;
	/* padding: 59px 0 13px; */
	padding: 20px 0 13px;
}
#footer div p {
	color: #FFFFFF;
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	margin: 0;
	padding: 33px 0 50px;
	text-align: center;
	text-transform: none
}
#footer div a {  /* For Email link in footer */
	color: #ffffff;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	text-decoration: underline;
}
#footer div .connect {  /* For Social Media links block */
	display: block;
	height: 30px;
	margin: 0 auto;
	max-width: none;
	overflow: hidden;
	padding: 0;
	width: 140px;
}
#footer div .connect a {  /* For Social Media image links */
	background: url(../images/icons.png) no-repeat;
	display: block;
	/*float: left;*/
	float:inline-start;
	height: 30px;
	margin: 0 15px;
	padding: 0;
	text-indent: -99999px;
	width: 30px;
}
#footer div .connect a.facebook {  /* Facebook class icon */
	background-position: 0 0;
}
#footer div .connect a.googleplus {  /* Google class icon - Not Used */
	background-position: 0 -32px;
}
#footer div .connect a.pinterest {  /* Pinterest class icon - Not Used */
	background-position: 0 -64px;
}
#footer div .connect a.twitter {  /* Twitter class icon */
	background-position: 0 -96px;
}

/* Navigation fix for Header - Currently needed for Members pages */
/* Ensure a consistent layout for the navigation bar - From ChatGPT */
#navigation {
    display: flex; /* Horizontal layout */
    justify-content: center; /* Center align */
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #72865b; /* Match header color */
}
#navigation li {
    /*position: relative;  For submenu positioning */
	position: absolute;
    margin: 0 20px; /* Space between links */
}
#navigation li a {
    /*color: #ffffff5e;*/
	color: #ffffff;
    text-decoration: none;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    padding: 10px 15px;
    display: inline-block;
}
#navigation li.selected a {
    color: #ffffff; /* Highlight active link */
}
#navigation li:hover a {
    color: #c8c10d; /* Hover effect */
}
/* Submenu styles */
#navigation li ul {
    display: none; /* Hide by default */
    position: absolute;
    /* Below "top" needs to match "#header div ul li.menu ul" at the top (above)*/
	top: 24px; /* THIS sets distance between menu links for SELECTED */
    left: 0;
    background-color: #72865b; /* Match navigation background */
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 100;
	/*border: solid;*/
}
#navigation li:hover ul {
    display: block; /* Show submenu on hover */
	float: none;
	/*border: solid;*/
}
#navigation li ul li {
    margin: 0;
    padding: 0;
}
#navigation li ul li a {
    padding: 10px 15px;
    /*display: block;  Full width clickable */
	/*display: flex;
	border: solid;*/
}

/* Below is the styling for the protected directories, from ELLA! */
.docDisplay h2 {
	/*color: #7A6666;*/
	color: #CB3362;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 18px;
    margin-top: 0;
	line-height: 20px;
	/*margin: 10px 0 5px 0;  Add this to reduce spacing below the <h2> tag */
	padding: 0 0 0 0; /* Use "px" for non-zero values */
	text-transform: uppercase;
}
/* Below doesn't seem to work for the H3 in ToggleFeatures */
.docDisplay h3 {
	color: #7A6666;
	/*color: #CB3362;*/
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 16px;
    margin-top: 0;
	line-height: 20px;
	/*margin: 10px 0 5px 0;  Add this to reduce spacing below the <h2> tag */
	padding: 0 0 0 0; /* Use "px" for non-zero values */
	/*text-transform: uppercase;*/
}

.docDisplay p {
    color: #7A6666;
	font-size: 14px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: normal;
}

.docDisplay ul {
    list-style-type: none;
    padding: 0;
}

.docDisplay ul li {
    margin-bottom: 10px;
}

.docDisplay .showDoc {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    background: #f9f9f9;
	width: 500px; /* Set the desired width */
}

.docDisplay .showDoc h1 {
    margin: 0;
    font-size: 18px;
    color: #333;
}

.docDisplay .showDoc span {
    font-size: 12px;
    color: #999;
    display: block;
    margin-bottom: 10px;
}

.docDisplay .showDoc p {
    margin: 5px 0 10px 0;
    color: #555;
}

.docDisplay .showDoc a.more {
    color: #007bff;
    text-decoration: none;
    font-weight: bold;
	color: #7A6666;
	/*font-size: 14px;*/
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	/*font-weight: normal;
	text-decoration: underline;*/
}

.docDisplay .showDoc a.more:hover {
    text-decoration: underline;
	color: #c8c10d;
}


/* -------------  Dashboard Properties Section Styles and Cards  -------------- */
.properties-section {
    padding: 20px;
    /*margin-top: 20px;*/
}

.properties-section h2 {
	color: #7A6666;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 18px;
    margin-top: 0;
	line-height: 20px;
	/*margin: 10px 0 5px 0;  Add this to reduce spacing below the <h2> tag */
	padding: 0 0 0 5px;
}

.properties-section p {
	color: #7A6666;
	font-size: 14px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: normal;
}

.properties-section a {
	color: #7A6666;
	font-size: 14px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: normal;
	text-decoration: underline;
}

.properties-section a:hover {
	color: #c8c10d;
}

.property-grid {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    gap: 20px; /* Spacing between cards */
}

.property-card {
    display: flex;
    align-items: flex-start;
    width: 500px; /* Set the desired width */
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 15px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    /* margin-bottom: 20px; */
}
/**/
.property-card h3 {
    margin-top: 0;
    font-size: 18px;
}

.property-card p {
    margin: 8px 0;
    font-size: 14px;
    color: #555;
}

.property-image {
    flex: 0 0 165px; /* Fixed size for the image container */
    margin-right: 15px;
}

.property-image img {
    width: 165px;
    height: 165px;
    border-radius: 5px;
    object-fit: cover;
}

#body div.fullscreen .property-card .property-details {
    flex: 1; /* Allow details to take the remaining space */
}

#body div.fullscreen .property-card .property-details h3 {
	color: #7A6666;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 18px;
    margin-top: 0;
	line-height: 20px;
	margin: 10px 0 0 0; /* Add this to reduce spacing below the <h3> tag */
	padding: 0 0 0 20px;
}

#body div.fullscreen .property-card .property-details p {
    color: #7A6666;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	padding: 0 0 0 20px;
	text-align: left;
}


/*----------------- Misc Styles ---------------------------*/
/* Can't be used with a span tag inside table cells for some reason! */
.alert { /* Bold Red Text for Alerts */
	color: red;
	font-weight: bold;
	display: inline; /* Ensures the element remains inline */
	white-space: nowrap; /* Prevents line breaks */
}
/* Can use the style below for style the form submit buttons. Work on it later... */
/* Match your button color */
/* Darker hover color */
/*
.button {
    display: inline-block;
    background-color: #007bff; 
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.button:hover {
    background-color: #0056b3; 
}
*/