/*Reset ------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}
/*html5 */
section, article, header, footer, nav, aside, hgroup{ display:block; }
:focus { outline: 0;}
body { line-height: 1; color: black; background: white;}
ol, ul { list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
html { min-height: 101%; margin-bottom: 1px; }
a{ text-decoration:none; }
.hidden{ display:none;}
.clear {clear:both;}
img {-ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }
.alignleft{ float:left;}
.alignright{ float:right;}


/* General
====================== */
body{
	background:#525252;
	color:#525252;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	background:url('../images/layout/bg-main.png') 50% 0% repeat-x #525252;
	-webkit-text-size-adjust: none;
}


/* Typography
====================== */
.main-content h1, h2, h3, h4{
	color:#000;
}	


/* h1 */
h1, h2.maintitle{
	font-size:45px;
	color:#fff;	
	padding:20px 0px 50px 0px;
}

.main-content h2{
	font-size:24px;
	padding-bottom:15px;	
}

/* h3 */
.main-content h3{
	font-size:18px;
	padding-bottom:10px;	
}


/* h4 */
.main-content h4{
	font-size:17px;
	padding-bottom:5px;	
}


/* Layout  /columns etd
====================== */
.wrapper{
	margin:0px auto;
	width:960px;
	overflow:hidden;
}

.page-wrap{
	background:#fff;
	margin-bottom:30px;
	padding-bottom:16px;
}


/* text page */
.content-page .page-wrap,
.feedback-page .page-wrap,
.news-article .page-wrap,
.news-listing .page-wrap{
	padding:32px 32px 16px 32px;
}
.left-column-main{
	float:left;
	width:605px;
}

.right-column{
	float:right;
	width:260px;
}

/* Masthead area
====================== */
header#masthead{
	height:137px;
	background:#fff;
}

/* logo */
div#logo{
	width:212px;
	margin-top:17px;
	float:left;
}
div#logo a{
	width:212px;
	height:99px;
	text-indent:-999em;
	background:url('../images/logos/logo-main.png') no-repeat top left;
	display:block;
}	

/* util nav */
nav#util{
	float:right;
	width:auto;
	margin:19px 0px 5px 0px;
	font-size:14px;
}

nav#util li{
	float:left;	
	padding-left:20px;
}

nav#util li a{
	height:30px;
	line-height:30px;
	display:block;
	color:#ef8322;
	font-weight:bold;
}

/* main nav */
nav#mainmenu{
	width:100%;
	background:#f2994a;
}

nav#mainmenu ul{
	width:100%;
	background:#ef8322;
	overflow:hidden;
}
nav#mainmenu li{
	float:left;
}

nav#mainmenu li a{
	height:63px;
	line-height:63px;
	padding:0px 40px;
	border-right:1px solid #f2994a;
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	position:relative;
}
nav#mainmenu li.last a{
	border-right:0;
}

nav#mainmenu li a.active:after{
	-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none; border-color: #ef8322 transparent transparent;border-image: none;border-right: 5px solid transparent;
    border-style: solid; border-width: 5px;content: " ";height: 0;left: 50%;margin-left: -5px;position: absolute;top: 100%;width: 0;	
}

#menu-icon{
	display:none;	
}


/* search */
#search label{
	display:none;
}

#search{
	width:260px;
	height:44px;
	float:right;
	margin:0px;
	position:relative;
	clear:right;
}

#search input.searchinput{
	width:187px;
	height:44px;
	padding:0px 57px 0px 15px;
	background:#ececec;
	float:left;
	border:none;
	border-radius:21px;
	font-size:15px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}

#search input.searchbutton{
	width:37px;
	height:37px;
	right:4px;
	top:4px;
	position:absolute;
	z-index:999;
	background:url('../images/sprites/bg-buttons.png') 0px -343px no-repeat;
	border:none;
	cursor:pointer;
	text-indent:-999em;
}

/* Breadcrumb
====================== */
.breadcrumb-wrap .wrapper{
	margin:0px auto;
	height:44px;	
}

.breadcrumb-wrap ol{
	font-size:13px;
}

.breadcrumb-wrap ol li{
	float:left;
	padding-right:10px;
	color:#9d9d9d;
	line-height:44px;
	height:44px;
}

.breadcrumb-wrap ol li a{
	padding-left:10px;
	height:44px;
	text-decoration:none;
	color:#9d9d9d;
}

/* Footer
====================== */
footer#mainfooter{
	background:#000;
	padding:30px 0px 90px 0px;
	color:#fff;
	font-size:15px;
}

footer#mainfooter h4{
	font-size:19px;
	padding-bottom:14px;
	color:#fff;	
}

footer#mainfooter a{
	color:#fff;
}	

nav#footernav{
	float:left;
	padding-bottom:30px;
	width:270px;
	line-height:19px;	
}

