* {margin:0;padding:0;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin:0 0 0 0;	
	font-size:72%;
	background-color:#003399;
}

textarea {font-family: Verdana, Arial, Helvetica, sans-serif;}

h1, h2, h3 {color: #001f5e; font-family:Arial,Verdana;}
h1 {font-size:190%;}
h2 {font-size:130%}
h3 {font-size:110%}

img {border:none;}

li {padding:0.1em 0.1em 1em 0em; margin-left:1em;}



/* ---------------------------------------------------------------------------
	Links
--------------------------------------------------------------------------- */
a {	color: #001f5e;	text-decoration: none;	font-weight: normal;}
a:visited {color:#001f5e}
a:hover {	text-decoration: underline;}
a.cancel {margin-left:2em;}
a.backlink {float:right;width:10em;text-align:right;margin-right:1em;}



/* ---------------------------------------------------------------------------
	Layout - table-based
--------------------------------------------------------------------------- */
#outercontainer {margin:20px auto 20px auto;
	padding:0;text-align:center; width:894px;
	position:relative;
	background-color:#fff;
	border:1px solid blue; /* Chrome and Safari require a border otherwise they position the container incorrectly */
	}

#banner {

	width:100%;
	position:absolute;
	top:5px;left:0;
	margin:auto;
/*
	margin:5px auto 0 auto;
	*/
}

#topnav {
	position:absolute;top:138px;left:5px;text-align:center;
/*
	width:900px;
	height:70px;
*/	
/*	margin-left:6px; */
 }


table#container {
	margin-top:174px;
	width:100%;
	table-layout:fixed;
	}

#content {
	padding: 1.4em 1em 1em 1em;
	margin:auto;
	min-height:400px;
	}

.leftcell {border-right:1px dotted #bababa;background-color:#b0bfdb;}

#leftbar {
	padding-left:3px;
	padding-top:15px;
	}

#footer {
	background-color:#FFF;
/*	width:894px; */
	padding-top:0.5em;
	margin:auto;text-align:center;
	font-size:80%;
	}



/* ---------------------------------------------------------------------------
	Main content
--------------------------------------------------------------------------- */

#content p {
	margin:0.5em 0.5em 1em 0;
	line-height:160%;
	word-spacing:0.1em;
}

#content ul {
	margin:0.5em 0.5em 0.5em 1.5em;
	word-spacing:0.1em;
	line-height:160%;
}

#content ol {
	margin:0.5em 0.5em 0.5em 3em;
	word-spacing:0.1em;
	line-height:160%;
}

#content div {
	word-spacing:0.1em;
	line-height:160%;
	}

	
/* ---------------------------------------------------------------------------
	Banner
--------------------------------------------------------------------------- */
#bannersearch {
	position:absolute;top:10px;right:1em;
	}

#pockarms {
	position:absolute;top:0;left:5px; }

#bannertitle {
	font-size:240%;color:#5d7230;
	position:absolute;top:30px;left:70px;
	}

#bannermenu {
	position:absolute;top:0px;left:0px;width:100%;text-align:center;margin:auto;
	}

#bannerdate {
	position:absolute;top:10px;left:72px;font-size:80%;
	}

#bannerphone {
	position:absolute;top:67px;left:72px;font-size:80%;
	}

form#frmtopsearch {display:inline;color:#fff; font-weight:normal;position:absolute;top:8px;right:10px;}
/* div#topsearch {padding-top:4px;display:inline;} */



/* ---------------------------------------------------------------------------
	Main navigation
--------------------------------------------------------------------------- */
.navigation {
	margin: 0;padding: 0;
	margin-bottom: 1em;
	font: bold 15px Arial;
	width: 884px;
	overflow: hidden;
	border: 1px solid #625e00;
	border-width: 1px 0;
	background: black url(../images/navigation_default.jpg) center center repeat-x;
}

.navigation li {display: inline; }

.navigation li a {
	float: left;
	color: white;
	padding: 9px 11px;
	text-decoration: none;
	border-right: 1px solid white;
	}

.navigation li a:visited {
	color: white;
}

.navigation li a:hover, .navigation li .current {
	color: white;
	background: transparent url(../images/navigation_active.jpg) center center repeat-x;
}



/* ---------------------------------------------------------------------------
	Sidebar
--------------------------------------------------------------------------- */
.sidesection {
	background-image:url('../images/sidesection.jpg');
	height:30px;
	margin-left:-2px;
}

.sidesection h1 {
	font-size:130%;color:#fff;
	padding-left:0.4em;
	padding-top:0.7em;
	}


ul.leftbarlist {padding:0 0 0.6em 0;list-style:circle;list-style-position:outside;}
.leftbarlist li {padding:0.1em 0.1em 0.2em 0em; font-size:x-small;margin-left:1.7em;line-height:1.1;}


/* ---------------------------------------------------------------------------
	Tables
--------------------------------------------------------------------------- */
th {text-align:left;vertical-align:bottom;}
td {text-align:left;vertical-align:top;}

th.center {text-align:center;}
td.center {text-align:center;}

table.listing {
	margin-top:1em; width:100%;
	table-layout:fixed;
	}

.listing td {
	padding:0.2em 0.1em 0.3em 0;
}
.listing th
{
	border-top: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
	padding: 0.1em 0.1em 0.2em 0.1em;
	background-color: #ffffda;
	color: #000;
}


table.photolisting {
	margin-top:1em; width:100%;
	table-layout:fixed;
	}

.photolisting td {
	padding:0.9em 0.1em 0.3em 0;
	border-bottom:1px dotted #bababa;
}
.photolisting th
{
	border-top: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
	padding: 0.1em 0.1em 0.2em 0.1em;
	background-color: #ccdcab;
	color:#000;
}



