body {
background-color: #f5f5f5;
background-image:url('images/bground.jpg');
background-attachment:fixed;
font-family: Arial, Helvetica, sans-serif;
}
a {color:#999999}

a:link{color:#ff3300; }

a:visited {color:#b20000; }

.Normal-title{
font-family: Cooper Black,Impact, Arial Black, Sans-Serif;
font-size:38px;
color:#ffff00;
}

img  {
padding:10px
}

p {
color: #000080;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
}

P.titlehead {
font-size: 16pt;
font-weight: bold ;
text-align:center
}

P.subjecthead {
font-size: 14pt;
font-weight: bold ;
margin-bottom: 0.2cm
}

P.sectionhead {
font-size: 12pt;
font-weight: bold;
margin-bottom: 0cm
}

P.radnormal {
font-size: 12pt;
font-weight:normal;
margin-bottom: 0.2cm ;
text-indent:0px;
margin-top: 0cm
}

P.radleft {
font-size: 12pt;
font-weight:normal;
margin-bottom: 0.2cm ;
text-indent:0px;
text-align:left;
margin-top: 0cm;
}

P.radtight {
font-size: 12pt;
font-weight:normal;
margin-bottom: 0cm ;
margin-top: 0cm ;
text-indent:0px;}

P.radtext{  text-indent:50px; color: #800000; font-size: 12pt; font-weight:normal; margin-bottom: 0cm }

table {
color: #000080;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
}


table.radbasic td {
border-width: 0px;
padding: 5px ;
border-style: solid ;
border-color: #000000;
background-color:#ffffff;
text-align:left;
vertical-align:text-top;
padding-left:30px;
}


table.church {
width:680px;
border-width: 5px ;
border-spacing: 3px 0px;
border-style: ridge ;
border-color: blue ;
border-collapse: separate;
background-color: #fafad2;
padding:5px;
}
table.church th {
border-width: 3px ;
padding: 3px ;
border-style: outset ;
border-color: blue  ;
background-color: #f0e68c;
text-align: center;
font-size:25px;
color:#00008b;
}

table.church td {
border-width: 2px ;
padding: 2px ;
border-style: inset ;
border-color: blue ;
background-color: #fafad2;
}

table.noticeboard {
width:680px;
border-width: 5px ;
border-spacing: 3px 0px;
border-style: ridge ;
border-color: blue ;
border-collapse: separate;
background-color: #fafad2;
padding:5px;
}
table.noticeboard th {
border-width: 3px ;
padding: 3px ;
border-style: outset ;
border-color: blue  ;
background-color: #f0e68c;
text-align: center;
font-size:25px;
color:#00008b;
}

table.noticeboard td {
border-width: 0px ;
padding: 2px ;
border-style: solid ;
border-color: black ;
background-color: #fafad2;
}

table.noticesection {
border-width: 0px ;
border-spacing: 5px;
border-style: solid;
border-color: #000000;
border-collapse: separate;
background-color: #fafad2;
padding:2px;
}

table.noticesection td {
border-width: 1px;
padding: 0px ;
border-style: solid ;
border-color: #000000;
background-color: #ffffff;
padding:2px;
text-align:center;
}

table.noticesection th {
border-width: 3px ;
padding: 0px ;
border-style: ridge ;
border-color: blue;
background-color: #f0e68c;
padding:0px;
text-align:center;
font-size:15px;
color:#00008b;
}

table.headline {
width:700px;
border-width: 5px ;
border-spacing: 3px 0px;
border-style: ridge ;
border-color: blue ;
border-collapse: separate;
background-color: #fafad2;
padding:5px;
}

table.headline tr {
border-width: 3px ;
padding: 0px ;
border-style: ridge ;
border-color: blue;
background-color: #fafad2;
padding:0px;
text-align:center;
font-size:20px;
color:#00008b;
}

div#container {
width:800px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
border-style:outset;
border-width:3px;
text-align:left;
background-color:#ffffff;
}

div#banner {
background-image:url('images/banner.jpg');
padding-left:0px;
padding-top:15px;
height:130px;
font-family: Cooper Black,Impact,  Arial Black, Sans-Serif;
font-size:30.0px;
color:#00008b;
text-align:center;
}

div#footer {
background-image:url('images/footer.jpg');
padding-left:400px;
height:145px;
}

div#content {
padding-top:10px;
padding-bottom:0px;
padding-right:60px;
padding-left:60px;
text-align:left;
background-color:#ffffff;}

div.floatleft {
float:left;
margin:0 0 10px 10px;
}

div.floatright {
float:right;
margin:0 0 10px 10px;
}


div#container>div#content {padding-right:60px;}



div#action {
margin-left:-60px;
padding-top:10px;
padding-bottom:0px;
padding-right:10px;
padding-left:10px;
text-align:left;
background-color:#ffffff;
}
table.actionplan  {
table-layout:fixed;
width:760px;
border-style:solid;
border-width:2px;
padding: 0px ;
border-color: #000080;
background-color:#ffffff;
text-align:left;
vertical-align:text-top;
font-size: 10pt;
}
table.actionplan  td {
border-style:solid;
border-width:1px;
border-color: #000080;
}