nav#footernav ul{
	padding-bottom:25px;	
}

footer#mainfooter #social-links{
	float:right;	
	width:310px;
}

footer#mainfooter #social-links li{
	float:left;
	display:block;
	width:50%;	
	margin-bottom:9px;
}

footer#mainfooter #social-links li a{
	display:block;
	line-height:41px;
	height:41px;
	padding-left:50px;
	background:url('../images/sprites/bg-buttons.png') no-repeat;
}	
footer#mainfooter #social-links li a#link-facebook{
	background-position:0px -50px;
}

footer#mainfooter #social-links li a#link-youtube{
	background-position:0px -100px;
}

footer#mainfooter #social-links li a#link-spontly{
	background-position:0px -150px;
}

/* Homepage 
====================== */
#featured{
	padding:16px 0px;
}

#hero{
	position:relative;
	width:650px;
	height:366px;
	float:left;
	overflow:hidden;
}

#hero-nav-buttons{
	width:98px;
	right:15px;
	top:291px;
	position:absolute;
	z-index:800;	
}

#hero-nav-buttons a{
	width:45px;
	height:45px;
	display:block;
	text-indent:-999em;
	background:url('../images/sprites/bg-buttons.png') no-repeat 0px -233px;
	float:left;
}

#hero-nav-buttons a.next{
	background:url('../images/sprites/bg-buttons.png') no-repeat 0px -283px;
	float:right;
}

#hero-wrap,
#hero-wrap ul,
#hero-wrap li{
	width:650px;
	height:366px;
	overflow:hidden;
	position:relative;
}

#hero-wrap li{
	float:left;	
	position:relative;
}

#hero-wrap li div{
	width:650px;
	height:105px;
	background:url('../images/sprites/bg-hero-transparency.png') repeat;
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:800;
}

#hero-wrap li div a{
	display:block;
	padding:16px;	
	width:456px;
	height:73px;
	font-size:15px;
	color:#f8f8f8;
	overflow:hidden;
}

#hero-wrap li div a h2{
	color:#fff;
	font-size:21px;
	padding:2px 0px 7px 0px;
}

#hero-wrap li div a p.readmore{
	font-weight:bold;
	padding-top:4px;
	color:#ef8322;
}	

/* Feature banners 
====================== */
div.banner{
	width:294px;
	height:175px;
	margin-bottom:16px;
	position:relative;
}	

div.banner a{
	width:294px;
	height:175px;
	display:block;
	color:#fff;
	text-decoration:none;
}

div.banner h3{
	padding:20px 50px 0px 19px;
	font-size:21px;
}

#featured div.banner{
	float:right;	
}

#featured div.banner.last{
	margin-bottom:0px;
}

.page-wrap div.banner,
.page-wrap div.banner a{
	width:261px;
	height:145px;
	color:#fff;
}

.page-wrap .banner a h3{
	color:#fff;
}
	
.page-wrap .banner h3{
	padding:20px 50px 0px 19px;
	font-size:18px;
}

div.banner span.banner-icon{
	display:block;
	width:112px;
	height:80px;
	position:absolute;
	right:16px;
	bottom:16px;
	z-index:999;
	z-index:1;
}

/* Banner Colours
====================== */
/* orange */
div.banner.bn-orange{
	background:#ef8322;
}
/* black */
div.banner.bn-black{
	background:#000;
}
/* white */
div.banner.bn-white{
	background:#fff;	
}

div.banner.bn-white a{
	color:#000;	
}

.intro-block{
	background:#fff;
	margin:30px auto;	
	padding:16px;
	overflow:hidden;
	position:relative;
}

.intro-block img{
	float:left;
}

.intro-block .text{
	width:540px;
	padding-right:34px;
	float:right;
	margin-top:50px;	
}

.intro-block .text p{
	font-size:18px;
	line-height:23px;
	color:#8c8d8e;
	padding-bottom:25px;
}

.intro-block .text p strong{
	color:#000;
}

.intro-block ul{
	overflow:hidden;
}

.intro-block ul li{
	float:left;
	margin:0px 8px 8px 0px;
}

.intro-block ul li a{
	height:44px;
	line-height:44px;
	border-radius:22px;
	padding:0px 18px;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;	
	display:block;
}

.intro-block ul li a.orange-button{
	background:#ef8322;
}

.intro-block ul li a.black-button{
	background:#000;
}

/* Landing with images 
====================================== */
.landing-page .page-wrap div.intro{
	padding:30px 290px 30px 30px;
	maring-bottom:22px;
}

.landing-page .page-wrap div.intro p.intro-summary{
	font-size:19px;
	line-height:23px;
	font-weight:bold;
	color:#000;
	padding-bottom:19px;
}

.landing-page .page-wrap div.intro p, .feedback-page .page-wrap div.intro p{
	font-size:15px;
	line-height:20px;
}

