/* -------------------SETUP THE SITE CONTAINER -------------------*/



.container /* This is the overall container for the site - the css below creates the grey border*/

{

    border-top-style: solid;

    border-right-style: solid;

    border-top-width: 20px;

    border-right-width: 20px;

    border-top-color: #d1d3d4;

    border-right-color: #d1d3d4;

    background-image: url('../images/grey1.png');

    background-repeat: repeat-y;

}



/* ------------------SETUP SOME BASIC FORMATTING ---------------- */



* {

color:#333399;



}





h1, h2, p, label, li /* set the font colour */

{

	color: #333399;

}

h1

{

    font-size: 1.5em;

    font-weight: bold;

}

h2 {

    font-size:1.3em;

    font-weight:bold;

}



P, li, a

{

    font-size: 1.25em;

}



/* -----------------------FORMAT THE LEADER -----------------------*/

#pagename

{

    text-align: left; /* Was center Prefer left Patrick */

    padding-top:30px;

    font-size:1.4em

}



#leader

{

    padding-top:20px; 

    overflow: hidden;

    height: 115px;

}

#leader img

{

float:right;

margin-top:-13px; /* was -26 but it chopped off the babies head Patrick */

}

#leader p

{

    font-size:14px;

}



/* ----------------------- NAVIGATION BAR ------------------------- */



#navbar

{

    background-color: #d1d3d4;

    color: #FFFFFF;

    top: 0px;

    position: relative;

    clear: both;

    padding-top: 1px;

    padding-bottom: 9px;

    border-right-style: solid;

    border-right-width: 10px;

    

}

#navlist A

{

    display: block;

	/*
	changed 14/07/2011 
	Due to increased length of menu item wording 
	I decreased the padding left by 20px 
	So I had to increase the width by the same amount 
    
	width: 162px;  changed 14/07/2011 */
	width: 182px;

    /*  padding: 6px 0px 0px 34px; changed 14/07/2011 */
	padding: 6px 0px 0px 14px;

    font: bold 18px/1.7 Arial;

    color: #FFFFFF;

    background-image: url(../images/NavButtonPair.png);

    background-repeat: no-repeat;

    text-decoration: none;

    margin-top: 14px;

    height: 34px;

    z-index: 10;

}

#navlist A:hover

{

	background-position: 0 -51px;

	text-decoration: underline;

}

#navlist A:active

{

	background-position: 0 -51px;

}

#currentpage 

{font-weight:lighter ;

}



/* -----------------------------MAIN SECTION FORMATTING ------------------------ */



#main-left /* The container for the left-hand main element */

{

    margin-top: 20px;

    padding-left:10px;

}



#main-left a:hover

{

color:#333399;

text-decoration:none;

}



/* --------------------------- R/H SCROLLING CONTENT --------------- */



#main-right

{

    height: 410px;

    overflow: hidden;

    background-color: #FFFFFF;

    position: relative;

    padding: 10px;

    margin-bottom: 10px;

    margin-top: 10px;

    border: medium solid #333399;

}



/* -----------------------------R/H NON-SCROLLING CONTENT --------------------*/



#main-right-plain



{

margin-top:20px;

padding-left:10px;



}



/* ------------------- SINGLE COLUMN CENTRAL CONTENT ---------------*/



#main-centre

{

padding-top:20px;

margin-left: 10px;



}



/* ----------------------- NEWS HEADER FORMATTING ---------------*/





/* ------------------------------ CONTACT FORM ------------------------------------------ */



#contact-form

{

    padding-top: 20px;

    padding-bottom:10px;

   

}

#contact-form textarea

{

width:320px;

height:140px;

}

.error1 /* CONTROL THE ERROR DISPLAY */

{

color:Red;

font-weight:bold;

}

.contact-check {

position:relative;

margin-left:2em;



}

/* ---------------------------------JOINING FORM FORMATTING --------------------------------*/



/* SET UP FORMATTING FOR THE JOIN UP PAGEs */





#main-centre label {
	color:#25408f;
	margin-left:4em;
	font-size:1.25em;
	position:absolute;
	width: 630px;
}



#main-centre input {

margin-top:0.4em;

margin-left: 5em;

margin-bottom: 1em;

line-height: 1.4em;

}



#main-centre textarea {

margin-left: 5em;

margin-bottom: 1em;

margin-top:0.4em;

line-height: 1.4em;	

}



.showerror { /* prints error text in red */

		color: red;

}

#main-centre dd {

margin-left:5em;

}



table {   

border-color:#25408f;

color:#25408f;

margin-left:5em;

border-style:ridge;

}

.input-prompt {

margin-left:4em;

}

.form-check {

margin-left:25em!important;



}

/* -------------------------------- MEETING AND DOCS FORMATTING --------------------------*/



.dirdisp {

color:#25408f;

font-size:1.25em;

margin-left:1em;

font-weight:bold;

}

.sublink {

border:none; 

padding:0; 

margin:0; 

font-size:1.25em; 

text-decoration:underline; 

color:blue; 

background-color:transparent;

cursor:pointer;



}



/* -------------------------------- FOOTER FORMATING --------------------------------------- */



#ft

{

	background-color: #D1D3D4;

	clear: both;

	height: 40px;

    position: relative;

	left: 0px;

	top: 0px;

	text-align: center;

}

 #ft p {

	padding: 10px;

}

#ft img {

left:45px;

bottom:5px;

position:absolute;

}