@import url(blankcanvas.css);
@import url(base-typography.css);
@import url(base-datasets.css);
@import url(assets.css);
@media screen {
	body {
		margin: 0;
		padding: 0;
	}
#content li
{
	line-height: 130%;
}

	div#shell {
		margin: 0 auto;
		width: 960px;
		padding-bottom: 20px;
		overflow: hidden;
	}
	
	div#header {
		height: auto !important;
		height: 290px;
		min-height: 290px;
		background: url("../../images/eef-venues/branding/bg-beakers.jpg") right top no-repeat;
		
	}
	
	body.homepage div#header {
		border: 0;
	}
	
	body.homepage div#header h1 {
		display: none;
	}
	
	body.our-venues div#header,
	body.news div#header {
		background-image: url("../../images/eef-venues/branding/chair-legs.jpg");
	}
	
	body.venue div#header {
		background-image: url("../../images/eef-venues/branding/conference-phone.jpg");
	}
	
	body.rooms div#header {
		background-image: url("../../images/eef-venues/branding/corkscrew.jpg");
	}
	
	body.gallery div#header {
		background-image: url("../../images/eef-venues/branding/usb-drive.jpg");
	}
	
	div#header-nav {
		clear: both;
		float: left;
		width: 930px;
		overflow: auto;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		padding: 0 5px;
	}
	div #header-nav-links {float:right;}
	div#header a#logo,
	div#header div#logo {
		float: left;
		display: inline;
		margin: 20px 0;
	}
	
	/*util links*/
	div.header-links ul {
		float: right;
		margin: 15px 10px 0 0;
	}
	
	div.header-links ul li,
	div.header-links ul a {
		float: left;
	}
	
	div.header-links ul a {
		margin-left: 10px;
		color: #000;
		text-decoration: none;
	}
	
	div.header-links ul a:hover,
	div.header-links ul a:focus,
	div.header-links ul a:active {
		text-decoration: underline;
	}
	
	/*primary nav*/
	 #primary-navigation ul {
		float: left;
		font-size: 1.166em;
	}
	
	 #primary-navigation ul li {
		float: left;
	}
	
	 #primary-navigation ul a, #primary-navigation ul li.active {
		float: left;
		padding: 8px 10px;
		margin-right: 5px;
		color: #000;
		text-decoration: none;
font-family: Georgia, Times, Serif;
	}
	
	 #primary-navigation ul a:hover,
	 #primary-navigation ul a:focus,
	 #primary-navigation ul a:active,
	 #primary-navigation ul li.active  {
		background: #e5e5e5;
		text-decoration: none;
