@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	background:url(../im/bg.png) top #7f0d0d repeat-x;
	font-size:76.1%;
	color:#666666;
	/*padding-top:20px;*/
	text-align:center;
	}
	
* {
	margin:0;
	padding:0;
	}
	
img {
	border:0 none;
	}
	
.clearer {
	clear:both;
	}


/**********************************************************************************************/
/* Heading/font sizes, colours and links */


h1 {
	font-size:1.7em;
	font-weight:normal;
	margin-bottom:0.8em;
	color:#ffffff;
	}
	
h2 {
	font-size:1.6em;
	font-weight:normal;
	margin-bottom:0.25em;
	color:#ffffff;
	}

h3 {
	font-size:1.5em;
	font-weight:normal;
	margin-bottom:1em;
	color:#ffffff;
	}
	
h4 {
	font-size:1.4em;
	font-weight:normal;
	margin-bottom:1em;
	color:#ffffff;
	}
	
h5 {
	font-size:1.3em;
	font-weight:normal;
	margin-bottom:1em;
	color:#ffffff;
	}
	

h6 {
	font-size:1.2em;
	font-weight:normal;
	margin-bottom:1em;
	color:#ffffff;
	}

p {
	font-size:1.1em;
	margin-bottom:1.1em;
	color:#ffffff;
	}


a, a:link, a:visited {
	color:#ffffff;
	text-decoration:none;
	}

a:hover { 
	text-decoration:underline;
	}

ul {}

li {}

blockquote {}

form {}

input, select, textarea, label {}

table {}

hr {
  border: 0;
  width: 100%;
  color: #000;
  background-color: #000;
  height: 1px;
  margin:30px 0px;
  }

/******************/
/* Main div styles*/
/******************/

#wrapper {
	width:1004px;
	margin:auto;
	text-align:left;
	}

#logo {
	height:113px;
	}
	
/*	

#navigation {
	background:url(../im/navigation-bg.png) repeat-x;
	height:30px;
	text-transform:uppercase;
	padding-left:10px;
	}

	#navigation ul {}

	#navigation li {
		display:inline;
		float:left;
		margin-top:8px;
		border-right: 1px solid #ffffff;
		}

	#navigation a, #navigation a:link {
		color:#ffffff;
		padding:0px 40px;
		
		}

	#navigation a:hover, #navigation a.active {
		color:#1b1b1b;
		text-decoration:none;
		}	
		
		#navigation li.last { 
			border-right:none;
			}
*/	

#banner {
	margin-top:10px;
	}

#container {}

#container a {
	font-weight:bold;
	}

#mainCol {
	display:inline;
	float:left;
	width:706px;
	margin-right:12px;
	margin-top:13px;
	}

	.contentHeader {
		background:url(../im/content-element-bg.png) repeat-x #440404 top;
		margin-bottom:13px;
		padding:20px;
		font-size:1em;
		width:666px;
		#width:706px;
		_width:706px;
		}

	.contentArea {
		/*background:url(../im/content-element-bg.png) repeat-x #440404 top;*/
		background-color:#3a0203;
		/*background-color:#430404;*/
		margin-bottom:13px;
		padding:20px;
		width:666px;
		#width:706px;
		_width:706px;
		}

.contentArea ul {
margin-left:20px;
margin-bottom:1.1em;
}

.contentArea li {
color:#ffffff;
}


#rightCol {
	display:inline;
	float:left;
	width:286px;
	margin-top:13px;
	}

	.c2aForm {
		background:url(../im/content-element-bg.png) repeat-x #440404 top;
		margin-bottom:13px;
		padding:20px;
		}

		.c2aForm p {
			margin-bottom:0.1em;
			font-size:1em;
			}

	.c2a {
		/*background-color:#3e0303;*/
		background:url(../im/content-element-bg.png) repeat-x #440404 top;
		margin-bottom:13px;
		padding:5px;
		}

		.c2aImage {}

		.c2aText {
			padding:5px;
			}

		.c2aText p {
			margin-bottom:0.25em;
			font-size:1em;
			}

