f/* CSS Document */

* {
margin:0;
padding:0
} 

body
{
	margin:0px;
	background-image:url(../images/body_bg.jpg);
	background-repeat:repeat-x;
	background-color:#ADE918;
	font-family:'Helvetica', Arial, Verdana;
	height: 100px;
	width: 100%;
	font-size: 12px;
}

p{
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin-top: 0px;
padding-top: 0px;

}

#dvmaincontainer 
{
width:900px;
margin:0px auto;
background: #333333;
height: 35px;
}
#dvmaincontainer #dvtopcontainer
{
float:left;
width:900px;
margin:0px;
padding:0px 0px 0px 0px;
}
#dvtopcontainer #dvlogocontainer
{
float:left;
width:324px;
font-size:0px;
margin:0px;
padding:0px 71px 0px 0px;

}
#dvlogocontainer h1
{
float:right;
width:440px;
font-family:Arial, Helvetica, sans-serif;
font-size:31px;
text-align:left;
font-weight:bold;
color:#F8F4D5;
margin:0px;
margin-bottom: 0px;
padding:35px 0px 0px 0px;
}

#dvlogocontainerright h1
{
float:right;
width:214px;
font-family:Arial, Helvetica, sans-serif;
font-size:31px;
text-align:left;
font-weight:bold;
color:#F8F4D5;
margin:0px;
margin-bottom: 20px;
padding:0px 0px 0px 0px;
}

#dvlogocontainer h4
{
float:left;
width:198px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
font-weight:bold;
color:#BB9F89;
margin:0px;
padding:0px 0px 30px 0px;
}
#dvtopcontainer #dvnavicontainer
{
width:600px;
font-size:0px;}

#dvnavicontainer img
{
float:left;
font-size:0px;
margin:0px;
padding:0px 0px 0px 0px;
}

#dvmaincontainer #dvbodycontainer
{
float:left;
width:900px;
background-color: #FFFFFF;
margin:0px;
}
#dvbodycontainer #dvbannerbgcontainer
{
float:left;
width:873px;
height:226px;
background-image:url(../images/main_bg.jpg);
background-repeat:repeat;
background-position:top;
border-bottom:0px solid #D5D4CD;
border-top:2px solid #D5D4CD;
margin:0px;
padding:38px 0px 0px 27px;
}
#dvbannerbgcontainer .lftcontainer
{
float:left;
width:277px;
font-size:0px;
margin:0px;
padding:0px 0px 0px 0px;
}
.lftcontainer .dvbannerleft
{
float:left;
width:277px;
margin:0px;
padding:0px 0px 15px 0px;
}
.dvbannerleft img
{
float:left;
margin:0px;
padding:0px 11px 0px 0px;
font-size:0px;
}
.dvbannerleft p
{
float:left;
width:203PX;

font-size:12px;
text-align:left;
color:#424037;
background-color:#FBF8A8;
margin:6px 0px 0px 0px;
padding:6px 0px 5px 8px;
}
.dvbannerleft p b
{
font-size:12px;
font-weight:bold;
}
#dvbannerbgcontainer #dvbanner
{
float:left;
font-size:0px;
margin:0px;
padding:0px 0px 0px 35px;
}
#dvbodycontainer #dvleftpanel
{
float:right;
width:286px;
margin:0px;
padding:26px 1px 4px 0px;
}
#dvleftpanel #topimage
{
float:right;
width:272px;
margin-right: 7px;
font-size:17px;
padding: 3px;
height:23px;
background-color:#0ba607;
color:#FFFFFF;
text-align:center;
font-weight:bold;
font-family:'Helvetica', Arial, Verdana;
voice-family:"\"}\"";
line-height:18px;

}
#dvleftpanel #midcont
{
float:right;
width:247px;
margin:0px;
margin-right: 7px;
padding:10px 20px 10px 10px;
border-bottom:1px solid #e0decf;
border-left:1px solid #e0decf;
border-right:1px solid #e0decf;
}
#midcont p
{
float:left;
width:254px;
font-size:12px;
text-align:justify;
line-height:18px;
voice-family:"\"}\"";
line-height:17px;
color:#513D2C;
margin:0px;
padding:0px;
padding-bottom:20px;


}
#midcont p span
{
float:right;
text-align:right;
color:#A5051A;
font-weight:bold;
}
#dvleftpanel #leftfoot
{
float:left;
width:257px;
border: 1px #e0decf solid;
background-repeat:no-repeat;
background-position:top;
padding: 10px;
margin-top: 10px;

}
#leftfoot img
{
float:left;
margin:0px;
padding:0px 0px 0px 0px;
}
#leftfoot p
{
float:left;
width:255px;
font-size:12px;
text-align:left;
color:#6B5F58;
margin:0px;
padding:0px 0px 0px 0px;
}
#leftfoot span
{
float:left;
width:156px;
font-size:15px;
text-align:left;
font-weight:bold;
color:#6B5F58;
margin:0px;
padding:5px 0px 5px 15px;
}
#dvbodycontainer #dvrightpanel
{
float:left;
width:530px;
margin:0px 0px 0px 10px;
padding:18px 0px 4px 3px;
}
#dvrightpanel h1
{
float:left;
width:395px;
font-size:20px;
text-align:left;
color:#2C1B11;
margin:0px;
padding:10px 0px 0px 15px;
}
#dvrightpanel p
{
float:left;
width:540px;
font-size:12px;
text-align:left;
voice-family:"\"}\"";
line-height:16px;
color:#513D2C;
margin:0px;
padding:10px 0px 10px 15px;
}
#dvrightpanel .line
{
float:left;
width:530px;
font-size:0px;
margin:0px;
padding:10px 0px 15px 15px;
}
#dvrightpanel .learn
{
float:left;
text-align:left;
font-size:0px;
margin:0px;
padding:0px 0px 14px 445px;
}

