@charset "utf-8";

/* ---------- Start layout divs ------------------*/

body div{/* --- FOR DEBUGGING --- */
border-style:solid;
border-top:red;
border-left:blue;
border-right:green;
border-bottom:black;
border-top-width:	0px;
border-right-width:	0px;
border-bottom-width:0px;
border-left-width:	0px;
}

#main-container { /* to center the page AND provides white padding round whole page */
text-align:	center;
width:90%;
margin:0px auto 0px auto;
padding:0px 25px 25px 25px;
background-color:#fff;
/*min-width:920px;*/
width:920px;
}

#container-0 { /*  */
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

	#container-1-header {
	background-color:#ffffff;
	width:100%;
	text-align:left;
	padding:0px 0px 0px 0px;
	}
		#header-1-1{ 
		width:100%;
		position:relative;
		padding:10px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		float:left;
		}					
			#header-1-1-1{ /*  main logo  */
			position:relative;
			padding:5px 0px 0px 0px;
			margin:0px;
			float:left;
			}
			#header-1-1-2{ /*  Essex Works logo  */
			position:relative;
			text-align:right;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			float:right;
			}	
		#header-1-2{ 
		width:100%;
		height:27px;
		position:relative;
		padding:0px 0px 0px 0px;
		margin:10px 0px 0px 0px;
		float:left;
		background-image: url(../images/menu_bg.gif);
		}
			#header-1-2-1-menu{ /*  menu  */
			width:710px; 
			height:27px;
			float:left;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			background-image: url(../images/menu_bg.gif);
			}
				#header-1-2-1-menu ul {
				margin:0; 
				padding:0; 
				list-style-type:none;
				}	
				#header-1-2-1-menu ul li {
				float:left; 
				margin:0px 0px 0px 0px;
				font-family:Tahoma, Arial, Helvetica;
				font-size:120%;
				font-weight:normal;
				border:#fff;
				border-style:solid;
				border-top-width:	0px;
				border-right-width:	2px;
				border-bottom-width:0px;
				border-left-width:	0px;
				background-image: url(../images/menu_bg.gif);
				}
				#header-1-2-1-menu ul li a {
				text-decoration: none;
				display:block;
				color:#000;
				padding:5px 7px 7px 7px;
				color:#ffffff;
				}
				#header-1-2-1-menu ul li a.selected {