.landing-page li{
	width:279px;
	margin-left:31px;
	float:left;	
	margin-bottom:23px;
	background:#ef8322;
}

.landing-page li a{
	display:block;
}

.landing-page li img{
	display:block;
}

.landing-page li a h2{
	font-size:16px;
	height:55px;
	line-height:22px;
	padding: 10px 0 0 10px;
	color:#fff;
}



/* Content pages element styles
================================== */
.main-content p,
.main-content ul,
.main-content ol{
	font-size:15px;
	line-height:125%;
	padding-bottom:20px;	
}

.main-content p.intro{
	font-size:19px;
	font-weight:bold;
	color:#000;
	padding-bottom:23px;
}

.main-content p a,
.main-content li a{
	text-decoration:underline;
	color:#ef8322;
}

.main-content ul{
	padding-left:1em;
	list-style-type:disc;
}

.main-content ol{
	padding-left:1.3em;
	list-style-type:decimal;
}

.main-content ul li,
.main-content ol li{
	padding-bottom:6px;
}

.main-content blockquote{
	padding:25px 25px 9px 25px;
	background:#f2f4f6;	
	margin-bottom:25px;
}

.main-content table{
	border-collapse:collapse;	
	font-size:14px;
	margin-bottom:25px;
}

.main-content th{
	background:#e4e7ea;
	padding:16px 11px;
	vertical-align:middle;
	border: 1px solid #e4e7ea;
	font-weight:bold;
	color:#333;
}	

.main-content td {
    border: 1px solid #e4e7ea;
  	padding:11px;
}

.featured-image{
	padding:10px;
	background:#f3f3f3;
	margin-bottom:25px;
	position:relative;
	overflow:hidden;
}

.featured-image img{
	display:block;
	width:100%;
	height:auto;
}


/* Side navigation 
====================== */
nav.sidenav{
	background:#f3f3f3;
}

nav.sidenav h3{
	font-size:18px;	
	padding:16px;
	color:#fff;
	font-weight:normal;
	background:#ef8322;
	position:relative;
}

nav.sidenav h3:after{
	-moz-border-bottom-colors: none; -moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #ef8322 transparent transparent;border-image: none;
    border-right: 9px solid transparent;border-style: solid;border-width: 9px;content: " ";height: 0;left: 50%;margin-left: -9px;position: absolute;top: 100%;width: 0;	
}

nav.sidenav h3 strong{
	display:block;
	font-weight:bold;
}

nav.sidenav li a{
	display:block;
	padding:21px 16px;
	border-bottom:1px solid #dfdfdf;
	font-size:15px;
	color:#252525;
}

nav.sidenav li.last a{
	border:none;	
}

nav.sidenav li a span{
	font-size:13px;
	display:block;
	padding-top:4px;
	color:#666;
}

/* Related content
====================== */
.related-content{
	margin-top:15px;
}

.related-wrap{
	border-top:4px solid #eaedef;
	margin-top:7px;	
}

.related-wrap h3{
	font-size:19px;	
	padding:24px 0px 24px 0px;
}

.related-wrap p.disclaimer{
	font-size:14px;
	padding-bottom:15px;
	margin-top:-10px;
}

.related-wrap h3 span.icon{
	background:url('../images/sprites/bg-related-icons.png') no-repeat;
	float:right;
	display:block;
	width:42px;
	height:42px;
	margin:-10px 1px 0px 0px;
}

.related-wrap li{
	padding:10px 0px 15px 0px;
	border-top:1px solid #eaedef;	
	overflow:hidden;
	width:100%;
	font-size:15px;	
	color:#454545;
}
.related-wrap li h4{
	font-size:16px;
	padding-bottom:8px;
	color:#252525;
}

#keycontacts.related-wrap li h4{
	padding-bottom:14px;	
}

.related-wrap li p{
	font-size:15px;	
	line-height:120%;
	padding-bottom:10px;
}

.related-wrap li a{
	text-decoration:underline;
	color:#EF8322;
}

#externallinks.related-wrap h3 span.icon{
	margin-top:-30px;
}

#downloads.related-wrap h3 span.icon{
	background-position:0px 0px;
}

#keycontacts.related-wrap h3 span.icon{
	background-position:0px -126px;	
}

#relatedlinks.related-wrap h3 span.icon{
	background-position:0px -42px;	
}

#externallinks.related-wrap h3 span.icon{
	background-position:0px -84px;	
}

/* Forms
====================== */
.form-wrap{
	border:1px solid #e6e6e4;
	padding:20px 15px 15px 15px;
}
.form-wrap label{
	font-size:16px;	
	color:#454545;
}

.form-wrap .input-wrap,
.form-wrap .button-wrap,
.form-wrap p{
	overflow:hidden;	
	padding-bottom:30px;
}

