/*main css stylesheet for sherlock homes property*/
html {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: url("/images/background.gif") top left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:75%;
	line-height:145%;
	color: #6B6B6B;
}
form {margin: 0;padding: 0;}
a {color: #000000;}
a:hover {text-decoration: none;}
a:visited {color:#666666;}

/*********************/
/*   GENERIC ITEMS   */
/*********************/
.clear {clear: both;}
.divider {border-bottom: 1px dotted #996633; background-color: #FFFFFF; width: 430px;margin: 0 0 10px 0;}
.cont-copy {line-height: 160%;margin: 0 0 8px 0;color:#000;}
ul.cont-copy li {margin-bottom: 8px;}
ul.cont-copy {list-style-type:square;margin: 0;padding: 0 0 0 16px;}
.sub-head {font-weight: bold;color: #FF9932;margin-bottom:8px;}
.title {margin-top:18px;margin-bottom:18px;}



/*********************/
/*    PAGE LAYOUT    */
/*********************/
#wrapper {
	width: 728px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: block;
	min-height: 100%;
	background: url("/images/wrapper-bg.gif") top left repeat-y;
}
/*This is a hack that only IE will see - it is a substitute for the min-height rule that DAF IE can't see*/
* html #wrapper {
	height: 100%;
}


#header {
	height: 116px;
	background: url("/images/header.gif") top left no-repeat;
}


#main-content {
	width: 728px;
	float: left;
	background-color: #fff;
	background: url("/images/content-slice.gif") top left repeat-y;
}


#content-left {
	float: left;
	width: 487px;
}
#content-left .content {
	margin-left: 34px;
	margin-top: 18px;
	padding-right: 20px;
}
#content-left #address {
	margin-left:34px;
	font-size: 90%;
	color: #000;
}
#content-left #address p {
	margin:0;
	padding:0;
}
#content-left .list-item {
	border-bottom: 1px dotted #996633;
	color: #000;
	clear: left;
}
#content-left .list-item .list-left {
	float: left;
	padding: 0;
	margin: 6px 0;
	width: 180px;
}
#content-left .list-item .list-right {
	float: left;
	margin: 6px 0;
	padding: 0;
	width: 240px;
}
#content-left .news-title {
	font-size: 140%;
	font-weight: bold;
	color: #FF9934;
}
#content-left .news-lead-in {
	font-style: italic;
	font-size: 110%;
	font-weight: bold;
}
#content-left .news-date {
	color: #000;
	font-size: 85%;
}

#content-right {
	float: left;
	width: 231px;
	background-color: #fff;
}
#content-right .feature {
	margin: 0 10px 20px 10px;
}
#content-right .diary {
	margin: 0 0 30px 0;
	width: 231px;
}
#content-right .signup {
	width: 231px;
	margin: 0 10px 20px 10px;
}
#content-right .signup p {
	color: #996633;
	font-size: 90%;
	margin-right: 10px;
	padding: 0;
	margin-bottom: 0;
}
#content-right .signup ul.errors {
	margin: 0;
	padding: 0;
}
#content-right .signup ul.errors li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: red;
	font-weight: bold;
	font-size: 90%;
	padding-top: 5px;
}
#content-right .signup .formField {
	color: #996633;
	font-weight: bold;
	font-size: 90%;
	margin-right: 20px;
	padding-top: 5px;
}
#content-right .signup .formField .labelCol {
	float: right;
	margin
}
#content-right .signup .formField .inputCol {
	float: right;
	margin-left: 10px;
}
#content-right .signup .signup-submit {
	float: right;
	margin-right: 20px;
	margin-top: 5px;
}
#content-right .signup .formField .inputCol input {
	border: 1px solid #996633;
	width: 160px;
}
#content-right .signup #errorblock {
	margin-bottom: 5px;
}
#submit-feedback {
	text-align: center;
	border: 2px solid red;
	padding: 10px;
	font-weight: bold;
	color: #000000;
}
#content-right .feature p {
	font-size: 90%;
	line-height: 180%;
	color: #996633;
	margin: 8px 0 0 0;
	padding: 0;
}
#content-right .diary p {
	font-size: 90%;
	line-height: 180%;
	color: #996633;
	margin: 8px 0  0 0;
	padding: 0 10px 0 10px;
}
#content-right .diary a {
	color: #996633;
}
#content-right p.alt {
	background-color: #FCF5D5;
	padding-top: 3px;
	padding-bottom: 3px;
}
#content-right .diary img {
	margin-left: 10px;
}
#content-right .signup img {
	margin-bottom: 2px;
}
#content-right .image {
	width: 211px;
	padding: 5px 0 5px 0;
	border-top: 1px dotted #996633;
	border-bottom: 1px dotted #996633;
	margin-top: 8px;
}
#content-right .news-title {
	padding: 5px 0 5px 0;
	border-bottom: 1px dotted #996633;
	font-size: 90%;
	font-weight: bold;
	color: #996633;
	margin-top: 8px;
}
#content-right .subscribe-title {
	padding: 5px 0 0 0;
	font-size: 90%;
	font-weight: bold;
	color: #996633;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 2px;
}
#content-right .subscribe-title img {
}
#content-right .news-title a {color: #996633;}
#content-right .news-switch a {
	font-weight: bold;
	color: #996633;
}