/*				background-color:#629fc3;*/
				text-decoration: none;
				color:#000;
				background-image: url(../images/menu_bg_selected.gif);
				}
				#header-1-2-1-menu ul li a:hover {
				background-color:#629fc3;
				text-decoration: none;
				color:#fff;
				background-image: url(../images/menu_bg_hover.gif);
				}
				
			#header-1-2-2{ /* search box  */
			text-align:right;
			width:186px;
			height:26px;
			padding:1px 3px 0px 10px;
			margin:0px 0px 0px 2px;
			float:right;
			border:#fff;
			border-style:solid;
			border-top-width:	0px;
			border-right-width:	0px;
			border-bottom-width:0px;
			border-left-width:	2px;
			background-image: url(../images/menu_bg_selected.gif);
			}

	
	/* start homepage main content section */
			
			
	#container-2 { /*  */
	background-color:#fff;
	width:100%;
	text-align:left;
	padding:0px 0px 0px 0px;
	}		
		#main-2-1{ /*   */
		padding:10px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		}		
		
			#main-2-1-1-grey{ /* grey bar */
			width:100%;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			text-align:center;
			background-color:#c0c5c8;
			}	
		
			#main {/* main image */
			text-align:	right;
			width: 130px;
			height: 25px;
			position: absolute;
			margin:	5px -9px 0px 0px;
			padding: 0px 0px 0px 0px;
			float: right;
			left: 81px;
			top: 108px;
			}
		
			#main-2-1-1{ /*image and text */
			width:37%;
			padding:10px 0px 0px 5px;
			margin:0px 0px 0px 0px;
			float:left;
			}	
			
			#main-2-1-1 p{ /* and text */
			font-family:Arial, Helvetica;
			font-size:14px;
			line-height:1.3;
			color:#666;
			}	
			
				#main-2-1-1-1{  /*Celebrating image */
				padding:0px 0px 0px 0px;
				margin:0px 0px 16px 0px;
				text-align:left;
				background-color:#c0c5c8;
				}		
				#main-2-1-1-2{ /* intro text  */
				position:relative;
				padding:20px 0px 0px 3px;
				margin:0px 0px 0px 0px;

				}
			#main-2-1-2{  /*main image */
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			text-align:right;
			float:right;
			}	
					
		#main-2-2{ /* Featured Events  */
		width:100%;
		padding:0px 0px 0px 0px;
		margin:10px 0px 0px 0px;
		text-align:left;
		background-color:#c0c5c8;
		}
			#main-2-2-1{ /*  */	
			width:12%;
			padding:12px 12px 7px 12px;
			margin:0px 0px 0px 0px;
			float:left;
			}	
			#main-2-2-2{ /*  */	
			width:25%;
			padding:12px 12px 12px 12px;
			margin:0px 0px 0px 0px;
			float:left;
			}				
			#main-2-2-3{ /*  */	
			width:25%;
			padding:12px 12px 12px 12px;
			margin:0px 0px 0px 0px;
			float:left;
			}				
			#main-2-2-4{ /*  */	
			width:25%;
			padding:12px 12px 12px 12px;
			margin:0px 0px 0px 0px;
			float:left;
			}	
		
			
	/* end homepage main content section */





	/* start inner page section */
			

		#main-inner-2-1{ /*   */
		width:705px;
		padding:2px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		float:left;
		}	
			#main-inner-2-1-1{ /* u-r-here */
			width:100%;
			height:20px;
			font-size:90%;
			color:#666;
			position:relative;
			padding:2px 0px 0px 14px;
			margin:0px 0px 0px 0px;
			}
			
			#main-inner-2-1-2{ /* Events dropdowns / page title container */
			width:100%;
			padding:14px 0px 20px 14px;
			margin:0px 0px 0px 0px;
			background-color:#2B637F;
			}
			
			#main-inner-2-1-3{ /* Event listing container/main content */
			width:98%;
			padding:25px 0px 0px 14px;
			margin:0px 0px 0px 0px;
			float:left;
			}	
			
				#main-inner-2-1-3-1{ /* See below container/ page 1 2 3 container*/
				width:100%;
				padding:0px 0px 10px 0px;
				margin:0px 0px 0px 0px;
				}
					#main-inner-2-1-3-1-1{ /* See below ...*/
					width:400px;
					padding:0px 0px 0px 0px;
					margin:0px 0px 0px 0px;
					float:left;
					}	
					
					#main-inner-2-1-3-1-2{ /* page 1, 2, 3 ... */
					width:300px;
					padding:4px 10px 0px 0px;
					margin:0px 0px 0px 0px;
					float:right;
					text-align:right;
					}				
				
				.main-inner-2-1-3-2{ /* event container /general container */
				width:99%;
				padding:10px 0px 0px 0px;
				margin:0px 0px 0px 0px;
				border:#2B637F;
				border-style:dotted;
				border-top-width:	1px;
				border-right-width:	0px;
				border-bottom-width:0px;
				border-left-width:	0px;
				}	
					.main-inner-2-1-3-2-1{ /*pic*/
					width:165px;
					padding:0px 10px 20px 0px;
					margin:0px 0px 0px 0px;
					float:left;
					}	
					.main-inner-2-1-3-2-2{ /*text*/
					width:100%;
					padding:0px 0px 0px 0px;
					margin:0px 0px 0px 0px;
					float:right;
					}	
					
					/* general container 2 col */
					.main-inner-2-1-3-2-1-col1{ /* col 1*/
					width:330px;
					padding:0px 0px 0px 0px;
					margin:0px 0px 0px 0px;
					float:left;
					}	
					.main-inner-2-1-3-2-2-col2{ /*  col 2 */
					width:330px;
					padding:0px 0px 0px 0px;
					margin:0px 0px 0px 0px;
					float:right;
					}	
					
					
					/* general container 1 col */
					.main-inner-2-1-3-2-1-1col{ /* col 1*/
					width:100%;
					padding:0px 0px 0px 0px;
					margin:0px 0px 0px 0px;
					float:left;
					}	
					
					
					
					
				#main-inner-2-1-3-3{ /* bottom page 1 2 3 container*/
				width:100%;
				padding:0px 0px 10px 0px;
				margin:0px 0px 0px 0px;
				}	
					#main-inner-2-1-3-3-2{ /* bottom page 1, 2, 3 ... */
					width:200px;
					padding:4px 10px 0px 0px;
					margin:0px 0px 0px 0px;
					float:right;
					text-align:right;
					}						
					
					
		#main-inner-2-2{ /*   */
		width:199px;
		padding:0px 0px 0px 0px;
		margin:24px 0px 0px 0px;
		float:right;
		/*background-color:#ef4c54;*/
		}	
		
			#main-inner-2-2-1{ /* Events by day  */
			width:171px;
			padding:0px 14px 20px 14px;
			margin:0px 0px 0px 0px;
			float:right;
			background: url(../images/calendar_bg.gif);
			min-height: 39px;
			/*background-color:#ef4c54;*/
			}	
			#main-inner-2-2-2{ /* Events by month  */
			width:185px;
			padding:14px 0px 20px 14px;
			margin:0px 0px 0px 0px;
			float:right;
			}	
				#main-inner-2-2-2-1{ /* Archive */
				width:80px;
				padding:0px 0px 0px 0px;
				margin:0px 0px 0px 0px;
				float:left;
				}	
				#main-inner-2-2-2-2{ /* Forthcoming */
				width:90px;
				padding:0px 0px 0px 0px;
				margin:0px 0px 0px 0px;
				float:left;
				}	
		
		
	/* end inner page content section */




	/* footer divs  */

	#container-3-footer { /* footer divs  */
	background-color:#ffffff;
	width:100%;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0;
	border:#999;
	border-style:dotted;
	border-top-width:	0px;
	border-right-width:	0px;
	border-bottom-width:0px;
	border-left-width:	0px;
	}
		#footer-3-1{ /* copyright and links  */
		width:100%;
		position:relative;
		padding:0px 0px 0px 0px;
		margin:0px;
		float:left;
		}
				#footer-3-1-1{
				position:relative;
				padding:0px 0px 0px 0px;
				margin:0px 10px 0px 5px;
				float:left;
				}		
				#footer-3-1-2{
				width:200px;
				text-align:left;
				position:relative;
				padding:0px 0px 0px 15px;
				margin:0px 0px 0px 0px;
				float:left;
				}
				
			
		#footer-3-2{ /* BT ECC logos  */
		width:100%;
		position:relative;
		padding:6px 0px 0px 0px;
		margin:0px;
		float:right;
		background: #008DCF;
		}
				#footer-3-2-1{
				width:400px;
				position:relative;
				padding:0px 0px 0px 0px;
				margin:0px 0px 0px 0px;
				float:left;
				}		
				#footer-3-2-2{
				position:relative;
				padding:0px 0px 0px 0px;
				margin:0px 0px 0px 0px;
				float:right;
				}
				
				