input.textinput,
textarea.textinput{
	background:#f6f6f6;
	border:1px solid #c7c7c7;
	color:#252525;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	height: 38px;
	padding: 0 12px;
}

select.textinput{
	background:#f6f6f6;
	border:1px solid #c7c7c7;
	color:#252525;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}

.textinput.error{	
	border-color:#dc0000;
}

.form-wrap span.error{
	color:#dc0000;
	display:block;
	padding-top:9px;
	font-size:15px;
}

ul.checkbox-stacked li,
ul.checkbox-columns li{
	padding-bottom:11px;
	font-size:16px;
}	

ul.checkbox-columns li{
	width:48%;
	padding-right:2%;
	float:left;	
}

ul.checkbox-stacked li input,
ul.checkbox-columns li input{
	margin:-8px 10px 0px 0px;
}

.form-wrap .single-checkbox{
	margin-left:226px;	
}

.form-wrap .single-checkbox input{
	margin-right:8px;
}

input.submitbutton,
input.secondarybutton
{
	border: medium none;
	border-radius: 22px 22px 22px 22px;
	color: #FFFFFF;
	display: block;
	font-size: 18px;
	font-weight: bold;
	height: 44px;
	line-height: 44px;
	padding: 0 18px;
	text-decoration: none;
	background: none repeat scroll 0 0 #EF8322;
}

input.secondarybutton{
	background:#7d7d7d;	
}

input.submitbutton:hover{
	background:#000;
}

/* Search results
====================== */
p.result-title{
	font-size:19px;	
	margin-bottom:20px;
}

p.result-title strong{
	color:#000;
}

.search-results .page-wrap{
	padding-top:37px;
}

#searchresults{
	width:700px;
	float:right;
}

#searchresults ol li{
	border-bottom:1px solid #e6e6e4;
	padding:16px 16px 24px 0px;
}

#searchresults ol li p{
	font-size:15px;
	line-height:18px;		
}

#searchresults ol li a{
	text-decoration:underline;	
}

#searchresults ol li h3{
	font-size:17px;
	padding-bottom:8px;	
	color:#EF8322;
}

#searchresults ol li h3 a{
	color:#EF8322;
}

/* Sidesearch
================================== */
.negative-left-col{
	width:261px;
	margin:0px 0px 16px -16px;
	float:left;
}

.sidesearch{
	overflow:hidden;
	background:#ef8322;
	width:261px;
	margin:0px 0px 16px 0px;
	color:#fff;
}

.sidesearch h3{
	background:#b6641a;
	line-height:64px;
	height:64px;
	color:#fff;
	padding:0px 16px;
	font-size:19px;
	position:relative;
}

.sidesearch h3:after{
	 -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #b6641a transparent transparent;
    border-image: none;
    border-right: 9px solid transparent;
    border-style: solid;
    border-width: 9px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -9px;
    position: absolute;
    top: 100%;
    width: 0;	
}

.sidesearch form{
	padding:16px;	
}

.sidesearch label{
	font-size:16px;
	padding-bottom:6px;	
	display:block;
	color:#fff;
	font-weight:bold
}

.sidesearch .textinput{
	margin-bottom:14px;	
	height:28px;
	border:none;
	background:#fff;
	width:204px;
	font-size:14px;
	padding:3px 12px;
}

.sidesearch select.textinput{
	width:228px;
	height:36px;
	padding:8px 12px;
	border:none;
	background:#fff;
}

.sidesearch .submitbutton{
	width:100%;
	margin-top:10px;
	height:42px;
	border-radius:21px;
	background:#000;
	padding-top:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.sidesearch .submitbutton:hover{
	background:#fff;
	color:#000;	
}

.sidesearch .checkbox-stacked li{
	font-size:14px;	
	overflow:hidden;
}

.sidesearch .checkbox-stacked li input{
	float:left;
	margin:0px;
}

.sidesearch .checkbox-stacked li span{
	float:left;
	padding-left:10px;
	width:170px;
}
/* Events + News
====================== */
p.submiteventlink{
	width:200px;
	float:right;
	text-align:right;
	margin-top:-73px;	
	font-size:17px;
}
.event-listing .page-wrap div.intro{
	border-bottom:1px solid #e6e6e4;
	padding:30px 455px 30px 30px;
	maring-bottom:22px;
}

.event-listing .page-wrap div.intro p{
	font-size:19px;
	line-height:23px;
}

#event-listing{
	float:right;
	width:700px;	
}

#event-listing ol li,
#news-articles ol li{
	padding:10px 16px 23px 0px;	
	border-bottom:1px solid #e6e6e4;
	overflow:hidden;
}

#event-listing ol li img,
#news-articles ol li img{
	float:left;	
	width:180px;
	height:auto;
	border:1px solid #d9d9d9;
	margin-right:15px;
}

