@charset "UTF-8";
/*--------------------------------------------------------------
   Standard page defaults
--------------------------------------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	background: #ccc url(images/wind_back.gif) repeat-x 0 93px;
	margin: 15px;
}
a {
	text-decoration: none;
	color: #039;
}
a:hover { 
	text-decoration: underline;
	color: #FFFF66;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
}
h2 {
	font-size: 15px;
	font-weight: bold;
	color: #2769B2;
	margin: 5px 0px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #2769B2;
	margin: 5px 0px 3px 0;
}
/*--------------------------------------------------------------
   Main page masthead
--------------------------------------------------------------*/
.topcomplete {
	background: #CCC;
	height: 80px;
	vertical-align: middle;
}
.topleft {
	text-align: left;
	/*border-top: 1px solid #F7F7F7;*/
	/*border-left: 1px solid #F7F7F7;*/
	border-bottom: 2px solid #525252;
	padding-left: 41px;
	padding-top: 4px;
}
.topcentre {
	text-align: center;
	/*border-top: 1px solid #F7F7F7;*/
	border-bottom: 2px solid #525252;
}
.topright {
	text-align: right;
	/*border-top: 1px solid #F7F7F7;*/
	/*border-right: 2px solid #525252;*/
	border-bottom: 2px solid #525252;
	padding-right: 30px;
	padding-bottom: 2px;
}
/*--------------------------------------------------------------
   Main page layout
--------------------------------------------------------------*/
.mainwindow {
	padding: 20px 25px;
	background-color: #CCC;
	text-align: center;
	vertical-align: middle;
	height: 300px;
	border-top: 1px solid #F7F7F7;
	/*border-right: 2px solid #525252;*/
	/*border-bottom: 2px solid #525252;*/
	/*border-left: 1px solid #F7F7F7;*/
}
.mainwindow a { 
	text-decoration: underline;
}
.mainwindownoshow {  /* admin area mainwindow when page set not to show */
	padding: 20px 25px;
	background-color: #CCC;
	border: 2px dashed #555;
	text-align: center;
	vertical-align: middle;
	height: 300px;
}
.mainwindownoheight {  /* as per mainwindow but with no set height */
	padding: 20px 25px;
	background-color: #CCC;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #F7F7F7;
	border-right: 2px solid #525252;
	border-bottom: 2px solid #525252;
	border-left: 1px solid #F7F7F7;
}
.helpwindow {
	padding: 20px 25px;
	background-color: #DDD;
	text-align: center;
	vertical-align: middle;
	height: 300px;
	border-top: 1px solid #F7F7F7;
	border-right: 2px solid #525252;
	border-bottom: 2px solid #525252;
	border-left: 1px solid #F7F7F7;
}
.secondarywindow {  /* form windows used in admin area */
	padding: 20px 25px;
	background: #CCC;
	border: 1px solid #002252;
	text-align: center;
	vertical-align: middle;
}
.menuback {  /* the table row that the menu sits in */
	background-color: #727272;
}
.navbox {
	color: #000;
	font-style: italic;
	background-color: #6D94D0;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	border-top: 1px solid #CFE0F2;
	border-right: 2px solid #355B96;
	border-bottom: 2px solid #355B96;
	border-left: 1px solid #CFE0F2;
}
.footnote {  /* the text that can show along the bottom of each page */
	color: #333;
	text-align: center;
}
.creditline {  /* the credit line that shows along the bottom of the home page */
	color: #333;
	text-align: center;
}
#spacerline {  /* the space between the line of menu buttons */
	height: 2px;
}
.spacetop {  /* the space just above the menu bars */
	height: 4px;
	background: #727272;
}
.spaceunder {  /* the space just below the menu bars */
	height: 1px;
	background: #727272;
}
.spacemid {  /* the space imeadiately above the main window */
	height: 3px;
	background: #727272;
}
.spacebot {  /* the space imeadiately below the main window */
	height: 8px;
	background: #727272;
}
/*--------------------------------------------------------------
  General text
--------------------------------------------------------------*/
.bodytext {
	line-height: 17px;
	color: #000000;
	padding: 2px 10px 10px;
}
a.bodytext {
	color: #039;
	padding: 0px;
}
.bodytextcolour1 {  /* the coloured (green?) text used on the 'backup' page */
	color: #2B7920;
}
.bodytextcolour2 {  /* not yet used */
	color: #AD302C;
}
.italic {
	font-style: italic;
}
.italicgrey {  /* used for notes, and nav buttons that are not live */
	font-style: italic;
	color: #555555;
}
.caption {
	font-size: 12px;
	font-style: italic;
	line-height: 18px;
	padding: 10px;
}
.title {  /* used for the cell that the <h1> tags sit in */
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.secondarytitle {
	font-size: 18px;
	font-weight: bold;
	color: #AD302C;
	padding: 10px;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.titlecolour {
	font-size: 18px;
	font-weight: bold;
	color: #AD302C;
	line-height: 26px;
}
.subtitle {
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}
.secondarysubtitle {
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	color: #1C3C84;
}
.subtitlecolour {  /* used on the help page, and on the 'pictures' page */
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	color: #2B7920;
}
.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: #999999;
	margin: 15px;
}
.splashintro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	font-weight: bold;
	font-style: italic;
}
.enter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}
a.enter {
	text-decoration: none;
	color: #FFFFFF;
}
a.enter:hover { 
	text-decoration: none;
	color: #FFFF66;
}
.linksmall {  /* used for link to sinclairdesign.com */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
a.linksmall {
	text-decoration: none;
	color: #333333;
}
a.linksmall:hover { 
	text-decoration: none;
	color: #FFFF66;
}
/*--------------------------------------------------------------
  Menu buttons A
--------------------------------------------------------------*/
.menua {
	background: #6D94D0;
	text-align: center;
	padding: 0px 10px;  /* size of menu bar: top/bottom from text, left/right from edge */
	border-top: 4px solid #727272;
	border-bottom: 4px solid #727272;
}
a.menua {
	background: #FFFFFF;
	border: 1px solid #002252;
	padding: 3px 15px;  /* size of box: top/bottom from text, left/right from text */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a.menua:link, a.menua:visited {
	background: #9EC0F4;
	text-decoration: none;
}
a.menua:hover, a.menua:active {
	background: #FFFF66;
	text-decoration: none;
}
a.menuaa {
	background: #FFFFFF;
	border: 1px solid #002252;
	padding: 3px 15px;  /* size of box: top/bottom from text, left/right from text */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a.menuaa:hover, a.menuaa:active {
	background: #FFFF66;
	text-decoration: none;
}
/*--------------------------------------------------------------
  Menu buttons B
--------------------------------------------------------------*/
.menub {
	background: #6D94D0;
	text-align: center;
	padding: 0px 10px;  /* size of menu bar: top/bottom from text, left/right from edge */
	border-top: 4px solid #727272;
	border-bottom: 4px solid #727272;
}
a.menub {
	background: #FFFFFF;
	border: 1px solid #002252;
	padding: 3px 15px;  /* size of box: top/bottom from text, left/right from text */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a.menub:link, a.menub:visited {
	background: #9EC0F4;
	text-decoration: none;
}
a.menub:hover, a.menub:active {
	background: #FFFF66;
	text-decoration: none;
}
a.menubb {
	background: #FFFFFF;
	border: 1px solid #002252;
	padding: 3px 15px;  /* size of box: top/bottom from text, left/right from text */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a.menubb:hover, a.menubb:active {
	background: #FFFF66;
	text-decoration: none;
}
/*--------------------------------------------------------------
  Menu buttons C
--------------------------------------------------------------*/
.menuc {
	background: #6D94D0;
	text-align: center;
	padding: 0px 10px;  /* size of menu bar: top/bottom from text, left/right from edge */
	border-top: 4px solid #727272;
	border-bottom: 4px solid #727272;
}
a.menuc {
	background: #FFFFFF;
	border: 1px solid #002252;
	padding: 3px 15px;  /* size of box: top/bottom from text, left/right from text */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a.menuc:link, a.menuc:visited {
	background: #9EC0F4;
	text-decoration: none;
}
a.menuc:hover, a.menuc:active {
	background: #FFFF66;
	text-decoration: none;
}
a.menucc {
	background: #FFFFFF;
	border: 1px solid #002252;
	padding: 3px 15px;  /* size of box: top/bottom from text, left/right from text */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a.menucc:hover, a.menucc:active {
	background: #FFFF66;
	text-decoration: none;
}
/*--------------------------------------------------------------
  Navigation Links (in nav box and on intro templates)
--------------------------------------------------------------*/
.navlinka {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #183471;
	font-weight: bold;
	font-style: normal;
}
a.navlinka {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #183471;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}
a.navlinka:hover { 
	text-decoration: none;
	color: #FFFF66;
}
.navlinkb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #183471;
	font-weight: bold;
	font-style: normal;
}
a.navlinkb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #183471;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}
a.navlinkb:hover { 
	text-decoration: none;
	color: #FFFF66;
}
.navlinkc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #183471;
	font-weight: bold;
	font-style: normal;
}
a.navlinkc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #183471;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}
a.navlinkc:hover { 
	text-decoration: none;
	color: #FFFF66;
}
.linktext1 {  /* used for the text that introduces the second level of menu buttons */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	color: #183471;
	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-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	color: #183471;
	text-align: center;
	vertical-align: middle;
	padding: 20px 5px 5px;
	font-weight: bold;
}
/*--------------------------------------------------------------
  Alerts and feedback
--------------------------------------------------------------*/
.alert {  /* used for notification of serious problems */
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
	background-color: #FFFF66;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}
.attention {  /* used to draw attention to a note */
	font-size: 13px;
	color: #000000;
	background-color: #F6F3B9;
	text-align: center;
	padding: 6px;
	line-height: 18px;
}
.success {  /* 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 {  /* 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 {  /* used to label form fields on 'mailer' and 'content' pages, and for column headers in admin area */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #183471;
	font-weight: bold;
	font-style: normal;
}
.formbox {  /* puts padding around a form text entry box */
	text-align: left;
	padding: 7px 4px;
}
.formtop {   /* used for intro and submit areas of form tables, and the top of the admin pages */
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #183471;
	text-align: center;
	padding: 8px;
}
.formintro {  /* used for intro and submit areas of form tables, and the top of the admin pages */
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #183471;
	text-align: center;
	padding: 8px;
}
.formnote {  /* small (grey?) text used as notes for form entry boxes */
	font-size: 11px;
	color: #666666;
	font-style: italic;
}
.formheader {  /* used for (grey?) section headers on admin area 'content' page */
	font-weight: bold;
	color: #FFFFFF;
	background-color: #888888;
	vertical-align: middle;
	font-size: 14px;
	padding: 7px;
}
/*--------------------------------------------------------------
  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 {  /* used for the text on the config page in the admin area */
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 6px;
}
/*--------------------------------------------------------------
   Admin Database List Buttons
--------------------------------------------------------------*/
.upload { /* the text and box that invites users to view or upload database-linked pictures */
	background-color: #BAD0C3;
	border-top: 2px solid #DBF6E6;
	border-left: 2px solid #DBF6E6;
	border-right: 2px solid #76957E;
	border-bottom: 2px solid #76957E;
	padding: 4px 15px 5px;
	color: #546A59;
}
.edit {
	background: #BBBBBB;
	border-top: 2px solid #EEEEEE;
	border-left: 2px solid #EEEEEE;
	border-bottom: 2px solid #777777;
	text-align: center;
	padding: 5px;
}
a.edit {
	background: #FFCC99;
	padding: 2px 15px;
	color: #A24200;
	border-top: 1px solid #FFEAD4;
	border-right: 1px solid #CE893F;
	border-bottom: 1px solid #CE893F;
	border-left: 1px solid #FFEAD4;
}
a.edit:hover, a.edit:active {
	background: #DD8500;
	text-decoration: none;
	color: #FFFFCC;
	border-top: 1px solid #A86400;
	border-left: 1px solid #A86400;
	border-right: 1px solid #F8DBB6;
	border-bottom: 1px solid #F8DBB6;
}
.edittitle {
	background: #FFCC99;
	border-top: 2px solid #FFEAD4;
	border-right: 2px solid #CE893F;
	border-bottom: 2px solid #CE893F;
	border-left: 2px solid #FFEAD4;
	text-align: center;
	padding: 5px;
	font-size: 17px;
	font-weight: bold;
	color: #A24200;
}
.delete {
	background: #BBBBBB;
	border-top: 2px solid #EEEEEE;
	border-right: 2px solid #777777;
	border-bottom: 2px solid #777777;
	text-align: center;
	padding: 5px;
}
a.delete {
	background: #FFC3C3;
	padding: 2px 7px;
	color: #B21618;
	border-top: 1px solid #FFDDDD;
	border-right: 1px solid #DC827F;
	border-bottom: 1px solid #DC827F;
	border-left: 1px solid #FFDDDD;
}
a.delete:hover, a.delete:active {
	background: #DD0502;
	text-decoration: none;
	color: #FFDDDD;
	border-top: 1px solid #990000;
	border-left: 1px solid #990000;
	border-right: 1px solid #FFCCCC;
	border-bottom: 1px solid #FFCCCC;
}
.list {
	background: #BBBBBB;
	border-top: 2px solid #EEEEEE;
	border-bottom: 2px solid #777777;
	color: #555555;
}
.list1 {
	font-weight: bold;
	color: #000000;
}
.list2 {
	font-weight: bold;
	color: #94602F;
}
.new {
	text-align: center;
	padding: 5px;
}
a.new {
	background: #BDF4BD;
	padding: 3px 12px;
	color: #047F06;
	border-top: 1px solid #ECFFE5;
	border-right: 1px solid #75BF72;
	border-bottom: 1px solid #75BF72;
	border-left: 1px solid #ECFFE5;
	font-weight: bold;
}
a.new:hover, a.new:active {
	background: #028D05;
	text-decoration: none;
	color: #DAF4D2;
	border-top: 1px solid #002C00;
	border-left: 1px solid #002C00;
	border-right: 1px solid #42A643;
	border-bottom: 1px solid #42A643;
}
.newtitle {
	background: #BDF4BD;
	border-top: 2px solid #ECFFE5;
	border-right: 2px solid #75BF72;
	border-bottom: 2px solid #75BF72;
	border-left: 2px solid #ECFFE5;
	text-align: center;
	padding: 5px;
	font-size: 17px;
	font-weight: bold;
	color: #047F06;
}
.nextlist {
	text-align: center;
	padding: 5px;
}
a.nextlist {
	background: #002E7D;
	padding: 2px 10px;
	color: #99FFFF;
	border-top: 1px solid #316FB9;
	border-right: 1px solid #000031;
	border-bottom: 1px solid #000031;
	border-left: 1px solid #316FB9;
}
a.nextlist:hover, a.nextlist:active {
	background: #2B5E9A;
	text-decoration: none;
	color: #CCFFFF;
	border-top: 1px solid #000031;
	border-left: 1px solid #000031;
	border-right: 1px solid #3476C5;
	border-bottom: 1px solid #3476C5;
}
.back {
	text-align: center;
	padding: 5px;
}
a.back {
	background: #3D84B8;
	padding: 2px 10px;
	color: #CDFFFC;
	border-top: 1px solid #A2C8EB;
	border-right: 1px solid #000031;
	border-bottom: 1px solid #000031;
	border-left: 1px solid #A2C8EB;
	font-size: 14px;
}
a.back:hover, a.back:active {
	background: #309CF2;
	text-decoration: none;
	color: #000066;
	border-top: 1px solid #0767B8;
	border-left: 1px solid #0767B8;
	border-right: 1px solid #75B6FA;
	border-bottom: 1px solid #75B6FA;
}
.piclink {
	text-align: center;
	padding: 5px;
}
a.piclink {
	background: #E2DC87;
	padding: 3px 12px;
	color: #665A07;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #8B8A4E;
	border-bottom: 1px solid #8B8A4E;
	border-left: 1px solid #FFFFFF;
	font-weight: bold;
}
a.piclink:hover, a.piclink:active {
	background: #E9D50E;
	text-decoration: none;
	color: #4C4305;
	border-top: 1px solid #2C2601;
	border-left: 1px solid #2C2601;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.piclist {
	color: #333333;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.piclistselected {
	color: #333333;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-color: #FFFF99;
}
.pictitle {
	font-weight: bold;
	color: #AD302C;
	font-size: 16px;
	line-height: 34px;
}
.picheader {
	font-weight: bold;
	color: #333333;
	vertical-align: middle;
	font-size: 16px;
	padding: 1px;
	background-color: #999999;
	height: 30px;
}
a.picheader {
	color: #333333;
	text-decoration: none;
}
a.picheader:hover, a.picheader:active {
	color: #CC0000;
	text-decoration: underline;
}

.items-h1 {
	text-align: center;
	color: #000;
	padding: 10px 5px 8px 5px;
	background-color: #999;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}
.item-title {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 5px 0;
}
.item-desc {
	padding: 0;
}