font-family: Georgia, Times, Serif;
	}
	
	/*secondary navigation
	allows for infinite levels of navigation. levels 1-4 are specifically
	styled. levels 4+ are handled with a progressively smaller font size*/
	div#secondary-navigation a {
		text-decoration: none;
	}
	
	div#secondary-navigation h2 {
		margin: 0;
		border-bottom: 1px solid #b2b2b2;
		padding: 9px 10px;
	}
	
	div#secondary-navigation ul li,
	div#secondary-navigation ul li ul {
		float: left;
		clear: both;
		width: 100%;
	}
	
	div#secondary-navigation ul a {
		display: block;
		margin: 0 10px;
		border-bottom: 1px solid #b2b2b2;
		padding: 10px 0;
		cursor: pointer;
	}
	
	div#secondary-navigation ul a:hover,
	div#secondary-navigation ul a:focus,
	div#secondary-navigation ul a:active {
		text-decoration: underline;
	}
	
	div#secondary-navigation ul li.active a,
	div#secondary-navigation ul a.active {
		background-image: url("../../images/eef-venues/icons/link-chevron-dn.gif");
		background-repeat: no-repeat;
		background-position: right center;
	}
	
	div#secondary-navigation ul li.active a,
	div#secondary-navigation ul a.active {
		border-bottom: 0;
	}
	
	/*level 2*/
	div#secondary-navigation ul ul {
		background: #edeeee;
		font: .974em Georgia, Times, Serif;
		border-bottom: 1px solid #b2b2b2;
	}
	
	div#secondary-navigation ul ul a {
		border: 0;
		margin: 0;
		padding: 8px 10px 8px 20px;
		background: #edeeee;
		background-image: none !important;
		color: #000;
	}
	
	div#secondary-navigation ul ul a:hover,
	div#secondary-navigation ul ul a:focus,
	div#secondary-navigation ul ul a:active {
		text-decoration: underline;
	}
	
	div#secondary-navigation ul ul li.active a,
	div#secondary-navigation ul ul a.active {
		font-weight: bold;
	}
	
	/*level 3*/
	div#secondary-navigation ul ul ul  {
		background: #d7d9da;
		border-top: 1px solid #b2b2b2;
		border-bottom: 1px solid #b2b2b2;
	}
	
	div#secondary-navigation ul ul ul a {
		margin: 5px 0;
		padding: 3px 10px 3px 30px;
		font-weight: normal !important;
		background: #d7d9da;
		text-decoration: none;
	}
	
	div#secondary-navigation ul ul ul li.active a,
	div#secondary-navigation ul ul ul a.active {
		background: #c9d8da;
		text-decoration: none;
	}
	
	/*level 4+*/
	div#secondary-navigation ul ul ul ul  {
		font-size: .974em;
		border: 0;
		width: auto;
		padding-left: 15px;
		background: none !important;
	}
	
	div#secondary-navigation ul ul ul ul li.active a {
		font-weight: bold !important;
		background: none !important;
	}
	
	/*search*/
	div#header .search {
		float: right;
		width: 225px;
		padding-top: 5px;
	}
	
	div#header .search label {
		display: none;
	}
	
	div#header .search input {
		margin: 0;
		border: 1px solid #000;
		background: #fff;
		font: .923em Arial, Helvetica, Sans-serif;
	}
	
	div#header .search input#search-query {
		float: left;
		width: 150px;
		padding: 2px 3px;
	}
	
	div#header .search input#search-submit {
		float: right;
		padding: 1px 2px;
	}
	
	/*columns
	every column has a class of 'col', and optionally another 'colX' class. The x defines
	how many columns in a 16 column grid to use. for instance, 'col col6' would create a
	container 6 columns wide. Each column is 40px + 20px margins.*/
	.col {
		float: left;
		display: inline;
		margin: 0 10px;
		width: 940px;
	}
#content h1
{
padding-bottom:0px;margin-bottom:0.5em;
}
	.col h1
{
color:#000000;
}
	/*column nesting
	if you want to nest columns, place the child columns within a col-group container.*/
	div.col-group {
		display: inline-block;
		position: relative;
		clear: both;
		overflow: hidden;
		left: -10px;
		margin: 0 -20px 10px 0;
margin-bottom:0px;
	}
