/**-------------------common.css--------------------**/
body {
	background: #fff;
}

#contentArea {
	float:					left;
	width:					778px;
	margin-bottom:			10px;
/* commented backslash hack v2 hide from mac ie5 \*/
	clear:					both;
	display:				block;
/* end hack */
}

a:link, a:visited, a:active {
	color:					#00c;
}
a:hover {
	color:					#00c;
	text-decoration:		none;
}
#sectionTitle {
	margin-bottom:			0px;
	background-color: 		#1f0069;
	background-image:		url(../img/opendays-1.jpg);
	background-position:	right 50%;
	background-repeat:		no-repeat;
}


/**-------------------------------------------------**/

h3 {
			height: 				16px;
			overflow:				hidden;
	}


		#leftContent {
			padding-left:		12px;
			width:				162px;
			float:				left;
/*			border:				1px solid red;*/
		}

		#leftContent h3 {
			font-size:				10pt;
			color:					#383D41;
			background-color:		#C7D6DF;
			padding:				4px;
			padding-left:			6px;
			margin:					0px;
			width:					162px;
			voice-family:			"\"}\"";
			voice-family:			inherit;
			width:					152px;
		}
		i {}
		
		#infoForContainer {
		/*	margin-top:				12px;*/
			margin-top:				17px;
		}
		#infoForContainer ul {
			list-style:				none;
			padding:				0px;
			margin:					0px;
		}
		#infoForContainer li {
			font-size:				10pt;
			font-family:			Arial;
			background-color:		#e3e9f2;
			margin-top:				1px;
			padding:				2px 4px 2px 6px;
			width:					162px;
			display:				inline;
			voice-family:			"\"}\"";
			voice-family:			inherit;
			width:					152px;
			display:				block;
		}
		#infoVisitorContainer {
		/*	margin-top:				12px;*/
			margin-top:				17px;
		}
		#infoVisitorContainer h3 {
			font-size:				10pt;
			color:					#383D41;
			background-color:		#d6d6e4;
			padding:				4px;
			padding-left:			6px;
			margin:					0px;
			width:					162px;
			voice-family:			"\"}\"";
			voice-family:			inherit;
			width:					152px;
		}
		#infoVisitorContainer ul {
			list-style:				none;
			padding:				0px;
			margin:					0px;
		}
		#infoVisitorContainer li {
			font-size:				10pt;
			font-family:			Arial;
			background-color:		#F0F0F5;
			margin-top:				1px;
			padding:				2px 4px 2px 6px;
			width:					162px;
			display:				inline;
			voice-family:			"\"}\"";
			voice-family:			inherit;
			width:					152px;
			display:				block;
		}
		i{}
		
		#infoForContainer li img {
			vertical-align:			middle;
			margin-right:			4px;
			margin-left:			1px;
		}	
		#infoAboutContainer {
			margin-top:				6px;
			margin-bottom:			1px;
		}
		
		#infoAboutContainer ul {
			list-style:				none;
			padding:				0px;
			margin:					0px;
		}
		#infoAboutContainer li {
			font-size:				10pt;
			font-family:			Arial;
			background-color:		#e3e9f2;
			margin-top:				1px;
			padding:				2px 4px 2px 6px;
			width:					162px;
			display:				inline;
			voice-family:			"\"}\"";
			voice-family:			inherit;
			width:					152px;
			display:				block;
		}
		i {}
		
		#infoAboutContainer li img {
			vertical-align:			middle;
			margin-right:			4px;
			margin-left:			1px;
		}
		
		.infolinks {
			font-size:				10pt;
			color:					#000;
			font-weight:			normal;
			text-decoration:		none;
		}
		.infolinks a {
			color:					#000;
			text-decoration:		none;
		}
		.infolinks a:visited {
			color:					#000;
			text-decoration:		none;
		}
		.infolinks a:hover{
			color:					#00f;
			font-weight:			normal;
			text-decoration:		underline;
		}
		
		
		
		#centerContent {
			float:					left;
			padding:				17px 12px 6px 12px;
			width:					430px;
