@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
}
a:link {
	color:#AE2121;
	text-decoration: none;
	font-weight:600;
}
a:visited {
	color:#AE2121;
	text-decoration: none;
	font-weight:600;
}
a:hover {
	color:#A4B09F;
}
h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
img {
	margin:10px 0 5px;
}
#ads img {
	display:block;
	padding-top:10px;
}

/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
}
#header {
	border-bottom:1px solid #000;
	background:#A4B09F url(images/header.jpg) top left no-repeat;
}
#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}

/*#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}
#header ul li a:hover {
	background:#369;
	color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}*/

/* Main menu settings */
#centeredmenu {
   clear:both;
   float:left;
   margin:0;
   padding:0;
   border-bottom:1px solid #000; /* black line below menu */
   width:100%;
   font-family:Garamond, "Times New Roman", Times, serif; /* Menu font */
   font-size:110%; /* Menu text size */
   z-index:1000; /* This makes the dropdown menus appear above the page content below */
   position:relative;
   background:#AE2121;
}

/* Top menu items */
#centeredmenu ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
}
#centeredmenu ul li {
   margin:0 0 0 1px;
   padding:0 0 5px 0;
   float:left;
   position:relative;
   left:50%;
   top:1px;
}
#centeredmenu ul li a {
   display:block;
   margin:0;
   padding:.6em .5em .4em;
   padding-left:1em;
   font-size:1em;
   line-height:1em;
   text-decoration:none;
   color:#FDF5E6;
   font-weight:bold;
   /*border-bottom:1px solid #000;*/
   background:#AE2121 url(images/bullet.png) center left no-repeat;
}
#centeredmenu ul li.active a {
   color:#B6C6B0;
   background:#AE2121 url(images/bullet.png) center left no-repeat;
}
#centeredmenu ul li a:hover {
   background:#AE2121; /* Top menu items background colour */
   color:#A4B09F;
   /*border-bottom:1px solid #03f;*/
   background:#AE2121 url(images/bulletgreen.png) center left no-repeat;
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
   background:#AE2121; /* Top menu items background colour */
   color:#A4B09F;
   /*border-bottom:1px solid #03f;*/
   background:#AE2121 url(images/bulletgreen.png) center left no-repeat;
}

/* Submenu items */
#centeredmenu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:2em;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:12em; /* width of the drop-down menus */
	/*padding: 0.2em 5px;*/
	border-left: 2px outset #666666;
	border-right:2px outset #666666;
	border-bottom:2px inset #FFFFFF;
	background:#FFFFFF url(images/texture_centre.jpg);
	color:#575A56;
}
#centeredmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size:.9em;
   /*font-weight:normal;*/ /* resets the bold set for the top level menu items */
   /*background:#eee;*/
   color:#AE2121;
   line-height:1.4em; /* overwrite line-height value from top menu */
   border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
   background:#FFFFFF url(images/texture_centre.jpg); /* Sub menu items background colour */
   /*list-style-image:url(images/bulletgreen.png);*/
}

