html {background: #fff !important;}

#site-header {background: url(../../images/southend-badge.jpg) left center no-repeat; height: 202px;}
#site-header h1 {margin: 0; padding: 0; text-indent: -10000px; background: url(../../images/southend-banner-main.jpg) right center no-repeat; height: 202px;}

#site-navigation {background: url(../../images/site-navigation-bg-top.jpg) left center repeat-x;  padding: 0 20px; white-space: nowrap; position: relative; z-index: 99;}
#site-navigation * {margin: 0; padding: 0; list-style: none;}
#site-navigation li {display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; position: relative; vertical-align: top;}
#site-navigation li li {display: block;}
#site-navigation a {display: block; height: 44px; line-height: 44px; padding: 0 20px; color: #fff; font-size: 14px;}
#site-navigation li li a {height: auto; line-height: normal;padding: 5px 20px; background: #6cad80; font-size: 12px; }
#site-navigation a:hover {background: #6cad80;}
#site-navigation li li a:hover {background: #dc0e1b;}
#site-navigation li ul {position: absolute; left: 0; top: 44px; display: none;}
#site-navigation li:hover ul {display: block;}
#site-navigation li:hover ul ul {display: none;}
#site-navigation li ul li:hover ul {display: block; left: 100%; top: 0; border-left: 1px solid #fff;}
#site-navigation li ul li:hover ul ul {display: none;}
#site-navigation li ul ul ul li:hover ul {display: block;}

#site-main {padding: 20px 0;}

#site-left-column {width: 280px; float: left;}
#site-left-column .latest-news {border: 1px solid #6cad80; margin-bottom: 10px;}
#site-left-column .latest-news h3 {margin: 0; padding: 0; color: #fff; font-weight: normal; background: #6cad80; font-size: 20px; padding: 5px;}

#site-quicklinks * {padding: 0; margin: 0; list-style: none;}
#site-quicklinks a {height: 50px; line-height: 50px; background: #dc0e1b; font-size: 20px; font-style: italic; display: block; color: #fff; margin-bottom: 10px;}
#site-quicklinks a span {display: block; width: 0; height: 0; border-left: 25px solid #e7969d; border-top: 25px solid #dc0e1b; border-bottom: 25px solid #dc0e1b; float: left; margin-right: 10px;}

#site-content {margin-left: 300px;}

#site-footer {background: #6cad80; padding: 10px; clear: both;}
#site-footer img {float: right;}
#site-footer dl {width: 400px; overflow: hidden;}
#site-footer dl * {float: left; margin: 0; padding: 0; color: #fff;}
#site-footer dt {width: 50px; height: 33px;}
#site-footer dd {height: 33px; line-height: 33px; margin-bottom: 10px; color: #fff; font-size: 13px; width: 350px;}
#site-footer dd a,
#site-footer dd img {float: none;}
#site-footer dd img {margin-left: 30px; vertical-align: middle;}
/*************** LATEST NEWS *********************/

.news-block
{
	margin: auto;
	font-size:100%;
}

.floatwrapper {overflow: hidden;}

.article {height: 100%;}
.article.small
{
	float: left;
	width: 32%;
}

.article .newsGallery
{
	height: 200px;
	text-align: centre;
	overflow: hidden;
	position: relative;
}
.article.small .newsGallery
{
	height: 70px;
	text-align: centre;
}

.article .newsGallery .wrapa
{
	position: absolute;
	top: 50%;
	left: 50%;
	height: 90%;
	width: 50%;
}

.article .newsGallery .wrapb
{
	position: absolute;
	top: -50%;
	left: -50%;
	height: 100%;
	width: 100%;
}

.article .newsGallery img
{
	height: 100%;
	border: 1px solid #000;
	margin: -1px 0 0 -1px;
}

.article .date
{
	padding: 3px 0;
}

.articleDivider
{
	width: 2%;
	float: left;
	height: 1px;
}

hr.articleHr
{
	border: 1px solid #1D5A31;
}

a.more
{
	display: block;
	background: #1D5A31;
	color: #fff;
	padding: 3px;
	margin-bottom: 5px;
}

a.more:hover
{
	background: #fff;
	color: #000;
}

a.page-link
{
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	color: #fff;
	text-align: centre;
	line-height: 30px;
	background: #1D5A31;
	margin-right: 2px;
}

a.page-link:hover,
a.page-link.selected
{
	color: #000;
	background: #fff;
}

.article h3 {height: 40px;}