/**************** Style Resets **********************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address {margin:1em 0;}
li, dd, blockquote {margin-left:1em;}
html, body, fieldset {font:100.1%/120% Verdana, Arial, Helvetica, sans-serif;}
input, select, textarea {font-size:100.1%;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
form label{cursor:pointer;}
fieldset, img{border:none;}
table{border-collapse:collapse; border-spacing:0;}
ul li {list-style-type:square;}
hr {height: 1px; background-color: #E5E5E5;  color: #E5E5E5;   border: none;  padding: 0; margin: 1em 1em;}
ul {list-style:square; padding-left:3px; margin-left:3px;}
/**************** General Links ***********************************/
a:link            { color: #0d1c8c; text-decoration: none;border-bottom:1px solid #0d1c8c;}
a:visited         { color: #0d1c8c; text-decoration: none;border-bottom:1px solid #0d1c8c;}
a:focus, a:hover, a:active {color: #fff;background-color:#0d1c8c;text-decoration: none;border-bottom:1px solid #fff; }

/********* Navigation **********************************/
.grey ul {margin:0 auto;width:80%;padding:5px 0;}
.grey ul li {display:block;list-style: none;border-bottom:1px solid #dbdbdb;margin:0;padding: 0 ;}
.grey ul li li {border-bottom:none;padding-top:0;}
.grey ul a {font-weight:bold;color:#333;display:block;text-decoration:none;border-bottom:none;}
.grey ul li a { display:block;text-decoration: none; }
.grey ul a:link, .grey ul a:visited {padding:2% 0 ;color:#333;border-bottom:none;}
.grey ul a:visited {color:#333;}
.grey ul a:hover, .grey ul a:focus, .grey ul a:active {background: url(/images/tick.gif) right center no-repeat;color: #0d1c8c;}
.grey ul.menu li.current_page_item {background: url(/images/tick.gif) right center no-repeat;color: #0d1c8c;}
.grey {padding:0 0 15px 0;}

.sub-menu
{ display: none; }

.current_page_item .sub-menu,
.current_page_ancestor .sub-menu,
.current_page_parent .sub-menu

{ display: block; }

/**************** Main sections *********************/

html{height:100%; }
body {height:101%; line-height:150%; color: #555; text-align: center; background:#676767 url(/images/greywhitefade.jpg) top left repeat-x;}

#skip {font-size:80%;   text-align:right; color:white;   margin:0;position:absolute;top:0;right:0.5em;z-index:10;}
  #skip li {display:inline;  list-style-type: none;  padding: 0 0 0 1em;  }
  #skip li a:link, #skip li a:visited  {border:none; color:#0d1c8c; padding:5px;   }
  #skip li a:focus, #skip li a:hover, #skip  a:active { border:none;color:#fff;    padding:5px;border-top:1px solid white;}

#container {font-size:76%;  margin:0 auto;text-align:left; max-width:1000px;background-color:white;background:#fff url(../images/dots.gif) 64% 20% repeat-y;}

#header {background-color:white;width:100%;position:relative;border-top:1px solid white;}
p.tel a:link, p.tel a:visited {border:none;text-decoration:none;background-color:white;}
#contents {width:64%;float:left;margin:10px 1% 10px 2%;padding:0 0 0 0;}
  #contents #mid  #left p {margin-right:0;}
  #contents div.box {margin: 0 0px 5px 0px; border-top:1px dashed #bfced7;clear:both;padding-top:10px; }
  #contents div.box img {float:left;margin:10px 10px 10px 0;}
  #contents div.box h3 {margin:5px 0 0 0;font-size:130%;padding:3px 0;font-weight:bold;}
  #contents div.box p  {padding:0 0 0 0;clear:none;margin:0.5em 0;}

#sidebar {width:29%;float:right;margin:0px 2% 10px 1%;}
  #sidebar div.box {margin: 0 0 10px 0; border-top:1px dashed #eaebeb;clear:both; }
  #sidebar div.box img {float:left;margin:10px 10px 10px 0;}
  #sidebar div.box h3 {margin:0 0 0 0;font-size:130%;padding:3px 0;font-weight:bold;}
  #sidebar div.box p  {padding:0 0 0 0;clear:none;margin:0.5em 0;}
  #sidebar .box img.icon {float:none;border:none;padding:0;margin:0;}

#mid {position:relative;min-height:260px;margin:-20px 20px 9px 20px;clear:both;background:#808080 url(/images/man.jpg) bottom right no-repeat;overflow:hidden;}
  #mid #left p {margin:40px 0px 0 10px;text-align:right;line-height:130%;font-size:190%; color: #white; font-weight:normal;font-family:  "Trebuchet MS", Verdana, Arial, sans-serif;}
  #mid  img {float:right;padding:6px;border:1px solid #e2e2e2;color:#333;background:#fff;margin: 20px 0px 5px 0px;}
  #mid #buttons div.inner img {float:none;border:none;padding:0;background-color:red;margin:0 auto;display:block;}
  #mid div.inner {float:left;width:25%;margin:0;height:44px;}
  #buttons {border-bottom:10px solid white;clear:both;margin:0 auto 10px auto;padding:0;width:100%;height:44px;background:#2017ad url(/images/bluebutton.jpg) bottom left repeat-x;}

#left {width:61%;float:left;color:white;}
  #left span.cite {font-weight:normal;font-size:70%;}
  #left img.button {border:none;padding:0;margin:15px 0 0 0;float:right;}

#right {width:39%;height:200px;float:right;background:url(/images/handstand1.jpg) top right no-repeat;}
  #right img.pic {width:95%;height:200px}

#footer {clear:both;height:5em; padding-top:1em;margin-top:10px;border-top: 1px solid #eaebeb;background-color:white; margin-left:auto; margin-right:auto;}
  #footer .left {float:left; width:40%;text-align:left;margin-left:20px;}
  #footer .right {float:right; width:40%; text-align:right;margin-right:20px;}

/************ Captions & images etc ***********************/


#contents img.alignright, #contents img.alignnone {float:right;margin:5px 8px 8px 8px;}
#contents img.alignleft {float:left;margin:5px 8px 8px 8px;clear:right;}
#contents div.alignright {float:right;margin:5px 8px 8px 15px;clear:right;}
#contents div.alignright a,  div.alignright a:hover  {border:none;background-color:transparent;text-decoration:none;}
#contents div.alignleft,  #contents div.alignleft a:hover {float:left;margin:5px 8px 8px 20px;}
.wp-caption {border: 1px solid #ccc;text-align: center;padding-top: 0px;margin: 10px;border-radius: 3px;background-image: url(/images/captionbg.jpg);background-repeat: no-repeat;background-position: center bottom;}
#contents .wp-caption img {margin: 0;padding: 5px;color:#ccc;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 1em;line-height: 17px;font-weight: normal;padding: 8px;margin: 0;}
#contents .gallery img {padding:4px;}
.gallery #contents img {float:none;margin:0px ;padding:4px;border:1px solid #ccc;background-color:white;}


/************** Headings ***************************/

h1 {font-size:160%; color: #0d1c8c;font-weight:normal;margin:11px 0 0 0;}
h2 {font-size:200%; color:#0d1c8c;font-weight:normal; margin: 0px 0 0 0;font-family:"century gothic", sans-serif;}
h3 {font-size:140%; color:#0d1c8c;font-weight:normal; margin: 10px 0 0 0;}
#sidebar h3 {margin-bottom:10px;background-color:white; margin-top:10px;}
h4 {font-size:120%; color:#175a8e;margin: 15px 0 0 0;}
h1 img {border:none;}
h1 a:link, h1 a:visited,h1 a:focus,h1 a:hover,h1 a:active {text-decoration:none;border-bottom:0;background-color:transparent;}

/************** Other Stuff *************************/

img.frame {float:right; clear:both;padding:6px;border:1px solid #e2e2e2;color:#333;background:#fff;margin: 0 0 5px 4px;}
p.tel {float:right;width:290px;font-weight:normal;font-size:190%;text-align:right;margin-top:60px;margin-right:10px;font-family: "Trebuchet MS", sans-serif;color:#0d1c8c;}
div.news li {list-style-type:none;border-bottom:1px solid #ccc;margin-left:0;padding:10px;}
div.news ul {margin:0;}
div.grey {background-color:#ccc ;color:#333;}
div.grey p {margin-left:10px;margin-right:10px;}

/*************** Forms ******************/

div.wpcf7 {color:#555;width:60%;  }
div.wpcf7 {color:#555;padding:0px;font-size:100%;   }
div.wpcf7 fieldset { border:none;   }
div.wpcf7 legend {   display:none;}
div.wpcf7 input {border:1px solid #465c83;  width:100%;     padding:5px 3px 5px 3px;   vertical-align:middle;  margin:0 0 5px 0; }
div.wpcf7 textarea { background:#FFF;  border:1px solid #465c83;     width:100%;  margin-left:0;    font-size:110%;   padding:3px ;  vertical-align:middle;  }
div.wpcf7 input.wpcf7-submit {   border:1px solid #fff;clear:both;   color:white;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;    background-color:#5179ac;    }
div.wpcf7 input:hover, div.wpcf7 textarea:hover {  border:1px solid #000;background-color:#efefef; }
div.wpcf7 input.wpcf7-submit:focus, div.wpcf7 input.wpcf7-submit:hover, div.wpcf7 input.wpcf7-submit:active  { border:1px solid #316291 ;clear:both; color:white;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;   background-color:#0b205f;   }
div.wpcf7 .wpcf7-checkbox input {width:20px;background-color:#fff; padding:0;border:0;}
.required { color:#c2537a;    font-weight:normal;  margin-left:10px; }
.validationerrors ol {color:#000;   margin-left:15px; padding-left:10px;   margin-bottom:10px;  }
#enquiryErrorID  a:focus, #enquiryErrorID  a:hover, #enquiryErrorID  a:active  { background-color:#538b37;  color:white;   }
div.wpcf7-quiz-label {width:100%;clear:both;}
div.wpcf7 input#quiz {clear:both;}
div.wpcf7 input.wpcf7-quiz {clear:both ! important;border:1px solid red;}
#enquiry input.topic, #enquiry label.topic {position:absolute;left:-9999px;}
span.wpcf7-checkbox input, span.wpcf7-radio input {width:10px;}
span.wpcf7-checkbox .wpcf7-list-item-label {margin-right:10px;}
span.wpcf7-checkbox label {display:block;}

#searchform {margin-top:10px;color:#6eb140;width:86%;margin-left:25px;}
   #searchform input {border:1px solid #ccc;padding:2px;width:60%;}
   #searchform input:focus, #searchform input:hover, #searchform input:active{border:1px solid #003b81 ;padding:2px;width:60%;}

#searchform input.button { color: white; padding:2px;margin: 0;font-weight: bold;background:#003b81 url(/images/buttonback.jpg) left top repeat-x;width:30%;}
   #searchform input.button:focus, #searchform input.button:hover, #searchform input.button:active {color: white;  padding:2px; margin: 0; font-weight: bold; background: #67aa39 url(/images/buttonback1.jpg) left top repeat-x;width:30%;}
   #searchform legend {display:none;}
   #searchform label {position:absolute;left:-9999px;}

/***************** Image Replacement ****************/

/* General IR statements */
.replace {clear:both;position: relative; float:left; overflow: hidden; margin: 0em 0 0px 0;padding: 0;  font-size: 100%; }
.replace em {     display: block;   position: absolute;  top: 0;  /* left: 0; */ z-index: 1;    /* for opera5 (?) and o6/mac */     }
/* General IR statements for IE5.x mac only */
* html>body .replace {  position: static; overflow: visible;   font-size: 10px;  /* for ie5.x/mac */  }
* html>body .replace em  { position: static; }
* html>body .replace a {text-decoration: none;  /* ie5.0-5.1.x/mac  must have this value or the underline shows through the image. */   }
/* Each pair of statements per instance of IR */
#myh1, #myh1 em {color:#555;padding-bottom:0; background-color:#fff;     width:460px;     height:148px; background: url(/images/logo.gif) top left no-repeat;}
* html>body #myh1 em { /* for ie5.x/mac only */ margin-bottom: -109px;  /* Required to bring text underneath image. Use the negative height of the image here.*/  }



/***************** Clearfix ****************/
.clearfix:after {content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/***************** Lightbox ****************/

#lightbox{   position: absolute;   left: 0;   width: 100%;   z-index: 100;   text-align: center;   line-height: 0;   }
#lightbox a img{ border: none; }
#outerImageContainer{   position: relative;   background-color: #fff;   width: 250px;   height: 250px;   margin: 0 auto;   }
#imageContainer{   padding: 10px;   }
#loading{   position: absolute;   top: 40%;   left: 0%;   height: 25%;   width: 100%;   text-align: center;   line-height: 0;   }
#hoverNav{   position: absolute;   top: 0;   left: 0;   height: 100%;   width: 100%;   z-index: 10;   }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{   width: 49%;   height: 100%;   background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */   display: block;   }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{   font: 10px Verdana, Helvetica, sans-serif;   background-color: #fff;   margin: 0 auto;   line-height: 1.4em;   overflow: auto;   width: 100%   }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;   }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;   }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;   }
#overlay{   position: absolute;   top: 0;   left: 0;   z-index: 90;   width: 100%;   height: 500px;   background-color: #000;   }

/***************** IE hacks **************************/

* html img, * html div, * a { behavior: url(/iepngfix.htc) }
* html #contents, * html #sidebar {display:inline;}