#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   /*background:#FFFFFF url(images/texture_centre.jpg);*/ /* Sub menu items background colour */
   color:#7E847C;
   background-image:url(images/texture_centre.jpg); /* Sub menu items background colour */
   background-position: top left;
   background-repeat:repeat-y;
   /*font-style:italic;*/
   font-size:.9em;
   border-bottom:#7E847C medium dotted;
}
#centeredmenu ul li:hover ul li a::before,
#centeredmenu ul li.hover ul li a:hover::before {
 content: url(images/bulletred.png); /* ☙ */
 padding-right: 3px;
}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FFFAFA;
padding: 5px;
left: -1000px;
border: 2px outset #AE2121;
visibility: hidden;
color:#AE2121;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -50px;
left: 80px; /*position where enlarged image should offset horizontally */
}
table {
 border-collapse: collapse;
 border-spacing: 0px;
 font-family:Calibri, Arial, Helvetica, sans-serif;
 font-size:85%;
}
caption {
	font-weight:600;
	font-variant:small-caps;
	font-size:1.1em;
}
table#confirm {
 width: 450px;
 background-color: #eaf1fa;
 border-collapse: collapse;
 border-spacing: 0px;
 color: #294970;
}
table#book {
 width: 600px;
 background-color: #eaf1fa;
 border-collapse: collapse;
 border-spacing: 0px;
 color: #294970;
}
table#proof { /*delete when tidied up, as this is id, not class*/
 width: 100%;
 background-color: #F0E68C;
 border-collapse: collapse;
 border-spacing: 0px;
 color: #121254;
}
table#proofw { /*delete when tidied up, as this is id, not class*/
 width: 100%;
 background-color: #F0E68C;
 border-collapse: collapse;
 border-spacing: 0px;
 color: #121254;
 table-layout:fixed;
}
table.proof {
 width: 100%;
 background-color: #F0E68C;
 border-collapse: collapse;
 border-spacing: 0px;
 color: #121254;
}
table.proofw {
 width: 100%;
 background-color: #F0E68C;
 border-collapse: collapse;
 border-spacing: 0px;
 color: #121254;
 table-layout:fixed;
}
th, td {
 padding: 6px;
 text-align: left;
 vertical-align: top;
}
td#confirm {
	padding: 6px;
	text-align: right;
	font-weight: 600;
	vertical-align: top;
}
.addr {
	 background-color: #eaf1fa;
	 padding:1em;
	 display:inline-block;
	 border:#005c99 medium dashed;
	 margin-bottom:1.4em;
	 margin-top:.8em;
}
.floral ul {
	list-style: none;
	padding:0;
	margin:0;
}
.floral li {
	padding-left: 16px;
	margin-bottom:0.9em;
}
.floral li:before {
	content: "❧"; /* ☙ */
	padding-right: 8px;
	color: #cc0000; /* a deep crimson */
	font-size:18px;
}
.att ul {
 list-style: none; /* Remove list bullets */
 padding: 0;
 margin: 0;
}
.att li { 
 padding-left: 16px; 
 margin-bottom:0.4em;
}
.att li:before {
 content: "📎"; /* Insert content that looks like bullets */
 padding-right: 8px;
 color: #cc0000; /* Or a color you prefer */
}
.fam ul {
	list-style: none;
	padding:0;
	margin:0;
}
.fam li {
	padding-left: 16px;
	margin-bottom:0.4em;
}
.fam li:before {
	content: "👪"; /* 👪 */
	padding-right: 8px;
	color: #2c333a; /* Or a color you prefer */
}
.law ul {
	list-style: none;
	padding:0;
	margin:0;
}
.law li {
	padding-left: 16px;
	margin-bottom:0.4em;
 	font-size: .95em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:.2mm;
}
.law li:before {
	content: "⚖"; /* ⚖ */
	padding-right: 8px;
	color: #2c333a; /* Or a color you prefer */
}
.pers {
	margin-bottom:1em;
}
.pers ul {
	list-style: none;
	padding:0;
	margin:0;
}
.pers li {
	padding-left: 24px;
	margin-bottom:0.4em;
	font-size:95%;
}
.pers li:before {
	content: "👤"; /* 👤 */
	padding-right: 8px;
	color: #2c333a; /* Or a color you prefer */
	font-size:120%;
}
.proof ul {
	list-style: none;
	padding:0;
	margin:0;
}
.proof li {
	padding-left: 24px;
	margin-bottom:0.2em;
 	font-size: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:.2mm;
}
.proof li:before {
	content: "☑"; /* ☑ Insert content that looks like bullets */
	padding-right: 8px;
	color: #cc0000; /* a deep crimson */
}
.wed ul {
 list-style: none; /* Remove list bullets */
 padding: 0;
 margin: 0;
}
.wed li { 
 padding-left: 16px;
 margin-bottom:.4em;
}
.wed li:before {
 content: "💍"; /* 💍 */
 padding-right: 8px;
 color: #2c333a; /* darker than Goldenrod 3 */
 font-size:.95em;
}
ul.proof {
 list-style: none; /* Remove list bullets */
 padding: 0;
 margin: 0;
}
li.proof { 
 padding-left: 24px; 
 margin-bottom:.4em;
}
li.proof:before {
 content: "☒"; /* Insert content that looks like bullets */
 padding-right: 8px;
 color: #A9A9A9; /* Or a color you prefer */
}
.doc {
	font-size:90%;
}
.doc ul {
 list-style: none; /* Remove list bullets */
 padding: 0;
 margin: 0;
}
.doc li { 
 padding-left: 24px; 
 margin-bottom:.2em;
 font-size:inherit;
}
.doc li:before {
 content: "❏"; /* ❏  */
 padding-right: 8px;
 color: #2c333a; /* Or a color you prefer */
}
.scroll ul {
 list-style: none; /* Remove list bullets */
 padding: 0;
 margin: 0;
}
.scroll li { 
 padding-left: 24px; 
 margin-bottom:.4em;
}
.scroll li:before {
 content: "📜"; /*  	📜 */
 padding-right: 8px;
 color: #2c333a; /* Or a color you prefer */
}
.fee ul {
 list-style: none; /* Remove list bullets */
 padding: 0;
 margin: 0;
}
.fee li { 
 padding-left: 16px;
 margin-bottom:.4em;
}
.fee li:before {
 content: "💵"; /* 💵 */
 padding-right: 8px;
 color: #003300; /* a dark green */
 font-size:24px;
}
ul#floral {
 list-style: none; /* Remove list bullets */
 padding: 0;
 margin: 0;
}
li#floral { 
 padding-left: 16px; 
 margin-bottom:.4em;
}
li#floral:before {
 content: "❧"; /* ☙ */
 padding-right: 8px;
 color: #cc0000; /* a deep crimson */
 font-size:18px;
}
ul#wed {
 list-style: none; /* Remove list bullets */
 padding: 0;
 margin: 0;
}
li#wed { 
 padding-left: 16px;
 margin-bottom:.4em;
}
li#wed:before {
 content: "💍"; /* 💍 */
 padding-right: 8px;
 color: #9b7617; /* darker than Goldenrod 3 */
 font-size:.95em;
}
.fee {
 font-size: 90%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 letter-spacing:.2mm;
}
ul#fee {
 list-style: none; /* Remove list bullets */
 padding: 0;
 margin: 0;
}
li#fee { 
 padding-left: 16px;
 margin-bottom:.4em;
}
li#fee:before {
 content: "💵"; /* 💵 */
 padding-right: 8px;
 color: #003300; /* a dark green */
 font-size:24px;
}
ul#gr {
 list-style: none; /* Remove list bullets */
 padding: 0;
 margin: 0;
}
li#gr { 
 background: url("images/bulletred.png") 0 5px no-repeat;
 padding: 0 0 10px 15px;
 display:list-item;
 float:none;
 position:static;
 width:auto;
 text-align:left;
 border:none;
 margin:auto;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