#dvrightpanel .learn span
{
height:20px;
width:140px;
font-size:10px;
color:#FFFFFF;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#dvrightpanel .learn span a
{
background-image:url(../images/learn.jpg);
background-repeat:no-repeat;

width:140px;
height:30px;
font-size:10px;
color:#FFFFFF;
padding-right:20px;
text-decoration:none;
padding-top:8px;
voice-family:"\"}\"";
line-height:17px;

}
#dvrightpanel .learn span a:hover
{
background-image:url(../images/learn_over.jpg);
background-repeat:no-repeat;
width:130px;
color:#FFFFFF;
text-decoration:none;
}



#dvrightpanel .learn a 
{
background-image:url(../imagesl/learn.jpg);
background-repeat:no-repeat;
background-position:center;
height:20px;
width:97px;
font-size:11px;
color:#FFFFFF;
padding-bottom:10px;
padding-left:11px;
padding-top:3px;


}

#dvrightpanel .learn a:hover 
{
background-image:url(../images/learn_over.jpg);
background-repeat:no-repeat;
height:20px;
width:97px;
padding-bottom:10px;
color:#FFFFFF;
}



#dvrightpanel #righttfoot
{
float:left;
width:556px;
background-position:top;
margin:20px 0px 0px 0px;
padding:0px 0px 40px 0px;
}
#righttfoot img
{
float:left;
margin:0px;
font-size:0px;
padding:0px 0px 0px 10px;
}
#righttfoot p
{
float:left;
font-size:13px;
text-align:left;
color:#513D2C;
margin:0px;
padding:0px 12px 0px 12px;
}
#dvmaincontainer #dvfootercontainer
{
float:left;
width:900px;
margin:0px;
margin-bottom: 30px;
padding:0px 0px 0px 0px;
}
#dvfootercontainer #foottop
{
float:left;
width:100%;
height:60px;
background-image:url(../images/footertent.png);
background-repeat:no-repeat;
background-position: bottom;
margin-bottom: 30px;
margin:0px;
padding:25px 0px 50px 0px;
}
#foottop p
{
float:left;
font-size:12px;
text-align:left;
color:#938A82;
margin:0px;
padding:10px 0px 0px 20px;
}
#foottop p a 
{
text-decoration:none;
color:#938A82;
padding-left:5px;
padding-right:5px;
}
#foottop p a:hover
{
text-decoration:underline;
color:#938A82;
}
#foottop p span
{
padding:0px 10px 0px 0px;
}
.design
{
float:left;
width:154px;
margin:0px;
padding:0px;
font-size:0px;
padding-left:80px;
padding-top:13px;
}


a {
	color: #438413;
	text-decoration: none;
}
a:hover {
	color: #4a1774;
}
p {
	margin: 0 0 17px;
	padding: 0;
	line-height: 18px;
}
.wrapper {
	width: 100%;
	margin: 0px auto;
}
.nav {
	background: #a7d21e ;
	float: left;
}
.nav-wrapper {
	clear: both;
	float: left;
	
}
.nav-left {
	float: left;
	width: 11px;
	height: 41px;
}
.nav-right {
	background: url(../images/nav_right.png) no-repeat top right;
	float: left;
	width: 11px;
	height: 41px;
}
.nav ul {
	width: 830px;
	height: 38px;
	float: left;
	margin: 0;
	padding-top: 0px;
	list-style: none;
	font-size: 15px;
		margin-left: 70px;
}
.nav li {
	float: left;
	padding: 0 12px;
	
	position: relative;
	z-index: 1;
}
.nav li.last {
	background:none;
}
.nav li:hover {
	z-index:2;
}
.nav li a {
	display: block;
	line-height: 38px;
	overflow: hidden;
	float: left;
}
a .menu-left {

	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-mid {

	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-right {

	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -37px;
	line-height: 35px;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
	color: #fff;
	
}
.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
.nav li .sub {
	display: none;
	position: absolute;
	top: 27px;
	left: 6px;
	background-color: #a7d21e;
	width: 186px;
	padding-top: 11px;
	
}
.nav li ul {
	width: 162px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	font-size: 12px;

}

.nav li:hover li,
.nav li.active li {
	width: 100%;
	padding: 0px 0 2px;
	background: #a7d21e !important;
	
}
.nav li:hover li a,
.nav li.active li a {
	color: #fff;
	background: none !important;
	line-height: normal;
	width: 156px;
	padding: 8px 3px 3px;
	text-indent: 1px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {
	color: #fff;
	background: #652393 !important;
	text-decoration: none;
	line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	color: #fff;
	background: #fff !important;
	text-decoration: none;
	line-height: normal;
}
/**/
.nav .btm-bg {
	width: 205px;
	height: 9px;
	overflow: hidden;
	clear: both;
}
.content {
	width: 670px;
	background: transparent url(../images/content_bg.png) repeat-y;
	float: left;
	padding: 10px 20px;
}
.content h1 {
	color: #333;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: 1px dashed #C1D9F0;
}
.content h2 {
	font-weight: 400;
	font-size: 14px;
	padding-left: 10px;
	margin-bottom: -5px;
}

.bold {
	color: #333;
	font-style:italic;
	font-weight:bold;
	font-size: 12px;
	border-bottom: 1px dashed #46b82f;
}

.content p {
	padding: 0 15px;
	text-align: justify;	
}
.content-bottom {
	width: 710px;
	background: transparent url(../images/content_bottom.png) no-repeat;
	height: 13px;
	float: left;
}

.right
{float: right;}

.imgleft {
float: left;
margin-right: 5px;
margin-bottom: 0px;
border: 0px;}

#lightbox{
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	right: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ right: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.16thilfordnorth.org.uk/public/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { right: 0; float: right;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.16thilfordnorth.org.uk/public/images/prevlabel.gif) right 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.16thilfordnorth.org.uk/public/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: right; text-align: right; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: right; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	}
	
	#NewsTicker{

	width:900px;
	height: 265px;
	margin:0 auto;
	margin-left: 0px;
		margin-top: 0px;
	padding-top: 0px;
}

#one{

	width:900px;
	height: 265px;
	background-color: #33CC99;
}

#one_text{

	width:900px;
	height: 265px;
	padding: 0px;
}


