﻿div table, div table tr, div table tr th, div table tr td
{
border: none;
}

#mask
{
	width: 2000px;
	height: 2000px;
	position: absolute;
	z-index: 500;
	top: 0;
	left: 0;
	background-color: White;
}


#masthead
{
	position: relative;
	margin: 0px 25px 0px 25px;
	padding: 2em 0px 0px 0px;
	height: 15.0em;
	background-image: url(/images/logo.png);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	z-index: 1;
}


#footer
{
	position: relative;
	height: 5.0em;
	margin: 0px 25px 0px 25px;
	padding: 15px 30px 15px 30px;
	background-color: #D2D2C5;
	clear: both;
}

/* provides hook for the border around the tab surface */
#tabWrapper
{
	position: relative;
	margin: 0px 25px 0px 25px;
	padding: 0px 10px 0px 10px;
	background-image: url(/images/content-gradient.png);
	background-repeat: repeat-x;
	background-color: #D2D2C5;
}

#tab
{
	position: relative;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	border: solid 1px #918C78;
}

#tabLiner
{
	position: relative;
	margin: 0px 28px 20px 25px;
	/*
	transparency is not an issue with this
  	background and GIF images are not good
  	for precise color, so use a PNG here.
	*/
	background-image: url(/images/bk_sidebar.png);
	background-position: 25% 0;
	background-repeat: repeat-y;
}

#tabLiner2
{
	position: relative;
	/*	use of width property will force "hasLayout" property of
	this element to true so that IE<7 will position the
	tabs <ul> relative to the container instead of relative
	to the viewport.
	*/
	width: 100%;
	margin: 0px 0px 0px 0px;
	/* transparency is key with this background,
	and IE < 7 does not support PNG transparency,
	so use a GIF */
	background-image: url(/images/bk_content.gif);
	background-position: 28% 0;
	background-repeat: repeat-y;
}

#tabLiner1Column
{
	position: relative;
	margin: 0px 20px 0px 20px;
	padding: 0 0 0 0;
}

#sideBar
{
	position: relative;
	float: left;
	width: 25%;
	margin: 0px auto;
	padding: 0px 0px 90px 0px;
}

#topBar
{
	position: relative;
	clear: both;
	width: 100%;
}

#sidebarPhoto
{
	width: 100%;
	border-top: solid 0.6em #494327;
	border-bottom: solid 0.1em #FFFFFF;
	margin: 0px auto;
	padding: 0.4em 0 0.4em 0px;
	background-color: #FFF;
}

#sidebarLogo
{
	position: absolute;
	width: 25%;
	left: 0px;
	bottom: 0px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 0 0 0;
}

