/*
colours:
yellow:
h3 yellow: #FBAF18;
submenu active font: #FBAF18;
dotted border bottom on links: #FBAF18;
content hover/active font: #FBAF18; (?)

mainmenu background: #E7B808; - changed to #FBAF18,
also on mainlevel li/a elements and on form button.

sidebar right background: #FECB09;
sidebar right font: #FECB09;

grey:
according to PDF: 
background header image: #E7E7E9;
10px border on nav to match header image:#E7E7E9;
10px border on #content to match header image:#E7E7E9;
according to image made by previous designer:
#E6E6E6;

background sidebar: #D1D2D4;
submenu background: #D1D2D4;

color event details: #808285;
color links: #808285;
dotted border between items (events/news): #808285;

'black':
black font everywhere: #221E1F;

*/


html,body{
	padding:0;
	margin:0;
	background:#F0F0F0;
	color:#221E1F;
	font-family:Georgia,'Times New Roman',serif;
	font-size:100%;
	line-height:1.3;
}
body{
	text-align:center;
}
body.contentpane{
	text-align:left;
}
.clearall{
	clear:both;
	height:1px;
	overflow:hidden;
}
a img{
	border:none;
}
.left{
	float:left;
	margin-right:5px;
}
.right{
	float:right;
	margin-left:5px;
}
.message {
	padding: 5px;
	background-color: #990000;
	color: #FFFFFF;
	font-size: 90%;
	font-weight: bold;
}
#container{
	width:750px;
	background:white;
	color:#221E1F;
	text-align:left;
	border:8px solid white;
	margin:auto;
}
h1{
	padding:0;
	margin:0;
}
h1 a{
	color:#221E1F;
	text-decoration:none;
}
h1 a img{
	border:none;
}
h2{
	color:#FBAF18;
	font-family:Helvetica,'Luxi Sans',sans-serif;
}
h2.contentheading,
.access{
	position:absolute;
	left:-1000em;
}
a.access:focus,
a.access:active{
	display:block;
	position:absolute;
	left:auto;
	right:0;
	top:0;
	background:white;
	color:#221E1F;
	font-weight:bold;
	padding:1em;
	border:3px solid red;
}
#header,
#nav{
	font-family:Helvetica,'Luxi Sans',sans-serif;
	font-weight:bold;
}
#nav{
	float:left;
	width:730px;
	font-size:75%;
	border-left:10px solid #E6E6E6;
	border-right:10px solid #E6E6E6;
}
div#mainnav{
	float:left;
	width:730px;
	background:#FBAF18;
}
div#subnav{
	float:left;
	width:730px;
	background:#D1D2D4;
}

#nav form,
#nav #mainlevellogin{
	float:right;
	text-align:right;
	padding:0;
	margin:0;
}
#nav form table,
#nav form table td{
	font-size:100%;
	padding:0;
	border:none;
	border-collapse:collapse;
	margin:0;
}
#nav form table td{
	height:3em;
	vertical-align:middle;
	padding:0 2px;
}
#nav form input{
	padding:0;
	margin:0;
}
#nav form #mod_login_username,
#nav form #mod_login_password{
	width:6em;
	height:1.4em;
	font-size:100%;
	line-height:1.2em;
	border:1px solid white;
}
#nav form input.button{
	height:25px;
	width:48px;
	background:#FBAF18;
	color:white;
	font-weight:bold;
	border:0px solid #FBAF18;
}

ul#mainlevel{
	background:#FBAF18;
	color:#221E1F;
}
ul#mainlevelsub{
	background:#D1D2D4;
	color:#221E1F;
}
#nav ul,
#nav li{
	list-style:none;
	padding:0;
	margin:0;
}
#nav ul{
	display:block;
}
#nav li{
	display:inline;
}
#nav li a{
	float:left;
	color:#221E1F;
	height:3em;
	line-height:3em;
	text-decoration:none;
	padding:0em .8em;
}
#nav li.mainlevelsub a{
	border-right:1px solid white;
}
#nav li.mainlevel a:focus,
#nav li.mainlevel a:hover,
#nav li.mainlevel a:active,
#nav li.mainlevel_current a,
#nav li.mainlevel_active a,
#nav ul#mainlevellogin li a:focus,
#nav ul#mainlevellogin li a:hover,
#nav ul#mainlevellogin li a:active{
	background:#FBAF18;
	color:white;
}
#nav li.mainlevelsub a{
	background:#D1D2D4;
	color:#221E1F;
}
#nav li.mainlevelsub a:focus,
#nav li.mainlevelsub a:hover,
#nav li.mainlevelsub a:active,
#nav li.mainlevel_currentsub a{
	background:white;
	color:#FBAF18;
	border-bottom:1px solid white; /* to solve a 1px discrepancy in Opera */
}
#main{
	float:left;
	width:750px; /* for IE 5 */
	w\idth:730px;
	min-height:435px;
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:80%;
	border-width:0 10px 10px 10px;
	border-color:#E6E6E6;
	border-style:solid;
}
/* hide from MacIE \*/
#main{
	_height:435px; /* for IE */
}
/* end hide from MacIE */