div.clear0 {clear:both;height:0px;}
	
	body.homepage div#content div.col-group {
		z-index: 2;
	}
	
	div.col12 div.col-div-6 {
		padding-top: 5px;
		background-image: url("../../images/eef-venues/layout/divider-12-6.gif");
		background-repeat: no-repeat;
		background-position: 10px top;
	}
	
	.col1 {
		width: 40px;
	}
	
	.col2 {
		width: 100px;
	}
	
	.col3 {
		width: 160px;
	}
	
	.col4 {
		width: 220px;
	}
	
	.col5 {
		width: 280px;
	}
	
	.col6 {
		width: 340px;
	}
	
	.col7 {
		width: 400px;
	}
	
	.col8 {
		width: 460px;
	}
	
	.col9 {
		width: 520px;
	}
	
	.col10 {
		width: 580px;
	}
	
	.col11 {
		width: 640px;
	}
	
	.col12 {
		width: 700px;
	}
	
	.col13 {
		width: 760px;
	}
	
	.col14 {
		width: 820px;
	}
	
	.col15 {
		width: 880px;
	}
	
	/*content*/	
	div#content {
		padding: 10px 0;
		border-bottom: 1px solid #000;
	}
	
	body.homepage div#content , body.venues div#content{
		position: relative;
		border-top: 1px solid #000;
		border-bottom: 0;
	}
	
	body.our-venues div#content {
		padding-top: 3.15em;
	}
	
	address.telephone,
	span.telephone {
		font: 1.499em Georgia, Times, Serif;
	}
	
	div#content p.disclaimer {
		color: #666;
		font-size: .923em;
	}
	
	div#content div.intro {
		border-bottom: 1px solid #000;
		margin-bottom: 1em;
		padding: 10px;
		background: #dbe5e6;
	}
	
	div#content div.intro ul, div#content ul {
		list-style: none;
		margin: .5em 0;
		padding: 0;
	}
	
	div#content div.intro li, div#content li {
		list-style: none;
		padding: 0 0 0 25px;
		margin: 0 .5em .7em 0;
		background: url("../../images/eef-venues/icons/bullet-dash.gif") no-repeat left 0.5em;
	}
	
	div.img-box div.text {
		float: left;
		width: 55%;
	}
	
	div.img-box img {
		float: right;
		margin: 0 0 .5em 1em;
	}
	
	div#content ul {
		list-style: disc outside;
		margin: .3em 0;
		padding-bottom: 0;
	}
	
	div#content li {
		margin-bottom: .5em;
	}
	
	div#content ul.links {
		list-style: none;
		margin: .5em 0;
		padding: 0;
	}
	
	div#content ul.links li {
		padding-left: 10px;
		background: url("../../images/eef-venues/icons/link-chevron.gif") no-repeat left 4px;
		line-height: 130%;
		font-family: Georgia, Times, Serif;
	}
	
	div#content ul.links li a {
		text-decoration: none;
	}
	
	div#content ul.links li a:hover,
	div#content ul.links li a:focus,
	div#content ul.links li a:active {
		text-decoration: underline;
	}
	
	div#content ul.paging {
		float: left;
		list-style: none;
		margin: 0;
		padding: 1em 0;
	}
	
	div#content ul.paging li {
		float: left;
		margin-right: 10px;
		border-right: 1px solid #000;
		padding-right: 10px;
	}
	
	div#content ul.paging li.prev,
	div#content ul.paging li.next,
	div#content ul.paging li.last {
		border: 0;
	}
	
	div#content ul.paging li a {
		text-decoration: none;
	}
	
	div#content ul.paging li a:hover,
	div#content ul.paging li a:focus,
	div#content ul.paging li a:active {
		text-decoration: underline;
	}
	
	div#content div.news-items {
		clear: both;
	}
	
	div#content div.news-items h5 {
		margin: 0;
		padding: 0;
		font: 1.336em Georgia, Times, Serif;
	}
	
	div#content div.news-items h5 a {
		text-decoration: none;
	}
	
	div#content div.news-items h5 a:hover,
	div#content div.news-items h5 a:focus,
	div#content div.news-items h5 a:active {
		text-decoration: underline;
	}
	
	div#content div.news-items p {
		margin-bottom: 1.5em;
	}
	
	/*content footer*/
	div#content-footer {
		clear: both;
		overflow: auto;
		margin-top: 0em;
margin-bottom:1em;
	}
	
	body.homepage div#content-footer {
		margin-top: 0;
		border-top: 1px solid #000;
		padding-top: 1em;
	}
	
	div#content-footer * {
		float: right;
	}
	
	/*image grid (165x125)*/
	div#content ul.image-grid {
		display: inline-block;
		overflow: auto;
		list-style: none;
		margin: 0 -20px 0 0;
		padding: 0;
margin-bottom:0.5em; margin-top:0.5em;
		/*background: blue;*/
	}
	
	div#content ul.image-grid li {
		float: left;
		margin: 0 10px .5em 0;
		padding: 0;
		width: 165px;
		height: 125px;
	}
	
	div#content ul.image-grid li a,
	div#content ul.image-grid li img {
		display: block;
		width: 165px;
		height: 125px;
	}
	
	/*venue map*/
div#content div.mappanel
{
position: relative;
top:-20px;
z-index: 1;
}
	div#content ul#venue-map {
		position: relative;
		list-style: none;
		z-index: 1;
		top: 0px;
		right: 20px;
		margin: 0;
		width: 199px;
		height: 223px;
		padding: 0;
		background: url("../../images/eef-venues/assets/map-england.gif") no-repeat;
		font: .769em/110% "Trebuchet MS", Helvetica, Arial, Sans-serif;
	}
	
	div#content ul#venue-map li {
		position: absolute;
		width: 80px;
		padding-left: 8px;
		background-image: url("../../images/eef-venues/icons/bullet.gif");
		background-repeat: no-repeat;
		background-position: left 2px;
	}
	
	ul#venue-map li a {
		text-decoration: none;
background-image:none;
	}
	
	ul#venue-map li a strong {
		display: block;
background-image:none;
	}
	
	div#content ul#venue-map li.broomgrove {
		left: 110px;
		top: 57px;
	}
	
	div#content ul#venue-map li.barleythorpe {
		left: 140px;
		top: 95px;
	}
	
	div#content ul#venue-map li.broadway {
		left: 150px;
		top: 155px;
	}
	
	div#content ul#venue-map li.grange {
		right: 80px;
		top: 112px;
		width: 83px;
		padding: 0 8px 0 0;
		background-position: right 2px;
	}
	
	div#content ul#venue-map li.eng-house {
		right: 107px;
		top: 154px;
		padding: 0 8px 0 0;
		background-position: right 2px;
	}
	
	/*colour branding
	when applied to a container, all links and headers within that container will
	follow that specific venue's branding.*/
