/*---Title:  Cradley Links Stylesheet---Author: Nigel Brown---Date:   27 April 2010---*/
/*Universal reset removes inconsistent spacing between browsers*/
* { 
   margin : 0; 
   padding : 0; 
 } 
/*General styles*/
body { 
   border : 0; 
   /* This removes the border around the viewport in old versions of IE */
   background : url(../images/bg.gif) repeat-y center; 
   width : 100%; 
   min-width : 960px; 
   /* Minimum width of layout (does not work in old versions of Internet Explorer) */
 } 
#header { 
   clear : both; 
   float : left; 
   width : 960px; 
 } 
#page { 
   width : 100%; 
   height : 100%; 
   text-align : justify; 
 } 
#site { 
   width : 960px; 
   margin : 0 auto; 
   text-align : justify; 
 } 
#footer { 
   background-color : #132329; 
   color : #9DCAB8; 
   font : 10px/18px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
   text-align : center; 
   margin : 16px 0 16px 0; 
 } 
.text { 
   margin : 6px 6px 6px 6px; 
   color : #FFFFFF; 
   padding-top : 0px; 
   margin-top : -1px; 
   font : normal 14px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
   text-align : justify; 
 } 
.curvebox { 
   width : 95%; 
   overflow : auto; 
   padding : 1em; 
   background-color : #132329; 
   border : 1px solid #00a6d0; 
   /* Mozilla round corners-moz-border-radius:25px;*/
 } 
/*.fieldtext p {color:#ffffff;font: 12px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; padding:15px;text-align:justify;}*/
.bowgytext { 
   color : #FFFFFF; 
   font : 12px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
   margin-top : -1px; 
 } 
p { 
   padding-bottom : 12px; 
 }
 h1 {
   color : #00A6D0; 
   font : normal 20px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
   padding-top : 0px; 
   padding-bottom : 0px; 
   margin : 5px 0 0 0; 
 }
h2 { 
   color : #00A6D0; 
   font : normal 24px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
   padding-top : 0px; 
   padding-bottom : 0px; 
   margin : 5px 0 0 0; 
 } 
h3 { 
   color : #00A6D0; 
   font : normal 16px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
   padding-top : 0px; 
   padding-bottom : 0px; 
   margin : 0; 
 } 
h4 { 
   color : #FFFFFF; 
   font : 14px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
   padding-top : 0px; 
   margin-top : -1px; 
 }
h5 { 
   color : #000000; 
   font : 12px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
   padding-top : 0px; 
   margin-top : -1px; 
 }
h6 { 
   color : #FFFFFF; 
   font : 20px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
   padding-top : 0px; 
   margin-top : -1px; 
 }
hslide { 
   color : #000; 
   font : 12px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
   padding-top : 0px; 
   margin-top : -1px; 
 } 
hr { 
   border : 0px; 
   border-top : solid 1px #3D5F6A; 
   border-bottom : solid 10px #132329; 
 } 
ul { 
   list-style-image : url("../images/bluedot.gif"); 
   margin-left : 12px; 
   padding-left : 0; 
   margin-top : 8px; 
 } 
li { 
   margin-bottom : 8px; 
   margin-left : 16px; 
 } 
a:link, a:visited { 
   font-weight : bold; 
   text-decoration : none; 
   color : #8fb34f; 
 } 
a:hover { 
   font-weight : bold; 
   text-decoration : none; 
   color : #ffff40; 
 }
 
/*Link colours inside cornerBox*/
 a.cornerBox span
 {
 color: #00f;
 text-decoration: none
 }
 
 a.cornerBox:hover span
 {
 color: #ffff40;
 text-decoration: underline
 }
/*End of link colours inside cornerBox*/ 
 
/*Aligning Images*/
.alignright { 
   float : right; 
   margin-left : 15px; 
   margin-bottom : 10px; 
 }
 .alignrighttop { 
   float : right; 
   margin-left : 15px; 
   margin-bottom : 10px;
   margin-top : 88px; 
 } 
.alignleft { 
   float : left; 
   margin-right : 15px; 
   margin-bottom : 10px; 
 }

/*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%; 
   position : relative; 
 } 
.col1,.col2,.col3 { 
   float : left; 
   position : relative; 
   padding : 0 0 1em 0; 
   overflow : hidden; 
 } 
/*2 Column (left menu) settings*/
.leftmenu { 
   background : #132329; 
   /* right column background colour */
 } 
.leftmenu .colleft { 
   right : 67%; 
   /* right column width */
   background : #132329; 
   /* left column background colour */
 } 
.leftmenu .col1 { 
   width : 63%; 
   /* right column content width */
   left : 102%; 
   /* 100% plus left column left padding */
 } 
.leftmenu .col2 { 
   width : 29%; 
   /* left column content width (column width minus left and right padding) */
   left : 6%; 
   /* (right column left and right padding) plus (left column left padding) */
 } 
/*for Photo-Caption PZ3 CSS (The Good Stuff) by Randsco.com*/
.PZ3-l { 
   float : left; 
   margin-right : 10px; 
 } 
.PZ3-r { 
   float : right; 
   margin-left : 10px; 
   direction : rtl; 
 } 
/*html>*/
body .PZ3-r { 
   position : relative; 
 } 