/* end all layout divs */


/* ------------- custom styles */




.text-90pc{
font-size:90%;
line-height:1.2;
}
.text-80pc{
font-size:80%;
line-height:1.2;
}

.hr-white{
height: 0px; 
border-style: dotted; 
border-width: 1px 0px 0px 0px; 
border-color: #fff;
margin-top: 10px;
margin-bottom: 8px;
}
.picrow{
width:100%;
}
.thumbArea{
float:left;
margin:0px 20px 20px 0px;
padding:0px 0px 0px 0px; 
}

.calendar-months{
margin:14px 0px 2px 0px;
padding:0px 0px 0px 0px; 
}

.image-caption{
font-weight:bold;
font-size:100%;
line-height:1.2;
margin:-5px 0px 0px 0px;
color:#e9ba05;
}
.bottom-padding20{
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px; 
}
#archive-months{
margin:3px 0px 0px 0px;
padding:0; 
list-style-type:none;
line-height:1.3;
}
.font-weight-normal{
font-weight:normal;
}
.dark-yellow{
color:#e9ba05;
}
.event-title{
font-family:;
font-size:120%;
font-weight:bold;
line-height:1.2;
color:#000;
}

.event-type{
font-family:;
font-size:100%;
line-height:1.2;
color:#666;
}
.event-date{
font-family:;
font-size:100%;
line-height:1.2;
color:#666;
}
.event-location{
font-family:;
font-size:100%;
line-height:1.2;
color:#666;
margin:0px 0px 10px 0px;
}
.event-summary{
font-family:;
font-size:100%;
line-height:1.2;
color:#000;
margin:5px 0px 0px 0px;
}
#events-form{
margin:10px 0px 0px 0px;
}
#events-form select{
margin:0px 10px 0px 0px;
width:180px;
}
#search-form{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#search-box{
font-size: 12px;
margin-right: 3px;
vertical-align:middle;
color:#999999;
}
#search-button{
width:25px;
hight:10px;
font-size:12px;
vertical-align:middle;
margin:2px 0px 0px 0px;
padding:0px 0px 2px 0px;
}
.big-text{
font-family:Arial, Helvetica;
font-size:15px;
line-height:1.1;
color:#666;
}
.featured-events{
font-family:Arial, Helvetica;
font-size:22px;
line-height:1.2;
color:#fff;
}
.featured-events-month{
font-family:Arial, Helvetica;
font-size:19px;
text-transform: uppercase;
font-weight:bold;
color:#fff;
margin:5px 0px 0px 0px;
}
.featured-events-title{
font-family:Arial, Helvetica;
font-size:130%;
font-weight:bold;
color:#2B637F;
margin:0px 0px 5px 0px;
}
.featured-events-text{
font-family:Arial, Helvetica;
font-size:110%;
font-weight:bold;
color:#fff;
}
.image-float-left{
float:left;
margin:0px 9px 0px 0px;
}
.image-float-right{
float:right;
margin:0px 0px 0px 9px;
}
#footerbar {
border-style: solid; 
border-width: 6px 0 0 0; 
border-color: #2B637F;
margin-top: 10px;
margin-bottom: 10px;
}
.extra-top{
margin-top: 8px;
}
.extra-bottom{
margin-bottom: 13px;
}
.small-caps{
font-size:80%;
text-transform: uppercase;
font-weight:bold;
line-height:1; /* this is for IE only */
}
.color333{
color:#333;
}
.color666{
color:#666;
}
.color999{
color:#999;
}
.pullquote{
font-family:Georgia, Tahoma, Arial, Helvetica;
color: #333;
font-size: 170%;
line-height: 1.1;
}
.first-para{
font-size:120%;
line-height:1.1;
}
img{
border:0;
}
a{
color: #2B637F;
text-decoration:none;
}
a:hover{
color: #333;
text-decoration:none;
}
a:hover img{
opacity: 0.8;
-moz-opacity:0.8;
filter:alpha(opacity=80);
background-color: #fff;
}
a.featured-link{
color:#fff;
text-decoration:none;
}
a.featured-link:hover{
color:#2B637F;
text-decoration:none;
}
a.header-link{
color:#2B637F;
text-decoration:none;
}
a.header-link:hover{
color:#2B637F;
text-decoration:none;
background-color: #fff;
}
a.footer-link{
color: #2B637F;
text-decoration:none;
}
a.footer-link:hover{
color: #666;
text-decoration:none;
background-color: #fff;
}
a.read-lead-story{
color: #fff;
text-decoration:none;
}
a.read-lead-story:hover{
color: #d8d8d8;
text-decoration:none;
background-color: #666;
}
.green1 {
color:#d0e4a6;
}
.grey1 {
color:#666;
}
.white {
color: #fff;
}
.no-underline {
text-decoration:none;
}
.clear_div {
clear: both;
}
.bold {
font-weight: bold;
}
.footer {
color: #999;
}