#content2Column
{
	position: relative;
	float: right;
	width: 69%;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

#content1Column
{
	position: relative;
	float: left;
	width: 95%;
	margin: 0 25px 0 25px;
	padding: 0px 0px 0px 0px;
}

._768{ height: 270px; }
._800 { height: 300px; }
._864 { height: 370px; }
._900 { height: 400px; }
._1024 { height: 450px; }

#copyright
{
	position: relative;
	float: left;
	padding: 0px 0px 0px 10px;
	width: 40%;
	font-size: 1.0em;
}


#phoneNumber
{
	position: relative;
	float: right;
	margin: 0px auto;
	padding: 20px 10px 0px 0px;
	clear: both;
	font-size: 2.0em;
	white-space: nowrap;
}

/* Mini-navigation (Home, About Us, Privacy Policy, Login) */
ul.miniNav
{
	position: relative;
	float: right;
	margin: 0px auto;
	padding: 0px 10px 0px 0px;
	list-style: none;
	font-size: 1.2em;
}

ul.miniNav li
{
	float: left;
	margin: 0px 2px 0px 2px;
	border-right: solid 1px #494327;
	padding: 0 0.6em 0 0.4em;
}

ul.miniNav li.last
{
	background-image: none;
	border-right: none;
	padding-right: 0;
}

ul.miniNav li *
{
	color: #494327;
	text-decoration: none;
	background-image: none;
}

ul.miniNav li a:hover, a:active
{
	color: #9C3F0A;
}

/* TAB navigation */

ul#tabNav
{
	position: absolute;
	right: 0px;
	margin: 0px auto;
	padding: 0px 10px 0px 0px;
	list-style: none;
	font-size: 1.35em;
	font-weight: 500;
}

/* specify negative Y position so bottoms of tabs hide the top border of the tab container */

ul#tabNav
{
	/* use -1px bottom pos for all browsers other than IE 6 and below */
	bottom: -1px;
}
ul#tabNav a div.singleLineAdjust
{
	font-size: 0.25em;
}

ul#tabNav li
{
	float: right;
	width: 11.5em;
	height: 3.25em;
	background-image: url(/images/tab_gradient_inactive.png);
	background-repeat: repeat-x;
	background-color: #847C71;
	text-align: center;
	padding: 1.0em 0 0 0;
	border-left: solid 1px #FFF; /* separation between tabs */
}

ul#tabNav li.after-current
{
	border-left: none; /* no white separator, makes "current" tab appear to overlap other tabs */
}

ul#tabNav li.current
{
	background-image: url(/images/tab_gradient_active.png);
	background-color: #FFF;
	border: solid 1px #918C78;
	border-bottom: none;
	color: #494327;
}

ul#tabNav li a
{
	display: block;
	height: 3.25em;
	margin: -0.75em 0 0 0;
	padding: 1.0em 0 0 0;
	text-decoration: none;
	color: #E3E3DE;
	background-image: none;
}

ul#tabNav li a.current
{
	margin: -1.0em 0 0 0;
	height: 3.5em;
}

ul#tabNav li a:hover, a:active
{
	color: #FFF;
}

ul#tabNav li a.current
{
	color: #494327;
	font-weight: 500;
}

ul#tabNav li a.current:hover, a.current:active
{
	color: #9C3F0A;
}


/* MAIN navigation */

#mainNavWrapper
{
	position: relative;
	float: left;
	padding: 1.8em 0 1.8em 0;
	margin: 0 auto;
	background-color: #FFF;
	width: 100%;
}

ul#mainNav
{
	position: relative;
	float: left;
	margin: 0 auto;
	padding: 0 0 0 0;
	white-space: nowrap;
	font-size: 1.2em;
}

ul#mainNav li
{
	float: left;
	margin: 1px 0px 1px 0px;
	border-right: solid 1px #A09A8F;
	padding: 1px 1em 1px 1em;
	list-style: none;
}

ul#mainNav li.first
{
	padding-left: 0;
}

ul#mainNav li.last
{
	border-right: none;
}

ul#mainNav li a
{
	margin: 0.02em 0 0.02em 0;
	padding: 0.025em 0.5em 0.025em 0.5em;
	border: 1px solid #FFFFFF;
	color: #9C3F0A;
	text-decoration: none;
	background-image: none;
}

ul#mainNav li a.current
{
	color: #494327;
	font-weight: bold;
	font-size: 1.205em;
}

ul#mainNav li a.current:hover, a.current:active
{
}

ul#mainNav li a:hover, a:active
{
	color: #494327;
}

/* Secondary SIDEBAR navigation */

.nav
{
	background-image: none;
}

#sideBar ul#secondaryNav
{
	padding: 0.5em 1.4em 0em 1.4em;
	text-align: left;
	margin: 0px 0 0 0;
	list-style: none;
}

#sideBar ul#secondaryNav li
{
	margin: 0.9em 0 0 0;
	padding: 0 1.0em 0.9em 25px;
	font-size: 1.0em;
	border-bottom: solid 1px #A09A8F;
}

#sideBar ul#secondaryNav li.last
{
	background-image: none;
	border-bottom: none;
}

#sideBar ul#secondaryNav li a
{
	color: #494327;
	text-decoration: none;
}

#sideBar ul#secondaryNav li a.current
{
	font-weight: bold;
	color: #9C3F0A;
	font-size: 1.05em;
}

#sideBar ul#secondaryNav li a.current:hover, a.current:active
{
}


#sideBar ul#secondaryNav li a:hover, a:active
{
	color: #9C3F0A;
}

/* Secondary TOPBAR navigation */

#topBar ul#secondaryNav
{
	padding: 0.5em 1.4em 0em 1.4em;
	text-align: left;
	list-style-type: none;
}

#topBar ul#secondaryNav li
{
	margin: 0 auto;
	padding: 0 1.0em 0 1.0em;
	font-size: 1.0em;
}

#topBar ul#secondaryNav li.last
{
	background-image: none;
	border-bottom: none;
}

#topBar ul#secondaryNav li a
{
	color: #494327;
	text-decoration: none;
}

#topBar ul#secondaryNav li a.current
{
	font-weight: bold;
	color: #9C3F0A;
	font-size: 1.05em;
}

#topBar ul#secondaryNav li a.current:hover, a.current:active
{
}

#topBar ul#secondaryNav li a:hover, a:active
{
	color: #9C3F0A;
}

/* OTHER  */

p img.paragraph-lead-in
{
	float: left;
	padding: 0 0.8em 0.75em 0;
}

.clear
{
	clear: both;
}

.hr
{
	background-image: url(/images/hr.gif);
	background-repeat: repeat-x;
	height: 0.3em;
	margin: 2.5em 0em 2.5em 0em;
	clear: both;
}
.hrNews
{
	background-image: url(/images/hr.gif);
	background-repeat: repeat-x;
	height: 0.3em;
	margin: 0em 0em 1.5em 0em;
	clear: both;
}

.newsBox
{
	margin: 0px 0 0 0;
	padding: 5px 0 5px 0;
	float: left;
}
.newsBox *
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.newsBox p
{
	margin: 1.0em 0 1.0em 0;
}

.newsBox div
{
	float: left;
	padding: 20px 15px 20px 15px;
	width: 95%;
}
.newsBox h1
{
	font-weight: bold;
	font-size: 1.5em;
	padding: 0 0 5px 0;
}
.newsBox h2
{
	font-weight: 500;
	font-size: 1.5em;
	padding: 0.5em 0 0.5em 0;
}

.newsBox img
{
	float: left;
	padding: 0 1.5em 1.3em 0;
}


.newsBox a
{
	text-decoration: underline;
}

.newsBox a:link, a:visited
{
	color: #dddddd;
}

.newsBox a:hover, a:active
{
	color: white;
}

.newsBox ul
{
	margin-left: 2.0em;
}

.newsBox ul li
{
	list-style: circle;
	list-style-image: none;
	margin: 0.5em 0 0.5em 0;
}

.news div *
{
}

.newsAlt div
{
	background-color: #494327;
}
.newsAlt *
{
	color: #dddddd;
}

.newsAlt2 div
{
	background-color: #9c3f0b;
}
.newsAlt2 *
{
	color: #ddddee;
}


/* FORMS */

fieldset
{
	margin: 1em 0;
	padding: 1em;
	border: solid 1px #ccc;
	background: #F8F8F8;
}

fieldset div
{
	clear: left;
}

legend
{
	font-weight: bold;
	font-size: 1.2em;
}

label
{
	float: left;
	width: 12em;
	font-size: 1.2em;
}

table td label
{
	float: left;
	width: 12em;
	font-size: 1.1em;
}

table.radioButtonList
{
	border: none;
	white-space: nowrap;
}

table.radioButtonList td
{
	border: none;
	margin: 0 auto;
	padding: 0 0 0 0;
	white-space: nowrap;
}

table.radioButtonList td *
{
	position: relative;
	float: left;
	margin: 0 0.5em 0.25em 0;
	padding: 0 0 0 0;
}

textarea
{
	width: 23em;
	height: 8em;
}

input:focus, textarea:focus
{
	background: #FFFFCC;
}

.text
{
	width: 20em;
}

.required
{
	font-size: 0.9em;
	font-style: italic;
}

.inlineLogo
{
	border: none;
	padding: 0.25em 3em 0.25em 0;
}

#fileListing
{
	width: 100%;
}

#fileListing th
{
	background-color: #E3E3DE;
	font-weight: bold;
	border: solid 1px #a09a8f;
}

#fileListing td
{
border: solid 1px #a09a8f;
}

#fileListing td.fname
{
	text-align: left;
	width: 40%;
	white-space: nowrap;
}

#fileListing td.dt, td.size
{
	text-align: right;
	white-space: nowrap;
}

#embeddedDocumentFrame
{
	border: solid 1px #494327;
	padding: 0 1px 0 1px;
	width: 100%;
	height: 35em;
}

#propertiesForRent
{
	position: relative;
	width: 100%;
	height: 100%;
}

/* Styles for real-estate/rental listings */

.listing
{
	position: relative;
	float: left;
	background-image: url(/images/bk_listing.gif);
	background-position: left top;
	background-repeat: repeat-x;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	font-size: 1.3em;
}

.listingIframe
{
	border-style: hidden;
	border-width: 0px;
	min-height: 2000px;
	width:100%;
}

.listing *
{
	margin: 0 6px 0 6px;
	font-size: 0.95em;
}

.listing h1 /* title */
{
	font-size: 1.05em;
	font-weight: bold;
	color: #9C3F0A;
	margin-top: 0.2em;
	margin-bottom: 0.8em;
}

.listing h2 /* price/address */
{
	font-weight: bold;
	margin-bottom: 0.6em;
}

.listing div.detailBox
{
	display: inline;
	float: left;
	width: 16.2em;
	margin-left: 0px;
	margin-right: 0.0em;
}

.listing table
{
	border: none;
	font-size: 1.1em;
}

.listing table th, .listing table td
{
	border: none;
	padding: 0px 0.6em 0.3em 0;
	margin: 0px 0 0 0;
	vertical-align: top;
}

.listing table th
{
	width: 5.9em;
	text-align: right;
	color: #9C3F0A;
	font-weight: bold;
}

.listing table td
{
	width: 12em;
	text-align: left;
}

.listing img
{
	position: relative;
	float: left;
	margin-right: 0.1em;
	width: 7em;
	border: solid 1px #9c3f0b;
}

.listing img.bigPicture
{
	width: 60%;
	margin: 0.5em auto 0.5em 20%;
}

.listing p
{
	font-size: 0.95em;
	margin-bottom: 1.0em;
}

.listing div
{
	position: relative;
	float: left;
	margin-right: 1.0em;
	margin-left: 1.0em;
	width: 70%;
}

.listing div ul
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 0.95em;
	list-style: none;
	margin-left: 0px;
	margin-bottom: 0.6em;
}

.listing div ul li
{
	float: left;
	margin-right: 1.5em;
}