/* the next section is with thanks to http://www.seoconsultants.com/css/menus/tutorial/ */
/* without whom I would not have cracked how to make flyout menus work */

#menu {
visibility:hidden;
background:#4169e1;
border-style:outset;
border-width:4px;
border-color:##666666;
margin-top:0px;
padding-top:6px;
padding-bottom:0px;
position:absolute;
vertical-align:middle;
  top: 170px;
  left: 10px;
  width: 80px ;
  height:40px;
z-index:120;
}

body>div#menu {
visibility:visible;
position: fixed;
top: 170px;
left: 10px;
width: 80px;
height:40px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a {
width: 150px;
display: block;
font: bold 11px arial, helvetica, sans-serif;
border-width: 0px;
border-style: solid;
border-color: #cccccc #888888 #555555 #bbbbbb;
margin: 0;
color: #000000;
background: #f0f8ff;
padding: 2px 3px;
text-decoration: none;
}

#menu a.button{
width: 80px;
color: #ffffff;
background: #4169e1;
padding: 0px 0px;
font: bold 14px arial, helvetica, sans-serif;
text-align:center;
}


#menu a.head {
color: #ffffff;
background: #4169e1;
font: bold 14px arial, helvetica, sans-serif;
text-align:center;
}
#menu a:hover {

color: #ff0000;
background:#ffffff;
}

#menu a.button:hover {
color: #00ffff;
background:transparent;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left:98%;
width: 120%;
}

div#menu ul ul ul, div#menu ul ul li:hover ul ul{
display:none;
}

div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul{
width: 156px;
display: block;
border-style:outset;
border-width:1px;
}

#topmenuIE 
{
	width:740px; 
	height:25px; 
	font-size:12px; 
	position:relative;
	z-index:100;
	padding-top:12px;
        
}

#topmenuIE ul 
{
position:relative;
	padding:0;
	margin:0;
	list-style-type:none;
}

#topmenuIE li 
{
	float:left;
	width:120px;
	position:relative;

}

#topmenuIE a 
{

	display:block;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;  
	color:#ffffff; 
	width:110px; 
	height:30px; 
	border:1px solid #000000; 
	border-width:1px; 
	background:#4169e1;         /* top level colour */
	padding-left:10px; 
	line-height:29px;
	}


#topmenuIE ul ul 
{
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0; 
	width:120px;
	border-top:1px solid #000000;
}


#topmenuIE ul ul ul
{
	left:135px; 
	top:-1px; 
	width:120px;

}

#topmenuIE ul ul ul.left 
{
	left:-135px;
}

#topmenuIE table 
{
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}

#topmenuIE ul ul a
{
	background:#f0f0f0; 
	color:#000000; 
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:120px;
border-width:0 1px 1px 1px;

}


#topmenuIE a:hover
{
	background:#ffffff;
	color:#ff0000; 

}

#topmenuIE ul li:hover ul, #topmenuIE ul a:hover ul
{
	visibility:visible;

}
#topmenuIE ul li :hover ul ul
{
	visibility:hidden;
}


#topmenuIE ul li :hover ul :hover ul
{ 
	visibility:visible;
}

#topmenuIE ul li :hover ul :hover ul ul
{
	visibility:hidden;
}

#topmenuIE ul li :hover ul :hover ul :hover ul
{
	visibility:visible;
}

/*=========================================================================*/
#topmenu {
width: 700px;
background: #4169e1;
float: left;
z-index:100;
}

#topmenu ul {
list-style: none;
margin: 0;
padding: 0;
width: 175px;
float: left;
}

#topmenu a {
font: bold 11px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
}

#topmenu li a.button {
font: bold 12px arial, helvetica, sans-serif;
text-align:center;
color: #ffffff;
height:18px;
background: #4169e1;
display: block;
border-width: 2px;
border-style: outset;
border-color: #666666;
}
#topmenu a {
color: #000000;
background: #f0f8ff;
text-decoration: none;
}

#topmenu a:hover {
color: #ff0000;/*red*/
background: #ffffff;/*white */
}

#topmenu li a.button:hover{
color: #00ffff;
background:#4169e1;
border-width: 2px;
border-style: outset;

}

#topmenu li {position: relative;
float:left;
width:175px;
border-bottom-width: 1px;
border-bottom-style: outset;
border-bottom-color: #000000;
}

#topmenu ul ul {
position: absolute;
z-index: 500;
}

#topmenu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#topmenu ul ul,
#topmenu ul li:hover ul ul,
#topmenu ul ul li:hover ul ul
{display: none;}

#topmenu ul li:hover ul,
#topmenu ul ul li:hover ul,
#topmenu ul ul ul li:hover ul
{display: block;
border-style:outset;
border-width:1px;}

#topmenu ul li a {height: 1%;} 

#topmenu ul a.button:hover ul {
visibility:visible;
z-index 101;
}