.eventElement {
		margin-bottom:25px;
		padding:5px 5px 30px 5px;
		border-bottom:1px solid #000000;
		}

		.eventElementImage {
			display:inline;
			float:left;
			width:255px;
			margin-right:17px;
			}

		.eventElementText {
			padding:5px;
			display:inline;
			float:left;
			width:355px;
			}

		.eventElementText p {
			margin-bottom:1.1em;
			font-size:1em;
			}
			
.caseStudyElement {
		margin-bottom:13px;
		padding:5px;
		}

		.caseStudyElementImage {
			display:inline;
			float:left;
			width:255px;
			margin-right:17px;
			}

		.caseStudyElementText {
			padding:5px;
			display:inline;
			float:left;
			width:355px;
			}

		.caseStudyElementText p {
			margin-bottom:0.25em;
			font-size:1em;
			}
			
	
	.eventList {
    margin-bottom:13px;
        padding:5px;
        border-bottom:1px solid #000000;
        }
        
.monthElementList {
		margin-bottom:13px;
		}
		
.monthElement {
	width:147px;
	display:inline;
	float:left;
	margin-right:20px;
	background:#210202;
	font-size:1.5em;
	height:124px;
	_height:164px;
	#height:164px;
	text-align:center;
	padding-top:40px;
	border:1px solid #614344;
	}	
	
.monthElementEnd {
	width:147px;
	display:inline;
	float:left;
	margin-right:0px;
	background:#210202;
	font-size:1.5em;
	height:124px;
	_height:164px;
    #height:164px;
    text-align:center;
    padding-top:40px;
    border:1px solid #614344;
	}	
	

#NEWmainCol {
	display:inline;
	float:left;
	width:408px;
	margin-right:12px;
	margin-top:13px;
	}

#NEWleftCol {
	display:inline;
	float:left;
	width:285px;
	margin-top:13px;
	margin-right:12px;
	}

#NEWrightCol {
	display:inline;
	float:left;
	width:285px;
	margin-top:13px;
	}
	
	.NEWcontentArea {
		/*background:url(../im/content-element-bg.png) repeat-x #440404 top;*/
		background-color:#3a0203;
		/*background-color:#430404;*/
		margin-bottom:13px;
		padding:15px;
		}
		
	.NEWcontentHeader {
		background:url(../im/content-element-bg.png) repeat-x #440404 top;
		margin-bottom:13px;
		padding:20px;
		font-size:1em;
		}

	.NEWcontentArea {
		/*background:url(../im/content-element-bg.png) repeat-x #440404 top;*/
		background-color:#3a0203;
		/*background-color:#430404;*/
		margin-bottom:13px;
		padding:15px;
		}



/******************/
/* bottom silo div styles*/
/******************/
/*
#bottomSilos {
		/*background:url(../im/content-element-bg.png) repeat-x #440404 top;*/
		/*background-color:#3a0203;*/
		/*background-color:#430404;
		margin-bottom:13px;
		padding:20px;
		}

#bottomSiloLeft {
	display:inline;
	float:left;
	width:325px;
	margin-right:10px;
	}

#bottomSiloRight {
	display:inline;
	float:left;
	width:325px;
	}*/


/*
#bottomSilos {/*
		/*background:url(../im/content-element-bg.png) repeat-x #440404 top;*/
		/*background-color:#3a0203;*/
		/*background-color:#430404;*/
		/*margin-bottom:13px;
		padding:20px;
		}

#bottomSiloLeft {
	display:inline;
	float:left;
	width:325px;
	margin-right:10px;
	}

#bottomSiloRight {
	display:inline;
	float:left;
	width:325px;
	}
*/

/******************/
/* Subpage div styles*/
/******************/

	#subNav {}
	#subNav ul {}
	#subNav li { list-style-type:none;}
	#subNav a, #subNav a:link {}
	#subNav a:hover, #subNav a.active {}


/******************/
/* Footer div styles*/
/******************/

#footer {
	background-color:#4c0807;
	width:964px;
	#width:1004px;
	_width:1004px;
	height:50px;
	font-size:1em;
	padding:20px;
	margin-bottom:40px;
	}

	#footer ul {}

	#footer li { 
		display:inline;
		float:left;
		}

	#footer a, .footer a:hover {
		color:#ffffff;
		text-decoration:none;
		/*border-right: 1px solid #ffffff;*/
		padding:0px 10px;
		}

	#footer a:hover {
		text-decoration:underline;
		}


