/*

	CSS adapted from andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas
*/


body {
margin: 0 auto;
padding: 0;
font: 76% Verdana,Tahoma,Arial,sans-serif;
background: #f4f4f4 url(../images/bg.gif) top center repeat-y;
}




/* ---------------------------------------------------------------------------
	Layout
--------------------------------------------------------------------------- */
div#container{width:760px;margin:0 auto;}
div#wrapper {margin-top:135px;}
div#header {position:absolute;top:0;margin:0 auto;}
div#topnav {position:absolute;top:60px;}
div#content{float:left;width:530px;}
div#sidebar{float:right;width:200px;}
div#footer{clear:both;width:100%}



/* ---------------------------------------------------------------------------
	Additional non-layout attributes for layout classes
--------------------------------------------------------------------------- */
div#topnav {margin-top: 2em;}
div#container {background: #ffffff;color: #303030;}
div#header {background-color:#eff2f5;width:100%;}
div#sidebar {padding:0.3em;}
div#content {
	margin-left:0.2em;
	border-right: 1px dotted #bababa;
	line-height:160%;
	word-spacing:0.1em;
	}

#content p {
	margin:0.5em 0.5em 1em 0;
}

#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%;
}

#footer {border-top: 4px solid #f0f0f0;padding-top:0.3em;}


/* ---------------------------------------------------------------------------
	Main classes
--------------------------------------------------------------------------- */
h1, h2, h3
{	color: #5d7230; font-family:Arial,Verdana;margin-bottom:0.1em;}

h1
{
	font-size: 170%;
	color: #52abc4;
}
h2 {font-size:130%}
h3 {font-size:110%}


h1.pagetitle {	color: #bde6ef;}

img {border:none;}

ul {list-style:bullet;padding-left:0.1em;margin-left:1em;padding-bottom:0.2em;margin-top:0;}
li {padding:0.1em 0.1em 1em 0em; margin-left:1em;}




/* ---------------------------------------------------------------------------
	Sidebar
--------------------------------------------------------------------------- */
#sidebar h1 {
	font-size:small;color:#000;
	border-top:1px solid #bababa;
	border-bottom:1px solid #bababa;
	padding-left:0.1em;
	margin-top:0.5em;
	margin-left:-2px;
	}


ul.leftbarlist {list-style:bullet;padding-left:1em;margin-left:1em;padding-bottom:0.2em;margin-top:0;}
.leftbarlist li {padding:0.1em 0.1em 0.2em 0em; font-size:xx-small;margin-left:1em;}



/* ---------------------------------------------------------------------------
	Main navigation
--------------------------------------------------------------------------- */


#bannermenu {
	margin:0;padding:0;width:760px;	background-color: #efeff6;padding-bottom:1px;border-bottom:1px solid #cccccc;
	}

#bannermenu ul {
	list-style: none;
	line-height:normal;
	margin: 0;padding:0;
	}

#bannermenu li {
	margin-right: 4px;
	margin-left:0;
	display:inline;
	}

#bannermenu li a {
	font-size: 150%;
	margin:0 4px 0 2px;
	color:#505050;
	background-color: #f4f4f4;
	border-left: 4px solid #cccccc;
	padding-left:2px;
	}

#bannermenu a:hover {
	text-decoration: none;
	color:#286ea0;
	background-color:#bde6ef;
	border-left: 4px solid #286ea0;
	}


#bannermenu li#currentnav a  {
/*	text-decoration:underline; */
	border-left: 4px solid #286ea0;
	background-color:#bde6ef;
	}





/* ---------------------------------------------------------------------------
	Banner stuff
--------------------------------------------------------------------------- */

#bannertitle {
	font-size:210%;color:#666666;background-color:#fff;
	position:absolute;top:12px;left:1px; 
	}

	
#bannersearch {
	position:absolute;top:12px;left:600px; width:14em;
	}



/*
#bannerlogo {
	background-color:#eff2f5;
	margin: 0 auto;
	width:100%;
	text-align:right;
	}
*/

#bannerlogo {
	background-color:#efeff6;
	position:absolute;
	top:0px;left:0px;
	text-align:right;
	width:760px;
	}

#bannerdate {
	position:absolute;top:20px;left:200px;font-size:80%;z-index:5;color:#666666;
	}

/*
#bannerimage {margin-left:auto;margin-right:auto;}
#bannerimage img {width:70em;}
*/

/* ---------------------------------------------------------------------------
	Links
--------------------------------------------------------------------------- */

a
{
	color: #495798;
	text-decoration: none;
	font-weight: normal;
}

a:visited {color:Blue}

a:hover {
	text-decoration: underline;
}

a.cancel {margin-left:2em;}

a.backlink {float:right;width:10em;text-align:right;margin-right:1em;}



/* ---------------------------------------------------------------------------
	Tables
--------------------------------------------------------------------------- */

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;}




/* ---------------------------------------------------------------------------
	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%;}

#organisation {float:left;font-size:80%;text-align:left;display:block;}
#amarsys {float:right;font-size:80%;text-align:left;display:block;margin-right:1em;}
#amarsys a {font-weight:normal;color:#333;}