#event-listing ol li .eventtext,
#news-articles ol li .eventtext{
	width:322px;
	padding-top:8px;
	float:left;
}

#event-listing ul.legend{
	width:100px;
	float:right;
	padding-top:10px;
}

#event-listing ul.legend li{
	width:42px;
	height:42px;
	float:left;
	margin-left:6px;
	padding:0px;
	border:none;
}
#event-listing ul.legend li strong{
	display:none;
}	

#event-listing ul.legend li.family-friendly span.icon{
	width:42px;
	height:42px;
	display:block;
	background:url('../images/sprites/bg-eventlegend.png') no-repeat 0px 0px;
}
#event-listing ul.legend li.wheelchair-pushchair span.icon{
	width:42px;
	height:42px;
	display:block;
	background:url('../images/sprites/bg-eventlegend.png') no-repeat 0px -42px;
}

#event-listing a.booklink,
#event-detail a.booklink{
	background:#ef8322;
	border-radius:18px;	
	float:right;
	width:140px;	
	color:#fff;
	height:36px;
	line-height:36px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
}

#event-listing li h2, 
#news-articles li h2{
	font-size:18px;
}

#event-listing li h2 a,
#news-articles li h2 a{
	color:#252525;
}

#event-listing p,
#news-articles p{
	font-size:14px;
	color:#454545;	
	line-height:16px;
}

#event-listing p.supportingtext,
#news-articles p.supportingtext{
	padding:8px 0px 20px 0px;
	font-size:13px;
	line-height:18px;
	color:#999;
}

#event-listing p.supportingtext a{
	text-decoration:underline;	
	color:#ef8322;
}

#event-listing p.readmore,
#news-articles p.readmore{
	padding-top:16px;
}

#event-listing p.readmore a,
#news-articles p.readmore a{
	text-decoration:none;
	font-weight:bold;
	color:#ef8322;
}

/* Event detail
====================== */
#event-detail{
	width:684px;
	padding-right:16px;
	float:right;	
}

.event-detail .page-wrap{
	padding-top:37px;
}

#event-detail h1{
	float:left;
	width:500px;
	font-size:32px;
	color:#252525;
	padding:8px 0px 25px 0px;
}

.event-intro{
	clear:both;
	background:#E9E9E9;
	margin-bottom:25px;
	position:relative;
	overflow:hidden;
}

.event-intro img{
	float:right;
}

.event-intro ul.event-details{
	float:left;
	width:221px;
	margin-left:12px;
	padding-top:16px;
	position:relative;
	height:230px;
}

.event-intro ul.event-details li{
	font-size:14px;
	color:#454545;	
	padding-bottom:6px;
}

.event-intro ul.event-details li a.maplink{
	font-size:12px;
}	

.event-intro ul.event-details li.family-friendly,
.event-intro ul.event-details li.wheelchair-pushchair{
	background:#ebeff3;
	width:42px;
	height:42px;
	text-indent:-999em;
	background:url('../images/sprites/bg-event-detail-legend.png') no-repeat;
	position:absolute;
	bottom:10px;
	padding-bottom:0px;
}

.event-intro ul.event-details li.wheelchair-pushchair{
	background-position:-48px 0px;	
	left:48px;
}

.event-intro a{
	color:#EF8322;	
}

#event-detail a.booklink{
	margin-top:14px;	
}

/* News specfic
====================== */
.article-top h1{
	font-size:26px;
	color:#000;
	padding:0px 0px 10px 0px;
}

.article-top{
	padding-bottom:30px;	
}

#news-articles ol li{
	padding-right:0px;	
}

#news-articles ol li img{
	float:right;	
	margin:0px 0px 0px 15px;
}


/* Related events
====================== */
#related-events{
	border-top:1px solid #e6e6e4;
	padding-top:6px;	
}

#related-events h4{
	padding-bottom:16px;
}

#related-events ol li{
	float:left;
	margin-left:16px;
	width:212px;
	padding-bottom:40px;
}

#related-events ol li.first{
	margin-left:0px;	
}

#related-events ol li img{
	margin-bottom:10px;
	border:1px solid #d9d9d9;	
}

#related-events ol li h2 a{
	font-size:17px;
	color:#252525;
}

#related-events ol li p.supportingtext{
	font-size:15px;
	line-height:19px;
	color:#454545;	
	padding:5px 0px 20px 0px;
}

#related-events ol li p.readmore a{
	color:#ef8322;
	font-size:14px;
	font-weight:bold;
}

/* Pagination nav 
====================== */
nav.pagination{
	padding:26px 16px 16px 0px;
	overflow:hidden;
	font-size:15px;
}
nav.pagination li{
	width:33.3333%;
	float:left;
}

nav.pagination li.previous{
	text-align:left;
}
nav.pagination li.position{
	text-align:center;
}
nav.pagination li.next{
	text-align:right;
}

