@charset "UTF-8";
/* main.css ((c)K.Higgs, Web IT Worx, 2009) - style sheet for screen viewing of web pages  */

/* Validate HTML at: http://validator.w3.org/  */
/* Validate CSS at: http://jigsaw.w3.org/css-validator/  */

/* Set all containers and object margins & padding to zero */
{
	margin: 0em;
	padding: 0em;
}

body {
	/* limit body width to max 90em  */
	width: 90em;
	margin: 0em auto;
	padding: 0em;
 	background-image: url(../images/globewash.jpg);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
	font: 75% Verdana, Helvetica, Arial, sans-serif;
}

/* ------------------------ */
/* TOP AREA OF SCREEN  */
/* ------------------------ */

#Header {
	clear: both;
	text-align: left;
	margin: 0em;
	padding: 0em;
	border-bottom: 0.2em solid #800080;
	height: 11em;
}

#HeadPix {
	clear: left;
	float: left;
	width: 10%;
	margin: 0.7em 0.3em 0.3em;
}

#HeadPix img{
	width: 97%;
}

#WebSiteName {
	clear: right;
	float: left;
	margin: -1.2em 3em 0.6em;
	width: 80%;
	height: 8em;
}

.sitename {
	font: bold 4em Helvetica, sans-serif;
	color: #4B0082;
}

span.light {
	color: #20B2AA;
}

span.motto {
	font: 0.7em "Comic Sans MS", sans-serif;
	padding-left: 0.5em;
}

#TopMenu {
	width: 55%;
	float: left;
	position: relative;
	z-index: 1;
	margin-top: 0em;
	margin-left: 5em;
	font: 100% Verdana, "Comic Sans MS", arial;
	color: #000080;
}

#TopMenu ul {
	padding-left: 40em;
	list-style-type: none;
	display: inline;
}

#TopMenu a {
	/* use block to prevent hyperlinks overlapping one another on smaller screens  */
	display: block;
	/* use float to restore hyperlinks to a horizontal line */
	float: left;
	height: 1.7em;
	/* no text decor means no underlines  */
	text-decoration: none;
	padding: 0.5em 1em 0em;
	/* outset border for button effect */
	border-style: outset;
	background-color: #AFEEEE;		
}

#TopMenu a:visited {
	color: #A52A2A;
}

#TopMenu a:hover {
	/* hover button is brighter */
	background-color: violet;
	color: #000;  
}

#TopMenu a:active {
	/* inset border for depressed button effect */
	border-style: inset; 
}

#TopMenu li {
	float: left;
}

/* ------------------------ */
/* MIDDLE ROW OF SCREEN  */
/* ------------------------ */

#CentreBox {
	clear: both;
	width: 100%;
}

#WebTrail {
	width: 35%;
	clear: right;
	float: right;
	margin-top: 0.3em;
}

#SideMenu {
	clear: left;
	float: left;
	margin-top: 1em;
	position: relative;
	z-index: 1;
	width: 13%;
	font: 100% Verdana, "Comic Sans MS", arial;
	color: #000080;
	background-color: inherit;
}

#SideMenu p.slogan {
	padding: 0.7em;
	margin: 0em auto;
	background-color: #AABADD;
	font: bold 1.2em "Comic Sans MS", sans-serif;
}

#SideMenu ul {
	/* remove normal indent or padding */
	margin: 0;
	padding: 0;
	/*  remove bullets  */
	list-style-type: none;
}
 
#SideMenu li {
	/*  inline is needed in IE to pack items closer  */
	display: inline;
}

#SideMenu a {
	display: block;
	/* remove underlines ie no decoration  */
	text-decoration: none;
	padding: 0.7em 0 0.7em 1em;
	border-style: outset;
	text-align: left;
	background-color: #AFEEEE;
}

#SideMenu a:visited {
	color: #A52A2A;
}

#SideMenu a:hover {
	/* hover button is brighter */
	background-color: #EE82EE;
	color: #000;
}

#SideMenu a:active {
	/* inset border for depressed button effect */
	border-style: inset; 
}

#Content {
	width: 83%;
	clear: right;
	float: left;
	margin-top: -2em;
	margin-left: auto;
	margin-right: auto;
	padding: 1em 1em 1em 2em;
	text-align: left;
	background-color: inherit;
}

.pagename {
	font: bold 2em Helvetica, sans-serif;
	color: #4B0082;
}

#Content pre.listsql {
	margin-top: -1em;
	margin-left: 2em;
}

#Content h3, p {
	clear: left;
}

#Content h3.right {
	width: 72%;
	border: 0.1em solid #B57600;
	text-align: center;
}

#Content h2, a.pagelink {
	margin: 1em;
}

.FirstPara {
	color: #000080;
	font: bold 110% "Trebuchet MS", helvetica, arial;
}

img.sitethumb {
	padding: 0.3em;
	border: 1px solid #000;
	border-right: 3px;
	border-bottom: 3px;
}

#Content p.caption {
	margin-top: 1.8em;
}

#Content dt {
	margin-top: 0.5em;
	font: bold 110% arial;
}

#Content .warning {
	clear: right;
	float: right;
	width: 60%;
	margin-top: -3.5em;
	padding: 0.2em;
	text-align: left;
	background-color: #FF0;
}

.rightobj {
	clear:right;
	float: right;
	margin: 0.5em 1em;
	padding: 0;
	max-width: 30%;
}

.right_box {
	clear: right;
	float: right;
	width: 41%;
	margin: 0.7em 0.7em 2em;
	padding: 0.5em;
	border: 0.1em solid #B57600;
	background-color: inherit;	
}