/***********************/
/* NAVIGATION ELEMENTS */
/***********************/
#content-left .nav {
	width: 487px;
	background: url("/images/top-arc.gif") top left no-repeat;
	height: 69px;
}
#content-left .nav ul {
	margin: 0;
	padding: 0 0 0 22px;
	list-style: none;
}
#content-left .nav li {
	margin: 39px 11px 0 0;
	padding: 0;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 100%;
	position: relative;
}
#content-left .nav li ul {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
}
#content-left .nav li > ul {
	top: auto;
	left: auto;
}
#content-left .nav li:hover ul, #content-left .nav li.over ul {display:block}
#content-left .nav .menu-divider {border-bottom: 1px dotted #996633;}

/*nav1*/
#content-left .nav #nav1 {background: url("/images/nav-1.gif") top left no-repeat;}
#content-left .nav #nav1 a.trigger {display:block;width:124px;height:30px;}
#content-left .nav #nav1 a.trigger:hover {background: url("/images/nav-1_RO.gif") top left no-repeat;}
#content-left .nav #nav1 ul {width:150px;padding:0;margin:0;background-color:#FACD9F;border-style:solid;border-color: #996633;border-width: 1px 2px 2px 1px;}
#content-left .nav #nav1 ul li {margin:0;padding:0;float:none;display:inline;}
#content-left .nav #nav1 a.ddlink {padding:3px;color:#ffffff;display:block;text-decoration:none;width:144px;}
#content-left .nav #nav1 a.ddlink:hover {background-color:#FE9933;}

/*nav2*/
#content-left .nav #nav2 {background: url("/images/nav-2.gif") top left no-repeat;}
#content-left .nav #nav2 a.trigger {display:block;width:71px;width:102px;height:30px;}
#content-left .nav #nav2 a.trigger:hover{background: url("/images/nav-2_RO.gif") top left no-repeat;}
#content-left .nav #nav2 ul {width:150px;padding:0;margin:0;background-color:#FACD9F;border-style:solid;border-color: #996633;border-width: 1px 2px 2px 1px;}
#content-left .nav #nav2 ul li {margin:0;padding:0;float:none;display:inline;}
#content-left .nav #nav2 a.ddlink {padding:3px;color:#ffffff;display:block;text-decoration:none;width:144px;}
#content-left .nav #nav2 a.ddlink:hover {background-color:#FE9933;}

/*nav3*/
#content-left .nav #nav3 {background: url("/images/nav-3.gif") top left no-repeat;}
#content-left .nav #nav3 a.trigger {display:block;width:88px;height:30px;}
#content-left .nav #nav3 a.trigger:hover {background: url("/images/nav-3_RO.gif") top left no-repeat;}
#content-left .nav #nav3 ul {width:150px;padding:0;margin:0;background-color:#FACD9F;border-style:solid;border-color: #996633;border-width: 1px 2px 2px 1px;}
#content-left .nav #nav3 ul li {margin:0;padding:0;float:none;display:inline;}
#content-left .nav #nav3 a.ddlink {padding:3px;color:#ffffff;display:block;text-decoration:none;width:144px;}
#content-left .nav #nav3 a.ddlink:hover {background-color:#FE9933;}

/*nav4*/
#content-left .nav #nav4 {background: url("/images/nav-4.gif") top left no-repeat;}
#content-left .nav #nav4 a.trigger {display:block;width:90px;height:30px;}
#content-left .nav #nav4 a.trigger:hover {background: url("/images/nav-4_RO.gif") top left no-repeat;}



















#footer {
	width: 728px;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 20px;
	background-color: #FFFFFF;
	font-size: 0.9em;
}


#base {
	background: url("/images/bottom-arc.gif") top left no-repeat;
	height: 27px;
	width: 710px;
	margin-left: 9px;
}

#flubber {
	width: 400px;
	margin: 50px auto 0 auto;
	color: #cccccc;
}
#flubber a {
	color: #dddddd;
}
#quote {
	width: 485px;
	height: 82px;
	position: relative;
	float: left;
	left: 185px;
}