.nb {
	font-weight:normal;
	white-space:nowrap;
}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background: #A4B09F url(images/green-tile.gif) top right repeat; /* Right column */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	/*background:#fff url(images/redborder.gif) top right repeat-y;*/		/* center column background colour */
	background-color:fff;
	background-image: url(images/redborder.gif), url(images/texture_centre.jpg);
	background-position: top right, top left;
	background-repeat:repeat-y, repeat;
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	/*background:#A4B09F url(images/green-tile.gif) top right repeat;*/	/* left column background colour */
	background-image: url(images/redborder.gif), url(images/green-tile.gif);
	background-position: top right, top left;
	background-repeat:repeat-y, repeat;
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
}
#footer p {
	padding:10px;
	margin:0;

}
.left-panel {
	background: url(images/left-panel-red.gif) top left no-repeat, url(images/left-panel-redr.gif) top right no-repeat #A80808;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#FDF5E6;
	padding:10px 18px 10px 10px;
	font-weight:600;
}
.articlecentre {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:600;
	color:#FDF5E6;
	font-style:normal;
	letter-spacing:.24mm;
	font-size:96%;
	text-align: center;
	padding-bottom:6px;
	padding-top:3px;
	background:#FDF5E6 url(images/texture_red.jpg) repeat;
	border-top:2px #AE2121 groove;
	border-bottom:2px #AE2121 groove;
}
.articlecentre a:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#FDF5E6;
	text-decoration:none;
	border-bottom:1px dashed #FDF5E6;
}
.articlecentre a:visited {
	color:#FDF5E6;
	border-bottom:1px dashed #FDF5E6;
}
.articlecentre a:hover {
	color:#A4B09F;
}
.qual {
	font-family: Verdana, Arial, sans-Serif;
	font-size:94%;
	letter-spacing:.1mm;
	font-weight:500;
	padding-top:10px;
	padding-bottom:10px;
}
.where {
	font-family: Verdana, Arial, sans-serif;
	font-weight:500;
	font-size:90%;
	color:#434941;
	text-align: center;
	letter-spacing:.1mm;
	line-height:1.2em;
	font-style:normal;
	padding-bottom:10px;
	padding-top:5px;
}
.quotrightbutton{
	padding-bottom:6px;
	text-align:center;
	font-size:3em;
	font-color:#AE2121;
}
.leftbuttons{
	padding-bottom:0;
	padding-top:20px;
	padding-left:10px;
	padding-right:2px;
	margin-top:4px;
	margin-right:4px;
	margin-left:6px;
	margin-bottom:4px;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size:1.3em;
	color:#AE2121;
	font-style:italic;
	letter-spacing:.3mm;
	background:url(images/rightunder.png) top left no-repeat;
	}
