/* style a for SHS */

/* change the body defaults */
/* the background colour sets colour surrounding the content */
body {
	font-size:medium;
	font-family: "trebuchet ms", Tahoma, Verdana, Helvetica, sans-serif;
	text-align: center;
	color: #53372F;
	background-color: #53372F;
	margin: 0;
	padding: 0;
}

/* the container is the main block of content, including the banner and menus */
#container {
	text-align: left;
	background-color: #F7ECC2;
	position: relative;
	z-index: 20;
	width: 800px;
	padding: 0;
	border: 1px solid #D5BA90;
	margin: 10px auto 10px auto;
}	

/* The main content area */
#content {
	width:567px;
	padding:10px 10px 10px 0px;
	float:right;
}

.smallercontent {
	font-size: small;
}

/* this places image banner across the top of the content block */
#header {
	height:100px;
	background-image: url('../images/D05_6938bannera.gif');
	background-repeat: no-repeat;
	border-bottom:6px solid #D5BA90;
}

/* change the navigation defaults -------------------------------------------------------------------*/
a {
	color: #0000CC;
	font-weight:normal;
	background: #F7ECC2;
	text-decoration: underline;
}
a:link {
	color: #0000CC;
	background: #F7ECC2;
}
a:visited {
	color: #CC00CC;
	font-weight:normal;
	background: #F7ECC2;
}
a:focus {
	color: #53372F;
	font-weight:normal;
	background: #F7ECC2;
}
a:hover {
	color: #53372F;
	font-weight:normal;
	background: #F7ECC2;
}
a:active {
	color: #FF0000;
	font-weight:normal;
	background: #F7ECC2;
}

/* setting up the headings -------------------------------------------------------------------------*/
/* Main heading box across the page */ 
h1#heading {
	font-size: medium;
	font-weight: bold;
	text-indent: -40px;
	text-align: left;
	background-color: #D5BA90;
	position: relative;
	z-index: 100;
	padding-left: 50px;
	border: 1px solid;
	margin: 0 0 5px 0;
}

h1#heading .title1 {
	font-size: 80%;
	font-weight: normal;
}

/* sub headings within the content */
#content h2 {
	font-size:medium;
	font-weight:bold;
	margin: 5px 0px 5px 0px;
	padding:0;
}


#content h3 {
	margin:3px 0px 3px 0px;
	padding:0;
	font-weight:bold;
	font-size:90%;
}
.center {
	text-align: center;
}

.pagetop {
	text-align: right;
	font-size:80%;
	padding: 5px 0 10px 0;
}

/* Help stuff similar to the main content layout ---------------------------------------------------*/
/* the help container is the main block of content */
#helpcontainer {
	text-align: left;
	background-color: #F7ECC2;
	position: relative;
	z-index: 20;
	width: 600px;
	padding: 0;
	border: 1px solid;
	margin: 13px auto 10px auto;
}	

/* The help content area */
#helpcontent {
	width:500px;
	padding:10px 50px 10px 50px;
	float:left;
}

/* sub headings within the content */
#helpcontent h2 {
	font-size:medium;
	font-weight:bold;
	margin:0;
	padding:0 0 10px 0;
}
#helpcontent h3 {
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:90%;
}

.helpclose {
	text-align: right;
	font-size:80%;
	padding: 5px 0 10px 0;
}

/* Organising the sidebar layout -----------------------------------------------------------------------*/
/* the menu and information boxes in the sidebar */
#sidebar {
	background-color: #D5BA90;
	position: relative;
	top: -50px;
	left: -10px;
	z-index: 200;
	width:200px;
	padding:10px;
	float:left;
	margin:0;
	border:1px solid;
}

.menuhead {
	font-size: small;
	font-weight:bold;
	letter-spacing: .1em;
}


#sidebar h2 {
	font-size:medium;
	font-weight:bold;
	padding:5px 0 5px 0;
	margin:0;
}

#sidebar h3 {
	font-size:x-small;
	font-weight:bold;
	text-align:right;
	padding:5px 0 5px 0;
	margin:0;
}

#sidebar p {
	font-weight:normal;
	padding:0;
	margin:0;
	text-align:center;
}

/* sidebar navigation held as an unordered list -----------------------------------------------------------------*/
#sidebar ul {
	padding:0;
	margin:0;
	border-bottom:1px solid #F7ECC2;
}
	 
#sidebar ul li {
	list-style:none;
	list-style-position:outside;
	border:1px solid #F7ECC2;
	border-bottom:none;
	margin:0;
	padding:0;
}

#sidebar ul li a {
	display:block;
	padding:1px;
	width:196px;
	background:url(../images/nav-offa.gif) top left no-repeat #D5BA90;
	color:#53372F;
	text-indent:20px;
	text-decoration:none;
}

#sidebar ul li a:visited {
	background:url(../images/nav-offa.gif) top left no-repeat #D5BA90;
	font-weight:normal;
	text-decoration:underline;
}