.PZ3zoom { 
   border : 1px solid #369; 
 } 
.PZ3zoom a,.PZ3zoom a:visited { 
   display : block; 
   padding : 0; 
   overflow : hidden; 
   text-decoration : none; 
   height : 100%; 
   width : 100%; 
 } 
/*html>*/
body .PZ3-r a { 
   right : 0; 
 } 
.PZ3zoom a:hover { 
   position : absolute; 
   z-index : 999; 
   padding : 0; 
   background : none; 
   cursor : default; 
   height : auto; 
   width : auto; 
   overflow : visible; 
   border : 1px solid #369; 
   margin : -1px 0 0 -1px; 
 } 
html>body .PZ3zoom a:hover { 
   margin : -1px -1px 0 -1px; 
 } 
.PZ3zoom a img { 
   border : 0; 
   height : 100%; 
   width : 100%; 
 } 
.PZ3zoom a:hover img { 
   height : auto; 
   width : auto; 
   border : 0; 
 } 
.PZ3cap { 
   display : none; 
 } 
a:hover .PZ3cap,a:hover .PZ31cap { 
   display : block; 
   direction : ltr; 
   font : 10pt "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
   margin-top : -3px; 
   background : #00a6d0; 
   color : #000; 
   text-align : left; 
 } 
a:hover .PZ3cap { 
   padding : 3px 5px; 
 } 
.PZ3inr { 
   display : block; 
   padding : 2px 5px; 
 } 
.noCap a:hover .PZ3cap { 
   display : none; 
 } 
.noBdr a img,.noBdr a:hover img { 
   border : 0; 
 } 
.Lnk a:hover { 
   cursor : pointer; 
 } 
/* End Photo-Caption Zoom CSS*/
/* "Karate Corners: XHTML/CSS Rounded Corners" by Kyle Schaeffer */
.cornerBox { 
   position : relative; 
   background : #00a6d0; 
   width : 100%; 
 } 
.cornerBox-fff { 
   position : relative; 
   background : #ffffff; 
   width : 100%; 
 } 
.corner { 
   position : absolute; 
   width : 10px; 
   height : 10px; 
   background : url(../images/kyle00a6d0.png) no-repeat; 
   font-size : 0%; 
 } 
.corner-fff { 
   position : absolute; 
   width : 10px; 
   height : 10px; 
   background : url(../images/kyleffffff.png) no-repeat; 
   font-size : 0%; 
 } 
.cornerBoxInner { 
   padding : 10px; 
 } 
.layout80 { 
   width : 80%; 
   margin : auto; 
 } 
.layout67 { 
   width : 67%; 
   margin : auto; 
 } 
.TL { 
   top : 0; 
   left : 0; 
   background-position : 0 0; 
 } 
.TR { 
   top : 0; 
   right : 0; 
   background-position : -10px 0; 
 } 
.BL { 
   bottom : 0; 
   left : 0; 
   background-position : 0 -10px; 
 } 
.BR { 
   bottom : 0; 
   right : 0; 
   background-position : -10px -10px; 
 } 
/* End Karate Corners */
/* Suzy's code that adjusts captions to width of image */
.caption { 
   margin : 5px; 
   padding : 5px; 
   border : 1px solid #4c78a6; 
   background : #fff; 
   font-family : "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
   font-size : 70%; 
   color : #000; 
 } 
.caption img { 
   border : 1px solid #777; 
 } 
.left { 
   float : left; 
 } 
.right { 
   float : right; 
 } 
/* End Suzy's code */
/* for table layout with alternating colours by Rachel Andrew */
.datatable { 
   border : 2px solid #d6dde6; 
   border-collapse : collapse; 
 } 
.datatable td { 
   border : 1px solid #d6dde6; 
   padding : 5px 5px 0 5px; 
   color : #ffffff; 
   text-align : left; 
   vertical-align : text-top; 
   font : 1.0em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
 } 
.datatable th { 
   border : 1px solid #828282; 
   background-color : #00a6d0; 
   font-weight : bold; 
   text-align : left; 
   padding-left : 5px; 
   font : 1.2em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
 } 
.datatable caption { 
   font : bold 1.0em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
   color : #33517a; 
   text-align : left; 
   padding-top : 3px; 
   padding-bottom : 8px; 
 } 
.datatable tr.altrow { 
   background-color : #dfe7f2; 
   color : #000000; 
 } 
/*end table layout with alternating colours by Rachel Andrew*/
/*for text table layout*/
.texttable { 
   border : 1px solid #d6dde6; 
   border-collapse : collapse; 
   width : 80%; 
   margin-left : 10%; 
   margin-right : 10%; 
 } 
.texttable td { 
   border : 1px solid #d6dde6; 
   padding-left : 5px; 
   padding-right : 5px; 
   vertical-align : text-top; 
   text-align : left; 
   font : 1.0em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
 } 
.texttable th { 
   border : 1px solid #828282; 
   background-color : #00a6d0; 
   font-weight : bold; 
   text-align : left; 
   padding-left : 4px; 
   font : 1.2em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
   color : #000000; 
 } 
.texttable caption { 
   font : bold 1.0em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
   color : #33517a; 
   text-align : left; 
   padding-top : 3px; 
   padding-bottom : 8px; 
 } 
/*end text table layout*/