/* --------    general styles  */




html 		{font-size: 0.85em}
body 		{font-size: 80%}	
html>body 	{font-size: 0.83em}

div	{
border:	0px solid gray;
padding: 0px;
}
body { 
font-family:Verdana, Tahoma, Arial, Helvetica;
color:#666;
margin:0px;
line-height:1.1;
background-color:#dbdbdb;
}
p{
padding:0px 0px 9px 0px;
margin:0px 0px 0px 0px;
font-size:100%;
color:#333;
line-height:1.4;
}
p.tight{
padding:0px 0px 3px 0px;
line-height:1.15;
}
h1{
font-size:180%;
font-weight:normal;
font-family:Arial, Helvetica;
color:#ffffff;
margin-top:0px;
margin-bottom:3px;
margin-left: 0px
}
h2{
font-size:120%;
color:#666;
margin-top:10px;
margin-bottom:4px;
}
h3{
font-size:120%;
color:#333;
margin-top:2px;
margin-bottom:2px;
line-height:1.1;
}
h4{
font-size:110%;
font-weight:normal;
color:#666;
margin-top:0px;
margin-bottom:2px;
margin-left: 0px;
}
h5{
font-size:110%;
font-weight:normal;
color:#666;
margin-top:0px;
margin-bottom:2px;
margin-left: 0px;
}
h6{
font-size:100%;
font-weight:bold;
color:#666;
margin-top:10px;
margin-bottom:2px;
margin-left: 0px;
}
hr {
height: 0px; 
border-style: dotted; 
border-width: 1px 0px 0px 0px; 
border-color: #2B637F;
margin-top: 10px;
margin-bottom: 8px;
}
.margin-top-bottom{
margin:4px 0px 4px 0px;
}


