@charset "utf-8";

body {
  font-family:Comic Sans MS, Helvetica, Arial, Verdana, sans-serif;
  font-size:14pt;
  background-color:#55a5c8;
  background-image:url("./images/background.jpg");
  background-repeat:repeat;
  padding:0px;
  margin:0px;
  }
  
.forprintonly {
	display:none;
}

.centred {
	text-align:center;	
}

h1 {
	font-size: 150%;
	font-weight: bold;
	text-align:center;
	color:#000066;
}
h2 {
	font-size: 120%;
	font-weight: bold;
	color:#000066;
	text-decoration:underline;
}
  
h3 {
	font-size: 110%;
	font-weight: bold;
	color:#000066;
}


blockquote {
	font-style:italic;
}
#content {
	position:relative;	
	margin:0px;
	padding:5px;	
	padding-top:30px;
	border-width:0px;
}

#bottom {
	position:relative;
	width:100%;
}

.footnote {
	font-size:80%;
	text-align:center;
}

.imageleft {
	float:left;
	margin:5px;
}

.imageright {
	float:right;
	margin:5px;
}

.imagecentre {
	clear:both;	
	width:700px;
	margin:5px auto;	
}

.imagecentrelarge {
	clear:both;	
	width:1024px;
	margin:5px auto;
}

.picrow {	/* div for three 300x225 images in a row across the page */
	position:relative;
	width:942px;
	left:50%;
	height:235px;
	padding:5px;
	margin:5px;
	margin-left:-471px;
	border-width:1px;
	border-color:#cccccc;
	border-style:solid;
	text-align:center;
}

.clearboth{
	clear:both;
}

.citation {
	font-size:80%;
	text-align:right;
}

/* top menu */
div.menu {
	position:relative;
	border-style:none;
	border-width:0px;
	height:32px;
	padding:0px;
	margin:0px;
	z-index:100;
	width:520px;
	left:50%;
	margin-left:-260px;
	font-size:85%;
}

/* make each item in the list/menu float:left into a horizontal row 
 * no margins or bullets */			
ul.menu {
	padding: 0;
	margin:0px;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	line-height:32px;
	clear:both;
	z-index:100;
}

li.menu {
	position: relative;
	float:left;
	width:128px;
	border-width:1px;
	border-style:solid;
	border-color:#55a5c8;
	background-color:#55a5c8;
	background-image:url("./images/background.jpg");
	color:#000066;
	z-index:100;
}	

/* first level of sub menus appear under the relevant li */
ul.menu ul.menu {
	left: -1px;
	top: 33px;
	width:128px;	
}

/* second level of sub menus appear alongside the parent li */
ul.menu ul.menu ul.menu {
	left:129px;
	top:-1px;
}

/* any ul inside another (i.e. sub menus) will start off hidden */
ul.menu ul, ul.menu ul ul {			    
	position: absolute;
	display:none;				
}

/* if the menu item has a sub-menu show it when hovered over */
li.menu:hover > ul {
    display:block;				
}


/* some stuff to make it look better */
  
/* highlight menu item which has focus */
li.menu:hover {
	border-color:#BBBBBB;
}

/* stop the links looking like links and more like menu items which cover whole area of menu */
ul.menu a {
	display:block;
	text-decoration:none;	
	width:128px;
	line-height:32px;
	color:#000066;
}

li.menu a:hover {
	text-decoration:underline;
}

/* sub menu image hidden by default */		
img.menu {
	visibility:hidden;
	position:absolute;
	right:10px;
	bottom:0px;
	border:0px;
	margin:0px;
	padding:0px;				
}

/* if there is a submenu show the image */
img.hassubs {
	visibility:visible;
}


/* contact form */

#contactform {
	vertical-align:top;
	height:240px;
}

#contactformleft {
	width:300px;
	float:left;
}

#contactformright {
	
}

.contactitem {
	height:30px;
}

/* the tabbed dialog for past events */
#panellist {
	position:relative;
	list-style-type:none;
	margin:1px;
	padding:0px;
	min-width:800px;		
}

#panellist li {	
	position:relative;
	line-height:25px;
	width:150px;
	display:block;
	margin:0px;
	margin-left:5px;
	text-align:center;
	float:left;
	background-color:#AAAAAA;
	background-image:url(../images/tab.png);
	background-repeat:no-repeat;
}

#panellist li:hover {
	cursor:pointer;
}

#panelholder {
	position:relative;
	clear:left;
	float:left;
	margin:1px;
	padding:0px;
	border-style:ridge;
	border-width:8px;
	border-color:#AAAAAA;
	min-width:840px;
	width:95%;
	min-height:270px;
	overflow:auto;
}

.panels {
	position:absolute;
	top:0px;
	left:0px;
	visibility:hidden;
	padding:0px;
	margin:5px;
}

#panel0 {
	visibility:visible;
}

/* accordion for beliefs page */

#basic-accordian{
	border:5px solid #EEE;
	padding:5px;
	width:800px;
	position:relative;
	left:50%;
	margin-left:-400px;
	z-index:2;
}

.accordion_headings{
	padding:5px;
	background:#8395ad;
	color:#000066;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
	font-size:110%;
}

.accordion_headings:hover{
	background:#94A6BE;
}

.accordion_child{
	padding:15px;
	background:#EEE;
}

.header_highlight{
	background:#72849c;
}