h5 {
	margin-left:0;
	margin-top:0;
	margin-bottom:0;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight:600;
}
h5 a {
	color:#F9F9F1;
	}
h5 a:hover {
	color:#F9F9F1;
	}

.leftbuttons a:link{
	color:#545553;
	font-weight:500;
}
h4 {
	margin:0;
	padding-top:10px;
	padding-bottom:12px;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-weight:500;
	color:#AE2121;
	font-style:italic;
	text-align:center;
	font-size:2.1em;
	letter-spacing:1px; 
}
h1 {
	margin:0;
	margin-top:6px;
	margin-bottom:10px;
	font-family: Garamond,"Times New Roman", Times, serif;
	font-size: 2.5em;
	color:#024960;
	font-weight: bold;
}
h2 {
	margin-top:.8em;
	margin-bottom:.4em;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-weight:600;
	color:#AE2121;
	letter-spacing:.4mm;
	line-height:110%;
	}
.likeh2 {
	font-family: Garamond, "Times New Roman", Times, serif;
	font-weight:600;
	color:#AE2121;
	letter-spacing:.2mm;
	font-variant:small-caps;
	line-height:110%;
	font-size:1.2em;
	margin-top:1.8em;
}
.leftbuttons a:visited{
	color:#545553;
	font-weight:500;
	}
.leftbuttons a:hover{
	color:#F9F9F1;
}
.line2 {
	background:#AE2121;
	border-top:2px outset #AE2121;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: .94em;
	color:#A4B09F;
	letter-spacing:.2mm;
	font-style:normal;
	text-align:left;
	font-weight: 600;
	padding-bottom: 4px;
	padding-top:4px;
	padding-left:25%;
}
.line2 a:link {
	color:#FDF5E6;
}
.line2 a:visited {
	color:#FDF5E6;
}
.line2 a:hover {
	color:#A4B09F;
}
#foot{
	 padding-top:6px;
	 padding-bottom:6px;
 	 background-color:#FFFAFA; 
 	 border-top: 2px groove #666666;
 	 text-align: center;
 	 font-size: .75em;
	 font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
 	 font-weight:500;
	 letter-spacing:.3mm;
	 color:#434941;
} 
#foot a:link {
	color:#434941;
	border-bottom:2px dotted #A4B09F;
}
#foot a:visited {
	color:#434941;
	border-bottom:2px dotted #A4B09F;
}
#foot a:hover {
	color:#A4B09F;
}
.maintext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:500;
	font-size: 1.1em;
	color: #000000;
	text-align: left;
	letter-spacing:.35mm;
	line-height:1.4em;
	font-style:normal;
}
.maintext a:link {
	color:#AE2121;
	text-decoration: none;
	font-weight:600;
	border-bottom:1px dashed #545553;
}
.maintext a:visited {
	color:#AE2121;
	text-decoration: none;
	font-weight:600;
	border-bottom:1px dashed #545553;
}
.maintext a:hover {
	color:#A4B09F;
}
.quotation {
	font-family: Garamond, "Times New Roman", Times, serif;
	color:#5F685C;
	letter-spacing:.2mm;
	text-align: center;
}
.opening {
	padding-left:2px;
	padding-bottom:5px;
	padding-top:2px;
	padding-right:1px;
	font-family: Verdana, Arial, sans-serif;
	color:#434941;
	font-size:73%;
	letter-spacing:.3mm;
	font-weight:500;
}
ol.abcd {list-style-type: lower-alpha;
	margin-bottom:.3em;
}
ol.smrom {list-style-type: lower-roman;
}
	margin-bottom:.3em;
