/*Defining the main body layout - 
Cream background, main font comic sans in dark green, no margin*/
BODY {background-color : #ffffcc;
	font-family: comic sans ms, Verdana, Arial, Helvetica, sans-serif; 
	color: #006600;
	margin: 0px; 
	}

/*this is the church logo box*/
.logo {
	position: absolute;
	top: 2px;
	left: 40px;
	background: #ffffcc;
	}

/*this is a shadow effect for the heading and needs to be put in the html document before the actual heading with the same wording*/
.shadow {
	position: absolute;
	top: 32px;
	left: 122px;
	background: transparent;
	font-family: comic sans ms, Arial, Helvetica, Verdana, sans-serif;
	font-size: 18pt;
	color: #cccccc;
	font-weight: bold;
	}


/*this is the main header area*/
.head {
 	position: absolute;
	top: 30px;
	left: 120px;
	background: transparent;
	font-family: comic sans ms, Arial, Helvetica, Verdana, sans-serif;
	font-size: 18pt;
	color: #483D8B;
	font-weight: bold;
	} 

/* this is the header area for the home page */
.headhome {
 	position: absolute;
	top: 33px;
	left: 40px;
	background: #ffffcc;
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size: 18pt;
	color: #483D8B;
	font-weight: bold;
	} 

/*this is a box to put adverts into*/
.advert {
	position: absolute;
	top: 5px;
	height: 50px;
	right: 2%;
	width: 20%;
	background: #FF6666; /*lightish red*/
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14pt;
	font-color: #483D8B;
	padding: 2px;
	}

/*The navigation on the top, positioned absolutely*/
.navigation {
	position: absolute;
	top: 62px;
	left: 0px;
	width: 98%;
	height: 48px;
	background-color: #ffcc66;
	border-top: 8px solid #669966;
	margin-top: 2px;	
	font-family: Arial, Helvetica, Verdana, sans-serif;
	}                  

/*this is the main content area*/
.content {
	background: #ffffcc;
	color: #006600;
	position: absolute;
	top: 112px;
	width:98%;
	font-family : comic sans ms, Verdana, Arial, Helvetica, sans-serif;
    border: 0.1px solid #ffffcc; 
   /*to ensure that NN4.xx renders the background-color of the content area*/
    }

/*this ensures correct table details for the middle column, the main content area*/
.middle {
	padding: 5px;
	background: #ffFfcc;
	color: #006600;
	font-family : comic sans ms, Verdana, Arial, Helvetica, sans-serif;
	}

/*this is formatting for the subheading area on the left*/
.subhead {
	background: #ffffcc;
	color: #006600;
	font-family : comic sans ms, Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 14pt;
	text-align: right;
	padding: 5px;
	}

/*this is formatting for the area on the left for the links to other sites page*/
.leftlink {
	background: #ffFfFf;
	color: #00008B;
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size: 14pt;
	text-align: right;
	padding: 5px;
	}

/*this is the side area on the right in contrasting colour to the main area*/
.side {
	background: #ffcc66;
	color: #483D8B;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	padding: 5px;
	}

/*the next four are for an effect on the arts page, to show the different colours of the seasons in church*/

/*this is the side area on the right in purple */
.sidepurple {
	background: #cc00cc;
	color: #483D8B;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	padding: 5px;
	}

/*this is the side area on the right in white*/
.sidewhite {
	background: #ffffff;
	color: #483D8B;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	padding: 5px;
	}

/*this is the side area on the right in red*/
.sidered {
	background: #ff0000;
	color: #483D8B;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	padding: 5px;
	}

/*this is the side area on the right in green*/
.sidegreen {
	background: #009900;
	color: #483D8B;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	padding: 5px;
	}


/*this is for small sidebar text*/
.sidesmall { 
	background: #ffcc66;
	color: #483D8B;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-align: left;
	padding: 5px;
	}


/*font-family is already defined, here I only set the font-size*/
P, OL, UL, DL {font-size: 12pt;}
/*and here I prevent shrinking text*/
P OL, P UL, P DL, OL UL {font-size: 13pt;}

h1, h2, h3	{font-family: arial, Helvetica, verdana, sans-serif;}

/*this is for small text*/
.smallprint {
	font-size: 8pt; 
	background: transparent;
	padding: 5px;
	}

/*this sets a large margin at the bottom for the contents on the home page*/
.conmargin {margin-bottom: 7pt;
		margin-top: 0pt;}


/*Standard links throughout document, blue for link, slateblue for visited, bright blue for hover and red for active*/
A:link {color: #483D8B; text-decoration: none}
A:visited {color: slateblue; text-decoration: none}
A:hover {color: blue; text-decoration: underline}
A:active {color: red; text-decoration: none}

/*Home page Contents links*/
A.contents:link {color: #006600; text-decoration: none; font: bold 12pt/18pt comic sans ms, arial, verdana;}
A.contents:visited {color: slategray; text-decoration: none; font: bold 12pt/18pt comic sans ms, arial, verdana;}
A.contents:hover {color: blue; text-decoration: none; font: bold 12pt/18pt comic sans ms, arial, verdana;}
A.contents:active {color: red; text-decoration: none; font: bold 12pt/18pt comic sans ms, arial, verdana;}

/*Sidebar links*/
A.sidebar:link {color: darkred; text-decoration: underline; background: transparent;}
A.sidebar:visited {color: darkslategray; text-decoration: underline; background: transparent;}
A.sidebar:hover {color: blue; text-decoration: underline; background: transparent;}
A.sidebar:active {color: red; text-decoration: none; background: transparent;}

/*Navigation bar links*/
A.nav:link {color: #483D8B; text-decoration: none; background: transparent; font: bold 11px arial, verdana;}
A.nav:visited {color: darkslategray; text-decoration: none; background: transparent; font: bold 11px arial, verdana;}
A.nav:hover {color: blue; text-decoration: none; background: transparent; font: bold 11px arial, verdana;}
A.nav:active {color: darkred; text-decoration: none; background: transparent; font: bold 11px arial, verdana;}

A.navpage:link {color: green; text-decoration: none; background: transparent; font: bold 11px arial, verdana;}