@charset "iso-8859-1";

/* -- Start of CSS Reset Code -- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;
  font-family: inherit; vertical-align: baseline; line-height: 1.5em;}
/* -- End of CSS Reset Code -- */

/* -- Start of Base Code -- */
body {
  text-align: center;/* Centre page on screen */
  background-color: #ffffff; /* Page Background Color */
  font-family: calibri,arial,sans-serif;
  font-size: 1.05em;/* Default Font Size */
  color: #000000;/* Default Text Color */
  line-height: 1.6em;  
  padding: 20px;
}

/* Overall Page Dimensions */
#page {
  width: 960px;/* Width of displayed page */
  text-align: left;/* Needed to left align text after text-align: center in body entry */
  margin: 0 auto;/* Needed to left align text in Chrome and Firefox */
  background: #ffffff;/* Default Background Colour for website */
  padding: 10px;/* Default Space around text on all sides */
}

/* Heading Styles */
h1, h2, h3 {font-weight: bold; margin: 5px 0 0 0;}
h1 {font-size: 1.7em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}

/* List Styles */
ol, ul {padding: 0 0 0 15px;}
ol li {list-style: decimal outside;}
ul li {list-style: square outside;}

/* Link Styles */
a {text-decoration:none;}

/* Paragraph Style */
p {padding: 0 0 25px 0;}

/* Image Styles */
.image-left {margin: 10px 10px 5px 0;float: left; border:4px solid #eee; color:#333; padding:1px;}
.image-right {margin: 10px 0 5px 10px;float: right; border:4px solid #eee; color:#333; padding:1px;}

/* Cookie Law */
#cookie-law {max-width:960px; background:#EEEADD; margin:10px auto 0; border-radius: 17px; -webkit-border-radius: 17px; -moz-border-radius: 17px;}
#cookie-law p {padding:10px; font-size:1.0em; /*  font-weight:bold;  */ text-align:center; color:#682008; margin:0;}
/* -- End of Base Code -- */


/* -- Top of Page Structure -- */
/* Top Link Bar */
/* #top-links {height: 36px; background-color: #000080; margin: 0;} */
#top-links {height: 36px; background-color: #ffffff; margin: 0;}
#top-links img {padding: 0 0 0 10px}

/* Header Zone */
#header-zone {height: 94px; background-color: #ffffff; margin: 0;}
#header-zone-left {width: 50%; float: left; border: 0px solid white;}
#header-zone-left h1 {font-size:1.5em; text-align:right; font-weight:200; color:#2c2e83; padding:5px 0 0 0;}
#header-zone-left h2 {font-size:1.0em;  text-align:right; font-weight:300; color:#000000; padding:0 0 0 0;}
#header-zone-left img {padding: 6px 0 0 0;}

#header-zone-right {width:40%; float: right; border: 0px solid white;}
#header-zone-right h3 {font-size:1.1em;  text-align:left; font-weight:200; color:#2c2e83; padding:5px 0 0 0;}

/* Banner Image */
#banner-image {height: 160px; background-color: #ffffff; margin: 0;}
#banner-image h1 {font-size:4.0em; text-align:center; font-weight:300; color:#ffffff; margin: -150px 0 0 0;}

/* Top Menu Zone */
#top-menu-zone {height: 76px; background-color: #ffffff; margin: 10px 0 0 0; font-size: 110%;}

/* Start of Top Menu */
.top-menu {background-color: transparent;}

ul.top-menu {margin: 25px 0 0 150px; padding: 0 0 0 0; text-align: center;}

ul.top-menu li {background-color: transparent; color: #000000;
  float: left; line-height: 1.5em; vertical-align: middle; list-style: none;
  border-bottom: 3px solid #20a4df; width:90px;  
  margin: 0 5px 0 5px; padding: 2px 5px 0 5px;
  text-decoration: none; text-align: center;}
  
ul.top-menu li:hover{color: #ff0000; border-bottom: 3px solid #0765b2;}
  
ul.top-menu a{color:#000000;}

/* Top Menu Selection Bar */ 
#top-menu-selection-bar {width:100%; display:block; float:left; height:10px; margin:-56px 0 0px 0;}

/* End of Top Menu */


/* -- Main Content Zone -- */
#content-zone {clear: both; margin: 0 0 10px 0;}

.feature-title {
  width: 54%;
  padding: 5px 0 5px 0;
  font-size: 1.5em;
  margin: 5px 0 0 0;
  font-style: italic;
  text-align: center;
  /* border: 4px double #050060; */
  border: solid 5px;
  border-color: #5e0054;
}

/* Left Column Sub-Zone */
#left-zone {float: left; width: 40%; padding: 10px 5px 0 0; background: #ffffff;}

/* Left Menu Sub-Zone */
#left-menu-zone {float: left; width: 40%; margin-bottom: 10px;}

/* Right Column Sub-Zone */
#right-zone {float: right; width: 40%; margin: 0 0 0 20px; padding: 10px 10px 10px 10px; background: #ffffff; border:4px solid #eee;}

/* Centre Column Sub-Zone */
#center-zone {margin: 0 0 0 0; padding: 2px 0px 0 0; background: #ffffff;}


/* -- Footer Zone -- */
#footer-zone {margin: 40px 0 0 0; padding: 10px; border-top: 1px solid gray; text-align: center; clear: both;}

#footer-zone-left {width: 68%; float: left; text-align: right;}
#footer-zone-right {width: 30%; float: right; padding: 5px 0 0 0; text-align: left;}