ol.num {list-style-type:decimal;
	margin-bottom:.3em;
}
.news {
	font-family: Courier, sans-serif;
	font-size: .7em;
	font-weight: 400;
	color: #333333;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	border-left:2px outset #FFFFFF;
	border-right:2px inset #FFFFFF;
	margin-left:20px;
	margin-right:20px;
}
/* for main form wrapping div */
div#gb_form_div { 
  background: #FDF5E6 url(images/texture_centre.jpg) repeat; /* place middle image here if background not a solid colour */
  border:0; padding:0; margin:0;
}

/* id for the form itself */
form#gb_form { 
  background: #FDF5E6 url(images/texture_centre.jpg) repeat; /* place middle image here if background not a solid colour */
  border:0; padding:0; margin:0;
}

/* form and results heading size */
.main_formhead, .formhead { 
  font-size:1.1em; 
	font-family: Garamond, "Times New Roman", Times, serif;
	font-weight:600;
	color:#AE2121;
  border:0; margin:0;
}

/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap { 
  background: #FDF5E6 url(images/texture_centre.jpg) repeat; /* place middle image here if background not a solid colour */
  border:0;
}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 
  background: #FDF5E6 url(images/texture_centre.jpg) repeat; /* place middle image here if background not a solid colour */
  border:0;
}

/* form legends and dt "heading" */
legend, dt { 
	font-family: Garamond, "Times New Roman", Times, serif;
	font-weight:600;
	color:#AE2121;
  border:0;
}

/* main legend at top of the form */
legend#mainlegend { 
	margin:0;
	padding-top:10px;
	padding-bottom:8px;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-weight:500;
	color:#AE2121;
	font-style:italic;
	text-align:left;
	font-size:2.1em;
	letter-spacing:2px;
	line-height:100%;
}

/* form label text */
label { 
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size:95%;
	font-weight:600;
	color:#AE2121;
	font-style:normal;
	letter-spacing:.15mm;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  font: .9em 'Trebuchet MS', sans-serif; 
  color: #666; 
  border: 1px solid #cc9000;
  background-color: #fffffa;
}

/* to make focus stable in IE 6 */
* html input.button { 
  color:#000;  
  border:1px solid #669900;
  background-color:#cc9900;
}
* html input.button.hover { 
  color:#000;  
  border:1px solid #000;
  background-color:#cc9900;
}
* html input.button.focus { 
  color:#000;  
  border:1px solid #000;
  background-color:#cc9900;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color:#000;  
  border:1px solid #000;
  background-color:#fff;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error { 
  color:#cd0000; 
  font-weight:bold; 
}

/* success heading color */
span.success { 
  color:#669900; 
  font-weight:600; 
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
  font-size:80%; 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position:relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
}

/* hide the Why? text span */
small.whythis a span { 
  position : absolute; 
  top : -9000px; 
  left : -9000px; 
  display : inline; 
  width : 16.1em; 
  height : auto; 
  border: 2px outset #000033; 
  background-color: #000033; 
  color:#FFFFFF;
  padding-left:2px; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  position : absolute; 
  top : 0; 
  left :12em; 
}

/* the link back to me for form credit */
p.creditline { 
  float : right; 
  padding-bottom : 1px; 
  font-size :.4em; 
  color:#FFFFFF;
}
p.creditline a:link {
	color:#FFFFFF;
	border:0;
}
/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt {
  color : #669900;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#gb_form_div span.items {
  font-weight : bold;
  color : #cc9900;
}
.un {
	border-bottom:solid;
	font-variant:small-caps;
}
.earth {
	color:#03F;
}
IMG.centred {
    display: block;
    margin-left: auto;
    margin-right: auto }

