@charset "utf-8";
/* CSS Document */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

body  {
	font: 100% Arial, Helvetica, sans-serif;
	background:#603811;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.twoColFixRtHdr #container { 
	width: 778px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:url(/images/t/bkg.jpg) repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0 37px;
}
.twoColFixRtHdr #header { 
	padding:5px 8px 5px 8px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	border-top:1px solid #7b2d00;
} 
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding:0 0 4px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:none; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:0 8px 0 0;
	text-align:center;
}
.twoColFixRtHdr #mainContent { 
	margin: 0 0 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding:0 0 0 8px;; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float:left;
	width:612px;
} 
.twoColFixRtHdr #footer { 
	background:#470702;
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	font-size:.6em; 
	text-align:center;
	border-bottom:1px solid #7b2d00;
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#e8bf85;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#header h1 {
	background:url(/images/t/header-logo.jpg) no-repeat;
	text-indent:-5000px;
	height:81px;
}

ul.toolbar {
	margin:0;
	padding:0;
	background-color:#470702;
	height:20px;
}
ul.toolbar li {
	list-style:none;
	float:left;
	position:relative;
}
ul.toolbar li a {
	display:block;
	color:#f4c581;
	line-height:20px;
	background:url(/images/t/toolbar-sep.gif) no-repeat;
	background-position:right;
	padding:0 28px;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
ul.toolbar li a.last {
	background:none;
}
#branding {
	padding-top:5px;
	clear:both;
}
#branding img {
	border:2px solid #7b2d00;
}
#portals {
	padding-bottom:5px;
}
.portal {
	float:left;
	padding-right:8px;
}
.portal .last {
	padding:0;
}
.portal h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	background:#f8b848;
	text-align:center;
	width:145px;
	height:23px;
	font-size:12px;
	line-height:23px;
	letter-spacing:-.5px;
	color:#7b2d00;
	font-weight:bold;
}
.portal a {
	text-decoration:none;
	color:#7b2d00;
	background:url(/images/t/arrow-portal.gif) no-repeat;
	background-position:5px center;
}
.portal img {
	padding-top:4px;
}
#mainContent h1 {
	font-size:1.25em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#7b2d00;
}
#mainContent p {
	font-size:.75em;
}
#content-box {
	/* w:443 */
	float:left;
	background:url(/images/t/content-box-main.jpg) no-repeat;
	min-height:485px;
	padding:20px;
	width:411px;
}
#secondary-content {
	float:left;
	width:145px;
	min-height:485px;
	background:url(/images/t/bkg-nav-secondary.jpg) no-repeat;
	margin-right:8px;
}
#content-box h1 {
	padding-bottom:.75em;
	color:#9d080d;
	font-size:1.5em;
}
#content-box h2 {
	padding:.5em 0;
	font-size:.9em;
	font-weight:bold;
}
#content-box h3 {
	padding-bottom:.3em;
	font-size:.75em;
	font-weight:bold;
}
#content-box p {
	padding-bottom:1em;
}
#content-box ul, #content-box ol {
	font-size:.75em;
	margin-left:40px;
	padding-bottom:.5em;
}
#content-box ul li {
	list-style:square;
	padding-bottom:.5em;
}
#content-box ol li {
	list-style:decimal;
	padding-bottom:.5em;
}
#content-box ol ul {
	font-size:1em;
	padding-top:.5em;
}
#content-box ol ul li {
	list-style:square;
}
#content-box table {
	padding-bottom:.5em;
	font-size:.75em;
}
#content-box table th {
	font-weight:bold;
}
#sidebar1 h3 {
	height:23px;
	background-color:#470702;
	color:#f9d293;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	line-height:23px;
	font-size:11px;
	font-weight:bold;
}
#featured-business {
	margin-top:4px;
	background-color:#470702;
	padding:15px 7px 0 7px;
	min-height:560px;
}
#featured-business p {
	padding-bottom:15px;
}
table.data {
	width:90%;
	/*border:2px solid #470702;*/
	border-top:1px solid #470702;
	border-right:1px solid #470702;
	margin:1em auto;
		border-collapse:collapse;
	}
table.data caption {
	color: #7e5d3a;
	font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
table.data tr.odd td	{
	background:#eee6d4
	}

table.data td {
	color:#7e5d3a;
	border-bottom:1px solid #470702;
	border-left:1px solid #470702;
	padding:.3em 1em;
	text-align:center;
	}				
table.data th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #470702;
	border-left:1px solid #470702;
	padding:.3em 1em;
	}							
table.data thead th {
	background:#f8b848;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#790000;
	}
table.data tfoot td {
	height:20px;
	background:#f8b848;
}
#vacationing #va h3, #relocating #re h3, #business #bu h3, #members #me h3 {
	background:#9d080d;
	color:#fbaf5c;
}
#vacationing #va h3 a, #relocating #re h3 a, #business #bu h3 a, #members #me h3 a {
	color:#fbaf5c;
	background:url(/images/t/arrow-portal-active.gif) no-repeat;
	background-position:5px center;
}
.portal h3 a {
	display:block;
}
.portal h3 a:hover {
	background-color:#9d080d;
	background:#9d080d url(/images/t/arrow-portal-active.gif) no-repeat;
	background-position:5px center;
	color:#fbaf5c;
}
strong {
	font-weight:bold;
}
#secondary-content h3 {
	text-align:center;
	color:#fbaf5c;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:-.5px;
	padding-top:8px;
}
.nav-secondary {
	margin:0;
	padding:5px 2px 0 2px;
	width:141px;
	text-align:center;
}
.nav-secondary li {
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #f4821f;
}
.nav-secondary li a {
	text-decoration:none;
	font-size:11px;
	height:25px;
	line-height:25px;
	color:#fff;
	font-weight:bold;
}
.toolbar a:hover {
	text-decoration:underline;
}
em {
	font-style:italic;
}
fieldset {
	font-size:.75em;
	border:1px solid #000;
	padding:8px 5px;
	margin-bottom:1em;
}
legend {
	font-weight:bold;
	font-size:1.25em;
}	
#directory-search fieldset label {
	display:block;
	float:left;
	padding-top:3px;
	font-weight:bold;
	width:125px;
}

#member-search {
	padding-bottom:20px;
	border-bottom:1px solid #8c6239;
}
#member-search a {
	color:#8c6239;
}
.directory-listing {
	border-bottom:1px solid #e6c9a8;
	padding:10px 0 5px 0;
}
.directory-listing h3 a {
	color:#8c6239;
	text-decoration:none;
}
.directory-listing h3 a:hover {
	text-decoration:underline;
}
table tr.event { padding-bottom:10px; }

#mainContent td {
	padding-right:5px;
}

table.calendar td {
	vertical-align:top;
	padding-bottom:1.5em;
}
.date-chooser {
	border-bottom:1px solid #8c6239;
	margin-bottom:10px;
}
.director {
	clear:both;
	padding-top:15px;
}
.director img {padding-bottom:20px;}
.right {float:right}
.centered {text-align:center;}

/***** =promotions *****/
.coupon {border:2px dashed #000;}
p.promotion img {border:2px solid #e52405;}

.bordered {border:1px solid #603811;}