ul li.brand
{
font-weight:bold;
}
ul li.brand li
{
font-weight:normal;
}
	.brand-barleythorpe h3,.brand-barleythorpe #content h1, ul li.brand-barleythorpe a
	{
		color: #b65f1a;
	}
	body.brand-barleythorpe div#header {
		background-image: url("../../images/eef-venues/branding/barleythorpe.jpg");
	}
	.brand-broadway h3, .brand-broadway #content h1, ul li.brand-broadway a
	 {
		color: #d80b8c;
	}
body.brand-broadway div#header {
		background-image: url("../../images/eef-venues/branding/broadway-house.jpg");
	}
	
	.brand-broomgrove h3, .brand-broomgrove #content h1, ul li.brand-broomgrove a
	 {
		color: #5b812a;
	}
	body.brand-broomgrove div#header {
		background-image: url("../../images/eef-venues/branding/broomgrove.jpg");
	}
	.brand-eng-house h3, .brand-eng-house #content h1, ul li.brand-eng-house a
	 {
		color: #7961ab;
	}
	body.brand-eng-house div#header {
		background-image: url("../../images/eef-venues/branding/engineers-house.jpg");
	}
	.brand-grange h3, .brand-grange #content h1, ul li.brand-grange a
	 {
		color: #4c7f83;
	}
body.brand-grange div#header {
		background-image: url("../../images/eef-venues/branding/woodland-grange.jpg");
	}
	
	/*secondary content*/	
	div#secondary h2 {
		font-size: 1.307em;
	}
	
	div#secondary a:hover,
	div#secondary a:active,
	div#secondary a:focus {
		text-decoration: underline;
	}
	
	/*image grid (165x125)*/
	div#secondary ul.image-grid {
		margin: 0 0 0 15px;
		padding: 0;
	}
	
	div#secondary ul.image-grid li {
		width: 60px;
		height: 60px;
		margin: 0 3px 3px 0;
	}
	
	div#secondary ul.image-grid li a,
	div#secondary ul.image-grid li img {
		width: 60px;
		height: 60px;
	}
	
	/*boxes*/
	div.box {
		overflow: auto;
		margin-bottom: 0.5em;
		background: #eee;
	}
	
	div.box-highlight {
		background: #bdcccf;
	}
	
	div.box h2 {
font-family:georgia,serif,arial,sans-serif; font-weight:normal;
		margin: 0 0 .5em 0;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		padding: 5px 15px;
	}
	
	div.box p,
	div.box address {
		padding: 5px 15px;
	}
	
	div.box address {
		margin: 0;
	}
	
	div#secondary div.box .telephone {
		font-size: 2em;
	}
	
	div.box img.related, img.related  {
		float: right;
		margin: .5em .5em .5em 1em;
	}
	
	/*footer*/
	div#footer {
		clear: both;
		overflow: auto;
		padding: 13px 5px;
		background: #eeeeee;
	}
	
	div#footer div.inner {
		margin: 0 auto;
		width: 940px;
	}
	
	div#footer ul {
		float: left;
	}
	
	div#footer ul li,
	div#footer ul a {
		float: left;
	}
	
	div#footer ul a {
		margin-right: 15px;
		color: #000;
		font-weight: bold;
		text-decoration: none;
	}
	
	div#footer ul a:hover,
	div#footer ul a:active,
	div#footer ul a:focus {
		text-decoration: underline;
	}
	
	div#footer p {
		float: right;
	}
/* search pagination */
#searchnav
{

}
#searchnav ul.pagination li {
	float:left;
	background-image:none;
	padding:0 8px 0 12px;
	color:#000;
}

#searchnav ul.pagination li.first {
	background-image:none;
	padding:0 4px 0 0;
}

#searchnav ul.pagination li.second {
	background-image:none;
}

#searchnav ul.pagination li.last {
	background-image:none;
	padding:0 0 0 4px;
}

#searchnav ul.pagination li a {
	font-weight:bold;
background-image:none;
}

/*radeditor*/
div #content table.RadEWrapper,
div #content table.RadEWrapper td {margin:0 0 0 0;width:auto;padding:0 0 0 0;}
}