.w3-content{max-width:980px;margin:auto}
.w3-center{text-align:center!important}
.w3-section{margin-top:16px!important;margin-bottom:16px!important}
.w3-btn,.w3-btn-block{border:none;display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background-color:#000;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn.w3-disabled,.w3-btn-block.w3-disabled,.w3-btn-floating.w3-disabled,.w3-btn:disabled,.w3-btn-floating:disabled,.w3-btn-floating-large.w3-disabled,.w3-btn-floating-large:disabled{cursor:not-allowed;opacity:0.3}
.w3-btn.w3-disabled *,.w3-btn-block.w3-disabled,.w3-btn-floating.w3-disabled *,.w3-btn:disabled *,.w3-btn-floating:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn-block.w3-disabled:hover,.w3-btn:disabled:hover,.w3-btn-floating.w3-disabled:hover,.w3-btn-floating:disabled:hover,
.w3-btn-floating-large.w3-disabled:hover,.w3-btn-floating-large:disabled:hover{box-shadow:none}
.w3-btn:hover,.w3-btn-block:hover,.w3-btn-floating:hover,.w3-btn-floating-large:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn-block{width:100%}
.w3-btn,.w3-btn-floating,.w3-btn-floating-large,.w3-closenav,.w3-opennav{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-btn-floating,.w3-btn-floating-large{display:inline-block;text-align:center;color:#fff;background-color:#000;position:relative;overflow:hidden;z-index:1;padding:0;border-radius:50%;cursor:pointer;font-size:24px}
.w3-btn-floating{width:40px;height:40px;line-height:40px}
.w3-btn-floating-large{width:56px;height:56px;line-height:56px}
.w3-btn-group .w3-btn{float:left}
.w3-btn.w3-ripple{position:relative}
.w3-ripple:after{content:"";background:#90EE90;display:block;position:absolute;padding-top:300%;padding-left:350%;margin-left:-20px!important;margin-top:-120%;opacity:0;transition:.8s}
.w3-ripple:active:after{padding:0;margin:0;opacity:1;transition:0s}
.w3-badge,.w3-tag,.w3-sign{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
.w3-badge{border-radius:50%}
.w3-btn,.w3-btn-floating,.w3-btn-floating-large,.w3-btn-block,.w3-hover-shadow,.w3-hover-opacity,
.w3-navbar a,.w3-sidenav a,.w3-dropnav a,.w3-pagination li a,.w3-hoverable tbody tr,.w3-hoverable li,.w3-accordion-content a,.w3-dropdown-content a,.w3-dropdown-click:hover,.w3-dropdown-hover:hover,.w3-opennav,.w3-closenav,.w3-closebtn,
.w3-hover-amber,.w3-hover-aqua,.w3-hover-blue,.w3-hover-light-blue,.w3-hover-brown,.w3-hover-cyan,.w3-hover-blue-grey,.w3-hover-green,.w3-hover-light-green,.w3-hover-indigo,.w3-hover-khaki,.w3-hover-lime,.w3-hover-orange,.w3-hover-deep-orange,.w3-hover-pink,
.w3-hover-purple,.w3-hover-deep-purple,.w3-hover-red,.w3-hover-sand,.w3-hover-teal,.w3-hover-yellow,.w3-hover-white,.w3-hover-black,.w3-hover-grey,.w3-hover-light-grey,.w3-hover-dark-grey,.w3-hover-text-amber,.w3-hover-text-aqua,.w3-hover-text-blue,.w3-hover-text-light-blue,
.w3-hover-text-brown,.w3-hover-text-cyan,.w3-hover-text-blue-grey,.w3-hover-text-green,.w3-hover-text-light-green,.w3-hover-text-indigo,.w3-hover-text-khaki,.w3-hover-text-lime,.w3-hover-text-orange,.w3-hover-text-deep-orange,.w3-hover-text-pink,.w3-hover-text-purple,
.w3-hover-text-deep-purple,.w3-hover-text-red,.w3-hover-text-sand,.w3-hover-text-teal,.w3-hover-text-yellow,.w3-hover-text-white,.w3-hover-text-black,.w3-hover-text-grey,.w3-hover-text-light-grey,.w3-hover-text-dark-grey
{-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s}