nav.pagination li a{
	color:#ef8322;
	font-weight:bold;
}	


/* FIXES */
.event-listing .wrapper,
.search-results .wrapper,
.event-detail .wrapper,
nav#mainmenu .wrapper,
nav#mainmenu ul{
	overflow:visible;	
}
.event-listing .wrapper:after,
.event-detail .wrapper:after,
.search-results .wrapper:after,
.page-wrap:after,
nav#mainmenu .wrapper:after,
nav#mainmenu ul:after{
	clear:both;	
	content: "";
	display: table;
}
.dp-choose-date{
	display:none!important;	
}
/* feedback page */
.feedback-page .form-wrap label{
	width:210px;
	padding-right:16px;
	float:left;	
	padding-top:12px;
	font-weight:bold;
}

.feedback-page .form-wrap input.textinput{
	float:left;
	width:350px;	
}

.feedback-page .form-wrap select.textinput{
	float:left;
	width:376px;	
}

.feedback-page .form-wrap select.textinput.yesno{
	float:left;
	width:130px;	
}

.feedback-page .form-wrap textarea.textinput{
	float:left;
	width:350px;
	height:150px;
	padding-top:10px;
	resize:none; 	
}

.feedback-page .form-wrap span.error{
	float:left;
	margin-left:10px;
	width:280px;
	padding-top:12px;
}

.feedback-page .form-wrap ul.checkbox-stacked,
.feedback-page .form-wrap ul.checkbox-columns,
.feedback-page .form-wrap ul.checkbox-stacked,
.feedback-page .form-wrap ul.checkbox-columns{
	float:left;
	width:380px;	
	padding-top:12px;	
}

.feedback-page .form-wrap .button-wrap,
.feedback-page .button-wrap{
	margin-left:226px;	
}

.form-wrap .button-wrap .submitbutton,
.form-wrap .button-wrap .submitbutton{
	float:left;
	margin-right:10px;
	width:200px;	
}

.feedback-page .form-wrap .button-wrap .secondarybutton,
.feedback-page .form-wrap .button-wrap .secondarybutton{
	float:left;
	width:150px;	
}

.feedback-page .form-wrap h2{
	font-size:19px;
	padding-bottom:4px;
	margin-bottom:16px;
	border-bottom:1px solid #e6e6e4;
	color:#454545;
}
.feedback-page .page-wrap p.intro{
	font-size:17px;
	padding-bottom:30px;
}


/* social styles
====================== */
ul.social-icons{
	float: left;
	list-style: none outside none;
	margin: 10px 0 0 0;
	padding: 0;	
	clear:both;
	width:100%;
}
ul.social-icons.article{
	margin-bottom:30px;	
}
ul.social-icons.event-listing{
	float:right;
	margin-right:7px;
	clear:none;
	width:auto!important;
}
ul.social-icons li {
	display: inline;
	margin-right: 5px;
	border:0!important;
	overflow:auto;
	padding-right:0!important;
	padding-left:0!important;
}
ul.social-icons li a.addthis_button_facebook_like div span{
	vertical-align:baseline!important;
}

/* Events RSS icon */
a.rss-feed{
	display:block;
	position:absolute;
	margin:-70px 0 0 880px;
	text-indent:-999em;
	border:0;
	width:35px;
	height:35px;
	background:url('../images/sprites/ICON-rssfeed.png') no-repeat top left;	
}


/* Media queries for mobile  / tablet 
====================== */
 
