/* -----------------------------------------------
Title:  Vousden One-Name Study Stylesheet
Author: Nigel Brown
Date:   8 July 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;
}

#footer a:hover   {
color: #bd2d2d;
}

.text  {
margin:6px 6px 6px 6px;
font:normal 12px/16px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-align:justify;
}

p  {
padding-bottom: 12px;
}

h2 {
color:#bd2d2d;
font:normal 20px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
padding-top:0px;
padding-bottom:0px;
margin: 5px 0 0 0;
}

h3 {
color:#bd2d2d;
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;
}
    
.willtitle  {
font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
font-style: normal;
text-align: center;
font-size: 16px;
color: #ffffff;
  }
  
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 #bd2d2d;
border-bottom: solid 10px #132329;
}


/* Site Map Modification */
ul {
list-style-image:none;
margin-left: 12px;
padding-left: 0;
margin-top: 8px;
}

li {
margin-bottom:8px;
margin-left: 16px;
}

/* Site Map Modification */
a:link, a:visited {
font-weight:bold;
text-decoration: none;
color: #669966;
}

/* Site Map Modification */
a:hover {
font-weight:bold;
text-decoration: none;
color: #669966;
}

/* Aligning Images */
.alignright {
float:right;
margin-left:15px;
margin-bottom:10px;
}

.alignleft  {
float:left;
margin-right:15px;
margin-bottom:10px;
}

.indent {
margin-left: 1.0em;
}

/* 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 #bd2d2d; }
.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 #bd2d2d;
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:12px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
margin-top:-3px; background:#669966; 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: #669966;
width: 100%;
}

/* Site Map Modification */
.cornerBox-ece9d8 {
position: relative;
background: #ece9d8;
width: 100%;
}

.corner {
position: absolute;
width: 10px;
height: 10px;
background: url(../images/kyle669966.png) no-repeat;
font-size: 0%;
}

/* Site Map Modification */
.corner-ece9d8 {
position: absolute;
width: 10px;
height: 10px;
background: url(../images/kyleece9d8.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:#000000;
text-align:left;
vertical-align:text-top;
font:1.0em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
}

.datatable tr  {
background-color:#9dcab8;
color:#000000;
}
  
.datatable th  {
border:1px solid #828282;
background-color:#669966;
font-weight:bold;
text-align:left;
padding-left:5px;
font:1.2em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
}

.datatable caption   {
font: 16px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
color:#bd2d2d;
text-align:left;
padding-top:3px;
padding-bottom:8px;
}

.datatable tr.altrow {
background-color:#ece9d8;
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:#669966;
font-weight:bold;
text-align:left;
padding-left:4px;
font:1.2em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
color:#000000;
}

.texttable caption  {
font: 16px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
color:#bd2d2d;
text-align:left;
padding-top:3px;
padding-bottom:8px;
}

/* end taxt table layout */