.MenuBarItemIE 
{
	position: static;
}

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		float: left;
		background-color: #FFF;
	}
}

* {
margin: 0; padding: 0;
}
	
html {
font-size: 100%;
}

a img {border: 0;}

a:link {
color: #0000ff;
text-decoration: none;
}

a:hover {
color: #ff0000;
text-decoration: underline;
}

a:visited {
color: #0000ff;
text-decoration: none;
}

h1 {
font: normal 18pt Arial, Helvetica, sans-serif;
color: #003366;
padding: 0 0 15px 0;
text-align: left;
}

h2 {
font: normal small-caps 12pt Arial, Helvetica, sans-serif;
color: #003366;
padding: 0 0 15px 0;
text-align: left;
}

h3 {
font: normal 10pt Arial, Helvetica, sans-serif;
color: #009900;
padding: 0 0 5px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #009900;
}

h4 {
font: normal 11pt Arial, Helvetica, sans-serif;
color: #003366;
padding: 0 0 7px 0;
}

p {
font: normal 9pt Arial, Helvetica, sans-serif;
color: #333333;
margin-bottom: 14px;
}

body {
margin: 0 auto;

}

.holdall {
width: 100%;
height: 187px;
background: #fcd5ae;
}

#wrapper {
width: 850px;
margin: 0 auto;
}


/* Header divs */

#header {
width: 850px;
height: 182px;
padding: 5px 0 0 0;
margin: 0 auto;
text-align: right;
background: url(../../../../template/logo-bg.png) no-repeat;
}

#headerleft {
width: 172px;
text-align: left;
float: left;
margin: 0 auto;
}

#headerright1 {
width: 678px;
height: 122px;
padding: 20px 0 0 0;
text-align: right;
}

#headerrightl {
width: 500px;
height: 30px;
float: right;
}

#headerrightr {
width: 148px;
height: 15px;
background-color: #cc0000;
float: right;
margin: 0 -670px 0 0;
padding: 5px;
text-align: right;
}

.headerrightr {
font: normal 8pt Arial, Helvetica, sans-serif;
color: #ffffff;
}

#headerright2 {
width: 678px;
height: 30px;
float: right;
margin: 0 auto;
}


/* Navigation */

#navigation {
width: 678px;
margin: 0 auto;
float: right;
}

#navigation ul {
list-style: none;
font: normal 10.5pt Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

#navigation a:link, #navigation a:visited {
text-decoration: none;
color: #cc0000;
padding: 4px 6px 4px 6px;
}

#navigation a:hover {
background-color: #cc0000;
color: #ffffff;
}

#navigation li {
display: inline;
}

#navigation #news a:link, #navigation #news a:visited {
border-right: 0;
}




#homepage #home a:link, #homepage #home a:visited,
#centerpage #center a:link, #centerpage #center a:visited,
#resourcespage #resources a:link, #resourcespage #resources a:visited,
#shoppage #shop a:link, #shoppage #shop a:visited,
#leadershippage #leadership a:link, #leadershippage #leadership a:visited,
#ministrypage #ministry a:link, #ministrypage #ministry a:visited,
#newspage #news a:link, #newspage #news a:visited {
background-color: #cc0000;
color: #ffffff;
}

/* Centre div */

#centre {
width: 850px;
height: 300px;
margin: 0 0 25px 0;
text-align: center;
}

#banner {
width: 850px;
height: 300px;
margin: 0 0 40px 0;
text-align: center;
}

/* Content */


#content {
width: 852px;
margin: 0 auto;
}

#contentleft {
width: 580px;
float: left;
margin: 0 23px 0 0;
padding: 0 10px 0 0;
}

#contentleftrow1, #contentleftrow2 {
width: 580px;
float: left;
}

#contentleftrow2 {
margin: 0 0 30px 0;
}

#contentleftrow3, #contentleftrow4 {
width: 580px;
margin: 0 0 15px 0;
float: left;
}

#contentleftrow3col1, #contentleftrow4col1 {
width: 272px;
float: left;
margin: 0 35px 0 0;
}

#contentleftrow3col2, #contentleftrow4col2 {
width: 272px;
float: left;
}


#contentright {
width: 214px;
float: left;
margin: 0 auto;
}

#contentbox1, #contentbox2 {
width: 236px;
height: 80px;
float: left;
margin: 0 0 25px 0;
}

#contentbox3, #contentbox4 {
width: 214px;
height: 150px;
float: left;
margin: 0 0 25px 0;
padding: 10px;
background: url(../../../../template/box-bg.gif) repeat-x;
border: 1px solid #cccccc;
}

.contenttext {
font: normal 8.5pt Arial, Helvetica, sans-serif;
margin: 0 0 7px 0;
}


/* Images */

.profile {
border: solid #ffffff;
border-width: 0 10px 10px 0;
float: left;
}

.logos {
border: 1px solid #cccccc;
margin:  0 0 10px 0;
float: left;
}

.headings {
margin: 0 0 10px 0;
float: left;
}


/* Boxout */

.boxout {
float: right;
width: 250px;
height: 200px;
background: #ebebea;
padding: 0 10px 10px 10px;
}

.boxout h2 {
font: bold small-caps 9pt Arial, Helvetica, sans-serif;
color: #ffffff;
background: #ff9933;
margin: 0 -10px 10px;
padding: 5px 10px;
border-bottom: 1px solid #ffffff;
}

.boxout h3 {
font: bold 8pt Arial, Helvetica, sans-serif;
color: #ffffff;
}

.boxout p {
font: normal 8pt Arial, Helvetica, sans-serif;
color: #000000;
}


/* Small print */

.smallprint {
font: normal 6.5pt Arial, Helvetica, sans-serif;
color: #000000;
}

/* Form styling */

.formField {
border: 1px solid #003366;
background: #ebebea;
font: normal 7.5pt Arial, Helvetica, sans-serif;
color: #000000;
padding: 2px;
}

.formButton {
border: 1px solid #ffffff;
background: #003366;
font: normal small-caps 7.5pt Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 1px;
}


/* Footer */

#footer {
font: normal 7pt Arial, Helvetica, sans-serif;
color: #858888;
width: 850px;
margin: 20px 0 0 0;
float: left;
border-top: 5px solid #cc0000;
}

#footerleft {
width: 550px;
padding: 10px 0 20px 0;
float: left;
}

#footerright {
width: 300px;
padding: 10px 0 20px 0;
float: right;
text-align: right;
}


/* Clearing floated content. Two methods included below. */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}		
		
.clearfloats {
clear: both;
}
