/*--------------------------------------------------------------
   Standard page defaults
--------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	padding: 0;
	margin: 0;
	background: #5D8BC6 url(images/back_site.gif) repeat-x top;
}
a {
	text-decoration: none;
	color: #FFF;
}
a:hover { 
	text-decoration: underline;
	color: #FF3;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
}
h1 {
	font-size: 18px;
	font-weight: bold;
	color: #FFD52B;
	padding: 3px 10px 5px 10px;
	margin: 0;
}
/*--------------------------------------------------------------
   Main page masthead
--------------------------------------------------------------*/
.topcomplete {
	height: 105px;
}
.topleft {
	text-align: left;
	padding: 5px 0 0 0;
}
.topright {
	text-align: right;
	padding: 0;
}
/*--------------------------------------------------------------
   Main page layout
--------------------------------------------------------------*/
.mainwindownoheight, .mainwindow, .mainwindownoshow {
	text-align: center;
	padding: 20px 25px;
	background: #5A83BD url(images/back_win.gif) repeat-x top;
}
.mainwindow, .mainwindownoshow {
	height: 300px;
}
.mainwindownoshow {
	border: 2px dashed #555;
}
.secondarywindow {
	padding: 20px 25px;
	background: #9AABD8;
	text-align: center;
	vertical-align: middle;
	color: #000;
	border: 1px solid #002252;
}
.menuback { 
}
.navbox {
	height: 34px;
	font-size: 12px;
	color: #D0E5FB;
	text-align: left;
	padding: 0 0 0 20px;
	background: url(images/n1.gif) repeat-x top;
}
.navbox a { 
	color: #D0E5FB;
	font-weight: bold;
}
.navbox a:hover { 
	text-decoration: none;
	color: #FF6;
}
.footnote {
	color: #A8D6F6;
	text-align: center;
}
.creditline {
	color: #9CBCEC;
	text-align: center;
}
#spacerline {  /* the space between the line of menu buttons */
	height: 0px;
}
.spacetop {  /* the space just above the menu bars */
	height: 0px;
}
.spaceunder {  /* the space just below the menu bars */
	height: 0px;
}
.spacemid {  /* the space imeadiately above the main window */
	height: 0px;
}
.spacebot {  /* the space imeadiately below the main window */
	height: 0px;
}
/*--------------------------------------------------------------
  General text
--------------------------------------------------------------*/
.bodytext {
	line-height: 17px;
	color: #FFF;
	padding: 6px 10px;
}
a.bodytext {
	color: #FFF;
	padding: 0;
}
.italic {
	font-style: italic;
}
.caption {
	font-size: 12px;
	font-style: italic;
	line-height: 16px;
	padding: 6px 10px 10px;
}
.caption img {
	margin-bottom: 5px;
}
.title, .titlecolour {  /* used for the cell that the <h1> tags sit in */
	font-size: 18px;
	font-weight: bold;
	color: #FFD52B;
	padding: 0;
}
.titlecolour {
	line-height: 26px;
}
.subtitle, .subtitlecolour {
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	padding: 0;
	margin: 5px 0 -10px 0;
}
.subtitlecolour {  /* used in the shop, the help page, and the 'pictures' page */
	color: #FF6;
}
a.next {  /* the 'next' button */
	font-size: 22px;
	line-height: 13px;
	vertical-align: middle;
	background: url(images/next.gif) no-repeat;
}
a.next:hover { 
	background-image: url(images/next_in.gif);
}
a.more {  /* the 'more' button */
	font-size: 22px;
	line-height: 13px;
	vertical-align: middle;
	background: url(images/more.gif) no-repeat;
}
a.more:hover { 
	background-image: url(images/more_in.gif);
}
/*--------------------------------------------------------------
  Splash Page
--------------------------------------------------------------*/
.splashbody {
	margin: 15px;
	background-color: #1F5BA5;
}
.splashintro {
	font-size: 14px;
	color: #FFF;
}
.enter {
	font-size: 18px;
	color: #FF6;
	font-weight: bold;
}
a.enter {
	text-decoration: none;
	color: #FF6;
}
a.enter:hover { 
	text-decoration: none;
	color: #FF6;
}
.linksmall {
	font-size: 10px;
	color: #FFF;
}
a.linksmall {
	text-decoration: none;
	color: #FFF;
}
a.linksmall:hover { 
	text-decoration: none;
	color: #FF6;
}
/*--------------------------------------------------------------
  Menu buttons A
--------------------------------------------------------------*/
.menua {
	height: 26px;
	text-align: left;
	padding: 8px 0 0 10px;
	background: url(images/n1.gif) repeat-x top;
}
a.menua, a.menuaa {
	font-size: 14px;
	color: #FFF;
	padding: 8px 10px 10px 10px;
	background: none;
}
a.menua:hover, a.menuaa:hover {
	text-decoration: none;
	background: url(images/n1_in.gif) repeat-x top;
}
a.menuaa {
	color: #FF6;
	font-weight: bold;
}
a.menuaa:hover {
	color: #FF6;
	font-weight: bold;
}
/*--------------------------------------------------------------
  Menu buttons B
--------------------------------------------------------------*/
.menub {
	height: 26px;
	text-align: left;
	padding: 8px 0 0 10px;
	background: url(images/n2.gif) repeat-x top;
}
a.menub, a.menubb {
	font-size: 14px;
	color: #ABCBEB;
	padding: 8px 10px 10px 10px;
	background: none;
}
a.menub:hover, a.menubb:hover {
	text-decoration: none;
	background: url(images/n2_in.gif) repeat-x top;
}
a.menubb {
	color: #D7DD48;
	font-weight: bold;
}
a.menubb:hover {
	color: #D7DD48;
	font-weight: bold;
}
/*--------------------------------------------------------------
  Menu buttons C
--------------------------------------------------------------*/
.menuc {
	height: 26px;
	text-align: left;
	padding: 8px 0 0 10px;
	background: url(images/n3.gif) repeat-x top;
}
a.menuc, a.menucc {
	font-size: 14px;
	color: #95B3D9;
	padding: 8px 10px 10px 10px;
	background: none;
}
a.menuc:hover, a.menucc:hover {
	text-decoration: none;
	background: url(images/n3_in.gif) repeat-x top;
}
a.menucc {
	color: #B4C462;
	font-weight: bold;
}
a.menucc:hover {
	color: #93AB50;
	font-weight: bold;
}
/*--------------------------------------------------------------
  Navigation Links (in nav box and on intro templates)
--------------------------------------------------------------*/
.navlinka, .navlinkb, .navlinkc {
	font-size: 12px;
	color: #D0E5FB;
	font-weight: bold;
	font-style: normal;
}
a.navlinka, a.navlinkb {
	font-size: 12px;
	color: #D0E5FB;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}
a.navlinka:hover, a.navlinkb:hover { 
	text-decoration: none;
	color: #FF6;
}
.linktext1, .linktext2 {  /* used for the text that introduces the second level of menu buttons */
	line-height: 15px;
	font-weight: bold;
	color: #FCC;
	text-align: center;
	padding: 10px;
}
/*--------------------------------------------------------------
  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: #FFFF33;
	padding: 6px;
	line-height: 26px;
}
/*--------------------------------------------------------------
  Forms and lists
--------------------------------------------------------------*/
.formlabel {
	color: #183471;
	font-style: normal;
	text-align: right;
	padding-left: 5px;
	font-weight: bold;
}
.formbox {
	text-align: left;
	padding: 7px 4px;
	color: #183571;
}
.formintro {
	font-size: 15px;
	color: #6E6018;
	background-color: #EBDC7F;
	text-align: center;
	padding: 8px;
	border-width: 2px;
	border-style: solid;
	border-top-color: #F2E39F;
	border-right-color: #C2AD47;
	border-bottom-color: #C2AD47;
	border-left-color: #F2E39F;
}
.formheader {  /* used for shop order form and section headers on admin area 'content' page */
	font-weight: bold;
	color: #FFF;
	vertical-align: middle;
	font-size: 14px;
	padding: 7px;
	background: #110E46;
}
/*--------------------------------------------------------------
  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;
}
@media print {
	body, .mainwindow {
		background-color: #FFF;
	}
	h1, td, .bodytext, .titlecolour, .subtitlecolour, td.smallprint {
		color: #000;
	}
}