@media (max-width: 800px) { 

	nav#util{
		display:none;
	}
	
	body{
		background-image:none;
		background:#525252;
	}
	
	.wrapper{
		width:100%;
		overflow:hidden;
	}
	
	header#masthead{
		height:auto;
		background:#fff;
	}
	
	div#logo{
		margin-top:0px;
		width:auto;
	}
	
	
	/* wrapping elements width margin */
	#masthead, 
	#content .wrapper{
		width:96%;
		padding:2%;
	}
	
	/* wrapping element no margin */
	#mainmenu .wrapper,
	.negative-left-col,
	.negative-left-col #event-search,
	.negative-left-col #advanced-search,
	#event-listing,
	#event-detail,
	#searchresults,
	.left-column-main,
	.right-column{
		width:100%;
		float:none;
	}
	
	/* nav */
	nav#mainmenu ul{
		display:none;
		padding:4% 2% 0% 2%;
		width:96%;
	}
	
	nav#mainmenu ul li{
		display:block;
		float:none;
		padding:0px;
	}
	
	nav#mainmenu ul li a{
		border:none;
		font-size:12px;
		background:#b6641a;
		line-height:42px;
		height:42px;
		padding:0px 25px;
		margin:0px 0px 3px 0px;
	}
	
	nav#mainmenu li a.active:after{
		display:none;
	}
	
	#menu-icon{
		display:block;	
		width:100%;
		height:35px;
		font-weight:bold;
		font-size:15px;
		color:#fff;
		padding:5px 0px;
	}
	
	#menu-icon span{
		margin:0px auto;
		position:relative;
		width:70px;
		height:35px;
		line-height:35px;
		display:block;
		padding-left:45px;
		background:url('../images/sprites/menu-button.png') no-repeat top left;	
	}
	
	#search{
		position:relative;	
		width:auto;
		margin-top:10px;
	}
	
	#search input.searchinput{
		width:100px;
		height:28px;
		border-radius:14px;
		-webkit-appearance:none;
		font-size:11px;
	}
	
	#search input.searchbutton{
		height:26px;
		width:26px;
		-webkit-appearance:none;
		background:url('../images/sprites/bg-search-small.png') no-repeat top left;	
		right:1px;
		top:1px;
	}
	
	div#logo a{
		width:161px;
		height:75px;
		background:url('../images/logos/logo-medi.png') no-repeat top left;
	}
	
	/* hero */
	#hero{
		width:96%;
		height:auto;
		margin:0 2%;
		float:none;	
	}
	
	#hero-wrap, 
	#hero-wrap ul,
	#hero-wrap li,
	#hero-wrap li img{
		width:100%;
		height:auto;	
	}
	
	#hero-wrap li{
		padding-bottom:136px;	
	}
	
	#hero-nav-buttons{
		top:40%;
		right:16px;	
		width:100%;
	}
	
	#hero-nav-buttons a.prev{
		float:left;
		margin-left:32px;
	}
	
	#hero-nav-buttons a.right{
		float:left;
	}
	
	#hero-wrap li div{
		width:100%;
		height:120px;
		position:relative;
		padding-bottom:16px;
	}
	
	#hero-wrap li div a{
		padding:16px;
		width:auto;
		font-size:11px;
	}
	
	#hero-wrap li div a h2{
		font-size:15px;
	}
	
	/* feature banners */
	#featured{
		padding:2% 0;	
	}
	
	#featured div.banner{
		width:47%;
		height:auto;
		margin:2% 0 0 2%;
		float:left;	
	}
	
	#featured div.banner a{
		width:auto;	
		height:160px;
	}
	
	#featured div.banner span.banner-icon, #featured div.banner span.banner-icon img{
		width:56px;
		height:40px;
	}
	
	div.banner h3 {
		font-size:18px;
		padding:16px 8px 8px 8px;
	}
	
	.intro-block{
		margin:0;
		padding:16px;	
	}
	
	.intro-block .text p{
		font-size:14px;
		line-height:19px;
	}
	
	.intro-block img{
		display:none;
	}
	
	.intro-block .text{
		width:auto;
		float:none;	
	}
	
	/* breadcrum */
	.breadcrumb-wrap .wrapper{
		height:auto;
		width:96%;
		margin:2%;
		padding-bottom:10px;
		border-bottom:1px solid #666;
	}
	
	.breadcrumb-wrap ol{
		padding:0px;
		font-size:11px;
	}
	.breadcrumb-wrap ol li {
		height:18px;
		line-height:18px;
		font-size:11px;	
	}
	
	footer#mainfooter{
		height:auto;
		padding:20px 0px;
	}
	
	#mainfooter .wrapper{
		height:auto;
		width:96%;
		margin:2%;
		font-size:14px;
	}
	
	footer#mainfooter #social-links{
		clear:both;
		width:100%;
		padding-top:20px;
		float:none;
	}
	
	footer#mainfooter #social-links li{
		width:45px;
		float:left;	
	}
	
	footer#mainfooter #social-links li a{
		padding-left:41px;
		width:1px;
		overflow:hidden;
		margin-right:10px;
		text-indent:-999em;
	}
	
	/* content pages */ 
	h1,
	h2.maintitle{
		color: #FFFFFF;
		font-size: 25px;
		padding: 10px 0 25px;
	}
	
	.page-wrap,
	.content-page .page-wrap,
	.feedback-page .page-wrap,
	.search-results .page-wrap,
	.news-article .page-wrap,
	.news-listing .page-wrap{
		padding:4%;	
	}
	
	.event-listing .page-wrap div.intro,
	.landing-page .page-wrap div.intro{
		padding:0px 0px 20px 0px;
		border:none;
	}
	
	.event-listing .page-wrap div.intro p {
		font-size:15px;
		line-height:17px;
	}
	
	.negative-left-col{
		margin:0px;
	}
	
	.event-listing .negative-left-col .banner,
	.event-detail .negative-left-col .banner{
		display:none;
	}
	
	.sidesearch h3{
		font-size:18px;
		height: 40px;
		line-height: 40px;
		text-align:center;
	}
	
	#event-search form,
	#advanced-search form{
		display:none;	
	}
	
	.sidesearch h3:after{
		display:none;
	}
	
	.sidesearch form{
		padding:4%;	
	}
	
	.landing-page .page-wrap div.intro p.intro-summary{
		font-size:16px;	
		line-height:normal;
	}
	
	.landing-page ul li,
	.landing-page ul li.odd{
		float:none;
		width:100%;
		clear:none;
		overflow:hidden;
		margin-left:0px;
		background:none;
		padding-top:5px;
		border-top:1px solid #CCC;
	}
	
	.landing-page li a{
		padding-right:0px;	
	}
	
	.landing-page ul li img{
		width:28%;
		float:left;	
	}
	
	.landing-page ul li h2{
		width:68%;
		float:right;
	}
	
	.landing-page ul li a h2{
		color:#ef8322;
		line-height:normal;
		padding-top:5px;
		font-size:15px;
	}
	
	.main-content p,
	.main-content ul,
	.main-content ol{
		font-size:14px!important;
		line-height:120%!important;
		padding-bottom:20px!important;
		width:auto!important;
	}
	
	.featured-image{
		margin-bottom:10px;	
	}
	
	.main-content p.intro{
		font-size:16px!important;
	}
	
	.featured-image img{
		width:100%;
		height:auto;
	}
	
	input.submitbutton, input.secondarybutton{
		-webkit-appearance:none;	
	}

	p.submiteventlink{
		margin-top:-52px;
		font-size:15px;
	}
	
	.sidesearch .checkbox-stacked li span{
		width:auto;
		float:left;
		padding-left:10px;	
	}
	
	#event-listing ol li{
		padding-bottom:20px;
	}
	
	#event-listing ol li img,
	#related-events ol li img,
	#news-articles ol li img{
		width:100px;
		height:auto;
		margin-bottom:9px;	
	}
	
	#related-events ol li{
		width:100%;	
		margin:0px;
	}
	
	#related-events ol li img{
		float:left;
		margin:0px 15px 25px 0px;	
	}
	
	#event-listing ol li .eventtext{
		float:none;
		width:auto;
		padding-bottom:20px;
	}
	
	#event-listing ol li a.booklink{
		float:right;
	}
	
	#event-listing ol li ul.legend{
		float:left;	
		margin-top:-4px;	
		padding-top:0px;
	}
	
	#event-detail{
		padding:0px;
		float:none;
	}
	.event-intro img{
		width:100%;
		height:auto;	
	}
	
	.event-intro ul.event-details{
		height:auto;
		padding-bottom:60px;
	}
	
	.event-intro{
		margin:15px 0px;
	}
	
	.event-detail .negative-left-col{
		display:none;	
	}
	
	.event-detail .page-wrap{
		padding-top:0px;	
	}
	
	#event-detail h1{
		padding:16px 0px 18px 0px;	
		font-size:24px;
		float:none;
		width:auto;	
	}
	
	#event-detail a.booklink{
		float:none;
		display:block;
		margin-top:0px;
	}
	
	.event-top p.submiteventlink{
		margin-top:0px;
	}
	
	.event-intro ul.event-details li {
		font-size:17px;	
	}
	
	#related-events{
		overflow:hidden;	
	}
	
	#searchresults ol li p{
		font-size:14px;
	}
	
	/* forms */
	.form-wrap label{
		display:block;
		float:none;
		padding-bottom:10px;
		width:auto;
	}
	
	.form-wrap .textinput,
	#feedback-form .textinput,
	.alt-two-column-left .form-wrap input.textinput, .alt-two-column-left .form-wrap textarea.textinput, .alt-two-column-left .form-wrap select.textinput,
	.column-full-width .form-wrap input.textinput, .column-full-width .form-wrap textarea.textinput, .column-full-width .form-wrap select.textinput,
	.column-three-quarter-left .form-wrap input.textinput, .column-three-quarter-left .form-wrap textarea.textinput, .column-three-quarter-left .form-wrap select.textinput{
		width:90%;	
	}
	
	.form-wrap .single-checkbox{
		margin-left:0px;	
	}
	
	.form-wrap .button-wrap,
	.form-wrap .input-wrap span.error{
		margin-left:0px;	
		width:100%;
	}
	
	.form-wrap a.dp-choose-date{
		width:54px;
		text-indent:-999em;
	}
	
	.form-wrap .button-wrap input.submitbutton,
	.form-wrap .button-wrap input.secondarybutton{
		width:96%;
		margin-bottom:10px;
	}
	
	.sidesearch .textinput{
		width:92%;	
	}


}



@media (max-width: 480px) { 

	div#logo a{
		width:100px;
		height:46px;
		background:url('../images/logos/logo-small.png') no-repeat top left;
		margin-top:0px;
	}
	.intro-block ul li a{
		font-size:11px;
		padding:0px 12px;	
	}
}