.left_box {
	clear: left;
	float: left;
	width: 58%;
	margin: 1em;
	padding: 1em;
	border: 0.1em solid #B57600;
	background-color: #F0FFFF;
}

.bigright {
	clear: right;
	float: right;
	width: 20em;
	margin: 0.5em;
	padding-left: 2em;
	background-color: inherit;	
}

.rowlist li {
	display: inline;
	float: left;
	padding: 0.5em 1.2em;
}

span.extra {
	font: 0.85em "Comic Sans MS", sans-serif;
	padding-left: 1.5em;
}

/* styling to create hidden popup text*/
span.hide {
	display: none;
}

#Content a:hover span.hide {
	display: block;
	position: absolute;
	width: 30em;
	padding: 0.3em;
	margin: 0.3em;
	z-index: 100;
	color: #000080;
	background: #FCD9C5;
	font: 120% Verdana, sans-serif;
	text-align: center;
	text-decoration: none;
}

/* ------------------------ */
/*  Enquiry form area       */
/* ------------------------ */

#Enquiry {
	background-color: #F5FFFA;
	width: 40em;
	margin-left: 2em;
	padding: 1em 1.3em;
	border: 2px solid #E6E6FA;
}

#Enquiry fieldset {
	margin-top: 0.5em;
	padding: 0em 1em 0.5em;
}

#Feedback {
	border: none;
}

#Enquiry label {
	font: normal 100% arial, sans-serif;
}

#Enquiry label.briefnote{
	float: right;
	color: blue;
	text-align: right;
}

#Enquiry label.fields {
	position: absolute;
	margin-top: 0.3em;
}

#Enquiry  input {
	margin-left: 9em;
	margin-top: 0.3em;
	width: 20em;
	font: normal 120% "Goudy Old Style", "Times New Roman", serif;
}

#Enquiry textarea {
	margin-top: 1.2em;
	margin-left: 5em;
	margin-bottom: 0.5em;
	width: 25em;
	font: normal 120% "Goudy Old Style", "Times New Roman", serif;
}

#Enquiry input.Button1 {
	margin-left: 17em;
	margin-top: -2em;
	width: 7em;
	font: normal 80% Optima, Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-align: center;
}

#Enquiry input.Button2 {
	margin-left: 2em;
	margin-top: -2em;
	width: 7em;
	font: normal 80% Optima, Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-align: center;
}

#captcha {
	margin-top: 1em;
	margin-left: 1em;
}

#Human a:link {
	font: normal 90% arial, sans-serif;
	border-style: none;
}

#Human a:hover {
	color: #00CED1;
	background-color: #F5FFFA;
	text-decoration: underline;
}

#Enquiry label.imagecode {
	position: absolute;
	margin-top: -5em;
	margin-left: 23em;
}

#Enquiry  input.imagecode {
	float: right;
	margin-top: -5em;
	margin-right: 2em;
	width: 6em;
	font: normal 90% arial, sans-serif;
}

#Content p.warningmsg, label.warningmsg  {
	width: 70%;
	color: red;
	font-weight: bold;
	font-size: 100%;
	background-color: #FFFF00;
}

#ThankYou {
	clear: left;
	float: left;
	margin: 0em auto;
	padding: 0.5em;
	width: 60%;
	text-align: left;
	background-color: #FFFFFF;
}

/* ------------------------ */
/*  MgrLog form area       */
/* ------------------------ */

#MgrLog {
	background-color: #F5FFFA;
	width: 25em;
	margin-left: 2em;
	padding: 1em 1.3em;
	border: 2px solid #E6E6FA;
}

#MgrLog fieldset {
	margin-top: 0.5em;
	padding: 0em 1em 0.5em;
}

#MgrLog label {
	font: normal 100% arial, sans-serif;
}

#MgrLog label.fields {
	position: absolute;
	margin-top: 0.3em;
}

#MgrLog  input {
	margin-left: 9em;
	margin-top: 0.3em;
	width: 10em;
	font: normal 120% "Goudy Old Style", "Times New Roman", serif;
}

#MgrLog input.Button1 {
	margin-left: 5em;
	margin-top: -2em;
	width: 7em;
	font: normal 80% Optima, Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-align: center;
}

#MgrLog input.Button2 {
	margin-left: 2em;
	margin-top: -2em;
	width: 7em;
	font: normal 80% Optima, Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-align: center;
}


/* ------------------------ */
/* BOTTOM AREA OF SCREEN  */
/* ------------------------ */

#Footer {
	clear: both;
	width: 100%;
	margin: 0em;
	padding: 0em;
	height: 5em;
	background-color: #F0F8FF;		
}

#Footer li {
	display: inline;
	float: left;
	padding: 0.5em 1.2em;
}

#Footer a {
	display: block;
	text-decoration: none;
	font: bold 90% Verdana, Helvetica, Arial, sans-serif;
}

#Footer a:link {
	color: #000080;
}

#Footer a:visited {
	color: #800080;
}

#Footer a:hover {
	color: #00F;
	text-decoration: underline;
}

#Footer li.ByLogo {
	padding-right: 3em;
	color: #008080;
	font: italic 80% trebuchet, georgia, serif;
}

#Footer li.CopRt {
	font: italic 70% helvetica;
}

#Footer a.Valid3c img {
	border: none;
	width: 7em;
}

/* Special styles for subscreen content  */
.subscreen {
	width: 100%;
	clear: left;
	float: left;
	text-align: left;
	margin-left: 0.8em;
}