/*			border:					1px solid red;*/
			voice-family:			"\"}\"";
			voice-family:			inherit;
			width:					406px;
		}
		i{}
		
		
		#featureContainer {
			clear:					both;
			height:					125px;
		}
		
		#centerContent h3 {
			font-size:				10pt;
			color:					#45402D;
			background-color:		#E6E1CD;
			padding:				4px;
			padding-left:			6px;
			margin:					0px;
			border-bottom:			1px solid #fff;
		}
		
		.featureImage {
			float:					left;
			padding:				0px;
			margin:					0px;
			width:					203px;			
/*			border:					1px solid red;*/
			voice-family:			"\"}\"";
			voice-family:			inherit;
			width:					203px;
		}
		i {}
		
		.featureText {
			float:					left;
			padding:				0px;
			margin:					0px;
			width:					202px;
/*			border:					1px solid red;*/
			height:					125px;
			voice-family:			"\"}\"";
			voice-family:			inherit;
			width:					203px;
			height:					125px;
		}
		i {}
		
		
		.featureText p {
			font-size:				8pt;
			padding:				0px;
			margin:					0px;
			padding:				2px 3px 0px 3px;
		}
		
		.featureText h2 {
			font-size:				14pt;
			line-height:			16pt;
			padding:				0px;
			margin:					0px;
			padding:				5px 0px 0px 0px;
		}
		.featureText h2 a {
			text-decoration:		none;
      		color:					#d81e05;
		}
		.featureText h2 a:visited {
			text-decoration:		none;
      		color:					#d81e05;
		}
		.featureText h2 a:hover {
			text-decoration:		underline;
			color:					#d81e05;
		}
		
		.redTitle{
			color:					#D81E05;
		}
		
		.openp {
			padding-bottom:			4px;
			text-align:				right;
		}
		
		.greyTitle {

			color:					#808080;
/*			font-weight:			normal;*/
		}


		#newsContainer {
			margin-top:				0px;
			margin-bottom:			6px;
			
		}
		#newsContainer h3 {
			font-size:				10pt;
			color:					#45402D;
			background-color:		#E6E1CD;
			padding:				4px;
			padding-left:			6px;
			margin:					0px;
			border-bottom:			1px solid #fff;
		}
		.newsContentItems {
      		background-color:		#F9F4DE;
      		padding:				6px;
      		margin:					0px;
      		border-bottom:			1px solid #fff;
			height:					67px;
			voice-family:			"\"}\"";
			voice-family:			inherit;
      		height: 				67px; 
			line-height:			20px;    		
		}
		.newsContentItems2 {
	background-color:		#F9F4DE;
	padding:				6px;
	margin:					0px;
	border-bottom:			1px solid #fff;
	voice-family:			"\"}\"";
	voice-family:			inherit;
	line-height:			20px;
	/*background: #FCF9ED;*/
	background: #fff;
		}
		i {}
		
      	.newsContentItems a {
      		text-decoration:		none;
      		border:					0px;
      		color:					#d81e05;
      	}
      	.newsContentItems a:visited {
      		text-decoration:		none;
      		color:					#d81e05;
      	}
      	.newsContentItems a:hover {
      		text-decoration:		underline;
      		color:					#d81e05;
      	}
      	
      	
      	.newsContentItems p {
      		font-size:				8pt;
      		padding:				0px;
      		margin:					0px;
      	}
      	.newsThumbnail {
      		float:					left;
      		width:					63px;
      		height:					63px;
      		margin-right:			12px;
      		border:					1px solid #fff;
      	}
		.beoContentItems {
			font-size:				10pt;
      		background-color:		#e3e9f2;
       		padding:				6px;
      		margin:					0px;
      		border:					1px solid #000066;    		
		}
		h4 {
			padding:				0px;
			margin:					0px;
			color:					#d81e05
		}
		
	
		#rightContent {
			width:					174px;
			float:					right;
			/*clear:					both;
			display:				block;*/
		}
		
		
		
		#rightAddsContainer {
			/*margin-top:				12px;*/
		}
		.rightAddsImages {
			padding:				1px;
			background-color:		#B6C5D0;
			margin-bottom:			6px;
		}
		.rightAddsImages img{
			margin:					0px;
			display:				block;
		}
		
		
		
		#leftAddsContainer {
		}
		
		.leftAddsImages {
			padding:				1px;
			background-color:		#CFC7A6;
			margin-bottom:			6px;
		}
		.leftAddsImages img {
			/*margin:					0px;
			display:				block;*/
		}
		
		
		
		
		
		
		
		#eventsContainer {
			text-align:				center;
			background-color:		#F9F4DE;
		}
		#eventsContainer img {
			border:					1px solid #fff;
			/*margin-top:				6px;*/
			margin-bottom:			0px;
		}

		#eventsContainer h3 {
			font-size:				10pt;
			color:					#45402D;
			background-color:		#E6E1CD;
			padding:				4px;
			padding-left:			6px;
			margin:					0px;
			border-bottom:			1px solid #fff;
			text-align:				left;
		}
		.eventsItemContainer {
			display:				block;
			/*padding-left:			6px;*/
			padding:				0px 0px 0px 6px;
			border-bottom:			1px solid #fff;
			cursor:					pointer;
		}
		.eventDateContainer {
			width:					32px;
			text-align:				center;
			float:					left;
			/*padding-left:			1px;*/
			/*padding-right:			1px;*/
			background-color:		#fff;
			border-right:			1px solid #999;
			border-bottom:			1px solid #999;
			color:					#ACA071;
			margin-top:				5px;
		}
		.eventFromUntil {
			background-color:		#ACA071;
			color:					#fff;
			font-size:				8pt;
			text-align:				center;
			padding:				0px;
			margin:					0px;
			line-height:			12px;
			font-family:			Verdana;
			padding-bottom:1px;
		}
		.eventDateMonth {
			font-size:				8pt;
			text-align:				center;
			padding:				0px;
			margin:					0px;
			line-height:			12px;
			font-family:			Verdana;
			text-transform:			uppercase;
		}
		.eventContentContainer{
			font-size:				8pt;
			width:					174px;
			float:					left;
			text-align:				left;
			margin-top:				2px;
		}
		.eventContentContainer p {
			font-size:				8pt;
			margin:					0px;
			padding:				0px;
		}
			
		.eventsItemContainerDevider {
			/*clear:				both;*/
			padding:				0px;
			padding-top:			3px;
			padding-bottom:			3px;
			margin:					0px;
		}
		.eventsItemContainerDevider img{
			padding:				0px;
			margin:					0px;
			border:					0px;
		}
		.eventsContainerMoreEvents {
			clear:					both;
			margin:					0px;
			text-align:				right;
			font-size:				8pt;
			padding-right:			3px;
			padding-bottom:			3px;
		}
		.eventtitle  {
			font-size:				10pt;
			color:					#D81E05;
		}
		.eventtitle a {
			color:					#D81E05;
			text-decoration:		none;
		}
		.eventtitle a:visited {
			color:					#D81E05;
			text-decoration:		none;
		}
		.eventtitle a:hover{
			font-size:				10pt;
			color:					#D81E05;
			text-decoration:		underline;
		}
		
		.eventsMoreLink {
			height:					24px;
			voice-family:			"\"}\"";
			voice-family:			inherit;
			height:					20px;
		}
		i {}
		
		.eventsMoreLink	p {
			font-size:				8pt;
			padding:				0px;
			margin:					0px;
			float:					right;
			color:					#d81e05;
			padding-right:			6px;
      		padding-top:			2px;
		}
		
		.newsMoreLink {
		    background-color:		#F9F4DE;
      		padding:				0px;
      		padding-right:			6px;
      		margin:					0px;
      		border-bottom:			1px solid #fff;
			height:					20px;
			voice-family:			"\"}\"";
			voice-family:			inherit;
			height:					20px;
		}
		i {}
		
		.newsMoreLink p {
			font-size:				8pt;
			padding:				0px;
      		padding-top:			3px;
			margin:					0px;
			float:					right;
			color:					#d81e05;
		}
		
		.newsMoreLink a {
			color:					#d81e05;
			text-decoration:		none;
		}
		.newsMoreLink a:visited {
			color:					#d81e05;
			text-decoration:		none;
		}
		.newsMoreLink a:hover {
			color:					#d81e05;
			text-decoration:		underline;
		}
		.eventsMoreLink a {
			color:					#d81e05;
			text-decoration:		none;
		}
		.eventsMoreLink a:visited {
			color:					#d81e05;
			text-decoration:		none;
		}
		.eventsMoreLink a:hover {
			color:					#d81e05;
			text-decoration:		underline;
		}
		.featureMoreLink a {
			color:					#d81e05;
			text-decoration:		none;
		}
		.featureMoreLink a:visited {
			color:					#d81e05;
			text-decoration:		none;
		}
		.featureMoreLink a:hover {
			color:					#d81e05;
			text-decoration:		underline;
		}
		.telInfo {
			background-color:		#e3e9f2;
			padding:				0px;
      		margin:					0px;
      		border-bottom:			1px solid #fff;
      		height:					20px;
      		padding-top:			3px;
      		color:					#333;
		}
		.telInfo p {
      		text-align:				center;
			font-size:				10pt;
			padding:				1px 0px;
			margin:					0px;
		}