#sidebar ul li a:hover {
	background:url(../images/nav-ona.gif) top left no-repeat #F7ECC2;
	font-weight:normal;
	text-decoration:none;
}

/* The information boxes in the sidebar, including the search box ----------------------------------------------*/
.infobox {
	border:1px solid #F7ECC2;
	background:#D5BA90;
	padding:0 5px 5px 5px;
	text-align:center;
	margin:5px 0 0 0;
	font-size:small;
}	

.infobox a {
	font-weight:normal;
	text-decoration: underline;
}
.infobox a:link {
	background: #D5BA90;
}
.infobox a:visited {
	background: #D5BA90;
}
.infobox a:active {
	background: #D5BA90;
}
.infobox a:hover {
	color: #53372F;
	background: #F7ECC2;
	font-weight:normal;
}

/* small navigation for the FAQ items */
.faqlink {
	font-weight:normal;
	font-size: smaller;
}	


/* quick search input form */
.inputfield {
	color: #53372F;
	background-color: #F7ECC2;
	font-weight:normal;
}

.piccontent {
	text-align:center;
	border: 1px solid #F7ECC2;
}

/* bottom of the page -----------------------------------------------------------------------------*/
/* footer navigation held as an unordered list -----------------------------------------------------------------*/
#footermenu {
	width:100%;
	height:auto;
	font-size:small;
	text-align:center;
	font-weight:normal;
	clear:both;
	border-top:1px solid;
	background:#D5BA90;
	padding:10px 0 10px 0;
	margin:0 auto 1px auto;
}
	 
#footermenu ul {
	display:inline;
	margin:0;
	border:none;
	text-align:center;
}
	 
#footermenu ul li {
	display:inline;
	list-style:none;
	border:none;
	margin:0;
	padding:1px 2px 1px 2px;
}

#footermenu ul li a {
	color:#53372F;
	text-decoration:none;
}

#footermenu ul li a:visited {
	font-weight:normal;
	text-decoration:underline;
}


#footermenu ul li a:hover {
	font-weight:normal;
	text-decoration:none;
	background: #D5BA90;
}

/* other footer info -------------------------------------------------------------------------------------------*/
#footer {
	font-size:x-small;
	text-align:center;
	font-weight:normal;
	clear:both;
	border-top:1px solid;
	background:#D5BA90;
	padding:10px;
	margin:0;
}

#footer a {
	text-decoration:none;
	background:#D5BA90;
}



/* bookmarking line */
#add-tell {
	width:700px;
	height:2em;
	margin:0px auto 2px auto;
	position:relative;
	padding:5px 5px 5px 5px;
	border-top:1px solid #53372F;
	clear:both;
}

/* bookmarking button */
.add-tell1 {
	width:130px;
	height:35px;
	padding: 0 0 0 5px;
	float:left;
	display:inline;
}
/* bookmarking text */
.add-tell2 {
	width:410px;
	height:35px;
	padding: 0 10px 0 10px;
	float:left;
	display:inline;
	font-size: x-small;
	font-weight: normal;
	text-align: center;
}
/* tell a friend */
.add-tell3 {
	width:130px;
	height:35px;
	padding: 0 5px 0 0;
	float:right;
	display:inline;
	font-size: x-small;
	font-weight: normal;
	text-align: right;
}

/* Vertical Banner that may get hidden ----------------------------------------------------------------------*/ 
/* this places vertical name logo at the top left corner */
#verticalbanner {
	position: absolute;
	top: 10px;
	left: 5px;
	text-align: center;
	width: 99%;
	z-index: 10;
}
#verticalbanner span {
	background: url('../images/vnamea.gif') no-repeat top left;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 600px;
}

.hideit {
	display: None;
}


/* featured property layout --------------------------------------------------------------------------------------*/
/* Clear floating */
.clearit {
	clear:both;
}

.fpright {
	padding:0 0 3px 10px;
	float:right;
}


.fpleft {
	padding:0 10px 3px 0;
	float:left;
}


/* simple seach box layout ---------------------------------------------------------------------------------------*/
#ssgroup {
	width:188px;
	height:auto;
	position:relative;
	padding:0;
	margin:0;
}

.ssgroupleft {
	width:88px;
	padding:0px 0px 0 0px;
	float:left;
	height:auto;
	position:relative;
	display:inline;
	vertical-align: middle;
	text-align: left;
	margin:0;
}
.ssgroupright {
	width:100px;
	padding:0 0 0 0px;
	float:right;
	height:auto;
	position:relative;
	display:inline;
	margin:0;
	vertical-align: middle;
	text-align: right;
}
.ssgrouprighta {
	width:173px;
	padding:0 0px 0 0px;
	float:right;
	height:auto;
	position:relative;
	display:inline;
	margin:0 0 0 0;
	vertical-align: middle;
	text-align: right;
}
.ssgroupleftbutt {
	width:50px;
	padding:0px 0px 0 0px;
	float:left;
	height:auto;
	position:relative;
	display:inline;
	vertical-align: middle;
	text-align: left;
	margin:0;
}