/* from http://clagnut.com/blog/1287/ */
* {
   padding:0;
   margin:0;
}

h2, h3, p, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 1em;
		padding-right: 10px;
		padding-left: 10px;
}

/*---------------------------------------------------*/
body {
	font: .8em/1.8em verdana, arial, sans-serif;
	background-color: #FFFFFF;
	color: #000066;
	margin: 0; /*10% 0 10%; */
}
/* from Enlighten.co.nz*/
#wrapper {
				 background-color: #FFFFFF;
				 margin: auto;
				 text-align: left;
				 width: 750px;
	
}
/*-------------------------------*/

#banner{
background: #EAEAEA;
height: 75px; /*Height of top section*/
}

#header {
	float: left;
	width: 100%;
	border-bottom: 1px solid #8DA5FF;
	margin-bottom: 2em;
}

#header ul {
	margin: 0;
	padding: 2em 0 0 0;
	list-style: none;
}

#header	li {
	float: left;
	background-image:	url("../images/tab_left.gif");
	background-repeat: no-repeat;
	margin: 0 1px 0 0;
	padding: 0 0 0 8px;
}

#header	a {
	float: left;
	display: block;
	background-image:	url("../images/tab_right.gif");
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0.2em 10px 0.2em 0;
	text-decoration: none;
	font-weight: bold;
	color: #000033;
}

#home	#header	li.home,
#where	#header 	li.where,
#what	#header 	li.what,
#letter	#header	li.letter,
#staff	#header	li.staff,
#diary	#header	li.diary,
#plan	#header	li.plan,
#history		#header	li.history,
#circuit		#header	li.circuit {
	background-image:	url("../images/tab_active_left.gif");
}

#home	#header	li.home a,
#where	#header	li.where a,
#what	#header 	li.what a,
#letter	#header	li.letter a,
#staff	#header	li.staff a,
#diary	#header	li.diary a,
#plan	#header	li.plan a,
#history		#header	li.history a, 
#circuit		#header	li.circuit a {
	background-image:	url("../images/tab_active_right.gif");
	background-color:	transparent;
	color:	#330099;
}
/*hover added*/
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  color:#000099;
  }
/*------------------*/  
#header #current {
  background-image:url("../images/tab_active_left.gif");
  }
#header #current a {
  background-image:url("../images/right_on.gif");
  color:#333;
  padding-bottom:5px;
  }
/* Inserted for SSI Tests */
#sidebar {
				 float: right;
				 width: 150px;
}

#content {
				 margin-right: 150px;
}				 					

/* CSS for footer */
#footer {
	clear: both;
	height: 66px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #000066;
	border-top: 1px solid #000066;
	padding: 13px 25px;
	line-height: 18px;
}

#footer #altnav {
	width: 400px;
	float: right;
	text-align: right;
	padding-top: 13px;
}

#footer #copyright {
	padding-top: 13px;
}

#footer a {
	color: #000066;
	text-decoration: none;
}

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

/* End of SSI insertions */

/*  to test for img margin &/or padding
img {
margin: 0px 10px 10px 10px;
padding: 0px;
border: 1px none #333333;
background-color: #CCFF99;
float: left;
}
 */
img.left {
float: left;
padding-right: 10px;
}
  
img.right {
float: right;
padding-left: 10px;
}
/*
img.center {
float: center;
}*/

/* To put captions under pictures */
div.figureLeft {
float: left;
width: 25%;
/*border: thin silver solid; just for testing*/
margin: 0.5em;
padding: 0.5em;
}

div.figureRight {
float: right;
width: 25%;
/*border: thin silver solid; just for testing*/
margin: 0.5em;
padding: 0.5em;
}

div.figureLeft p {
text-align: center;
font-style: italic;
font-size: smaller;
text-indent: 0;
}

div.figureRight p {
text-align: center;
font-style: italic;
font-size: smaller;
text-indent: 0;
}

img.scaled {
width: 100%;
}
/*------End of captions under pictures----------------------------------*/

.center {
text-align: center;
}

p.right {
text-align: right;
}

p.left {
text-align: left;
}

p {
text-align: justify;
}

p.ital {
font-style: italic;
text-align: justify;
}

.ital {
font-style: italic;
}

/*---centres DIVs------*/
div.center {
    text-align: center;
}
/*-------------------------*/

div.right {
	text-align: right;
	margin-right: 5%;
}	

div.center table {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.red {
color: rgb(180,30,40); /* Methodist Red */
letter-spacing: 0.05em;
/*font-size: larger;*/
}

.purple {
color: #cc00ff;
}

.bold {
font-weight: bold;
}

.datatable {
background-color: #ddddff
}

/* CSS Popup Image Viewer */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #F0E68C;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
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: 0;
left: 100px; /*position where enlarged image should offset horizontally */
}

a.thumbnail:link {
color: #ff0000;
background: #ffffff;
text-decoration: none;
}/*colours image links red*/

th { background: rgb(204, 204, 153)}