* {margin:0;padding:0;}

/* html {height:100%;} */

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 72%;
	height:100%;
}

textarea {font-family: Verdana, Arial, Helvetica, sans-serif;}

h1, h2, h3 {	color: #333; font-family:Arial,Verdana;}

h1 {font-size:190%;color:#333;}
h2 {font-size:130%}
h3 {font-size:110%}


h1.pagetitle {	color: #d60042;}
h1#printbannerheading {display:none;}

img {border:none;}

/* ---------------------------------------------------------------------------
	Links
--------------------------------------------------------------------------- */

a
{
	color: #5b6f23;
	text-decoration: none;
	font-weight: normal;
}

a:active { text-decoration: none }
a:visited { text-decoration: none }
a:hover {	text-decoration: underline; color:#000;}




/* ---------------------------------------------------------------------------
	Layout
--------------------------------------------------------------------------- */
div#backgroundcontainer {
	height:100%;
	width:750px;margin:0 auto 0 auto;
	position:relative;
	vertical-align:top;	
	padding:0;
	}

div#outercontainer {
	width:750px;margin:0 auto 0 auto;
	position:relative;
	}


table#container {
	margin:0 auto 10px auto;
	width:100%;
	table-layout:fixed;
	}

td#innercontainer {	background-color:#fff;		}

#banner {	width:98%;}


#topnav {
/*	position:absolute;top:233px; */
	width: 100%;
 }

div#content {
	padding-right:0.6em;padding-left:0.2em;padding-top:1em;
	border:1px solid #bababa;margin-top:5px;
	}

div#leftbar {
	background-color:#C7A317;
	}
	


div#footer{margin:1em 0 0.5em 0; clear:both;}



/* ---------------------------------------------------------------------------
	Main content
--------------------------------------------------------------------------- */

#content p {
	margin:0.5em 0.5em 1em 0.2em;
	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%;
}

li {padding-bottom:0.9em;}

#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
--------------------------------------------------------------------------- */


#bannerdate {
	position:absolute;top:25px;right:35px;font-size:80%;
	color:#000;
	}


h1#bannertitle
{
	letter-spacing: 0.25em;
	font-size:20px;font-weight:normal;
	text-align:left;
	font-family: Cambria, Times New Roman, Serif;
	margin-bottom:4px;
}

#bannerlogo {float:right; }



#bannermenu
{
	text-align: left;
	width:100%;
	height:29px;
	background-color:#4373bf;
}

#bannermenu ul {
	list-style: none;
	line-height:normal;
	padding-top:5px;
	}

#bannermenu li {
	font-size: 142%;
	margin:0 12px 0 4px;
	display:inline;
	}

#bannermenu a {
	color: #fff;
	font-weight:normal;
	}

#bannermenu a:hover {
	text-decoration: underline;
	color:#a20307;
	}


#bannermenu li#currentnav a  {
	text-decoration:underline;

	}





/* ---------------------------------------------------------------------------
	Sidebar
--------------------------------------------------------------------------- */
#leftbar h1 {
	font-size:medium;color:#fff;
	background-color:#333;
	border-top:1px solid #bababa;
	border-bottom:1px solid #bababa;
	padding:0.1em 0 0.1em 0.3em;
	margin-top:0.5em;
	margin-left:0;
	margin-right:0;
	width:98%;
	}


ul.leftbarlist {padding-bottom:0.2em;list-style:circle;list-style-position:outside;}
.leftbarlist li {padding:0.1em 0 0.3em 0; font-size:110%;margin-left:1.6em;}

.leftbarlist li a {color:#fff}

div.leftbarform {padding:0.5em 0.2em 0.2em 0.3em;}
div.leftbarform form {padding:0.3em}


#leftbar p {padding-left:0.3em;}

/* ---------------------------------------------------------------------------
	Footer styles
--------------------------------------------------------------------------- */


#organisation {float:left; font-size:80%;display:block;margin-left:0.1em;}

#amarsys {float:right;font-size:80%;text-align:left;display:block;margin-right:1em;}
#amarsys a {font-weight:normal;color:#333;}
a.nohilite {font-weight:normal;color:#333;}



/* ---------------------------------------------------------------------------
	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;
	border-bottom: 1px solid #bababa;
}
.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:1em; width:100%;}
.inputform td {	padding:0.2em 0 0.8em 0;}


/* ---------------------------------------------------------------------------
	Photo gallery
--------------------------------------------------------------------------- */

 div.photogallery
{
	float: left;
	width: 140px;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; }


div#galleryhero {
/*	float:left;width:350px;height:340px; */
	border:1px solid #d3d3d3;
	padding: 0.2em;
	margin:0 auto 2em auto;
	text-align:center;
	background-color:#f9f5ef;
	vertical-align:middle;
	line-height:1.2; 
	}

#galleryhero img {
	border:1px solid #d3d3d3;padding: 0.2em ;margin-top:0.5em;
	}

/* ---------------------------------------------------------------------------
	Article and image layouts
--------------------------------------------------------------------------- */
.articlepreview
{
	width:100%;
	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.articlepublished {margin-top:1em;margin-bottom:1em;font-size:smaller;}


.imagecaption_center {text-align:center;font-size:small; font-style:italic;}
.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;
}


/* ---------------------------------------------------------------------------
	Organisation layouts
--------------------------------------------------------------------------- */
div.organisationdetails {
	width:60em;
	margin-bottom:2em;
	border: 1px dotted #666666;
	padding: 1em;
	background-color: #f9f5ef;
}

div.organisationmore {
	margin-top:5em;border-top:1px dotted #bababa;
	font-size:smaller;
	width:60em;
	}

.organisationsummary {
	font-style:italic;margin-top:1em;margin-bottom:1em;
	}

.organisationsmallsummary {
	font-size:xx-small;line-height:60%;
	}

/* ---------------------------------------------------------------------------
	Events
--------------------------------------------------------------------------- */
.eventtitle {font-weight:bold;	}


/* ---------------------------------------------------------------------------
	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;}
/* div.details p {padding-left:2em;} */


#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 #bababa;
	padding: 0.2em;
	font-size: smaller;
	margin-bottom: 1em;
	background-color: #ffffda;
}

.newsfeed img {margin-right:5px}
.newsfeed li {margin-bottom:1em;}

#organisationletters a {padding-right:1em;}


dl.comment {margin-bottom:2em;}
dl.comment dt {color:#000;margin-top:10px;margin-bottom:3px;}
dl.comment dd {line-height:140%;}

