/* CSS Document */

html, body {
margin: 0 auto;
width:100%;

/*height:100%;*/
}
body {
	
	background: url(../images/background.jpg) repeat-x #1f3401;
}
a:link {
	color: #006600;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#666600;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
h1 
{ 
font-weight:bold;
color:#669966;
font-size:20px Tahoma, Helvetica, Arial, Sans-Serif;
padding: 2px 0px 5px;
text-shadow: 0px 1px 0px #FFF;
filter: dropshadow(color=#e5e5ee,offX=0,offY=1);
}
.mainWrapper {
/*position:relative;*/
margin: 0 auto;
width:1024px;
height:100%;
overflow:hidden;
}

.topBar {
background:url(../images/home_01.jpg) no-repeat;
width:1024px;
height:236px;
overflow:hidden;
}

.menubar{
position:relative;
width: 				100%;
/*height:				36px;*/
text-align:			center;
vertical-align : 	middle; 
display : 			table-cell;
z-index: 			999;
overflow:hidden;
/*border:1px solid black; */

}
.contentWrapper{
position:relative;
width: 1024px;
height:100%;
margin:0;
/*border:1px solid black;*/
}
.content{
position:relative;
padding:0;
margin:0 auto;
background:url(../images/home_07.jpg) repeat;
width:800px;
height:100%;
/*border:1px solid black;*/
}
.contentTitle {	font-size: 18px;
	font-weight: bold;
	color: #3f5526; 
}
.contentTitleSmall {	font-size: 14px;
	font-weight: bold;
	color:#993300; 
}
.contentTitle a:link{	font-size: 18px;
	font-weight: bold;
	color:#FF6600; 
}

.contentTitle a:visited {
	text-decoration: none;
	color:#FF9900;
}
.contentTitle a:hover {
	text-decoration: underline;
}
.contentTitle a:active {
	text-decoration: none;
}

.contentSubMenu {
	font-size: 16px;
	font-weight: bold;
	color: #7b9163;
}
.titleImg {
	width: 100px;
	float: left;
	position: relative;
}
.rightpane 
{
	width:700px;
	float:right;
	bgcolor:#557F55;
}
.contentText {
position:relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
padding: 20px 20px 20px 20px;
/*border:1px solid black;*/
}
.text
{
height:100%;
min-height:300px;
}
#footer{
	position:relative;
	background:url(../images/home_07.jpg) repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	margin:0 auto;
	width:800px;
	height:100px;
	padding-top:40px;
	/*border:1px solid black;*/
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
  visibility: hidden;

}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.announcement {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FF6633;
	font-weight: bold;
}
.green{
align: left;
border: 0.5px solid #005100;
}

.tablewidth {
	background: url('../images/home_right.jpg') left top no-repeat #cfcdb4; 
	width:21px; 
	
}

.tablewidth{
width /*\**/: 22px\9
}

.tablewidth{
*width:22px; 
_width:22px; 
}

/*Programme Table*/

#table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin-left:23px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
}
#table thead th.table-title-left
{
	background-color: #557F55;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#table thead th.table-title-right
{
	background-color: #557F55;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#table thead th.table-date
{
	background-color: #557F55;
}

#table th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #FFF;
	background-color: #739673;
}
#table td
{
	padding: 8px;
	background-color: #d4e7d4;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #014507;
}
#table tbody tr:hover td
{
	background: #a4c5a4;
}

/*added Feb 2010 */
#feedframe {font-family:Arial, Helvetica, sans-serif; width:100%; padding:8px; margin:0 auto; clear:both; overflow:hidden;}
#feedframe .rssfeed {width: 500px; margin-left:18px; padding:4px; float:left; text-align:justify;}
#feedframe .flickrfeed {width: 350px; margin-left:12px; padding:4px; float:left;}
h2 {font: normal 22px Arial, Helvetica, sans-serif;}
.rssfeed ul {margin:0; padding:0;}
.rssfeed li {font-size:11px; list-style:none; line-height:22px; padding-left:18px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 3px;}
.rssfeed li a {font-size:13px; font-weight:bold;}
.rssfeed li a:hover {color:Black;}

/* MISC CSS */
.spacer10 { display:block; height:10px;}
.spacer20 { display:block; height:20px;}
.spacer30 { display:block; height:30px;}
.spacer40 { display:block; height:40px;}
.spacer50 { display:block; height:50px;}
.spacer60 { display:block; height:60px;}

.imgtop
{
margin:auto;
width:565px;
border: #CCCCCC 5px solid;
}
.events{
	color: #003399;
	font-weight: bold;
}
.mdiv
{
margin:auto;
padding: 10px 3px 3px 3px;
/*background:#666666;
margin:auto;
padding: 10px 3px 3px 3px;
-moz-border-radius: 10px;
border-radius: 10px;
height:100px;*/
}
.mleft
{
width:195px;
float:left;
color:#3366CC;
font-weight:bold;
padding:3px 2px 3px 2px;
background:#f5f7f2;
border:#CCC 1px solid;
margin-right:3px;
/*-moz-border-radius: 10px;
border-radius: 10px;*/
}
.mcenter
{
color:#336633;
font-weight:bold;
padding:3px 2px 3px 2px;
width:195px;
float:left;
background:#f5f7f2;
border:#CCC 1px solid;
margin-right:3px;
/*-moz-border-radius: 10px;
border-radius: 10px;*/
}
.mright
{
width:195px;
float:left;
color:#CC3333;
font-weight:bold;
background:#f5f7f2;
border:#CCC 1px solid;
padding:3px 2px 3px 2px;
/*-moz-border-radius: 10px;
border-radius: 10px;*/
}
.mlink a img
{ 
border:0px solid #fff;
} 
.mlink a:hover img
{ 
opacity:.70;
filter:alpha(opacity=70);
} 
.mcomp
{
margin:auto;
padding: 10px 3px 5px 3px;
display:block;
height:210px;
/*background:#666666;
margin:auto;
padding: 10px 3px 3px 3px;
-moz-border-radius: 10px;
border-radius: 10px;*/

}
.mcomp h1 { font-size:16px; color:#FFF; font-weight:bold;}
.mcomp h2 { font-size:14px; color:#FFF; font-weight:bold;}
.cleft
{
position: relative;
width:285px;
height:214px;
float:left;
color:#3366CC;
font-weight:bold;
padding:3px 2px 3px 2px;
background:#f5f7f2;
border:#CCC 1px solid;
margin-right:3px;
/*-moz-border-radius: 10px;
border-radius: 10px;*/
}


.cright
{
position: relative;
width:285px;
float:right;
color:#3366CC;
font-weight:bold;
padding:3px 2px 3px 2px;
background:#f5f7f2;
border:#CCC 1px solid;
margin-right:3px;
/*-moz-border-radius: 10px;
border-radius: 10px;*/
}

.hov a {
color: #fff;
width: 285px;
height: 214px;
display: block;
text-decoration: none;
}

.hov a:hover {
background:#000;
opacity:.80;
filter:alpha(opacity=80);
}

.hov a span {
display: none;
width: 270px;
padding:5px;
text-align:left;
}

.hov a:hover span {
display: block;
}
.hov cite {
	text-align:center;
	filter:alpha(opacity=55);
	opacity:.55;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 270px;
	padding: 10px;
}


/* Dom tab classes and styles */

		div.domtab{
			padding:0 0 0 0;
			width:100%;
			font-size:12px;
			margin:0;
			background:#fff;
			border:1px #ccc solid;
		}
		ul.domtabs{
			margin:0;
			padding:0;
			border:none;
			list-style:none;
			float:left;
			width:570px;
			margin:2em 0 0 0;				
		}
		ul.domtabs li{
			float:left;
			padding:0 .5em 0 0;

		}
		ul.domtabs a:link,
		ul.domtabs a:visited,
		ul.domtabs a:active,
		ul.domtabs a:hover{
			width:100px;
			padding:.2em 1em;
			display:block;
			background:#666;
			color:#fff;
			height:3em;
			font-weight:bold;
			text-decoration:none;
		}
		html>body ul.domtabs a:link,
		html>body ul.domtabs a:visited,
		html>body ul.domtabs a:active,
		html>body ul.domtabs a:hover{
			height:auto;
			min-height:3em;
		}
		ul.domtabs a:hover{
			background:#cecece;
			color:#000000;
		}
		div.domtab div{
			clear:both;
			width:565px;
			background:#fff;
			color:#000;
			padding:5px 5px;
		}
		ul.domtabs li.active a:link,
		ul.domtabs li.active a:visited,
		ul.domtabs li.active a:active,
		ul.domtabs li.active a:hover{
			background:#cecece;
			color:#000;
		}
		div.domtab div li{ padding-bottom:30px;}
		div.domtab div table{ padding-top:10px;}
		div.domtab div span { width:100px; }
		#domtabprintview{
			float:right;
			padding-right:1em;
			text-align:right;
		}
		#domtabprintview a:link,
		#domtabprintview a:visited,
		#domtabprintview a:active,
		#domtabprintview a:hover{
			color:#333333;
		}

		pre{
			font-size:1.2em;
			padding:1em;
		}
		div.domtab div a:link,
		div.domtab div a:visited,
		div.domtab div a:active
		{
			color:#333;
			display:block;
			padding:5px 10px;
			font-weight:bold;
			font-size:1.3em;
		}
		div.domtab div h2 a,
		div.domtab div h2 a:hover,
		div.domtab div h2 a:active
		{
			color:#333;
			display:inline;
			padding:0;
			font-weight:normal;
			font-size:1em;
		}