/* Stylesheet by Cornish WebServices 
   for St.Nicholas's Parish Church 
Colours are:
	green for top banner #01b206;
	green text-general #01b206;
------------------------------------------------------------------------------------*/
body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

h1, h2, h3, h4, h5, h6  {
	font-family: Arial, Verdana,Helvetica, sans-serif;
	font-weight: bold; 
	color:#01b206;
	margin: 14px 0px 4px 0px;
}

/*-------------------------------*/
/* GENERAL */
/*-------------------------------*/

/* Heading */
h1 { 	font-size: 1.4em;
}
h2 {	font-size: 1.2em;
}
h3 {font-size: 1.1em;
	}
h4, h5, h6 { 	
	font-size: 0.9em;
}

/* Paragraph text */
p, td, th, li, dd, dh {
   
   margin: 6px 0px 6px 0px; 
   padding: 0px; 
   font-size: 0.8em;
	color:#000000;
}

li {
   
   margin: 6px 0px 6px 0px; 
   padding: 0px; 
   font-size: 0.8em;
	color:#000000;
}



/* links */
a:link, a:visited {
	color:#4D7FCA;
	text-decoration:none;
	
	
}
a:focus, a:hover, a:active {
	color:#4D7FCA;
	text-decoration:underline;
	
	
}
.grey {color:#cccccc;}

/*************************/
/*  MAIN BODY */
/*************************/


body {
	font-size: 100%;
	margin: 0em ; 
	padding: 0em; 
	background:#AAA9A9;
	text-align:center;
	
}

#page-container {
	text-align:left;
	width:950px; 
	margin: 10px auto ;
	padding: 0px; 
	background-color:#fff;
	position: relative;
	background-image:url(../images/sturry-left.gif);
	background-repeat:repeat-y;
	background-position:left;
}
#page-container2 {
	text-align:left;
	width:950px; 
	margin: 10px auto ;
	padding: 0px; 
	background-color:#AAA9A9;
	
}


/**********************/
/*  HEADER */
/**********************/

#main_header {
	width: 100%; 
	margin: 0px; 
	padding: 0px;
	padding-top: 0px;
	background-color: #01B206;
	color:#fff;
	height:135px;
	height:auto!important;
	min-height:135px; 
	background-image:   url("../images/header-back.gif");
	background-repeat: no-repeat;
	background-position: right;
}
#title {
    margin: 0em ; 
	padding: 0px; 
	left: 120px;
    POSITION: absolute;
    TOP: 52px;
	Z-INDEX: 9;
	font-size: 1.3em;
	font-weight: normal;
	color:#FFFFFF;
	text-align:left;
}
#main_header img.logo {float:left; margin:0px 0px;}
#main_header img.church {float:right; margin:5px 6px 2px 0px;}

#top-menu {
	width:950px;
	height:35px;
	height:auto!important;
	min-height:35px; 
	background-color:#01B206;
	border-top:solid 1px #ffffff;
	color:#fff;
	font-size:120%;
}


/*************************************/
/* LEFT COLUMNS  */
/*************************************/

#leftcolumn {
	float: left; 
	width: 220px; 
	min-height: 412px;
	height:auto !important;
    height:412px;
	margin: 0px 0px 0px 8px;
	text-align:center;	
	}






#maincontent {
	margin:0px 10px 8px 245px;
	background:#FFFFFF;	
	min-height:426px;
	height:auto !important;
    height:426px;
	width:675px;
	background-color:#FFFFff;
	padding-bottom:15px;
}

div.icons {
     text-align:left;
     float:left;
     
     margin-left:0;
}
/* need to put the margins on the elements for floated images */
#maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6, #maincontent p, #maincontent ol, #maincontent ul, #maincontent table, #maincontent img, #maincontent dt { margin-left: 10px; margin-right:10px;
}  


/**********************/
/* FOOTER */
/**********************/


.footer {
	clear: both;
	width:950px; 
	margin: 0.4em 20px 20px 50px;
	padding: 0px 0px 2px 0px;
	font-size: 0.7em;
	color:#000000;
	background:#AAA9A9;	
}


.footer a {
	color: #000000;
	text-decoration: none;
	font-size: 0.95em;
}
.footer a:link, .content:visited{
	color:#000000;
	text-decoration: none;
	font-size: 0.95em;
}

.footer a:hover {
	color: #000000;
	text-decoration: underline;
	font-size: 0.95em;
}


/**********************/
/*  IMAGE PLACEMENT */
/**********************/

.floatright  {
float:right;
}
.floatleft {
float:left;
}



.floatimageleft {
float:left;
margin-top:9px;
margin-left:2px;
margin-right:9px;
padding:2px;
margin-bottom:0px;
border:1px solid #0633db;

}
.floatimageright{
float:right;
margin-top:9px;
margin-left:8px;
margin-right:1px;
padding:2px;
margin-bottom:10px;
border:1px solid #0633db;

}
.floatimageright2{
float:right;
margin-top:27px;
margin-left:8px;
margin-right:0px;
padding:2px;
margin-bottom:0px;
border:1px solid #0633db;

}
.image-redborder{
border:1px solid #0633db;
padding:2px;

}
.image-blueborder{
border:1px solid #0633db;
padding:2px;

}


/******************************/
/* MISCELLANEOUS */
/******************************/

/* Horizontal line */
hr {
color: #01B206;
background-color: #01B206;
height: 1px;
border: none;
clear:both;
margin: 0.5em 0;
}


.scrolly {
	clear: both; 
	width: 500px; 
	height: 1px;
	margin:30px 0px 40px 60px 
	
}



.hide { display: none;}

.cl {
clear:both;
}
/**********************/
/* TABLE FORMATTING */
/**********************/

.datatable {
border: 1px solid #01b206;
 border-collapse:collapse;
 margin: 5px 0px;
	padding:4px;
}

.datatable td {
	border: 1px solid #01b206;
 	font-size: 0.85em;
	 font-weight: normal;
	color:#000000;
	text-align:left;
	vertical-align: top;
	background-color:#dff2e0;
	padding:4px;
}
td.tableheader {
 font-size: 0.9em;
 font-weight: bold;
	background-color:#01b206;
	color:#ffffff;
	text-align:center;
	padding:4px;
}
td.guest {
 	font-size: 0.9em;
	 font-weight: bold;
	color:#01b206;
	text-align:left;
	vertical-align: top;
	background-color:#FFFFFF;
	padding:4px;
}

.datatable th {
 	font-size: 0.9em;
 	font-weight: bold;
	background-color:#01b206;
	color:#ffffff;
	text-align:center;
	padding:4px;
}



#slideshow {
	position: relative;
	margin-left:4px;
	width: 200px;
	height: 140px;
	overflow: hidden;
	}
#slideshow img {
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	margin-bottom:50px;
	}
a img {border:none;}