/*

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




/* ---------------------------------------------------------------------------
	Layout
--------------------------------------------------------------------------- */
div#container{width:900px;margin:0 auto;}
div#wrapper {margin-top:165px;}
div#header {margin:0 auto;width:900px;position:absolute;top:0;}
div#topnav {position:absolute;top:80px;}
div#content{width:100%;}
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;}
div#sidebar {padding:0.3em;}
div#content {
	margin-left:0.2em;
	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:900px;	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:280%;color:#333;background-color:#fff;
	position:absolute;top:12px;left:1px; 
	}

#bannersubtitle {
	font-size:140%;color:#666;background-color:#fff;
	position:absolute;top:60px;left:1px; 
	}
	
#bannersearch {
	position:absolute;top:12px;left:600px; width:14em;
	}




/* ---------------------------------------------------------------------------
	Home page
--------------------------------------------------------------------------- */
#panel1, #panel2, #panel3, #panel4 {width:440px;height:216px;float:left;}
#panel1 {background-image:url(../images/homepage/panel1.gif);background-repeat:no-repeat;}
#panel2 {background-image:url(../images/homepage/panel2.gif);background-repeat:no-repeat;}
#panel3 {background-image:url(../images/homepage/panel3.gif);background-repeat:no-repeat;}
#panel4 {background-image:url(../images/homepage/panel4.gif);background-repeat:no-repeat;}

#panel1, #panel3 {margin-right:16px;}
#panel1, #panel2 {margin-bottom:16px;}

.panel_inner {position:relative;padding-top:1.6em;padding-left:1em;height:100%;}

#homepage_panel h2 {color:#333;font-size:200%;letter-spacing:0.1em;font-weight:normal;margin-top:0;padding-top:0.3em;line-height:1.4;}

#homepage_panel .main_image {margin-top:2em;}
#homepage_panel .left_image {float:left;margin-right:2em;}

#panel2 h2 {font-size:160%;}

.panel_inner a.home_more  {position:absolute;bottom:1.8em;right:0.8em;}

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



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