/*--------------------------------------------------------------
   Standard page defaults
--------------------------------------------------------------*/
body {
	font-family: "Trebuchet MS", Arial, "Nimbus Sans L", Helvetica, sans-serif;
	font-size: 13px;
	color: #FFC;
	background-color: #903;
	margin: 10px;
}
a {
	text-decoration: none; color: #FFC;
}
a:hover { 
	text-decoration: underline; color: #FF0;
}
td {
	font-family: "Trebuchet MS", Arial, "Nimbus Sans L", Helvetica, sans-serif;
	font-size: 13px;
	color: #FFC;
}
h1 {
	font-size: 20px;
	font-weight: bold;
	color: #FFC;
	margin: 5px 0 10px 0;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	color: #FFC;
	margin: 0;
}
form {
	margin: 0;
}
img {
	border: 0;
}
/*--------------------------------------------------------------
   Main page masthead
--------------------------------------------------------------*/
.topcomplete {
	height: 100px;
}
.topleft {
	text-align: left;
}
.topcentre {
	text-align: center;
}
.topright {
	text-align: right;
}
/*--------------------------------------------------------------
   Main page layout
--------------------------------------------------------------*/
.mainwindow {
	padding: 20px;
	background-color: #670022;
	text-align: center;
	height: 300px;
}
.mainwindownoshow {  /* admin area mainwindow when page set not to show */
	padding: 20px;
	background-color: #670022;
	text-align: center;
	height: 300px;
	border: 2px dashed #FCC;
}
.mainwindownoheight {  /* as per mainwindow but with no set height */
	padding: 20px;
	background-color: #670022;
	text-align: center;
}
.helpwindow {
	padding: 20px;
	background-color: #7E002A;
	text-align: center;
	height: 300px;
}
.secondarywindow {  /* form windows used in admin area */
	padding: 20px;
	background-color: #670022;
	text-align: center;
	border: 1px solid #000;
}
.menuback {  /* the table row that the menu sits in */
	background-color: #7E002A;
}
.navbox {  /* the thin navigation box at the bottom of every page */
	color: #F26869;
	background-color: #7E002A;
	text-align: left;
	vertical-align: top;
	padding: 8px;
}
.footnote {  /* the text that can show along the bottom of each page */
	color: #FFC;
	text-align: center;
}
.creditline {  /* the credit line that shows along the bottom of the home page */
	color: #F99;
	text-align: center;
}
#spacerline {  /* the space between the line of menu buttons */
	height: 0;
}
.spacetop {  /* the space just above the menu bars */
	height: 10px;
}
.spaceunder {  /* the space just below the menu bars */
	height: 3px;
}
.spacemid {  /* the space imeadiately above the main window */
	height: 7px;
}
.spacebot {  /* the space imeadiately below the main window */
	height: 10px;
}
/*--------------------------------------------------------------
  General text
--------------------------------------------------------------*/
.bodytext {
	line-height: 17px;
	color: #F99;
	padding: 2px 10px;
}
.bodytext p {
	padding: 0;
	margin: 7px 20px 7px 0;
}
a.bodytext {
	color: #FFC;
	padding: 0px;
}
.bodytextcolour1 {  /* the coloured (green?) text used on the 'backup' page */
	color: #ADFFAC;
}
.bodytextcolour2 {  /* the coloured (pink?) text used on the 'passwords' page */
	color: #FF9999;
}
.italic {
	font-style: italic;
}
.italicgrey {  /* used for notes, and nav buttons that are not live */
	font-style: italic;
	color: #999999;
}
.caption {
	color: #F99;
	font-size: 12px;
	font-style: italic;
	line-height: 18px;
	padding: 6px 10px 10px 10px;
}
.title {  /* used for the cell that the <h1> tags sit in */
	font-size: 20px;
	font-weight: bold;
	color: #FFC;
	margin: 0;
	padding: 0 10px;
}
.secondarytitle {
	font-size: 20px;
	font-weight: bold;
	color: #FFC;
	padding: 0 10px;
}
.titlecolour {
	font-size: 18px;
	font-weight: bold;
	color: #FFFF99;
}
.subtitle {
	font-size: 16px;
	font-weight: bold;
	color: #FFADB0;
	line-height: 30px;
}
.secondarysubtitle {
	font-size: 16px;
	font-weight: bold;
	color: #FFC;
	line-height: 30px;
}
.subtitlecolour {  /* used on the help page, and on the 'pictures' page */
	font-size: 17px;
	font-weight: bold;
	line-height: 26px;
	color: #BFF3BA;
}
.next {
}
a.next {  /* this is the 'next' button */
	background-image: url(images/next.gif);
	background-repeat: no-repeat;
	font-size: 22px;
	line-height: 13px;
	vertical-align: middle;
}
a.next:hover { 
	background-image: url(images/next_in.gif);
	background-repeat: no-repeat;
}
.more {
}
a.more {  /* this is the 'more' button */
	background-image: url(images/more.gif);
	background-repeat: no-repeat;
	font-size: 22px;
	line-height: 13px;
	vertical-align: middle;
}
a.more:hover { 
	background-image: url(images/more_in.gif);
	background-repeat: no-repeat;
}
/*--------------------------------------------------------------
  Splash Page
--------------------------------------------------------------*/
.splashbody {
	background-color: #903;
	margin: 15px;
	color: #FFC;
}
.splashintro {
	font-size: 15px;
	color: #F99;
	font-weight: bold;
}
.enter {
}
a.enter {
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFAD3;
}
a.enter:hover { 
	text-decoration: none;
	color: #FFFF00;
}
.linksmall {  /* used for link to sinclairdesign.com */
	font-size: 11px;
	color: #F99;
}
a.linksmall {
	text-decoration: none;
	color: #F99;
}
a.linksmall:hover { 
	text-decoration: none;
	color: #FFFF66;
}
/*--------------------------------------------------------------
  Menu buttons A
--------------------------------------------------------------*/
.menua {
	text-align: center;
	border-top: 6px solid #7E002A; /* thicker bar behind buttons */
	border-bottom: 6px solid #7E002A; /* thicker bar behind buttons */
	padding: 0px 10px;  /* size of menu bar: top/bottom from text, left/right from edge */
	background: #7E002A; /* thiner bar behind buttons */
}
a.menua {
	font-size: 13px;
	border: 1px solid #000;
	padding: 3px 11px;
}
a.menua:link, a.menua:visited {
	color: #000000;
	text-decoration: none;
	background: #FF9B9D; /* normal button colour */
}
a.menua:hover, a.menua:active {
	color: #000;
	text-decoration: none;
	background: #FFFF33; /* hover button colour */
}
a.menuaa {  /* the class applied to the selected path buttons */
	font-weight: bold;
	font-size: 13px;
	color: #000;
	border: 1px solid #000000;
	padding: 3px 10px;  /* size of button: top/bottom from text, left/right from text */
	background: #FFC; /* selected button colour */
}
a.menuaa:hover, a.menuaa:active {
	color: #000;
	text-decoration: none;
	background: #FFFF33; /* hover button colour */
}
/*--------------------------------------------------------------
  Menu buttons B
--------------------------------------------------------------*/
.menub {
	text-align: center;
	border-top: 6px solid #7E002A; /* thicker bar behind buttons */
	border-bottom: 6px solid #7E002A; /* thicker bar behind buttons */
	padding: 0px 10px;  /* size of menu bar: top/bottom from text, left/right from edge */
	background: #7E002A; /* thiner bar behind buttons */
}
a.menub {
	font-size: 13px;
	border: 1px solid #000;
	padding: 3px 11px;
}
a.menub:link, a.menub:visited {
	color: #000000;
	text-decoration: none;
	background: #FF9B9D; /* normal button colour */
}
a.menub:hover, a.menub:active {
	color: #000;
	text-decoration: none;
	background: #FFFF33; /* hover button colour */
}
a.menubb {  /* the class applied to the selected path buttons */
	font-weight: bold;
	font-size: 13px;
	color: #000;
	border: 1px solid #000000;
	padding: 3px 10px;  /* size of button: top/bottom from text, left/right from text */
	background: #FFC; /* selected button colour */
}
a.menubb:hover, a.menubb:active {
	color: #000;
	text-decoration: none;
	background: #FFFF33; /* hover button colour */
}
/*--------------------------------------------------------------
  Menu buttons C
--------------------------------------------------------------*/
.menuc {
	text-align: center;
	border-top: 6px solid #7E002A; /* thicker bar behind buttons */
	border-bottom: 6px solid #7E002A; /* thicker bar behind buttons */
	padding: 0px 10px;  /* size of menu bar: top/bottom from text, left/right from edge */
	background: #7E002A; /* thiner bar behind buttons */
}
a.menuc {
	font-size: 13px;
	border: 1px solid #000;
	padding: 3px 11px;
}
a.menuc:link, a.menuc:visited {
	color: #000000;
	text-decoration: none;
	background: #FF9B9D; /* normal button colour */
}
a.menuc:hover, a.menuc:active {
	color: #000;
	text-decoration: none;
	background: #FFFF33; /* hover button colour */
}
a.menucc {  /* the class applied to the selected path buttons */
	font-weight: bold;
	font-size: 13px;
	color: #000;
	border: 1px solid #000000;
	padding: 3px 10px;  /* size of button: top/bottom from text, left/right from text */
	background: #FFC; /* selected button colour */
}
a.menucc:hover, a.menucc:active {
	color: #000;
	text-decoration: none;
	background: #FFFF33; /* hover button colour */
}
/*--------------------------------------------------------------
  Navigation Links (in nav box and on intro templates)
--------------------------------------------------------------*/
.navlinka {
	font-size: 12px;
	color: #F26869;
	font-weight: bold;
	font-style: normal;
}
a.navlinka {
	text-decoration: none;
}
a.navlinka:hover { 
	text-decoration: none;
	color: #FFFF33;
}
.navlinkb {
	font-size: 12px;
	color: #F26869;
	font-weight: bold;
	font-style: normal;
}
a.navlinkb {
	text-decoration: none;
}
a.navlinkb:hover { 
	text-decoration: none;
	color: #FFFF33;
}
.navlinkc {
	font-size: 12px;
	color: #F26869;
	font-weight: bold;
	font-style: normal;
}
a.navlinkc {
	text-decoration: none;
}
a.navlinkc:hover { 
	text-decoration: none;
	color: #FFFF33;
}
.linktext1 {  /* used for the text that introduces the second level of menu buttons */
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	color: #F6F3B9;
	text-align: center;
	vertical-align: middle;
	padding: 20px 5px 5px;
	font-weight: bold;
}
.linktext2 {  /* used for the text that introduces the third level of menu buttons */
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	color: #F6F3B9;
	text-align: center;
	vertical-align: middle;
	padding: 20px 5px 5px;
	font-weight: bold;
}
/*--------------------------------------------------------------
  Alerts and feedback
--------------------------------------------------------------*/
.alert {  /* normally used for notification of bad problems */
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
	background-color: #FFFF66;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}
.attention {  /* normally used to draw attention to a note */
	font-size: 13px;
	color: #000000;
	background-color: #F6F3B9;
	text-align: center;
	padding: 6px;
	line-height: 18px;
}
.success {  /* normally used for notification of a successful action */
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #2B7920;
	background-color: #F6F3B9;
	padding: 6px;
	line-height: 26px;
}
.failure {  /* normally used for notification of an unsuccessful action */
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #CC0000;
	background-color: #FFFF66;
	padding: 6px;
	line-height: 26px;
}
/*--------------------------------------------------------------
  Forms and lists
--------------------------------------------------------------*/
.formlabel {
	font-size: 13px;
	color: #FF9B9D;
	font-weight: bold;
	padding-left: 5px;
}
.formbox {  /* puts padding around a form text entry box */
	text-align: left;
	padding: 7px 4px;
}
.formtop {  /* used for the top of the admin pages */
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 8px;
	background-color: #2F000F;
}
.formintro {  /* used for intro and submit areas of form tables */
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	padding: 8px;
	background-color: #460014;
}
.formnote {  /* small (grey?) text used as notes for form entry boxes */
	font-size: 11px;
	color: #AC0039;
	font-style: italic;
}
.formheader {  /* used for (grey?) section headers on admin area 'content' page */
	font-weight: bold;
	color: #FFFF99;
	vertical-align: middle;
	font-size: 16px;
	padding: 7px;
	background-color: #4A0018;
}
/*--------------------------------------------------------------
  One-off formatting
--------------------------------------------------------------*/
.intropic {  /* removes top and left padding from pictures */
	padding: 0px 30px 0px 0px;
	font-size: 11px;
	font-style: italic;
	text-align: center;
	vertical-align: middle;
	line-height: 18px;
}
.confignotes {
	color: #ED8F92;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 6px;
}
p.news {
	padding: 0;
	margin: 0 10px 5px 0;
}
.date {
	color: #EF9C9F;
}
/*--------------------------------------------------------------
  Property modules
--------------------------------------------------------------*/
div.new-prop {
	font-size: 12px;
	color: #79A16A;
	background-color: #162511;
	padding: 4px;
}
.new-price {
	font-size: 14px;
	color: #99C487;
	font-weight: bold;
}
a.new-details {
	display: block;
	color: #99C487;
	background-color: #2E4D26;
	padding: 4px;
}
a.new-details:hover {
	color: #2E4D26;
	background-color: #99C487;
}
td.drop-down {
	padding: 5px 0;
}
.price {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
.description {
	color: #F99;
}
.sold {
	font-size: 14px;
	color: #FF3;
}
td.smallprint {
	font-size: 11px;
	color: #F99;
}
div.address {
	font-size: 16px;
	font-weight: bold;
	color: #FFADB0;
	line-height: 20px;
	padding: 15px 0 4px 0;
}
p.preamble {
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 5px;
}
.areaheader {
	font-size: 17px;
	font-weight: bold;
	color: #FFFF99;
	background-color: #460014;
	padding: 6px;
	margin: 15px 20px 0 0;
}
.roomname {
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
	color: #BFF3BA;
}
a.link {
	text-decoration: none;
	color: #FB9596;
}
a.link-g {
	text-decoration: none;
	color: #B7E9A0;
}
a.link:hover, a.link-g:hover { 
	text-decoration: underline;
	color: #FF0;
}
a.link img {
	margin-top: 8px;
}
@media print {
	.noprint {
		display: none;
	}
	body, .mainwindow {
		background-color: #FFF;
	}
	h1, td, .bodytext, .titlecolour, .subtitlecolour, .price, .description, .sold, td.smallprint, div.address, p.preamble, .roomname {
		color: #000;
	}
	.areaheader {
		background-color: #903;
	}
	.topcomplete {
		height: 150px;
		vertical-align: middle;
		background-color: #903;
	}
	.mainwindow {
		padding-top: 0;
	}
	img.printborder {
		border: 1px solid #000;
	}
}
@media screen {
	.noscreen {
		display: none;
	}
}