h3{
	color:#FBAF18;
	font-family:Helvetica,'Luxi Sans',sans-serif;
	font-size:100%;
}
/*
h3 span{
	color:#221E1F;
}
*/
#main a{
	color:#808285;
	text-decoration:none;
	border-bottom:1px dotted #FBAF18;
}
#main a:focus,
#main a:hover,
#main a:active{
	color:#FBAF18;
}
#main form td{
	vertical-align:top;
}
#sideright,
#sideleft{
	width:183px;
	font-family:Georgia,'Times New Roman',Times,serif;
}
.rightblack #sideright,
.leftblack #sideleft{
	width:202px;
	overflow-x:hidden;
}
#sideright{
	float:right;
}
#sideleft{
	float:left;
}
.rightyello{
	background:url(../images/bgyellow.gif) white repeat-y right top;
}
.rightblack{
	background:url(../images/bgblack.gif) white repeat-y right top;
}
.rightgrey{
	background:url(../images/bggrey.gif) white repeat-y right top;
}
.leftyello{
	background:url(../images/bgyellow.gif) white repeat-y left top;
}
.leftblack{
	background:url(../images/bgblack.gif) white repeat-y left top;
}
.leftgrey{
	background:url(../images/bggrey.gif) white repeat-y left top;
}
.rightblack #sideright .contentpaneopen,
.leftblack #sideleft .contentpaneopen{
	background:#221E1F;
	color:white;
}
.rightblack #sideright .contentpaneopen a,
.leftblack #sideleft .contentpaneopen a{
	background:#221E1F;
	color:white;
}
.rightblack #sideright .contentpaneopen a:focus,
.rightblack #sideright .contentpaneopen a:hover,
.rightblack #sideright .contentpaneopen a:active,
.leftblack #sideleft .contentpaneopen a:focus,
.leftblack #sideleft .contentpaneopen a:hover,
.leftblack #sideleft .contentpaneopen a:active{
	color:#FBAF18;
}

.rightyello #sideright.contentpaneopen ,
.leftyello #sideleft.contentpaneopen {
	background:#FECB09;
	color:#221E1F;
}
.rightyello #sideright .contentpaneopen h3,
.leftyello #sideleft .contentpaneopen h3{
	background:#FECB09;
	color:white;
}
#sideright .contentpaneopen h2{
	font-size:100%;
	color:#FECB09;
	margin-top:10px;
}
#sideright .contentpaneopen .dates h2,
#sideright .contentpaneopen h2.dates{
	font-size:100%;
	color:#221E1F;
	margin-top:10px;
}
.dates h3,
h3.dates{
	margin-bottom:0 !important;
}
.dates p,
p.dates{
	margin-top:0 !important;
}
.rightgrey #sideright .contentpaneopen,
.leftgrey #sideleft .contentpaneopen{
	background:#D1D2D4;
	color:#221E1F;
}
.rightgrey #sideright .contentpaneopen a,
.leftgrey #sideleft .contentpaneopen a{
	background:#D1D2D4;
	color:#FECB09;
}
#sideright .contentpaneopen img{
	margin:-1px -10px;
}
#main .inner{
	padding:1px 10px;
}
p.caption{
	font-family:Helvetica,'Luxi Sans',sans-serif;
	font-size:85%;
	margin-top:.5em;
}
#sideright .contentpaneopen span.title,
#sideleft .contentpaneopen span.title{
	color:#FBAF18;
}
#content{
	float:left;
	width:547px;
}
.rightblack #content,
.leftblack #content{
	width:528px;
}
.nosidebar #content{
	width:730px;
}
#content form{
	margin-top:0px;
}
#content strong,
#content p.smallprint{
	font-family:Helvetica,'Luxi Sans',sans-serif;
}
#content p.smallprint{
	font-size:75%;
	margin-top:50px;
	margin-bottom:0;
}

.contentpaneopen{
	float:left;
	width:547px; /* for IE5 */
	w\idth:527px;
}
.rightblack .contentpaneopen,
.leftblack .contentpaneopen{
	width:528px; /* for IE5 */
	w\idth:508px;
}
.contentpaneopen{
	padding:0px 10px 10px 10px;
	border-top:1px solid white;
}
.contentpaneopen h3,
.contentpaneopen p,
#content form p{
	margin-top:10px;
}
#content .contentpaneopen{
	background-color:white;	
	color:#221E1F;
}
#content form{
	background-color:white;	
	color:#221E1F;
	padding:0em 10px 10px 10px;
	border-top:1px solid white;
}
.nosidebar .contentpaneopen{
	width:730px; /* for IE5 */
	w\idth:710px;
}

/* overruling .contentpaneopen styles for sidebars */

#sideright .inner .contentpaneopen,
#sideleft .inner .contentpaneopen{
	float:none;
	width:auto;
	padding:0;
	border-width:0 0 0 0;
}
#sideright .inner .contentpaneopen p,
#sideleft .inner .contentpaneopen p{
	margin-top:10px;
}
#sideright .inner .contentpaneopen p img,
#sideleft .inner .contentpaneopen p img{
	margin-top:-11px;
}
#sideright .inner .article_seperator,
#sideleft .inner .article_seperator{
	display:none;
}


/* end overruling .contentpaneopen styles for sidebars */


#content form input.button{
	margin-top:1em;
}
span.article_seperator{
	clear:both;
	display:block;
	height:1px;
	overflow:hidden;
}


/* following styles not needed with current settings */ 
/* leave them in, in case settings will be changed */

ul#mainlevelfooter,
ul#mainlevelfooter li{
	display:inline;
	padding:0;
	margin:0;
}
ul#mainlevelfooter li a{
	font-family:Helvetica,'Luxi Sans',sans-serif;
	font-size:60%;
	color:#808285;
	margin-left:5px;
}


div.buttonheading{
	float:right;
	margin-left:5px;
}
table.pagenav{
	width:547px;
	text-align:center;
	margin-top:25px;
}
.rightblack table.pagenav,
.leftblack table.pagenav{
	width:528px;
}
div.modifydate{
	float:left;
	width:527px;
}
.rightblack div.modifydate,
.leftblack div.modifydate{
	width:508px;
}