.pageheader {
	width:800px;
	text-align: center;
	/*border:1px solid gray;*/
	height:100px;
}
body {
	font-size:12pt;
	font-family:arial;	
}

h3 {
	font-size:18;
	font-family:arial black;
	text-indent:20px;
	margin-top:35px;	
	font-style:bold;

	

}

h4 {
	font-size:14;
	family:arial black;
	font-style:bold;
}

/* position the logos */
.EsccLogo {
	position:absolute;
	/*padding: 0 20 0 20 ;*/
	/*border:1px solid gray; */
	left:10px;
	float:left;
	top:10px;
}
.TimLogo {
	padding: 0 20 0 20 ;
	position:absolute;
	/*border:1px solid gray;*/
	/*right:10px;*/
	/*float:right;*/
	top:10px;
	left:608px;
	width:292px;
	height:170px;
	margin-left: 0;
	margin-right: 0;
	z-index:10;

}
.EydcpLogo {
	/*padding: 0 20 0 20 ;*/
	position:absolute;
	/*border:1px solid gray;*/
	right:170px;
	float:right;
	top:10px;
}
.EsfLogo {
	/*padding: 0 20 0 20 ;*/
	position:absolute;
	/*border:1px solid gray;*/
	left:170px;
	top:10px;
	float:left;
}

/* scale all the logos to the same width */
.pageheader img {
	height:170px;
}
/* scale all the logos to the same width */
.sideimages img {
	width:140px;
}

/* format the header texts */
.headertext {
	width:500px;
	text-align:center;
	/*border:1px solid black;*/
}
.headertext .header {
	font-size:42;
	font-family:Comic Sans MS;
	font-weight:bold;
	color:green;
}
.headertext .subheader {
	font-size:15;
	font-style:italic;
	/*width:200px;*/
	/*border:1px solid black;*/
}
.headertext .charity {
	font-size:12;
	font-weight:bold;
	/*width:200px;*/
	/*border:1px solid black;*/
}
/* the navigation-box should apear on the left */
.navigation {
	/*position:relative;*/
	position:absolute;
	top:120px;
	left:0px; 
	width:142px;
	height:220px;
	border:1px solid gray;
	background-color:#E0E0E0;
	z-index:100;
}

/* some configuration for the menuitems */
.mmi {
	width:100%;
	height:20px;
	font-family:Comic Sans MS;
}

.smi a {
	display: block;
	font-size:15px;
	font-family:Comic Sans MS;
	color:#000000;
	width:132;
	/*width:190px;*/
	height:20px; 
	padding-left:8px;
	margin-left:10px;
	text-decoration: none;
	background-image: url(../images/button_sub1_pale_blue.gif); 
}

.smi a:hover {
	color:#EE0000;
	text-decoration: none;
	background-image: url(../images/button_sub1_high.gif); 
}

.mmi a {
	display: block;
	font-size:17px;
	color:#000000;
	width:142;
	/*width:190px;*/
	height:22px; 
	padding-left:8px;
	text-decoration: none;
	background-image: url(../images/button_norm.gif); 
}

.mmi a:hover {
	color:#EE0000;
	text-decoration: none;
	background-image: url(../images/button_high.gif); 
}

/*.mmi a:visited {
	color:#000000;
}*/


/* then content should therefore be on the right */
/* .pagecontent  {position:absolute; top:"100px"; float:right;}  */
.pagecontent  {
	/*position:relative;*/
	position: absolute;
	top: 120px;
	left: 0px;
	float:right;
	width: 100%;
	height: 100%;
	margin-left: 180px;
	margin-right:150px
	/*padding:10px 10px 10px 10px;*/
	border:0px solid gray;
	z-index:0;


} 

.contentframe {
	/*position:relative;*/
	width:740px;
	height:1100px;
z-index:100;
	border-style:none;
	border-size:0;
	/*padding:5px;*/
}

.innercontent {
	margin-left:140px;
	height:100%;

	/*border:1px solid red;*/
}

.pagetitle {
	font-size:30;
	family:arial;
	text-align:center;	
	font-style:bold;
}

.paratitle {
	font-size: 20;
	text-indent: 10;
}

.contactbox {
	position:absolute;
	left:10;
	width: 100%;
	font-size:12px;
	bottom:20px;
	/*top: 400px;*/
	/*border:1px solid gray;*/
	/*background-color:#E0E0E0;*/
	vertical-align: top;
}


.c_desc {
	display: block;
	height:12;
	width:20px;
	font-style:italic;
}
/* submenu colour:#AAFFAA*/
/* mainmenu FF7777*/