/*--------------------------------------------------------------
   Standard page defaults
--------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000;
	background: #86A17A url(images/back.jpg) top repeat-x;
	margin: 18px;
}
a {
	color: #184400;
	text-decoration: none;
}
a:hover { 
	color: #C00;
	text-decoration: underline;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #307800;
}
#page {
	background: #FFF;
}
h1 {
	font-size: 20px;
	font-weight: bold;
	color: #296800;
	margin: 0px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #307800;
	margin: 0;
}
p {
	padding: 0;
	margin: 2px 0;
}
form {
	padding: 0;
	margin: 0;
}
/*--------------------------------------------------------------
   Main page masthead
--------------------------------------------------------------*/
.topcomplete {
	height: 95px;
}
.topleft {
	text-align: left;
	padding: 5px 0 0 20px;
}
.topcentre {
	text-align: center;
}
.topright {
	text-align: right;
	padding: 15px 26px 0 0;
}
/*--------------------------------------------------------------
   Main page layout
--------------------------------------------------------------*/
.mainwindow, .mainwindownoheight, .mainwindownoshow {
	text-align: center;
	vertical-align: middle;
	padding: 20px 15px;
	border: white 12px solid;
	border-left-width: 26px;
	border-right-width: 26px;
	background: #F8FBF7 url(images/main_window.jpg) no-repeat left top;
}
.mainwindow, .mainwindownoshow {
	height: 300px;
}
.mainwindownoshow {
	border: 2px dashed #555;
}
.secondarywindow {  /* form windows used on contact page and in admin area */
	padding: 20px 25px;
	text-align: center;
	vertical-align: middle;
	background: #FCF8D9;
}
.menuback {
	border-left: white 26px solid;
	border-right: white 26px solid;
	background: #FCF8DC url(images/nav_bar.jpg) repeat-y left top;
}
.navbox {
	height: 58px;
	text-align: left;
	vertical-align: top;
	padding: 3px 0 0 40px;
	background: #FFF url(images/page_foot.jpg) no-repeat left bottom;
	color: #5A3B00;
}
.footnote {
	color: #FFF;
	text-align: center;
}
.creditline {
	color: #BCE5A8;
	text-align: center;
}
#spacerline {  /* between the line of menu buttons */
	height: 0;
}
.spacetop {  /* just above the menu bars */
	height: 2px;
}
.spaceunder {  /* just below the menu bars */
	height: 0;
}
.spacemid {  /* imeadiately above the main window */
	height: 0;
}
.spacebot {  /* imeadiately below the main window */
	height: 0;
}
/*--------------------------------------------------------------
  General text
--------------------------------------------------------------*/
.bodytext {
	line-height: 20px;
	padding: 8px 8px;
}
a.bodytext {
	padding: 0px;
	text-decoration: underline;
}
.italic {
	font-style: italic;
}
.caption {
	font-size: 12px;
	font-style: italic;
	line-height: 18px;
	padding: 10px;
}
.secondarytext {
	color: #514A18;
}
.title, .titlecolour {
	font-weight: bold;
	padding: 0 8px 2px 8px;
}
.titlecolour {
	color: #AD302C;
}
.subtitle {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #287805;
	margin-bottom: -15px;
}
.subtitlecolour {  /* used on the help page, and on the 'pictures' page */
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #307800;
	line-height: 24px;
	padding: 5px;
	margin: -10px 0 7px 0;
}
span.subtitlecolour {  /* order page text */
	margin: 0;
}
td.bodytext span.subtitlecolour {  /* basket text */
	margin-bottom: -15px;
}
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;
}
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 {
	margin: 15px;
	background-color: #86A17A;
}
#logobox {
	width: 400px;
	padding: 15px;
	background: #FFF;
}
.splashintro {
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	font-style: italic;
}
.enter {
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
}
a.enter {
	text-decoration: none;
	color: #FFF;
}
a.enter:hover { 
	text-decoration: none;
	color: #FF3;
}
.linksmall {  /* used for link to sinclairdesign.com */
	font-size: 10px;
	color: #FFF;
}
a.linksmall {
	text-decoration: none;
	color: #FFF;
}
a.linksmall:hover { 
	text-decoration: none;
	color: #FF3;
}
/*--------------------------------------------------------------
  Menu buttons A
--------------------------------------------------------------*/
.menua, .menub, .menuc {
	text-align: left;
	padding-left: 5px;
}
a.menua, a.menub, a.menuc {
	line-height: 23px;
	color: #000;
	text-decoration: none;
	padding: 0 10px 0 11px;
	border-right: 1px solid #000;
	margin-left: -6px;
}
a.menua:hover, a.menua:active, a.menub:hover, a.menub:active, a.menuc:hover, a.menuc:active {
	text-decoration: underline;
	color: #C00;
}
a.menuaa, a.menubb, a.menucc {  /* the class applied to the selected path buttons */
	font-weight: bold;
	color: #FF3;
	padding: 3px 10px 4px 11px;
	border-right: 1px solid #000;
	margin-left: -6px;
	background: #000;
}
a.menuaa:hover, a.menuaa:active, a.menubb:hover, a.menubb:active, a.menucc:hover, a.menucc:active {
	text-decoration: underline;
	color: #C00;
}
/*--------------------------------------------------------------
  Navigation Links (in nav box and on intro templates)
--------------------------------------------------------------*/
.navbox {
	color: #5A3B00;
}
.navlinka, .navlinkb, .navlinkc {
	display: none;
}
/*--------------------------------------------------------------
  Forms and lists
--------------------------------------------------------------*/
.formlabel {
	color: #3B3611;
	font-weight: bold;
	font-style: normal;
	text-align: left;
}
.formbox {
	text-align: left;
	padding: 7px 4px;
	color: #514A18;
}
.formintro {  /* used for intro and submit areas of form tables */
	font-weight: bold;
	color: #5B541F;
	text-align: center;
	padding: 8px;
	background: #E3D151;
}
.formheader {
	font-weight: bold;
	color: #5B541F;
	vertical-align: middle;
	font-size: 14px;
	padding: 7px;
	background: #E3D151;
}
/*--------------------------------------------------------------
  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;
}