/* To get the butterfly overlap 
   - add margin-bottom 0px into sectiontitle
   - redefine margin-top for infoForContainer to 17px from 12px
   - redefine centerContent top padding to 17px from 12px
   Reverse this process to get rid of it
*/
   
.rightAddsImagesButterfly {
			padding:				0px;
			margin-bottom:			6px;
}

/* ########################################## */
/* Features Elements (Added by AH on 22/5/07) */
/* ########################################## */

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 				406px; 
	height: 			150px;
	overflow:			hidden;
	}

div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:				406px;
	height:				150px;
	overflow:			hidden;
	float:				left;	
}

div.scroller div.content {
	width: 				10000px;
}

.nextPrevFeature {
	padding-top:		5px;
	font-size:			8pt; 
	padding-right: 		8px;
	color: 				#45402D;
	float: 				right;
}
	
.featureTop .nextPrevFeature a:link,.featureTop .nextPrevFeature a:visited,.featureTop .nextPrevFeature a:active {
	color: 				#D81E05;
}
	
.featureTop .nextPrevFeature a:hover {
	color: 				#D81E05;
	text-decoration:	underline;
}

.numFeatures {
	margin:				0;
	float:				right;
	color:				#D51F09;
	font-size:			0.79em;
}

.featureTop {
	height:				24px; 
	border-bottom: 		1px solid #FFF;
	/* cursor:				pointer; */
	width: 				100%; 
	background-color: 	#E6E1CD; 			
}

.featureTop h3 {
	padding: 			4px;
	float: 				left;	
	padding:			0;
	margin: 			0;
	border-bottom:		0 !important;
}

.featureTop a:link, .featureTop a:visited, .featureTop a:active {
	color: 				#45402D; 
	border-bottom:		0; 
	text-decoration: 	none;
}
	
.featureTop a:hover {
	color: 				#45402D;
}

.featureMain {
	margin-top:			-1px;
	height: 			126px;
}

.featureMain p {
	margin:				0;
	padding:			0;
	line-height:		1.3;
	float:				left;
	font-size:			11px;
	text-align:			left;
	width:				160px;
}

.featureMain a:link, .featureMain a:visited, .featureMain a:active {
	color: 				#D81E05; 
	text-decoration: 	none;
}
	
.featureMain a:hover {
	color: 				#D81E05;
	text-decoration: 	underline;
}