table.listingsmall {
	margin-top:1em; width:100%;
	table-layout:fixed;
	}

.listingsmall td {
	padding:0.2em 0.1em 0.3em 0;
	font-size:xx-small;
}
.listingsmall th
{
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 0.1em 0.1em 0.2em 0.1em;
	background-color: #9bb629;
	font-size:xx-small;
}




.lineStandard {background-color: white;}
.lineHilite {background-color: #dcdcdc;}

th.right {text-align:right;}
td.right {text-align:right;}



/* ---------------------------------------------------------------------------
	Data input
--------------------------------------------------------------------------- */
table.selectionform {width:100%;margin-top:2em; margin-bottom:2em;border-bottom:1px dotted #bababa;}
table.selectionform td {font-size:95%;padding-bottom:1em;}
table.selectionform input {font-size:95%;}
table.selectionform select {font-size:95%;}
a.resetlink {margin-left:0.5em;}

table.inputform {margin-top:0.6em; width:100%;}

.inputform td {
	padding:0.1em 0 0.4em 0;
}


/* ---------------------------------------------------------------------------
	Article and image layouts
--------------------------------------------------------------------------- */
.articlepreview
{	margin-bottom:2em;}



div.articleimage_layout0 {
	float:right;
	margin:0.2em 0.2em 1em 1em;
}



div.articleimage_layout1 {
	margin:0.2em 0.2em 2em 0.2em;
}



div.articleimage_layout2 {
	margin:0.2em 0.2em 5em 1em;
	text-align:center;
}


div.articleimage_layout3 {
	float:left;
	margin:0.2em 1em 0.5em 0.2em;
}

div.articleimage_layout4 {
	float:left;
	margin:0.2em 1em 0.5em 0.2em;
}

div.articlepublished {margin-top:1em;margin-bottom:1em;font-size:smaller;}


.imagecaption_left {text-align:left;font-size:small; font-style:italic;}

img.articleimage {padding:0.3em;border:1px solid #d3d3d3;}


img.thumbnail {
	border:1px solid #d3d3d3;
	padding:0.2em;
}


/* ---------------------------------------------------------------------------
	Photo gallery
--------------------------------------------------------------------------- */

 div.photogallery
{
	float: left;
	width: 120px;height:120px;
	text-align:center;font-size:xx-small; line-height:1; font-style:italic;
}

.photogallery a {text-decoration:none;color:#333;line-height:1; }
.photogallery img {border:1px solid #d3d3d3;padding:0.2em;}

div#galleryhero {
	float:left;width:350px;height:340px;
	border:1px solid #d3d3d3;padding: 0.2em;
	margin:auto;
	text-align:center;
	background-color:#f9f5ef;
	vertical-align:middle;
	line-height:1; 
	}

#galleryhero img {
	border:1px solid #d3d3d3;padding: 0.2em ;margin-top:0.5em;
	}




/* ---------------------------------------------------------------------------
	Organisation layouts
--------------------------------------------------------------------------- */
div.organisationdetails {
	margin-bottom:2em;
	border: 1px dotted #001f5e;
	padding: 0.3em;
	background-color: #cfd8e9;
}

div.organisationmore {
	margin-top:5em;border-top:1px dotted #001f5e;
	font-size:smaller;
	}

.organisationsummary {
	font-style:italic;margin-top:1em;margin-bottom:1em;
	}

.organisationsmallsummary {
	font-size:xx-small;line-height:60%;
	}



/* ---------------------------------------------------------------------------
	Events
--------------------------------------------------------------------------- */
.eventtitle {font-weight:bold;	}


/* ---------------------------------------------------------------------------
	Home page slider and panels
--------------------------------------------------------------------------- */
#slider_panel {
	background-image:url(../images/sliderbg.gif);background-repeat:no-repeat;
	width:874px;height:371px;
	position:relative;
	}
#slider_panel h2 {color:White;margin:auto;text-align:center;padding-top:0.2em;font-size:110%;}

#slider1 {
	position:absolute;top:44px;left:24px;
	width:826px;height:305px; 
	border:2px solid #cccccc;}

.slide {margin:auto;padding:2px;}

#subject_panels {margin-top:2em; }
.subject_panel { 
	background-image:url(../images/subject_panel.gif);background-repeat:no-repeat;
	width:205px;height:185px;
	float:left;padding-right:16px;
	}
.subject_panel_last {padding-right:0px;}

.subject_panel h2 {color:White;margin:auto;text-align:center;padding-top:0.2em;}
.subject_panel img {margin-top:18px;margin-left:14px;}

/* ---------------------------------------------------------------------------
	Miscellaneous
--------------------------------------------------------------------------- */

div.searchresults {margin-bottom:4em;}
div.searchresults li {margin-left:8px;}


.listtable td
{
	padding-bottom:0.2em;padding-right:1em;padding-top:0.1em;
	vertical-align:top;
	line-height:150%;
}

.listtable h2 {margin-top:1em;padding:0;}



div.introduction p {font-style:italic;}


#pagedrecordset {
	margin-top:2em;
}

.bold {font-weight:bold}
.italic {font-style:italic}
.lighttext {	color: #bababa;}
.accesskey {text-decoration:underline}

.normal {font-weight:normal}

div.strapline
{
	border: 1px dotted #001f5e;
	padding: 0.2em;
	margin: 0 auto 1em auto;
	background-color: #cfd8e9;
	text-align:center;
}

.newsfeed img {margin-right:5px}
.newsfeed li {margin-bottom:1em;}

#organisationletters a {padding-right:1em;}


a.important {font-size:120%;font-weight:bold;}
li.important {background-color:#e2e2e2;padding:0.2em;margin-bottom:0.9em;border:1px solid red;}