body{
background-color:#e6e6fa;/*lavender gray91*/
background-image:url(../images/chal2.jpg);
background-attachment:fixed;
background-position:0 10%;
color:#00008b;/*blue4*/
font-family:georgia,times new roman,serif;
border:0;
margin:0;
padding:0;
text-align:center;
}
h1,h2,h3,h4{color:#00008b;/*blue4*/}

a:link {color:#cd0000}/*red3*/
a:active{color:#cd0000}/*red3*/
a:visited{color:#cd0000}/*red3*/
a:hover{color:#000}

/*A piece of nonsense so that a containing float will stretch down to include
all of the float which is in it. Not needed in IE but needed in standards compliant 
browsers.*/
div:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
} 

/*CONTAINERS*/
div.contwrap{
width:670px;
background-color:#f8f8ff;/*Ghost white*/

/*This nonsense with the margins is to overcome browser incompatibility. 
The "margin auto" thing is for standards-compliant browswers. For those that
don't pick this up, the body is declared as "text-align:center" and this is over-ridden in the container div.*/
margin:20px auto;
margin-top:10px;
margin-bottom:0;
border-style:solid;
border-width:1px;
border-color:#b5b5b5;/*gray71*/
}

div.container{
text-align:left;
width:670px;
border-style:solid;
border-width:0px;
border-color:#990000;/*Church Colour*/
padding:0;margin:0;
}

/*TOPBAR STARTS HERE*/
div.topbar{
HEIGHT: 2.4em;
FONT-SIZE: 1.8em;
background-color:#990000;/*Church Colour*/
color:#eeeee0;/*ivory2*/
margin:0;
border:0;
padding:0;

BACKGROUND-POSITION: 99% 50%;
BACKGROUND-IMAGE: url(../images/crosses3.gif) ;
BACKGROUND-REPEAT: no-repeat;

}

div.topbar p{

font-weight:normal;
font-style:italic;
border:0;margin:0;
padding:5px;
width:95%;
}

/* MENU*/
div.menu{
float:left;
margin:0;
border-style: solid;
border-width:1px;
border-color:#e8e8e8;/*grey 91*/
padding:0 5px 0 5px;
WIDTH: 136px;

}


div.menu ul{
margin:0;
padding:0;
}

div.menu li{
margin:0;
padding:0;
border:0;
list-style-type: none;
font-size:75%;
}
div.menu p{
margin:0;
padding:0;
border:0;
text-align:left;
font-weight:bold;
border-style: solid;
border-width: 0 0 1px 0;
border-color:#e8e8e8;/*grey 91*/
}

div.menu a{
display:block;
width:130px;
color:#339;
text-decoration:none;
text-align:left;
background-image:url(../images/pointer.gif);
background-repeat:no-repeat;
background-position:100% 50%;
margin:0;
padding:2px 10px 2px 0;
border-style: solid;
border-width: 0 0 1px 0;
border-color:#e8e8e8;/*grey 91*/
}


/*This sets the behaviour when the mouse goes over a link . By a change of border colors, the button appears to be depressed.*/
div.menu a:link {color:#191970}
div.menu a:active{color:#191970}
div.menu a:visited{color:#191970}
div.menu a:hover {
background-color:#00008b;/*blue4*/
background-image:url(../images/pointer2.gif);
background-repeat:no-repeat;
background-position:100% 50%;
color:#f8f8ff;/*Ghost white*/
}
/*END OF THE MENU*/



/*PAGEHEAD STARTS HERE*/
div.pagehead{
float:right;
width:516px;
border-style:solid;
border-width:0 0px 1px 1px;
border-color:#990000;/*Church Colour*/
margin:0;
padding:0;
}
div.pagehead h1{
display:block;
font-size:180%;
font-family:copperplate gothic light,georgia,times new roman,serif;
margin:0;border:0;
padding:10px;
color:#cd0000;/*red3*/
}



div.pageBody{
font-size:0.85em;
float:right;
clear:right;
width:514px;
margin:0 0 0 0;
border:0;
padding:0 0 0 0;
}




div.newshead{
width:100%;
border-style:solid;
border-width:0 0px 1px 0px;
border-color:#4169e1;/*red3*/
margin:0;
padding:0;
}

div.newshead h1{
display:block;
font-size:150%;
font-family:copperplate gothic light,georgia,times new roman,serif;
margin:0;border:0;
padding:10px;
color:#cd0000;/*red3*/
}

div.newshead p{
margin:0 10px 8px 10px;
padding:0;border:0;
font-size:0.85em;
font-family:copperplate gothic light,georgia,times new roman,serif;
margin:0;border:0;
padding:10px;
}


div.newsBody{
font-size:0.85em;
margin:0 10px 8px 10px;
border:0;
padding:10px 0 0 0;
width:98%;
}





/*LEGENDA STARTS HERE*/
div.legenda{
width:514px;
margin:0 0 10px 0;
border:0;
padding:10px 0 0 0;
}


div.legenda h1,h2,h3,h4{
color:#00008b;/*blue4*/
font-weight:normal;
}

div.legenda h1{
margin:0 10px 5px 10px;
padding:0;border:0;
font-size:150%;
}


div.legenda h2 {
margin:10px 10px 0 10px;
padding:0;border:0;
font-size:130%;
}


div.legenda h3 {
margin:5px 10px 0 10px;
padding:0;border:0;
font-weight:bold;
font-size:85%;
}

div.legenda h4 {
margin:0px 10px 0 10px;
padding:0;border:0;
font-weight:bold;
font-size:85%;
}



div.legenda h5 {
margin:0 10px 0 10px;
font-weight:bold;
padding:0 10px 0 10px;
}

div.legenda h6 {
margin:0 10px 0 10px;
padding:0 10px 0 10px;
}

div.legenda p {
margin:0 10px 8px 10px;
padding:0;border:0;

}

div.legenda ol{
margin:0 0 8px 20px;border:0;
padding:0;
}

div.legenda ul{
margin:0 0 8px 20px;border:0;
padding:0;
}

div.legenda li {
margin:0 10px 2px 10px;
font-size:75%;
padding:0;
}
div.legenda a{
margin:0;padding:0;border:0;
}

div.colleft
{
float:left;
clear:left;
width:50%;
margin:0 0 0 0;
border:0;
padding:0 0 0 0;

}
div.colright
{
float:right;
width:50%;
clear:right;
margin:0 0 0 0;
border:0;
padding:0 0 0 0;
}


div.colleftmyst
{
float:left;
clear:left;
width:14%;
margin:0 0 0 8px;
border:0;
padding:0 0 0 0;

}
div.colrightmyst
{
float:right;
width:83%;
clear:right;
margin:0 0 0 0;
border:0;
padding:0 0 0 0;
}


div.colleftfrm
{
float:left;
clear:left;
width:47%;
border:2px solid red;
padding:1px 1px 1px 1px;
margin:0px 3px 0px 0px;

}
div.colrightfrm
{
float:right;
clear:right;
width:47%;
border:2px solid red;
padding:3px 3px 3px 3px;
margin:0px 3px 0px 0px;
}


img.pageimage
{
border:2px solid red;
margin:5px 5px 5px 5px;

}

div.bookmarks
{
margin:0;
padding:1px 1px 1px 1px	;

}

div.bookmarks p{
margin:0 0 3px 0;
}
div.bookmarks ul{
list-style-type:none;
margin:0;border:0;
}
div.bookmarks li{
font-size:0.80em;
margin:0;
padding:3px 0 3px 0;;
border-style:dotted;
border-width:0 0 1px 0
}
div.bookmarks a{
text-decoration:none;
}
div.bookmarks input{
font-size:1em;
}



table
{
font-size:0.85em;
margin:0;
border-collapse:collapse;
padding:0px 0px 0px 0px	;
border-style:solid;
border-color:#4169e1;
border-width:1px;

}
td
{
border-style:solid;
border-color:#4169e1;
border-width:1px;
padding:3px 3px 3px 3px;
}
th
{
border-style:solid;
border-color:#4169e1;
border-width:1px;
padding:3px 3px 3px 3px;
}

div.bullets li
{
font-size:0.85em;
}

div.externallinks li
{
font-size:0.85em;
}


div.sitemap li
{
font-size:1em;
}

div.newsitems li
{
font-size:0.85em;
}



div.bulletins
{
border:2px solid red;
margin:5px 5px 5px 5px;
}


/*PES STARTS HERE*/
div.pes{
clear:both;
margin:0;padding:0;border:0;
text-align:center;
}
div.pes p{
font-size:70%;
padding:5px 0 5px 0;
margin:0;
}

/*PES ENDS HERE*/



/* Admin PAGES FORMATTED HERE */



div.adminhead{
width:100%;
border-style:solid;
border-width:0 0px 1px 0px;
border-color:#4169e1;/*red3*/
margin:0;
padding:0;
}

div.adminhead h1{
display:block;
font-size:150%;
font-family:copperplate gothic light,georgia,times new roman,serif;
margin:0;border:0;
padding:10px;
color:#cd0000;/*red3*/
}

div.adminhead p{
margin:0 10px 8px 10px;
padding:0;border:0;
font-size:0.85em;
font-family:copperplate gothic light,georgia,times new roman,serif;
margin:0;border:0;
padding:10px;
}


div.adminBody{
font-size:0.85em;
margin:0 10px 8px 10px;
border:0;
padding:10px 0 0 0;
width:100%;
}






/* The buttons used for bbCode styling in message post */
input 
{
	font-family:georgia,times new roman,serif;
	font-size:0.85em;
}


input.buttonbold {
	font-weight : bold;
	width:3em;
}
input.buttonitalic {
	width:3em;
	font-style:italic;
}
input.buttonunderline {
	width:3em;
	text-decoration: underline;

}

.admindropdown
{
height:1.5em;
font-size:100%;
}

input.Title
{
width:98%;
}
input.Status
{
width:12em;
}


textarea.post
{
	font-family:georgia,times new roman,serif;
	font-size:0.85em;
	width:490px;
}
/* The main submit button option */
input.mainoption {
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline 
 
{
	font-family:georgia,times new roman,serif;
	color:#00008b;/*blue4*/
	background-color:#f8f8ff;/*Ghost white*/
	font-size:0.85em;
	border-style: none; 
	width:85%;
	  
}

.hiddenlabel
{
	visibility:hidden;
	font-size:0.00001em;
	
}

.searchGrid
{
	font-family:georgia,times new roman,serif;
	font-size: 0.8em;
	width: 100%;
}

.searchItemStyle
{
	background-color:#f8f8ff;/*Ghost white*/
}
.searchItemCell
{
    border-width:0px;
}
.searchHeaderStyle
{
	background-color:Silver;
	font-weight:bold;	
    border-width:0px;
}

.searchItemStyleAlt
{
	background-color:#f0f8ff;
}

/* End of Admin Page Formatting */