/******************/
/* Subpage div styles*/
/******************/

	.events {
		background-color:#430404;
		margin-bottom:13px;
		padding:20px;
		}


/*********************/
/* Event page */
/*********************/

#leftCol1 {
	display:inline;
	float:left;
	width:495px;
	margin-right:13px;
	margin-top:13px;
	font-size:0.9em;
	}

#rightCol2 {
	display:inline;
	float:left;
	width:495px;
	margin-top:13px;
	font-size:0.9em;
	}

	.event {}


/*********************/
/* Typo3 form */
/*********************/

fieldset {border:none;font-size:1.2em; padding-top:20px;}
.csc-mailform-field {text-align:left;}
.csc-mailform-submit {text-align:center;margin-left:0px; width:108px; float:right; background:url(../im/button.jpg) no-repeat; border:none; color:#ffffff; font-weight:bold; font-size:0.9em; height:29px;padding-bottom:6px; margin-top:10px;}
input {text-align:left; width:100%; font-size:0.9em; padding :2px;}
label {float:left; width:225px; text-align:right;margin-right:10px; display:none;}
select {text-align:left; width:100%; font-size:0.9em; padding :2px; color:#666666;}

.csc-form-labelcell {text-align:right;vertical-align:top}
.csc-form-labelcell td tr {margin:0;line-height:0;padding:0}

p.csc-form-label, p.csc-form-label-req {margin:0;padding:0;line-height:1em}

input, textarea {margin-bottom:5px; color:#636363;}	



/*********************/
/* Typo3 sitemap */
/*********************/

.csc-sitemap {}
.csc-sitemap ul { margin-left:30px;}
.csc-sitemap li { list-style-type:disc; color:#ffffff;}


/*********************/
/* Typo3 content table */
/*********************/

.contentArea table { font-size:0.8em; width:99%;}
.contentArea table td { padding:5px;}

/******************/
/* Drop down menu div styles*/
/******************/


#navigation {
	background:url(../im/navigation-bg.png) repeat-x;
	height:30px; 
	position:relative; 
	z-index:100;
text-transform:uppercase;
	padding-left:10px;
	}
	
	
#navigation ul li a, #navigation ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#ffffff; 
	padding:0px 40px 0px 40px;
	font-size:1em;
	overflow:hidden;
	}
	
#navigation ul {
	padding:0; 
	margin:0; 
	list-style: none;
	}
	
#navigation ul li {
	float:left; 
	position:relative;
	margin-top:8px;
        /*border-right: 1px solid #ffffff;*/
	}
	
#navigation ul li ul {
	display: none;
	position:absolute; 
	/*top:21px;*/
	left:0; 
	}

#navigation ul ul {
padding-top:17px;
}

#navigation ul li ul li { 
border-right:none;
/*background:#7f0d0d;*/
background:#3a0203;
border-bottom:1px solid #000000;
margin-bottom:0px;
margin-top:0px;
}

/* specific to non IE browsers */
#navigation ul li:hover a {
	color:#fff; 
	background:url(images/nav-bg-over.png) repeat-x;
	}
	
#navigation ul li:hover ul {
	display:block; 
	position:absolute; 
	/*top:21px;*/
	left:0; 
	}
	
#navigation ul li:hover ul li a.hide {
	background:url(images/nav-bg-over.png) repeat-x;
	color:#fff;
	}
	
#navigation ul li:hover ul li:hover a.hide {
	background:url(images/nav-bg-over.png) repeat-x;
	color:#fff;
	}
	
#navigation ul li:hover ul li ul {
	display: none;
	position:absolute;
	top:0;
	}
	
#navigation ul li:hover ul li a {
	display:block; 
	background:url(images/nav-bg-over.png) repeat-x;
	color:#fff;
	width:180px;
	padding:5px 11px 5px 12px;
	}
	
#navigation ul li:hover ul li a:hover {
	background:#000000;
	color:#fff;
	}
	
#navigation ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:200px; 
	top:0;
	}
	
#navigation ul li:hover ul li:hover ul.left {
	left:-200px;
	}