#two{

	width:900px;
	height:265px;
	background-color:#333300;
}

#two_text{

	width:900px;
	height: 265px;
	padding: 0px;
}


	#NewsTicker h1{
	padding:6px;
	margin:0;
	border:0;
	background:#dfe7ed;
	color:#000000;
	font-weight:bold;
	}
	#NewsVertical {
	width: 900px;
	height: 265px;
	display: block;
	overflow: hidden;
	position: relative;
	
	}
/* --------------- */
/* Ticker Vertical */
	#TickerVertical {
	width: 900px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 0px;
	padding-top: 0px;
	
	}
	#TickerVertical li {
	width: 900px;
	color: #a9a9a9;
	text-align: left;
	margin: 0;
	float: left;
	height: 265px;
	display: inline;
	
	}
		#TickerVertical li .NewsTitle{
			display: block;
			margin-bottom:6px;

		}
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
			display: block;
			color: #000000;
			margin-bottom:6px;
			text-decoration:underline;
		}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:none;
		}
		
		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
			border:solid 1px #DEDEDE;
		}
		#TickerVertical li .NewsFooter{
			display: block;
			font-size: 10px;
			margin:6px 0 14px 0;
			color:#000000
		}

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

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
	background:#333333;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	width: 900px;
	}
	.menu li{
		float:left;
		padding:0px;
		list-style: none;
	
		}
	.menu li a{
		background:#333333 url("images/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 16px;
		text-align:center;
		text-decoration:none;
		list-style: none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #2580a2 url("images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}