/* ----------- News Archive styling ---------- */

ul {
list-style:bullets;
margin:	0px 0px 0px 20px;
padding:0px 0px 0px 0px;
}



/* ----------- Form styling ---------- */


fieldset {
margin:	0px 0px 0px -38px;
padding:0px 0px 0px 0px;
border:0px;
}

fieldset.stnFrm input, fieldset.stnFrm textarea, fieldset.stnFrm select {
font-family: Verdana;
font-size: 105%;
}

fieldset.stnFrm legend {
display:none;
}

fieldset.stnFrm ol {
list-style:none;
}

fieldset.stnFrm ol li {
clear:left;
margin-top:5px;
margin-bottom:5px;
line-height:1.4;
vertical-align: middle;
}

fieldset.stnFrm ol li label {
padding-top:0px;
float:left;
width:80px;
}

fieldset.stnFrm ol li textarea {
width:200px;
}

p#required_notation {
padding-top:8px;
padding-bottom:30px;
}

fieldset.stnFrm ol li textarea.covering_letter {
width:360px;
height:150px;
}



/* ----------- other forms styling ---------- */

form {
margin:    0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:0px;
}

fieldset {
margin:    0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:0px;
}

p#required_notation {
padding-top:8px;
padding-bottom:30px;
}

fieldset input,
fieldset textarea,
fieldset select {
font-family: Arial;
font-size: 100%;
}

fieldset legend {
margin:    0px 0px 2px 0px;
padding:0px 0px 0px 0px;
font-size:100%;
font-weight:bold;
visibility:hidden;
}

fieldset ol {
list-style:none;
margin:    0px 0px 20px 0px;
padding:0px 0px 0px 0px;
}

fieldset ol li {
clear:left;
margin-top:5px;
margin-bottom:5px;
line-height:1.4;
vertical-align: middle;
}

fieldset ol li label {
padding-top:0px;
float:left;
width:120px;
}

fieldset ol li textarea {
width:250px;
}

input.submit_button{ /* submit button MIGHT NEED TO ADD fieldset BEFORE input */
padding:0px 0px 0px 0px;
margin:0px 0px 0px 90px;
}


/* ----------- End form styling ---------- */