/*
Now do the site specific styles
*/

/* Customise the colours */

body {
	background-color: #DFD7C1;
	background-image: url("/images/splash/bg.png");
}

body, p, td, ol, ul, li, dl, dt, dd, blockquote, h1, h2, h3, h4, div {
	color: #000000;
}

h1, h2, h3, h4 {
	color: #978452;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1 {
	font-size: 15px;
}

h2 {
	font-size: 13px;
}

h3 {
	font-size: 12px;
}

h4 {
	font-size: 11px;
}

a:link, a:visited, a:active {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	color: #978452;
}

a:link.current, a:visited.current, a:active.current {
	color: #000000;
	text-decoration: underline;
}

a:hover.current {
	color: #978452;
}

.highlight {
	color: #FF33FF;
}

input, select, textarea, div.button {
	border-color: #333333;
	background: #ECE8C8;
	color: #000000;
}

.button, input[type="button"], input[type="submit"], input[type="reset"] {
	border-color: #333333;
	background: #B6A775;
	color: #FFFFFF;
}

table.form tr {
	height: 2em;
}

.riad {
	color: #DF362E;
}

.riad a:link, .riad a:visited, .riad a:active {
	text-decoration: underline;
	color: #DF362E;
}

.riad a:hover {
	text-decoration: underline;
	color: #F19137;
}

/* Page layout styles */

#str-Content, #str-Topbar, #str-Frame, #str-Imgs {
	width: 766px;
	margin: auto;
}

#str-Topbar, #str-Frame, #str-Imgs, #str-Logo, #str-Menu {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -383px;
}

#str-Logo {
	width: 434px;
	top: 9px;
	margin-left: -365px;
}

#str-Topbar {
	background-image: url("/images/main/bg_menu.png");
	background-repeat: repeat-x;
	height: 102px;
}

#str-Frame, #str-Imgs {
	position: absolute;
	top: 102px;
	left: 50%;
	margin-left: -383px;
}

#str-Main, #str-ShadBot {
	width: 788px;
	margin: auto;
}

#str-ShadBot {
	background-color: #FFFFFF;
}

#str-ShadBot img {
	display: inline;
	vertical-align: bottom;
}

#str-Main {
	background-image: url("/images/main/bg_shadow.png");
	background-repeat: repeat-y;
	padding-top: 324px;
}

#str-Menu {
	top: 77px;
	height: 19px;
	text-align: right;
	margin-left: -383px;
	width: 747px;
}

#str-MenuHouse div {
	font-weight: bold;
	color: #C0AF82;
	font-size: 11px;
}

#str-MenuHouse a:link, #str-MenuHouse a:visited, #str-MenuHouse a:active {
	color: #C0AF82;
	text-decoration: none;
}

#str-MenuHouse a:hover {
	color: #978452;
	text-decoration: none;
}

#str-MenuHouse a:link.current, #str-MenuHouse a:visited.current, #str-MenuHouse a:active.current {
	color: #978452;
	text-decoration: none;
}

#str-MenuHouse a:hover.current {
	color: #978452;
	text-decoration: underline;
}

#str-Menu .menuitem, #str-Menu .delimiter, #str-MenuHouse .menuitem, #str-MenuHouse .delimiter {
	display: inline;
}

#str-Menu .menuitem {
	margin-top: 7px;
}

#str-Menu .delimiter {
	margin: 0 10px 0 9px;
}

#str-MenuHouse .delimiter {
	margin: 0 7px 0 7px;
}

#str-MenuHouse {
	margin: 0 0 1.3em 0;
}

#str-Content {
	background-color: #FFFFFF;
	/* Need the following here for Firefox */
	border-bottom: 1px solid #FFFFFF;
	padding: 40px 36px 11px 32px;
	width: 698px;
	min-height: 254px;
}

/* Bodge for min-height not working in MSIE */

#str-Prop {
	height: 255px;
/*	This is commented out because WinMSIE fails to display the sidebar otherwise */
	float: right;
	width: 1px;
}

#str-Propclear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

#str-Footer {
	text-align: center;
	margin: 4px auto 30px auto;
	color: #958454;
	font-size: 9px;
}

#str-Footer a:link, #str-Footer a:visited, #str-Footer a:active {
	color: #958454;
	text-decoration: none;
}

#str-Footer a:hover {
	color: #978452;
	text-decoration: underline;
}

#str-Images {
	float: right;
	width: 340px;
}

#str-Images div.col {
	display: inline;
	padding-left: 18px;
}

#str-Images div.col, #str-Images img {
	vertical-align: bottom;
}

#str-Images div.row {
	padding-bottom: 18px;
	text-align: right;
}