html
{ background-color:#d5dae2;
}

body
{ 	margin:0px auto;
	font-family:'Source Sans Pro', Arial, Verdana, Geneva, sans-serif;
	font-weight:none;
	background: url(../images/hm-highlights/bg.jpg) no-repeat top center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#333;
	    -webkit-text-size-adjust: 100%;
}

.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}


#container
{	width:999px;
	margin:0px auto;
	
}

hr 
{ 
border-top:1px solid #ccc;
border:0px;
background-color:#ccc;
height:1px;
clear:both;
margin:4px;
}

h2
{
	text-align:left;
	margin-top:20px;
	margin-left:10px;
	font-family: 'Roboto', sans-serif;
	font-weight:700 !important;
	font-size:1.5em;
	letter-spacing:-0.02em;
	font-weight:normal;
	color:#314a81;
	clear:both;
	border-bottom:1px solid #639ef8;
}




/* --------------- BUTTON / FORM STYLINGS  */ 

input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}



.inputbutton {
	border:1px solid #ccc;
	padding:2px 4px;
	margin-bottom:4px;
	margin-right:10px;
	color:#fff;
	font-weight:bold;
	background-color:#639ef8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:80px !important;
	height:25px;
}

.inputbutton:hover {
	border:1px solid #ccc;
	padding:2px 4px;
	margin-bottom:4px;
	margin-right:10px;
	color:#fff;
	font-weight:bold;
	background-color:#ff8500;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:80px !important;
	height:25px;
}

.inputbutton:active {
	border:1px solid #ccc;
	padding:2px 4px;
	margin-bottom:4px;
	margin-right:10px;
	color:#fff;
	font-weight:bold;
	background-color:#ff8500;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:80px !important;
	height:25px;
}


.centercontent textarea, .centercontent input
{ border:1px solid #ccc;
padding:4px 4px;
float:right;
clear:right;
margin-bottom:5px;
width:230px;
}


.centercontent .inputcontainer
{
padding:4px 0px;
float:right;
clear:right;
margin-bottom:5px;
width:238px;
}

.centercontent input[type="radio"], .centercontent input[type="checkbox"]  {
	margin: 0 10px;
    width: 18px !important;
	float:none;
	}
	
.centercontent input[type="radio"]:checked, .centercontent input[type="checkbox"]:checked {
    background-color: #fabd19;
    margin: 0 10px;
    width: 18px !important;
}

.centercontent select
{ border:1px solid #ccc;
padding:0px 4px;
float:right;
clear:right;
margin-bottom:5px;
width:240px
}


.centercontent .row
{ 
clear:both;
display:block;
margin-top:6px;
}


.centercontent .row2
{ 
clear:both;
display:block;
margin-top:3px;
height:120px;
}

.row h4 {
    border-bottom:1px dotted #ccc !important;
    clear: both;
    color: #314A81;
    font-family: 'Roboto',sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    letter-spacing: -0.02em;
    line-height: 1.2em;
    margin-left: 0;
    padding-top: 12px !important;
    text-align: left;
}

.centercontent label
{
	float:left;
	width:280px;
	display:block;
	clear:left;
	font-size: 100% !important;
	padding-left: 0px;
}


.centercontent td img
{
	padding:3px 10px;

}


.centercontent h1
{
	text-align:left;
	margin-top:0px;
	margin-left:0px;
	font-family: 'Roboto', sans-serif;
	font-weight:700 !important;
	font-size:2em;
	letter-spacing:-0.02em;
	font-weight:normal;
	color:#314a81;
	clear:left;
	border:0px;
}


.centercontent h2
{
	text-align:left;
	margin-top:10px;
	margin-left:0px;
	font-family: 'Roboto', sans-serif;
	font-weight:700 !important;
	font-size:2em;
	letter-spacing:-0.02em;
	font-weight:normal;
	color:#314a81;
	clear:left;
	border:0px;
}

.centercontent h3
{
	text-align:left;
	margin-top:20px;
	margin-left:0px;
	font-family: 'Roboto', sans-serif;
	font-weight:700 !important;
	font-size:1.3em;
	letter-spacing:-0.02em;
	font-weight:normal;
	color:#639EF8;
	border:0px;	
}

.centercontent h4
{
	text-align:left;
	margin-top:3px;
	margin-left:0px;
	font-family: 'Roboto', sans-serif;
	font-weight:700 !important;
	font-size:1.2em;
	letter-spacing:-0.02em;
	font-weight:normal;
	color:#314a81;
	clear:both;
	border:0px;
	line-height: 1.2em;
}

.centercontent h5
{
	margin-top:3px;
	margin-left:0px;
	 font-family: 'Roboto', sans-serif;
	font-weight:700 !important;
	font-size:1.1em;
	letter-spacing:-0.02em;
	font-weight:normal;
	color:#314a81;
	clear:both;
	border:0px;
}

.centercontent h6
{
	text-align:left;
	margin-top:3px;
	margin-left:0px;
	font-size:0.8em;
	letter-spacing:-0.02em;
	font-weight:normal;
	color:#314a81;
	clear:both;
	border:0px;
}

a:link{
	color:#639EF8;
	text-decoration:none;
}
a:visited{
	color:#639EF8;
	text-decoration:none;
}

a:hover{
	color:#ff8500;
	text-decoration:none;
}
a:active{
	color:#ff8500;
	text-decoration:none;

}




/* --------------- HEADER  */

#header_container
{
	clear:both;
}


/* --HEADER ---- SUBNAV   */

#subnav {
	min-height:190px;
}

#top_subnav
{ 
 font-size:12px;
 background-color:#none;
 display:block;
 color:#fff;
 text-shadow: 1px 1px 3px #000;
 filter: dropshadow(color=#000, offx=1, offy=1);
}


#subnav-left {
	float: left;	
	width: 29%;
	text-align:left;
	padding:8px 0px 6px 5px;
}
#subnav-right {
	float: right;
	width: 69%;
	text-align:right;
	padding:8px 5px 6px 0px;
}

#subnav-right a {
	color:#fff;
}

#subnav-right a:hover {
	color:#fea23d;
}

#subnav-right a:active {
	color:#fea23d;
}



/* --HEADER ---- LOGO / BANNER   */

#logo_and_banner
{	clear:both;
	height:100px;
 	background-color:#639ef8;
 	display:block;
	background-image:url(../images/elements/topbar_bg.jpg);
	background-repeat:repeat-x;
}

#explorelogo
{
	width:225px;
	float:left;
	height:60px;
	text-align:center;
	margin-top:20px;
	margin-left:10px;
	 font-family: 'Roboto', sans-serif;
	font-weight:700 !important;
	font-size:3em;
	letter-spacing:-0.03em;
	font-weight:normal;
	color:#fff;	
}

#Banner-top-long
{	width:730px;
	float:right;
	background-repeat:no-repeat;
	background-position:right center;
	margin-right:9px;
	margin-top:5px;
}




/* --HEADER ---- NAVIGATION   */

#navigation_container
{  font-family: 'Roboto', sans-serif;
	font-weight:700 !important;
	font-size:1.1em;
	letter-spacing:-0.03em;
	font-weight:normal;	
	background-color:#fff;
}
	
		
#navigation_container ul {
	background-position: left;
	display: inline;
	list-style-type: none;
}

#navigation_container li {
	text-align: center;
	float: left;
	border:1px dotted #c7c497;
	padding:0.250em 0.580em 0.250em 0.6em;
	margin-left:0.125em;
	margin-bottom:0.25em;
	margin-top:0.2em;
}

#navigation_container .navon a {
	color: #000;
	text-decoration:none;
}

#navigation_container .navon a:hover {
	color: #466cab;
	text-decoration:none;
}

#navigation_container .navon a:active {
	color: #466cab;
	text-decoration:none;
}
 #navigation_container .navoff a {
	color: #000;
	text-decoration:none;
}

#navigation_container .navoff a:hover {
	color: #466cab;
	text-decoration:none;
}

#navigation_container .navoff a:active {
	color: #466cab;
	text-decoration:none;
}


.boxorangetint {
 	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fabd19), to(#fff));
	background: -webkit-linear-gradient(#fabd19, #fff);
	background: -moz-linear-gradient(#fabd19, #fff);
	background: -ms-linear-gradient(#fabd19, #fff);
	background: -o-linear-gradient(#fabd19, #fff);
	background: linear-gradient(#fabd19, #fff);
	-pie-background: linear-gradient(#fabd19, #fff);
	behavior: url(/pie/PIE.htc);
	border: 0px solid #CCCCCC;
	padding: 12px;

}




/* --------------- MAIN  */ 


#maincontent_container
{
	clear:both;
	font-size:13px;
	background-color:#fff;
	background-image:url(../images/tempimages/footer_outline.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

.submencontent
{
	float:left;
	width:100%;
	clear:both;

}

.leftcontent
{
	float:left;
	width:25%;
}
.subleftcontent
{
	float:left;
	width:100%;
}



#subnav li a:link{
	color:#102660;
}
#subnav li a:visited{
	color:#102660;
}

#subnav li a:active{
	color:#fff;
}
#subnav li a:hover{
	color:#fff;
}

#subnav li {
	list-style-type:none;
	list-style-position:inside;
	color:#fff;
	margin:0px;
	margin-left:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:0px;
	width:200px;
	font-weight:bold;
	border-bottom:1px dotted #fff;
	padding-left:2px;
}



.maincontent-right
{
	float:right;
	width:73%;
}

.centercontent
{
	float:left;
	width:55%;
	margin-left:5px;
}

.centercontent p
{
	margin:2px 10px 0px 0px;
	padding-bottom:8px;
}

.centercontent ul
{
	margin-top:5px;
	margin-left:5px;
	width:100%;
}

.centercontent li
{
	list-style: circle inside;
	padding-left:6px;
	margin-bottom:12px;
	
}


.rightcontent
{
	float:right;
	width:19%;
}

.subpage_header_container
{
	float:left;
	width:80%;
}

.breadtrail
{
	margin:0 .8em;
}
.subpage_header_container h1
{
	margin:.3em 0 0 .4em;
	 font-family: 'Roboto', sans-serif;
	font-weight:700 !important;
	font-size:2em;
	background-color:#ffd237;
	display:block;
	padding:.2em .4em;
	width:70%;
	color:#fff;
}



.offercontainer {
    background-color: #FFFCD6;
    border: 4px dashed #CC0000;
    margin:0 3px 4px 12px;
    padding: 6px;
	display:table;
	width:89%;
}




/* ---------------------------------------------------------------------------
   ---------------------------------------------------------------------------
   ---------------------------------------------------------------------------
   --------------------------------------------------------------------------- 
   --------------- ALL NEW  */ 



.minttest-browserwidth {
	width:100%;
	text-align:center;
	
}







.hp_maincontent
{
	float:left;
	width:970px;
	background-color:#e0e4ec;
	margin:0px;
	height:164px;
	position:relative;
}

.slider_container {
	position:relative;
	margin-left:10px;
}

.centercontent p
{
	margin:4px 10px 0px 0px;
}


#container
{	width:85%;
	margin:0px auto;
	
}


.subpage_header_container h1
{
	margin:.3em 0 0 .4em;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:2em;
	background-color:#ffd237;
	display:block;
	padding:.2em .4em;
	width:70%;
	color:#fff;
}


.SectionContainer img, .listings_boxes img {
	width:100%;
	height:auto;
}

.eventmainimage {
width:174px; 
float:right;	
}

.eventmainimage img {
	width:100%;
}
 
/* [ - - - + ] */
@media screen and (min-width: 1010px) { 
.subpage_header_container .breadtrail
{
	margin:0 .8em;
}
.eventmainimage {
width:50%; 
float:right;	
padding-left:10px;
}

}
/* [ - - + - ] */
@media screen and (max-width: 1009px) and (min-width: 768px) { 
.subpage_header_container .breadtrail
{
	margin:10px .8em 0 .8em;
} 

.maincontent-right
{
	float:left;
	width:100%;
}
.eventmainimage {
width:50%; 
float:right;	
padding-left:10px;
}
}
/* [ - + - - ] */
@media screen and (max-width: 767px) and (min-width: 401px) {
	.subpage_header_container .breadtrail
{
	margin:10px .8em 0 .8em;
} 

.eventmainimage {
width:100%; 
float:left;
clear:both;	
padding-left:0px;
}

}
/* [ + - - - ] */
@media screen and (max-width: 400px) {
	.subpage_header_container .breadtrail
{
	margin:10px .8em 0 .8em;
} 

.eventmainimage {
width:92%; 
float:left;
clear:both;	
padding-left:0px;

}
}






@media screen and (min-width: 1010px) { 
#container
{	width:999px;
	margin:0px auto;
	
} 
.leftcontent
{
	float:left;
	width:25%;
	margin-left:0px;
}
.centercontent
{
	float:left;
	width:55%;
	margin-left:0px;
}
.rightcontent
{
	float:right;
	width:19%;
}

.whatson-text {
	float: right;
	width:50%;
	font-size:1.05em;
	margin-right:10px;
	margin-top:0px;
	color:#333;

}
.more-banners {
	margin:10px 6px 0px 10px
}

.tempbox {
	border:1px #ccc solid;
	background-color:#fff;
	padding:12px;
	margin:10px;
	width:210px;
}
.explore-calls1 {
margin:10px 6px 0px 10px
}
.explore-calls2 {
margin:22px 6px 0px 10px
}
}

@media screen and (max-width: 1009px) and (min-width: 768px) {  
#container
{	width:100%;
	margin:0px auto;
	
}
.leftcontent
{
	float:left;
	margin-left:0px;
	width:240px;
}
.centercontent
{
	float:left;
	width:57%;
}
.rightcontent
{
	float:right;
	width:24%;
}
.whatson-text {
	float: right;
	width:50%;
	font-size:1.05em;
	margin-right:10px;
	margin-top:0px;
	color:#333;

}
.more-banners {
	margin:10px 6px 0px 10px
}
.tempbox {
	border:1px #ccc solid;
	background-color:#fff;
	padding:12px;
	margin:10px auto;
	width:210px;
}
.explore-calls1 {
margin:10px 6px 0px 10px
}
.explore-calls2 {
margin:22px 6px 0px 10px
}
}

@media screen and (max-width: 980px) {
.centercontent
{
	float:left;
	width:54%;
	margin-left:10px;
}
}

@media screen and (max-width: 940px) and (min-width: 921px)  {
.centercontent
{
	float:left;
	width:52%;
	
}
}

@media screen and (max-width: 920px) and (min-width: 901px)  {
.centercontent
{
	float:left;
	width:68%;
	margin-left:15px;
}
}


@media screen and (max-width: 900px) and (min-width: 851px)  {
.centercontent
{
	float:left;
	width:67%;
	margin-left:10px;
}
}
@media screen and (max-width: 850px) and (min-width: 791px)  {
.centercontent
{
	float:left;
	width:64%;
	margin-left:15px;
}
}
@media screen and (max-width: 790px) and (min-width: 769px)  {
.centercontent
{
	float:left;
	width:62%;
	margin-left:15px;
}
}
@media screen and (max-width: 768px) {
.centercontent
{
	float:left;
	width:63%;
	margin-left:15px;
}
}



@media screen and (max-width: 767px) and (min-width: 401px) {
#container
{	width:100%;
	margin:0px auto;
	
}
.leftcontent
{
	float:left;
	margin-left:4px;
	width: 240px;
}
.centercontent
{
	float:left;
	width:62%;
	margin-right:0px;
	margin-left:15px;

}
.whatson-text {
	float: right;
	width:50%;
	font-size:1.05em;
	margin-right:10px;
	margin-top:0px;
	color:#333;

}
.more-banners {
	margin:10px 6px 0px 10px
}
.tempbox {
	border:1px #ccc solid;
	background-color:#fff;
	padding:12px;
	margin:10px auto;
	width:210px;
}
.explore-calls1 {
margin:10px auto 0px auto;
text-align:center;
}
.explore-calls2 {
margin:22px auto 0px auto;
text-align:center;
}


}

@media screen and (max-width: 401px)  {
.centercontent
{
	float:left;
	width:96% !important;
	margin-right:0px;
	margin-left:0px;

}

}






@media screen and (max-width: 720px)  {

.centercontent
{
	float:left;
	width:60%;
	margin-right:0px;	
}
}

@media screen and (max-width: 700px)  {

.centercontent
{
	float:left;
	width:58%;
	margin-right:0px;
	margin-left:16px;	
}
}
@media screen and (max-width: 670px)  {

.leftcontent
{
	float:left;
	margin-left:0px;
	width: 240px;
}
.centercontent
{
	float:left;
	width:57%;
	margin-right:0px;	
}
}

@media screen and (max-width: 658px) {
	.centercontent
{
	float:left;
	width:55%;
	margin-right:0px;
}
}

@media screen and (max-width: 625px) {
.leftcontent
{
	float:left;
	margin-left:4px;
	width: 240px;
}
.centercontent
{
	float:right;
	width:48%;
	margin-right:12px;
}	
.whatson-text {
	float: right;
	width:43%;
	font-size:1.05em;
	margin-right:10px;
	margin-top:0px;
	color:#333;

}

.more-banners {
margin:10px auto;
	text-align:center;
	}

}



@media screen and (max-width: 625px) {
.centercontent
{
	float:right;
	width:54%;
	margin:0 12px 0 0;
}	
}

@media screen and (max-width: 585px) {
#container
{	width:100%;
	margin:0px auto;
	
}
.leftcontent
{
	display:none !important;
}
.centercontent
{
	float:left;
	width:94%;
	margin:0 10px;

}
.whatson-text {
	float: right;
	width:50%;
	font-size:1.05em;
	margin-right:10px;
	margin-top:0px;
	color:#333;

}
.more-banners {
	margin:10px auto;
	text-align:center;
}


.tempbox {
	border:1px #ccc solid;
	background-color:#fff;
	padding:12px;
	margin:10px auto;
	width:210px;

}
}

@media screen and (max-width: 400px) {
#container
{	width:100%;
	margin:0px auto;
	
}
.leftcontent
{
	float:left;
	width:92%;
}
.centercontent
{
	float:left;
	width:96%;
	margin-left:6px;
	margin-right:0px;

}
.whatson-text {
	float: right;
	width:50%;
	font-size:1.05em;
	margin-right:10px;
	margin-top:0px;
	color:#333;

}
.tempbox {
	border:1px #ccc solid;
	background-color:#fff;
	padding:12px;
	margin:10px auto;
	width:210px;
}
.explore-calls1 {
margin:10px auto 0px auto;
text-align:center;
}
.explore-calls2 {
margin:22px auto 0px auto;
text-align:center;
}



}


.showDesktop {
    display: none;
}
.showTablet {
    display: none;
}
.showTabletMini {
    display: none;
}
.showMobile {
    display: none;
}
.showMobileMini {
    display: none;
}



@media screen and (min-width: 1010px) {
	.minttest-browserwidth:after {
		display:none;
	}
	
	.showDesktop {
    display: block;
}
#logo_and_banner
{	clear:both;
	height:100px;
 	background-color:#639ef8;
 	display:block;
	background-image:url(../images/elements/topbar_bg.jpg);
	background-repeat:repeat-x;
}

#Banner-top-long
{	width:730px;
	float:right;
	background-repeat:no-repeat;
	background-position:right center;
	height:92px;
	margin-right:9px;
	margin-top:5px;
}
#explorelogo
{
	width:225px;
	float:left;
	height:60px;
	text-align:center;
	margin-top:20px;
	margin-left:10px;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:3em;
	letter-spacing:-0.03em;
	font-weight:normal;
	color:#fff;	
}
.banner_hm_footer {
	display: inline-block;
    margin: 5px auto;
    text-align: center;
    width: 49%;
}


}




@media screen and (max-width: 1009px) and (min-width: 921px) {
	.minttest-browserwidth:after {
		display:none;
	}
	
	.showTablet {
    display: block;
}

#logo_and_banner
{	clear:both;
 	background-color:#639ef8;
 	display:block;
	background-image:url(../images/elements/topbar_bg.jpg);
	background-repeat:repeat-x;
}

#Banner-top-long
{	width: 72%;
	float:right;
	background-repeat:no-repeat;
	background-position:right center;
	height:92px;
	margin-right:9px;
	margin-top:5px;
}

#Banner-top-long img {
	width: 100%
}


#explorelogo
{
	width:auto;
	float:left;
	text-align:center;
	margin:16px 0 14px 16px;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:3em;
	letter-spacing:-0.03em;
	font-weight:normal;
	color:#fff;	
}

.banner_hm_footer {
	display: inline-block;
    margin: 5px auto;
    text-align: center;
    width: 49%;
}


}


@media screen and (max-width: 920px) and (min-width: 767px) {
.minttest-browserwidth:after {
		display:none;
	}
	
	.showTabletMini {
    display: block;
}

#logo_and_banner
{	clear:both;
 	background-color:#639ef8;
 	display:block;
	background-image:url(../images/elements/topbar_bg.jpg);
	background-repeat:repeat-x;
}

#Banner-top-long
{	width: 72%;
	float:right;
	background-repeat:no-repeat;
	background-position:right center;
	height:92px;
	margin-right:9px;
	margin-top:5px;
}

#Banner-top-long img {
	width: 100%
}


#explorelogo
{
	width:auto;
	float:left;
	text-align:center;
	margin:16px 0 14px 16px;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:3em;
	letter-spacing:-0.03em;
	font-weight:normal;
	color:#fff;	
}

.banner_hm_footer {
	display: inline-block;
    margin: 5px auto;
    text-align: center;
    width: 49%;
}


}


@media screen and (max-width: 967px) and (min-width: 767px) {

#Banner-top-long
{	width: 64%;
	float:right;
	background-repeat:no-repeat;
	background-position:right center;
	margin-right:9px;
	margin-top:2%;
	height:50px
}

#Banner-top-long img {
	width: 100%
}

}

@media screen and (max-width: 767px) and (min-width: 401px) {
	.minttest-browserwidth:after {
		display:none;
	}
	
	.showMobile {
   		 display: block;
	
}


/* --HEADER ---- LOGO / BANNER   */

#explorelogo {
	width:225px;
	height:60px;
	text-align:center;
	margin:10px auto;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:3em;
	letter-spacing:-0.03em;
	font-weight:normal;
	color:#fff;
	clear:both;
}
	
#logo_and_banner {
    background-color: #639ef8;
    background-image: url("../images/elements/topbar_bg.jpg");
    background-repeat: repeat-x;
    clear: both;
    display: block;
    height: 100px;
}

#Banner-top-long
{	
	background-repeat:no-repeat;
	background-position:right center;
	float: none;
    margin: 0 auto;
    padding: 10px;
    width: 93%;
	
}

#Banner-top-long img {
	width: 100%
}

#explorelogo
{
	width:100%;
	text-align:center;
	margin:0 auto;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:3em;
	letter-spacing:-0.03em;
	font-weight:normal;
	color:#fff;	
		padding-top:20px;

}

.maincontent-right
{
	float:left;
	width:100%;
	text-align:center;
}


.banner_hm_footer {
	display: inline-block;
    margin: 5px auto;
    text-align: center;
    width: 49%;
}



}


@media screen and (max-width: 695px) {

.banner_hm_footer {
	display: inline-block;
    margin: 5px auto;
    text-align: center;
    width: 100%;
}

}


@media screen and (max-width: 400px) {
	.minttest-browserwidth:after {
		display:none;
}
	
	.showMobileMini {
    	display: block;
}

/* --HEADER ---- LOGO / BANNER   */

#explorelogo {
	width:225px;
	height:60px;
	text-align:center;
	margin:10px auto;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:3em;
	letter-spacing:-0.03em;
	font-weight:normal;
	color:#fff;
	clear:both;
}

#Banner-top-long {	
	width:100%;
	float:left;
	background-repeat:no-repeat;
	background-position:right center;
	height:auto;
	margin:0;
	clear:both;
}
	
#logo_and_banner {
    background-color: #639ef8;
    background-image: url("../images/elements/topbar_bg.jpg");
    background-repeat: repeat-x;
    clear: both;
    display: block;
    height: 100px;
}

#Banner-top-long
{	background-position: right center;
    background-repeat: no-repeat;
    float: left;
    margin: 0 auto;
    padding-bottom: 10px;
    width: 100%;
}

#Banner-top-long img {
	width: 100%
}


#explorelogo
{
	width:100%;
	text-align:center;
	margin:0 auto;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:3em;
	letter-spacing:-0.03em;
	font-weight:normal;
	color:#fff;	
	padding-top:20px;
}

.maincontent-right
{
	float:left;
	width:100%;
}


.banner_hm_footer {
	display: inline-block;
    margin: 5px auto;
    text-align: center;
    width: 100%;
}
	
}

@media screen and (max-width: 370px) {
.banner_hm_footer img {
	width:100%;	
}
}



@media screen and (min-width: 1010px) {  
.article-mainimage {
	padding:0px 0px 10px 10px;
	float:right;
	width:50%;
}

.article-galleryimage {
width:170px; 
margin:0px auto;
display: inline-block; 
vertical-align: middle; 
height:auto;
}

.article-gallerycontainer {
	width:170px;
	padding:8px 4px;
	float: left;
}

.subpage_header_container
{
	float:left;
	width:80%;
}
.listings_boxes {
	border:1px solid #ccc;
	width:28%;
	margin:3px 2px 8px 10px;
	padding:6px;
	float:left;
	display:block;
	height:215px;
	overflow:hidden;
}

}

@media screen and (max-width: 1009px) and (min-width: 768px) {  
.article-mainimage {
	padding:10px 0;
	text-align:center;
	clear:both;
	width:99%;
}
.article-galleryimage {
	padding:10px 0;
	text-align:center;
	clear:both;
	width:99%;
}

.subpage_header_container
{
	float:left;
	width:80%;
}



@media screen and (max-width: 1011px) and (min-width: 768px) {  
.listings_boxes {
	border-bottom: 1px solid #ccc;
	margin:3px 2px 8px 6px;
    padding: 12px 2px;
    width: 30%;
	float:left;
	display:block;
	height:220px;
	overflow:hidden;
	text-align:center;
}
}

}
@media screen and (max-width: 930px) and (min-width: 767px) {
	.listings_boxes {
    border:0px;
	border-bottom: 1px solid #ccc;
    display: block;
    float: left;
    height: 237px;
    margin: 3px 2px 8px 6px;
    padding: 12px 2px;
    width: 45%;
	text-align:center;
}




}

@media screen and (max-width: 920px) and (min-width: 876px) {

.subpage_header_container
{
	float:left;
	width:96%;
}
}

@media screen and (max-width: 895px) and (min-width: 768px)  {
	.subpage_header_container
{
	float:left;
	width:96%;
}


}



@media screen and (max-width: 767px) and (min-width: 401px) {
.article-mainimage {
	padding:10px 0;
	text-align:center;
	clear:both;
	width:99%;
}


.article-galleryimage {
	padding:10px 0;
	text-align:center;
	clear:both;
	width:99%;
}

.subpage_header_container
{
	float:left;
	width:96%;
}

.listings_boxes {
	border-bottom: 1px solid #ccc;
    display: block;
    float: left;
    height: 205px;
    margin: 3px 2px 8px 10px;
    overflow: hidden;
    padding: 6px;
    width: 43%;
		text-align:center;

}


}


@media screen and (max-width: 750px)  {
	.listings_boxes {
     border-bottom: 1px solid #ccc !important;
	border:0px;
    display: block;
    float: left;
    height: 195px;
    margin: 3px 2px 8px 10px;
    overflow: hidden;
    padding: 12px 3px;
    width: 44%;
	text-align:center;
}
}

@media screen and (max-width: 700px)  {
	.listings_boxes {
     border-bottom: 1px solid #ccc !important;
	border:0px;
    display: block;
    float: left;
    height: 175px;
    margin: 3px 2px 8px 10px;
    overflow: hidden;
    padding: 12px 3px;
    width: 44%;
	text-align:center;
}
}


@media screen and (max-width: 586px)  {
	.listings_boxes {
     border-bottom: 1px solid #ccc !important;
	border:0px;
    display: block;
    float: left;
    height: 225px;
    margin: 3px 2px 8px 9px;
    overflow: hidden;
    padding: 12px 3px;
    width: 44%;
	text-align:center;
}
}

@media screen and (max-width: 550px){
	.listings_boxes {
     border-bottom: 1px solid #ccc !important;
	border:0px;
    display: block;
    float: left;
    height: 215px;
    margin: 3px 2px 8px 9px;
    overflow: hidden;
    padding: 12px 3px;
    width: 45%;
	text-align:center;
}



}

@media screen and (max-width: 400px) {
	.article-mainimage {
	padding:10px 0;
	text-align:center;
	clear:both;
	width:99%;
}

.article-galleryimage {
	padding:10px 0;
	text-align:center;
	clear:both;
	width:99%;
}

.subpage_header_container
{
	float:left;
	width:97%;
}

.listings_boxes {
    border-bottom: 1px solid #ccc !important;
	border:0px;
    display: block;
    float: left;
    height: 185px;
    margin: 3px 2px 8px 4px;
    overflow: hidden;
    padding: 10px 5px;
    width: 43%;
	text-align:center;
}


.mobilemenu-linkcontainer {
    position: absolute;
    right: 8px;
    top: 28px;
}

}

@media screen and (max-width: 400px) {

.centercontent h2 {
    border: 0 none;
    clear: left;
    color: #314a81;
    font-family: "Roboto",sans-serif;
    font-size: 1.5em;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
    margin-left: 0;
    margin-top: 10px;
    text-align: left;
}

.subpage_header_container h1 {
    color: #fff;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    margin: 0.3em 0 0 0.4em;
    padding: 0.2em 0.4em;
    width: 80%;
}

}


@media screen and (max-width: 1010px) {
body, html	 {
	background: rgba(108, 171, 251, 1) !important;
	background-image:none !important;
}
}

@media screen and (max-width: 767px) {
.mobilemenu-linkcontainer {
    position: absolute;
    right: 6px;
    top: 28px;
}
.subpage_header_container h1 {
    color: #fff;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 1.7em;
    font-weight: 700;
    margin: 0.3em 0 0 0.44em;
    padding: 0.2em 0.4em;
    width: 80%;
}

.centercontent h2 {
    border: 0 none;
    clear: left;
    color: #314a81;
    font-family: "Roboto",sans-serif;
    font-size: 1.7em;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
    margin-left: 0;
    margin-top: 10px;
    text-align: left;
}


}
@media screen and (max-width: 855px) and (min-width: 767px) {
.mobilemenu-linkcontainer {
    position: absolute;
    right: 6px;
    top: 26px;
}
}
@media screen and (max-width: 1010px) and (min-width: 921px) {
.mobilemenu-linkcontainer {
    position: absolute;
    right: 6px;
    top: 55px;
}
}
@media screen and (max-width: 920px) and (min-width: 856px) {
.mobilemenu-linkcontainer {
    position: absolute;
    right: 6px;
    top: 26px;
}
}

.mobileleftcolumn-linkcontainer {
    position: absolute;
    left: 0px;
    top: 260px;
	position:fixed;
	z-index:101;
}
.mobilemenu {
    float: left;
    transition: all 0.3s ease 0s;
}
.mobilemenu ul {
    display: inline-table;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
}
.mobilemenu > li > ul.sub-menu {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    min-width: 10em;
    padding: 4px 0;
}
.mobilemenu ul li {
    padding: 0;
}
.mobilemenu > ul > li {
    display: inline-block;
}
.mobilemenu ul li a {
    color: #fff;
    display: block;
    text-decoration: none;
}
.mobilemenu ul li > a {
    height: auto;
    padding: 9px 0px 9px 15px;
}
.mobilemenu ul ul {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    display: none;
    min-width: 160px;
    position: absolute;
    top: 100%;
}
.mobilemenu ul li:hover > ul {
    display: block;
}
.mobilemenu ul ul > li {
    position: relative;
}
.mobilemenu ul ul > li a {
    background-color: #f4f4f4;
    height: auto;
    padding: 5px 15px 5px 10px;
	text-shadow:1px 1px #06C;
}
.mobilemenu ul ul > li a:hover {
    color: #fff;
	text-shadow:-1px -1px #06C;
}
.mobilemenu ul ul ul {
    left: 100%;
    position: absolute;
    top: 0;
}
a.mobilemenu-link {
    background-color: #fff;
    color: #4a84dd;
    display: block;
    float: right;
    padding: 7px 11px;
    text-decoration: none;
}
a.mobilemenu-link:hover {
	color:#639ef8;
}

a.mobileleftcolumn-link {
    background-color: #faa619;
    color: #fff;
    display: block;
    float: right;
    padding: 9px 12px;
    text-decoration: none;
}
a.mobileleftcolumn-link:hover {
	color: #FEFFB3;
	padding: 9px 12px 9px 24px;

}
.mobilemenu, .mobilemenu > ul ul {
	background-image:url(../editable/images/responsemenus/bg_top.png);
	background-size:contain;	
	max-height: 0;
    overflow: hidden;
	width:100%;
}
.mobilemenu > li > ul.sub-menu {
    border: medium none;
    padding: 0;
}
.mobilemenu.active, .mobilemenu > ul ul.active {
    max-height: 55em;
	width:100%;
}
.mobilemenu ul {
    display: inline;
}
.mobilemenu > ul {
    border-top: 1px solid #808080;
}
.mobilemenu li, .mobilemenu > ul > li {
    display: block;
}
.mobilemenu li a {
	border-bottom: 1px dotted #5998f5;
    width: 100%;
    color: #000;
    display: block;
    padding: 0.8em;
    position: relative;
}
.mobilemenu li.has-submenu > a::after {
    content: "+";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
	font-size: 2em;
	margin-right:25px;

}
.mobilemenu li.has-submenu > a.active::after {
    content: "-";
	font-size: 2em;
	margin-right:25px;
}
.mobilemenu ul ul > li a {
    background-color: #5998f5;
    height: auto;
    padding: 4px 0px 4px 15px;
	}
.mobilemenu ul ul, .mobilemenu ul ul ul {
    border: medium none;
    display: inherit;
    left: auto;
    position: relative;
    top: auto;
}
#mobileInfo.mobileInfoOpen #mobileInfoContent {
    display: block;
}
#mobileInfo.mobileInfoClosed #mobileInfoContent {
    display: none;
}



#MobileSideNav {
	background-image:url(../editable/images/responsemenus/bg_top.png);
	background-size:contain;	
}

#MobileSideNav ul {
	padding:12px
}

#MobileSideNav  li {
    border-bottom: 1px dotted #5998f5;
    color: #fff;
    list-style-position: inside;
    list-style-type: none;
    margin: 0;
    padding: 3px 0 3px 2px;
    width: 100%;
}

#MobileSideNav  a:link,
#MobileSideNav  a:visited {
	color:white;
	text-shadow: 1px 1px #366893;
}

#MobileSideNav  a:hover {
	color:white;
	text-shadow: -1px -1px #35456b;
	margin:1px 0px 0px 1px;
}

.MobileSideHeader {
	padding:3px 0px 0px 10px;
	clear:both;
	display:inline-block;
	
}

#MobileSideNav .toppage, #MobileSideNav .toppage a {
	color: #faa619;
	text-transform:uppercase;
	text-shadow: 0px 0px;
	letter-spacing:0.04em;

}

#MobileSideNav .toppage:before {
	content: "\f078";
	font-family: FontAwesome;
}


/* --------------- FOOTER  */ 
  
  
#footer_container
{
	clear:both;
	background-color:#abbbd4;
}


@media screen and (min-width: 1010px) {  
#ft-col:nth-of-type(1)  {
	margin:4px 6px 10px 15px;	
}
#ft-col  {
	float:left;
	width:150px;
	margin:4px 6px 10px 6px;
	font-size:12px;
	border-right:1px dotted #fff;
	
}
}

@media screen and (max-width: 1009px) and (min-width: 768px) {  
#ft-col:nth-of-type(1n), #ft-col:nth-of-type(2n) {
	float:left;
	width:31%;
	margin:4px 10px 10px 15px;
	font-size:12px;
	border-right:1px dotted #fff;
	
}
#ft-col:nth-of-type(3n) {
	float:left;
	width:30%;
	margin:4px 0px 10px 0px;
	font-size:12px;
	border-right:0px;
	
}
}

@media screen and (max-width: 767px) and (min-width: 401px) {
	#ft-col:nth-of-type(1n) {
	float:left;
	width:47%;
	margin:4px 10px 10px 15px;
	font-size:12px;
	border-right:1px dotted #fff;
	
}
#ft-col:nth-of-type(2n) {
	float:left;
	width:45%;
	margin:4px 0px 10px 0px;
	font-size:12px;
	border-right:0px;
	
}
#footerlevel1 li {
	padding-top:10px !important;
}
}

@media screen and (max-width: 400px) {
	#ft-col {
	float:left;
	width:90%;
	margin:15px 15px 0px 15px;
	padding-bottom:15px;
	font-size:12px;
	border-bottom:1px dotted #fff;
	border-right:0px
	
}

#footerlevel1 li {
	padding-top:10px !important;
}
}




#ft-col h3 {
	font-family: 'Roboto', sans-serif;
	font-weight:700 !important;
	font-size:1.4em;
	letter-spacing:-0.02em;
	font-weight:normal;
	
		
}

#footerlevel1
{
	height:auto;
	clear:both;
}



#footerlevel2
{
	height:37px;
	padding:0px;
	clear:both;
	background-color:#639ef8;
	margin-bottom:0px;
	display:block;
	color:#3a5798;
}


#footerlevel2 #ft-col-left {
	float:left;
	margin:12px 0px 5px 12px;
	font-size:13px;
	text-align:left;
}

#footerlevel2 #ft-col-right {
	float:right;
	margin:12px 12px 5px 0px;
	font-size:13px;
	text-align:right;
}



#footerlevel3
{
	height:2px;
	clear:both;
	background-color:#3a5798;
	display:block;
}

#footerlevel4
{
	height:42px;
	clear:both;
	background-color:#none;
	display:block;
}

#footerlevel4 #ft-col-left {
	float:left;
	width:47%;
	margin:12px 0px 5px 12px;
	font-size:13px;
	text-align:left;
	color:#fff;
	font-weight:bold;
}

#footerlevel4 #ft-col-right {
	float:right;
	width:47%;
	margin:12px 12px 5px 0px;
	font-size:13px;
	text-align:right;
	color:#fff;
	font-weight:bold;
}


@media screen and (max-width: 650px) {
	
	#footerlevel2 #ft-col-left {
	float: none;
	padding: 5px;
	margin:0px 20px;
	font-size:13px;
	text-align:center;
}

#footerlevel2 #ft-col-right {
	float: none;
	padding: 5px;
	margin:0px 20px;
	font-size:13px;
	text-align:center;
}

#footerlevel2 {
	height:74px;
		text-align:center;
}

#footerlevel3 {
    background-color: #3a5798;
    clear: both;
    display: block;
    height: 0px;
}

#footerlevel4
{
	height:60px;
	clear:both;
	background-color:#none;
	display:block;
	text-align:center;

}

#footerlevel4 #ft-col-left {
	width:98%;
		padding: 5px;
	margin:0px;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	text-align:center;

}

#footerlevel4 #ft-col-right {
	float:none;
	width:98%;
		padding: 5px;
	margin:0px;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	text-align:center;

}

}

#footer_container a {
	text-decoration:none;
}

#footer_container h3 a:link   {
	
	color:#314a81;
}
#footer_container h3 a:visited  {
	
	color:#314a81;
}

#footer_container h3 a:active  {
	
	color:#eff8ff;
}
#footer_container h3 a:hover   {
	
	color:#eff8ff;
}



#footerlevel1 li a:link{
	color:#fff;
	margin-left:-0.32em;
}
#footerlevel1 li a:visited{
	color:#fff;
	margin-left:-0.32em;
}

#footerlevel1 li a:active{
	color:#639ef8;
	margin-left:-0.32em;
}
#footerlevel1 li a:hover{
	color:#639ef8;
	margin-left:-0.32em;
}

#footerlevel1 li {
	list-style-type:disc;
	list-style-position:inside;
	color:#c2d0e7;
	margin:0px;
	margin-left:-1px;
	padding-top:3px;
	padding-right:0px;
}


#footerlevel2 a:link{
	color:#3a5798;
	margin-left:-0.09em;
}
#footerlevel2 a:visited{
	color:#3a5798;
	margin-left:-0.09em;
}
#footerlevel2 a:hover{
	color:#fff;
	margin-left:-0.09em;
}
#footerlevel2 a:active{
	color:#fff;
	margin-left:-0.09em;
}


/* --------------- EVENT SEARCH HOMEPAGE  */ 
#eventsearchbox {
	padding:12px;
	height:200px;
	float:right;
	margin:-1px 13px 0px 0px;
	background-image:url(../images/hm-highlights/hp_events_bg.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	width: 338px;
}

#eventsearchbox h2 {
margin:0px;
}

#eventsearchbox h4 {
color:#09F;
font-size:120%;
margin-bottom:6px;
}
#eventsearchbox select {
	width:95%;
	border:1px solid #ccc;
	padding:3px;
	margin-bottom:4px;
	color:#036;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#FFF;
}

#eventsearchbox input {
	border:1px solid #ccc;
	padding:2px 4px;
	margin-bottom:4px;
	margin-right:10px;
	color:#fff;
	font-weight:bold;
	background-color:#639ef8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#eventsearchbox input:hover {
	border:1px solid #ccc;
	padding:2px 4px;
	margin-bottom:4px;
	margin-right:10px;
	color:#fff;
	font-weight:bold;
	background-color:#ff8500;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#eventsearchbox input:active {
	border:1px solid #ccc;
	padding:2px 4px;
	margin-bottom:4px;
	margin-right:10px;
	color:#fff;
	font-weight:bold;
	background-color:#ff8500;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}





#homesliderbox {
	padding:0px 10px 0px 0px;
	min-height:200px;
	margin-left:12px;
}

.tempbox {
	border:1px #ccc solid;
	background-color:#fff;
	padding:12px;
	margin:10px;
}


.tempbox2 {
	border:0px #999 solid;
	background-color:#fff;
	padding:0px;
	margin:10px 0px 0px 10px;
}



.whatson-text {
	float: right;
	width:53%;
	font-size:1.05em;
	margin-right:9px;
	margin-top:0px;
	color:#333;
	
}


.whatson-text a:link{
	color:#333333;
	text-decoration:none;
}
.whatson-text a:visited{
	color:#333333;
	text-decoration:none;
}

.whatson-text a:hover{
	color:#5395fb;
	text-decoration:none;
}
.whatson-text a:active{
	color:#5395fb;
	text-decoration:none;

}

.whatson-text h3 a:link{
	color:#639EF8;
	text-decoration:none;
	 font-family: 'Roboto', sans-serif;
	font-weight:700 !important;
	font-size:1.1em;
	margin:0px;
	padding:0px;
}
.whatson-text h3 a:visited{
	color:#639EF8;
	text-decoration:none;
	 font-family: 'Roboto', sans-serif;
	font-weight:700 !important;
	font-size:1.1em;
	margin:0px;
	padding:0px;
}

.whatson-text h3 a:hover{
	color:#ff8500;
	text-decoration:none;
	 font-family: 'Roboto', sans-serif;
	font-weight:700 !important;
	font-size:1.1em;
	margin:0px;
	padding:0px;
}
.whatson-text h3 a:active{
	color:#ff8500;
	text-decoration:none;
	 font-family: 'Roboto', sans-serif;
	font-weight:700 !important;
	font-size:1.1em;
	margin:0px;
	padding:0px;
}


.whatson-picture {
	float: left;
}
.whatson-box {
	float: left;
	width: 49%;
	margin-bottom:4px;
	position:relative
}




#hp_slidermessages {
	float:left; 
	width:520px;
	height:78px;
	margin-top:14px;
	clear:both;
	border:0px solid #fff;
	background-color:#639ef8;

}

#hp_slidermessages h1 {
	 font-family: 'Roboto', sans-serif;
	font-weight:700 !important;
	color:#fff;
	font-size:2.2em;
	letter-spacing:-0.03em;
	font-weight:normal;	
	margin:4px 0px 0px 12px;
	
}

#hp_slidermessages h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:300;
	color:#275cad;
	font-size:1.4em;
	letter-spacing:-0.03em;
	font-weight:normal;	
	border:none;
	margin:4px 0px 0px 12px;
}

#hp_slidernumbers_container {
	float:left;
	height:20px;
	width:220px;
	margin-top:132px;
}


.slidernumberoff {
	border:2px solid #fff;
	background-color:#639ef8;
	width:10px;
	height:10px;
	margin-left:6px;
	float:left;
}

.slidernumberon {
	border:2px solid #fff;
	background-color:#ffffff;
	width:10px;
	height:10px;
	margin-left:6px;
	float:left;
}

/* --------------- SUBNAVS  */ 

#subnav_whatson {
height:250px; width:1000px; background-color:#ffd237; position:absolute; top:36px; left:0px;
}

#subnav_whatson .hero {
	width:290px;
	height:200px;
	margin:22px 0 0 26px;
	background-image:url(../images/tempimages/subnav_hero.gif);
	background-repeat:no-repeat;
	float:left;
}

#subnav_whatson ul
{
	 width:660px;
	 float:right;
	 padding:10px 0 0 20px;
}

#subnav_whatson li
{
	width:300px;
	text-align:left;
	border:none;
	list-style-type:disc;
	list-style-position:inside;
	color:#fee89d;
	margin:0px;
	padding-top:7px;
}

#subnav_whatson  a:link   {
	color:#375699 !important;
	margin-left:-0.05em;
}
#subnav_whatson  a:visited  {
	color:#375699 !important;
	margin-left:-0.05em;
}

#subnav_whatson  a:active  {
	color:#5a97f4 !important;
	margin-left:-0.05em;
}
#subnav_whatson a:hover   {
	color:#5a97f4 !important;
	margin-left:-0.05em;
	
}





#subnav_regions {
height:250px; width:1000px; background-color:#0cb14b; position:absolute; top:36px; left:0px;
}

#subnav_regions .hero {
	width:290px;
	height:200px;
	margin:22px 0 0 26px;
	background-image:url(../images/tempimages/subnav_hero.gif);
	background-repeat:no-repeat;
	float:left;
}

#subnav_regions ul
{
	 width:660px;
	 float:right;
	 padding:10px 0 0 20px;
}

#subnav_regions li
{
	width:300px;
	text-align:left;
	border:none;
	list-style-type:disc;
	list-style-position:inside;
	color:#3dc571;
	margin:0px;
	padding-top:7px;
}

#subnav_regions  a:link   {
	color:#fff !important;
	margin-left:-0.05em;
}
#subnav_regions  a:visited  {
	color:#fff !important;
	margin-left:-0.05em;
}

#subnav_regions  a:active  {
	color:#ffd237 !important;
	margin-left:-0.05em;
}
#subnav_regions a:hover   {
	color:#ffd237 !important;
	margin-left:-0.05em;
	
}





#subnav_places {
height:250px; width:1000px; background-color:#639ef8; position:absolute; top:36px; left:0px;
}

#subnav_places .hero {
	width:290px;
	height:200px;
	margin:22px 0 0 26px;
	background-image:url(../images/tempimages/subnav_hero.gif);
	background-repeat:no-repeat;
	float:left;
}

#subnav_places ul
{
	 width:660px;
	 float:right;
	 padding:10px 0 0 20px;
}

#subnav_places li
{
	width:300px;
	text-align:left;
	border:none;
	list-style-type:disc;
	list-style-position:inside;
	color:#97bffc;
	margin:0px;
	padding-top:7px;
}

#subnav_places  a:link   {
	color:#fff !important;
	margin-left:-0.05em;
}
#subnav_places  a:visited  {
	color:#fff !important;
	margin-left:-0.05em;
}

#subnav_places  a:active  {
	color:#ffd237 !important;
	margin-left:-0.05em;
}
#subnav_places a:hover   {
	color:#ffd237 !important;
	margin-left:-0.05em;
	
}





#subnav_eating {
height:250px; width:1000px; background-color:#f59623; position:absolute; top:36px; left:0px;

}

#subnav_eating .hero {
	width:290px;
	height:200px;
	margin:22px 0 0 26px;
	background-image:url(../images/tempimages/subnav_hero.gif);
	background-repeat:no-repeat;
	float:left;
}

#subnav_eating ul
{
	 width:660px;
	 float:right;
	 padding:10px 0 0 20px;
}

#subnav_eating li
{
	width:300px;
	text-align:left;
	border:none;
	list-style-type:disc;
	list-style-position:inside;
	color:#fcc057;
	margin:0px;
	padding-top:7px;
}

#subnav_eating  a:link   {
	color:#fff !important;
	margin-left:-0.05em;
}
#subnav_eating  a:visited  {
	color:#fff !important;
	margin-left:-0.05em;
}

#subnav_eating  a:active  {
	color:#ffd237 !important;
	margin-left:-0.05em;
}
#subnav_eating a:hover   {
	color:#ffd237 !important;
	margin-left:-0.05em;
	
}







#subnav_comp {
height:250px; width:1000px; background-color:#d2232a; position:absolute; top:36px; left:0px; 
}

#subnav_comp .hero {
	width:290px;
	height:200px;
	margin:22px 0 0 26px;
	background-image:url(../images/tempimages/subnav_hero.gif);
	background-repeat:no-repeat;
	float:left;
	
}

#subnav_comp ul{
	 width:660px;
	 float:right;
	 padding:10px 0 0 20px;
}
#subnav_comp li{
	width:300px;
	text-align:left;
	border:none;
	list-style-type:disc;
	list-style-position:inside;
	color:#e4595e;
	margin:0px;
	padding-top:7px;

}

#subnav_comp a:link{
	
	color:#fff;
	margin-left:-0.05em;
}
#subnav_comp a:visited{
	
	color:#fff;
	margin-left:-0.05em;
}

#subnav_comp a:active{
	
	color:#ffd237 !important;
	margin-left:-0.05em;
}
#subnav_comp a:hover{
	
	color:#ffd237 !important;
	margin-left:-0.05em;
	
}



#subhomeslider {
	height:218px; 
	padding:0px; 
	margin-left:10px;
}

#subnavbg {
	background-image:url(/images/submenu/bg-whatson.png); 
	background-position:bottom left; 
	background-repeat:no-repeat ;
	margin-left:10px; 
	padding-left:12px; 
	padding-bottom:40px; 
	display:block;
}

#subnavbg ul { 
color:#ffd237;
margin-left:14px;
}


/* --------------- CALENDAR BOX  */ 


.calendar_box
 {
    color: #555555;
    font-weight: normal;
	font-size:1.1em;
}



.calendar_box {
	border:1px #ccc solid;
	background-color:#fff;
	padding:12px;
	margin:10px;
}


/* --------------- CALENDAR TABLE  */ 

.calendar_box table {
	border:0px;
    font-size: 1em;
    margin: 0 0 0.4em;

}
.calendar_box th {
    border-top:1px solid #ccc;
    font-size: 1em;
    margin: 0 0 0.4em;
}
.calendar_box td  {
	padding:0.6em 0px 0.2em 0px;
    width: 3em;
	text-align: center;
	font-size: 0.9em;
	font-weight:700;
	font-family:Arial, Verdana, Geneva, sans-serif;

}


/* --------------- CALENDAR DAYS  */
 
.day_unselectable {
    background-image:url(../images/elements/event_calendar/day_unselectable.gif) !important;
	background-position:center center;
	background-repeat:no-repeat;
	background:url(../images/elements/event_calendar/day_unselectable.gif) center center no-repeat !important;
	color:#999 !important;
}

.day_past {
    background-image:url(../images/elements/event_calendar/day_past.gif) !important;
	background-position:center center;
	background-repeat:no-repeat;
	background:url(../images/elements/event_calendar/day_past.gif) center center no-repeat !important;
	color:#999 !important;
}

.day_today {
    background-image:url(../images/elements/event_calendar/day_active.gif) !important;
	background-position:center center;
	background-repeat:no-repeat;
	background:url(../images/elements/event_calendar/day_active.gif) center center no-repeat !important;
}

#calendar_box a.day_today:link{ 
color:white!important;
font-weight:bold;
}
#calendar_box a.day_today:visited{ 
color:white!important;
font-weight:bold;
}
#calendar_box a.day_today:hover{ 
color:white!important;
font-weight:bold;
}
#calendar_box a.day_today:active{ 
color:white!important;
font-weight:bold;
}


#calendar_box td {
	text-align:center;
	padding-top:.4em;
	padding-bottom:.4em;
	background-color: transparent;

}

#calendar_box a {
    display: block;
    text-decoration: none;
	padding:.9em .59em 1em .64em;
	color:#5395fb;	
	background-image:url(../images/elements/event_calendar/day_off.gif);
	background-position:center center;
	background-repeat:no-repeat;
	
}
#calendar_box a:link{
    display: block;
    text-decoration: none;
	padding:.9em .59em 1em .64em;
	color:#5395fb;	
	background-image:url(../images/elements/event_calendar/day_off.gif);
	background-position:center center;
	background-repeat:no-repeat;
	
}
 
#calendar_box a:visited{
    display: block;
	padding:.9em .59em 1em .64em;
    text-decoration: none;
	color:#5395fb !important ;	
	background-image:url(../images/elements/event_calendar/day_off.gif);
	background-position:center center;
	background-repeat:no-repeat;
	
}
#calendar_box a:hover{
    display: block;
	color:white !important;
	padding:.9em .59em 1em .64em;
	text-decoration: none;
	background-image:url(../images/elements/event_calendar/day_active.gif);
	background-position:center center;
	background-repeat:no-repeat;
	
}
#calendar_box a:active{
    display: block;
	padding:.9em .59em 1em .64em;
	text-decoration: none;
	color:white !important;
	background-image:url(../images/elements/event_calendar/day_active.gif);
	background-position:center center;
	background-repeat:no-repeat;
	
}




/* --------------- TOP  */ 

#calendar_box_jumps ul {
    list-style: none outside none;
}
#calendar_box_jumps li {
    float: left;
    font-size: 13px;
    margin: 0 10px 3px 0;
}
#calendar_box_jumps a{
	color:#639EF8 !important;	
	text-decoration: none;
}
#calendar_box_jumps a:link{
	color:#639EF8 !important;	
	text-decoration: none;
}
#calendar_box_jumps a:visited{
    color:#639EF8 !important;	
	text-decoration: none;
}
#calendar_box_jumps a:hover{
	text-decoration:  underline;
	color:#ff8500 !important;	
}
#calendar_box_jumps a:active{
	text-decoration:  underline;
	color:#ff8500 !important;	
}



/* --------------- MONTHS  */ 
#calendar_box_month {
	 font-family: 'Roboto', sans-serif;
	font-weight:700 !important;
	font-size:1em;
	text-align:center;
}

#calendar_box_month .prev {
	float:left;
	width:20px;
}
#calendar_box_month .next {
	float:right;
	width:20px;
}




/* --------------- BOXES AND LISTINGS STYLINGS  */ 


.rounded {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(/pie/PIE.htc);
background: #375699;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#375699), to(#639EF8));
background: -webkit-linear-gradient(#375699, #639EF8);
background: -moz-linear-gradient(#375699, #639EF8);
background: -ms-linear-gradient(#375699, #639EF8);
background: -o-linear-gradient(#375699, #639EF8);
background: linear-gradient(#375699, #639EF8);
-pie-background: linear-gradient(#375699, #639EF8);
}

.roundedsearch input {
	background-color:#fff;
	border:1px solid #06C;
	color:#06C;
	padding:3px 2px;
	
}

.roundedsearch input:hover {
	background-color:#FAA619;
	border:1px solid #06C;
	color:#06C;
	padding:3px 2px;
	
}
.roundedsearch input:active {
	background-color:#FAA619;
	border:1px solid #06C;
	color:#06C;
	padding:3px 2px;

}




@media screen and (min-width: 368px) {  

#boxed-centre {
border: 1px solid #0099fc;
padding: 2%;
margin:10px 0px;
text-align: left;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(/pie/PIE.htc);
clear:left;
display:block;
width: 96%;
}
}

@media screen and (max-width: 367px) {
	
#boxed-centre {
border: 1px solid #0099fc;
padding: 2%;
margin:10px 0px;
text-align: left;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(/pie/PIE.htc);
clear:left;
display:block;
width: 90%;
}
}






#boxed-centre .listings {
	border-top:1px dotted #999;
	clear:left;
	width:98%;
	margin:3px 2px 6px 6px;
}





/* --------------- ACTIVITY HEADER INFORMATION PANEL   */ 

#act-header-container .hide {
	display:none;
}

#act-header-container .act-header-left p {
	line-height: 1.1em;
    margin: 0;
    padding: 10px 0;

}
#act-header-container .act-header-right p {
	line-height: 1.1em;
    margin: 0;
    padding: 10px 0;
}


#act-header-container {
	border:1px solid #ccc;
	border-radius:12px;
	padding:8px 10px;
}
.act-header-left {
	width:53%;
	float:left;
}
.act-header-leftboxes {
	padding-left:36px;
}
.act-header-left .address {
	background:url(/images/act-header-icons/location.gif) no-repeat left center;
}
.act-header-left .tel {
	background:url(/images/act-header-icons/tel.gif) no-repeat left center;
}
.act-header-left .email {
	background:url(/images/act-header-icons/email.gif) no-repeat left center;
	cursor:pointer;
}
.website {
	background:url(/images/act-header-icons/www.gif) no-repeat left center;
	cursor:pointer;	
}

.act-header-rightboxes {
	padding-right:36px;
}
.act-header-right {
	width:44%;
	float:right;
	text-align:right;
}
.act-header-right .event {
	background:url(/images/act-header-icons/events.gif) no-repeat right center;
	cursor:pointer;
}
.act-header-right .hotels {
	background:url(/images/act-header-icons/hotel.gif) no-repeat right center;
	cursor:pointer;
}
.act-header-right .offers {
	background:url(/images/act-header-icons/offers.gif) no-repeat right center;
	cursor:pointer;
}
.act-header-socialboxes {
	float:right;
	width:27px;
	height:27px;
	margin-left:10px;
	cursor:pointer;
	margin-bottom: 10px;
}

.act-header-socialboxes p {
	display:none;
}
	
.act-social-wrapper {
	padding-top:2px;
}

.act-header-right .facebook {
	background:url(/images/act-header-icons/facebook-off.gif) no-repeat right center;
}
.act-header-right .twitter {
	background:url(/images/act-header-icons/twitter-off.gif) no-repeat right center;
}
.act-header-right .google {
	background:url(/images/act-header-icons/google-off.gif) no-repeat right center;
}
.act-header-right .youtube {
	background:url(/images/act-header-icons/youtube-off.gif) no-repeat right center;
}
.act-header-right .instagram {
	background:url(/images/act-header-icons/instagram-off.gif) no-repeat right center;
}
.act-header-right .pinterest {
	background:url(/images/act-header-icons/pinterest-off.gif) no-repeat right center;
}
.act-header-right .facebook:hover {
	background:url(/images/act-header-icons/facebook-on.gif) no-repeat right center;
}
.act-header-right .twitter:hover {
	background:url(/images/act-header-icons/twitter-on.gif) no-repeat right center;
}
.act-header-right .google:hover {
	background:url(/images/act-header-icons/google-on.gif) no-repeat right center;
}
.act-header-right .youtube:hover {
	background:url(/images/act-header-icons/youtube-on.gif) no-repeat right center;
}
.act-header-right .instagram:hover {
	background:url(/images/act-header-icons/instagram-on.gif) no-repeat right center;
}
.act-header-right .pinterest:hover {
	background:url(/images/act-header-icons/pinterest-on.gif) no-repeat right center;
}




.minttest-browserwidth {
	height:20px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
}


#eventSearchHeader {
	width:170px; 
	background-image:url(/editable/images/elements/searchicon.png); 
	background-position:top right; 
	background-repeat:no-repeat;
	border:0px;
}

#placeSearchHeader {
	width:170px;
	background-image:url(/editable/images/elements/searchicon.png); 
	background-position:top right; background-repeat:no-repeat;
		border:0px;

}

@media screen and (min-width: 960px) {
	.minttest-browserwidth {
		content:"over 960px";
	}
}
@media screen and (max-width: 959px) {
	.minttest-browserwidth {
		content:"under 960px";
	}
}

@media screen and (max-width: 1009px) and (min-width: 768px) {  
	
#eventSearchHeader {
	width: 150px; 
	background-image:url(/editable/images/elements/searchicon.png); 
	background-position:top right; 
	background-repeat:no-repeat;
	border:0px;
}

#placeSearchHeader {
	width: 150px;
	background-image:url(/editable/images/elements/searchicon.png); 
	background-position:top right; background-repeat:no-repeat;
		border:0px;

}
}
@media screen and (max-width: 767px) {
	.minttest-browserwidth {
		content:"under 767px";
	}
	#eventSearchHeader {
	width: 40%; 
	background-image:url(/editable/images/elements/searchicon.png); 
	background-position:top right; 
	background-repeat:no-repeat;
	margin:0px;
	margin-right:20px;
	display:inline-block;
	border: 1px solid #639ef8;
	padding:2px 12px;

}

#placeSearchHeader {
	width: 40%;
	background-image:url(/editable/images/elements/searchicon.png); 
	background-position:top right; background-repeat:no-repeat;
	margin:0px;
	display:inline-block;
	border: 1px solid #639ef8;
	padding:2px 12px;
	clear:none;

}
}

@media screen and (max-width: 400px) {

	#eventSearchHeader {
	width: 86%; 
	background-image:url(/editable/images/elements/searchicon.png); 
	background-position:top right; 
	background-repeat:no-repeat;
	margin:0px;
	display:inline-block;
	border: 1px solid #639ef8;
	padding:2px 12px;
}

#placeSearchHeader {
	width: 86%;
	background-image:url(/editable/images/elements/searchicon.png); 
	background-position:top right; background-repeat:no-repeat;
	margin:0px;
	margin-top:15px;	
	display:inline-block;
	border: 1px solid #639ef8;
	padding:2px 12px;
	clear:none;
}
}



.pagenumber_text {
	clear:both;
	display:block;
	height:20px;
	text-transform:uppercase;
}

.pagenumbers  {
	padding:1px 4px;
}

.pagenumbers_selected {
	background-color:#639ef8;
	color:#fff;
	padding:1px 5px;
}

.pagesort_text {
	float:right;
	text-transform:uppercase;
}


.rightsearchcontent, .subpage_header_container, .leftcontent, .centercontent, .maincontent-right
{
    position: relative;
    z-index: 3;
}

#sliderNumbers {
	position: absolute; 
	right:10px; 
	bottom:20px; 
	z-index:20; 
	cursor:pointer;
}



.jcarousel-item-horizontal
{
    height: 180px;
    overflow: hidden;
	width: auto;
}

.maxdropdown7 
{
    position:absolute;
    width: 243px;

}

#display {
    clear: both;
    width: auto;
    height: 250px;
    overflow: scroll;
    border: 1px solid #666;
    background-color: #fcfcfc;
    padding: 10px;
}
#container-100pct {

    width: 100%;
    overflow: hidden;

}


	.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 100%;
	height: 220px;

	}
	.ui-datepicker{ z-index: 9999 !important; display: none;}
	.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 100%;
	top: 0px;
	position: absolute !important;
	}
	
	
	.centercontent {
	margin-top: 0;
	}						
	
	
	#display {
	clear: both;
	width: auto;
	height: 250px;
	overflow: scroll;
	border: 1px solid #666;
	background-color: #fcfcfc;
	padding: 0px;
	}
	
	#container-100pct {
	width: 100%;
	overflow: hidden;
	}

	.sponsor-scroller-container {
		text-align:center; 
		width:72%; 
		float:right; 
		height:100px; 
		margin-top:10px;
	}
	
	.sponsor-scroller-text {
		padding-top:0px; 
		width:100%; 
		float:left; 
		height:20px;
		padding-top:25px;
	}
	
	.sponsor-scroller {
		padding-top:6px;
		float:left;
		width:100%; 
	}
	

	.whatsonSliderContainer {
	position: absolute;
	width: 100%;
	height:174px;
	margin:0px;
	top: 0px;
	background-size:100%;
	z-index: 2;
	}
	
	
	
	.promotebox {
		width:99%;
		background-color:#ffd930;
		padding:2px;
		display:block;
		clear: both !important;
	}
	
	.promote-newsletter {
		float:left;
		display:block;
		background-image:url(/editable/images/icon_promote_enewsletter.png);
		background-repeat:no-repeat;
		background-position:left center;
		height:51px;
		padding-left:56px;
		text-align:left;
	}
	
	.promote-newsletter a {
			display: block;
    		margin-top: 8px;
	}
	
	.promote-event {
		float:left;
		display:block;
		background-image:url(/editable/images/icon_promote_event.png);
		background-repeat:no-repeat;
		background-position:left center;
		height:51px;
		padding-left:56px;
		text-align:left;
		line-height:51px;

	}


/* [ - - - + ] */
@media screen and (min-width: 1010px) { 
    #eventSearchFormCont
    {
        display: block;
    } 
    #eventSearchFormCont.active
    {
        display: block;
    }

    #placeSearchFormCont
    {
        display: block;
    } 
    #placeSearchFormCont.active
    {
        display: block;
    }    
    
    .rightsearchcontent {
        float: right;
        width: 190px;
    }
	
	
	
   
}
/* [ - - + - ] */
@media screen and (max-width: 1009px) and (min-width: 768px) { 
    #eventSearchFormcont
    {
        display: block;
    } 
    #eventSearchFormCont.active
    {
        display: block;
    }

    #placeSearchFormCont
    {
        display: block;
    } 
    #placeSearchFormCont.active
    {
        display: block;
    }       
    
    .rightsearchcontent {
        float: right;
        width: 170px;
    }
    
	.sponsor-scroller-container {
		text-align:center; 
		width:99%; 
		clear:right; 
		height:100px; 
		margin-top:10px;
	}
}

@media screen and (max-width: 895px) and (min-width: 768px)  {
	
	.sponsor-scroller-container {
		text-align:center; 
		width:99%; 
		clear:right; 
		height:100px; 
		margin-top:10px;
	}
}


/* [ - + - - ] */
@media screen and (max-width: 767px) and (min-width: 401px) {
    #eventSearchFormCont
    {
        display: none;
    } 
    #eventSearchFormCont.active
    {
        display: block;
    }

    #placeSearchFormCont
    {
        display: none;
    } 
    #placeSearchFormCont.active
    {
        display: block;
    }   
    
    .rightsearchcontent {
        float: auto;
        width: 100%;
    }
    
	.sponsor-scroller-container {
		text-align:center; 
		width:99%; 
		clear:right; 
		height:120px; 
		margin-top:10px;
	}
	
}
/* [ + - - - ] */
@media screen and (max-width: 400px) {
    #eventSearchFormCont
    {
        display: none;
    } 
    #eventSearchFormCont.active
    {
        display: block;
    }

    #placeSearchFormCont
    {
        display: none;
    } 
    #placeSearchFormCont.active
    {
        display: block;
    } 
    
    .rightsearchcontent {
        float: auto;
        width: 100%;
    }    
	
	.sponsor-scroller-container {
		text-align:center; 
		width:99%; 
		clear:right; 
		height:100px; 
		margin-top:10px;
	}
	.sponsor-scroller {
		padding-top:6px;
		float:left;
		width:100%;
		text-align:center;
	}
	
}



/* News */
.news-slider {
  /* Style the actual content */
}

.news-slider .text-content h2 {
  margin: 0;
}
.news-slider .text-content p {
  margin: 1em 0;
}
.news-slider .text-content a.button-link {
  padding: 0.25em 0.5em;
  position: absolute;
  bottom: 1em;
  right: 1em;
}
.news-slider .image-content {
  line-height: 0;
}
.news-slider .image-content img {
  width: 100%;
  cursor:pointer;
}
.news-slider .news-pager {
  text-align: right;
  display: block;
  margin: 0.2em 0 0;
  padding: 0;
  list-style: none;
}
.news-slider .news-pager li {
  display: inline-block;
  padding: 0.2	em;
  margin: 0 0 0 0.1em;
}

.news-slider .news-pager li:first-of-type {
  display: inline-block;
  padding: 0.2	em;
  margin: 0 0 0 1em;
}


.news-slider .news-pager li a {
  font-weight: 500;
  text-decoration: none;
  display: block;
  color: #222;
  font-size: 1px;
  width:4px;
  height:10px;
}
		
.demo_wrapper {
	width: 100%;
	margin: 0 auto;
}
.demo_block {
	width: 100%;
}

.news-pager a {
    background-color: #639ef8;
    border: 2px solid #fff;
    height: 10px;
	padding:2px 5px;
}
.news-pager a:hover,
.news-pager .sy-active a {
    background-color: #ff8600 !important;
    border: 2px solid #fff;
    height: 10px;
	padding:2px 5px;

}			
		
	
	.placesearchfilterbox {
	
	padding:6px; 
	margin-top:8px; 
	width:98%; 
	font-size:15px; 
	float:left; 
	letter-spacing:-0.03em; 
	font-family:Arial, Helvetica, sans-serif;
	}
	
	.placesearchfilterbox input[type="radio"], .placesearchfilterbox input[type="checkbox"] {
	margin: 0 10px;
    width: 18px !important;
	background-color:#fff;
	}
	
	.placesearchfilterbox input[type="radio"]:checked, .placesearchfilterbox input[type="checkbox"]:checked {
	margin: 0 10px;
    width: 18px !important;
	background-color:#fabd19;
	}
	
	.placesearchfilterbutton {
		float: left;
	 	width:100%; 
	 	padding:12px 0; 
	 	text-align:center;
		
	}
	
	.placesearchfilterbutton textarea, .placesearchfilterbutton input[type="submit"] {
    border: 1px solid #ccc;
	background-color:#fff;
    float: none;
    margin-bottom: 5px;
    padding: 4px;
	width: 230px;
    
}
	
		
@media screen and (max-width: 1009px) 
{
    .news-slider {
		float:left
		width: 100%;
    }
}		
	
	
	


/* [ - - - + ] */
@media screen and (min-width: 1010px) { 

	.news-slider h1  {
 	color: #fff;font-size: 2.2em;font-weight: normal;letter-spacing: -0.03em;margin:0;font-family: "Roboto",sans-serif;
 }
	
	.news-slider h2  {
	border: medium none;
    color: #275cad;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.4em;
    font-weight: normal;
    letter-spacing: -0.03em;
    margin: 4px 0 0 12px;
	}
   
   .news-slider .text-content {
	position: absolute;
	top: 14px;
	left: 0;
	right: 0;
	background-color: #639ef8;
	padding: 1em;
	width: 51%;
}
	
	#placesearchtextbox-location {
		font-size:11px; 
		font-family:Arial, Helvetica, sans-serif; 
		width:160px; 
		float:left;
	}
	
	#placesearchtextbox-category {
		font-size:11px; 
		font-family:Arial, Helvetica, sans-serif; 
		float:left; 
		width:60%; 
		margin-left:6px;
	}
	.placesearch-searchbutton {
		float: right; 
		width:12%; 
		text-align:right;
	}
	
	.placesearch-searchtitle {
	 width:85%; 
	 float:left;
	}

}
/* [ - - + - ] */
@media screen and (max-width: 1009px) and (min-width: 768px) { 

	
	.news-slider h1  {
	 	color: #fff;font-size: 2em;font-weight: normal;letter-spacing: -0.03em;margin:0;font-family: "Roboto",sans-serif;

	}
	
	.news-slider h2  {
	border: medium none;
    color: #275cad;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.3em;
    font-weight: normal;
    letter-spacing: -0.03em;
    margin: 4px 0 0 12px;
	}
	
    .news-slider .text-content {
	position: absolute;
	top: 14px;
	left: 0;
	right: 0;
	background-color: #639ef8;
	padding: 1em;
	width: 66%;
	}
	
	
	.placesearch-searchbutton {
		float: right; 
		width:12%; 
		text-align:right;
	}
	
	.placesearch-searchtitle {
	 width:80%; 
	 float:left;
	}
	
	
	.placesearchfilterbox {
	width:96%; 
	}
}

/* [ - + - - ] */
@media screen and (max-width: 767px) and (min-width: 401px) {

	
	.news-slider h1  {
	 	color: #fff;font-size: 1.6em;font-weight: normal;letter-spacing: -0.03em;margin:0;font-family: "Roboto",sans-serif;

	}
	
	.news-slider h2  {
	border: medium none;
    color: #275cad;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    letter-spacing: -0.03em;
    margin: 4px 0 0 12px;
	}
	
    .news-slider .text-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #639ef8;
	padding: 1em;
	width: 100%;
	}
	
	.news-slider .image-content {
  	margin-top:0px
	}
	
	
	
	.placesearch-searchbutton {
		float: right; 
		width:12%; 
		text-align:right;
	}
	
	.placesearch-searchtitle {
	 width:80%; 
	 float:left;
	}

	.placesearchfilterbox {
	width:96%; 
	}
	
}

/* [ + - - - ] */
@media screen and (max-width: 400px) {

	.news-slider h1  {
	 	color: #fff;font-size: 1.3em;font-weight: normal;letter-spacing: -0.03em;margin:0;font-family: "Roboto",sans-serif;

	}
	
	.news-slider h2  {
	border: medium none;
    color: #275cad;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    letter-spacing: -0.03em;
    margin: 4px 0 0 12px;
	}
	
 	.news-slider .text-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #639ef8;
	padding: 1em;
	width: 100%;
	}
	
	#eventsearchbox {
		height:auto;
	}
	
	.news-slider .image-content {
  	margin-top:0px
	}
	
	
	.placesearch-searchbutton {
		float: right; 
		width:12%; 
		text-align:right;
	}
	
	.placesearch-searchtitle {
	 width:78%; 
	 float:left;
	}
	
	.placesearchfilterbox {
	width:96%; 
	}
	
	.placesearchfilterbox input[type="radio"], .placesearchfilterbox input[type="checkbox"] {
	margin: 0 3px 0 0;
    width: 18px !important;
	background-color:#fff;
	}
	
	.placesearchfilterbox input[type="radio"]:checked, .placesearchfilterbox input[type="checkbox"]:checked {
	margin: 0 3px 0 0;
    width: 18px !important;
	background-color:#fabd19 !important;
	}
	
	
	
}




@media screen and (max-width: 400px) {
	
#Banner-top-long img {
	width:300px;
	margin:5px auto !important;
	text-align:center;
	display:block;
}
}


@media screen and (max-width: 690px) and (min-width: 508px) {
	
.banner_hm_footer {
	width: auto;
}
	
.maincontent-right .ad_banner_300_250 {
	width:90%;

}

}



.MobileSideNavClose {
	position:absolute;
	top:4px;
	right:4px;
	height:17px;
	width:17px;
	background-color:#6cabfb;
	border:1px solid #a9cbf7;
	border-radius:3px;
	content:"@f2d4";
}

.event-details-left {
width:37%; 
display:block; 
float:left; 
padding-bottom:8px;
}

.event-details-right {
	display: block;
    float: left;
    padding-bottom: 8px;
    width: 60%;
}


@media screen and (max-width: 390px) {

.event-details-left {
width:auto; 
display:block; 
float:left; 
padding-bottom:0px;
}

.event-details-right { 
display:block; 
float:left; 
padding-bottom:8px;
width:100%; 
}
}






.boxbluetint
 {
 	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5a99f8), to(#fff));
	background: -webkit-linear-gradient(#5a99f8, #fff);
	background: -moz-linear-gradient(#5a99f8, #fff);
	background: -ms-linear-gradient(#5a99f8, #fff);
	background: -o-linear-gradient(#5a99f8, #fff);
	background: linear-gradient(#5a99f8, #fff);
	-pie-background: linear-gradient(#5a99f8, #fff);
	behavior: url(/pie/PIE.htc);
	border: 0px solid #CCCCCC;
}

	.boxbluetint
 {
	clear: both;
    margin: 0;
    padding: 12px;
    width: 95%;
 }

@media screen and (max-width: 390px) {

.boxbluetint
 {
	clear: both;
    margin: 0;
    padding: 12px;
    width: 93%;
 }
}

@media screen and (max-width: 585px) {

.subpage_header_container h1 {
	 color: #fff;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 1.7em;
    font-weight: 700;
    margin: 0.3em 0 0 0.44em;
    padding: 0.2em 0.4em;
    width: auto;
}
}

.galleryimagecontainer {
	display:inline-block;
	width:31%;
	padding-top:10px;
	
}

.galleryimagecontainer:nth-of-type(1) {
	margin:0 0 0 10px;
}
.galleryimagecontainer:nth-of-type(2) {
	margin:0px 8px;
}

.galleryimagecontainer:nth-of-type(3) {
	margin:0px;
}

@media screen and (max-width: 405px) {
	.galleryimagecontainer {
	width:95%;
	padding-top:10px;
	clear:both;
	text-align:center;
}
.galleryimagecontainer:nth-of-type(1) {
	margin:0 auto;
}
.galleryimagecontainer:nth-of-type(2) {
	margin:0 auto;
}

.galleryimagecontainer:nth-of-type(3) {
	margin:0 auto
}
}

@media screen and (max-width: 686px) and (min-width: 586px) {
.galleryimagecontainer {
	width:200px;
	padding-top:10px;
	clear:both;
	text-align:center;
}
.galleryimagecontainer:nth-of-type(1) {
	margin:0 auto;
}
.galleryimagecontainer:nth-of-type(2) {
	margin:0 auto;
}

.galleryimagecontainer:nth-of-type(3) {
	margin:0 auto
}	
}


.textblockcontainer {
	clear:both; 
	margin-left:10px; 
	margin-top:5px;
	}
	
.galleryimagecontainer:nth-child(1):nth-last-child(1) {
	width: 96%;
}

.PlaceFilterscontainer {
	padding:0px; 
	width:45%; 
	font-size:12px; 
	float:left; 
	letter-spacing:-0.03em; 
	font-family:Arial, Helvetica, sans-serif; float:left; color:#fff;
	margin:0px;
}




@media screen and (max-width: 464px) {
.PlaceFilterscontainer {
		width:99%; 
}
 .PlaceFiltersBox {
  padding:6px; 
  margin-top:8px; 
  width:96%; 
  font-size:15px; 
  float:left; 
  letter-spacing:-0.03em;   
 }
 
input[type="submit"].PlaceFiltersEnterButton {
	float: none;
	width: 96%;
	margin: 8px 6px;
	text-align: center;
	background-color: white;
}

#placesearchtextbox-location {
	width:100% !important;
	}
	
	#placesearchtextbox-category {
	width:100% !important;
		}

}


	
 
 
@media screen and (max-width: 736px) and (min-width: 586px) {
	.PlaceFilterscontainer {
			width:99%; 
	}

	
	input[type="submit"].PlaceFiltersEnterButton {
	float: none;
	width: 96%;
	margin: 8px 6px;
	text-align: center;
	background-color: white;
	}
	
	#placesearchtextbox-location {
	width:100% !important;
	}
	
	#placesearchtextbox-category {
	width:100% !important;
		}

}
 
 @media screen and (min-width: 463px) {
	.PlaceFiltersBox {
	padding:6px; 
	margin-top:8px; 
	width:98%; 
	font-size:15px; 
	float:left; 
	letter-spacing:-0.03em; 
	}
	
	input[type="submit"].PlaceFiltersEnterButton {
	float: right;
	width: 50%;
	margin: 8px 6px;
	text-align: center;
	background-color: white;
	}


	
	
	
 }
 
 
.PlaceFilterscontainer p { 
	margin:0px;
	padding:10px 0 0 5px;
	float:left 
	}
	.PlaceFiltersButtons {
	width:18px !important; 
	float:left !important;
	padding-right:12px;
	margin:8px 0 8px 10px !important;
	background-color: white;
	}
	

#placesearchtextbox-location {
		width:48%;
		float:left;
		margin-right:10px;
	}
	
	#placesearchtextbox-category {
		width:48%;
		float:left;
	}
	
.document-listing {	
	 width:30px;
	 padding-right:20px;
	 
}

.textboximages {
 border:0;
 margin:0 15px 0 2px;
}


/* RL APRIL */

@media screen and (min-width: 921px) {
	
	#placesFinderHeader, #whatsOnHeader, #placesFinderCont, #whatsOnCont {
	display:none;
}
.boxorangetint {
 	margin: 10px;
}
}

@media screen and (max-width: 920px) { 
    #placesFinderCont
    {
        display: block;
    } 
    #placesFinderCont.active
    {
        display: block;
    }

    #whatsOnCont
    {
        display: block;
    } 
    #whatsOnCont.active
    {
        display: block;
    }
	
	
#placesFinderHeader, #whatsOnHeader {
	
	display:inline-block;
	clear:none;
}

#placesFinderHeader {
	margin:15px 10px 0 10px;
	background-image:url(/editable/images/elements/searchicon.png); 
	background-position:top right; background-repeat:no-repeat;	
	border: 1px solid #639ef8;
		padding:2px 12px;

}
#whatsOnHeader {	
	margin:15px 10px 0 10px;
	background-image:url(/editable/images/elements/searchicon.png); 
	background-position:top right; background-repeat:no-repeat;	
	border: 1px solid #639ef8;
		padding:2px 12px;
}


#placesFinderCont
    {
        display: none;
    } 
#placesFinderCont.active
    {
        display: block;
    }
	
#whatsOnCont
    {
        display: none;
    }	
#whatsOnCont.active
    {
        display: block;
    }
}




@media screen and (max-width: 400px) {
#placesFinderHeader {
	width: 89%;
}
#whatsOnHeader {
	width: 89%;
}
.boxorangetint {
 	margin: 10px 0px 10px 10px;
}

}


@media screen and (max-width: 657px) and (min-width: 401px) {
#placesFinderHeader {
	width: 92%;
}
#whatsOnHeader {
	width: 92%;
}
.boxorangetint {
 	margin: 10px 1.4% 10px 10px;
}
}

@media screen and (max-width: 920px) and (min-width: 658px) { 
#placesFinderHeader {
	width: 43%;
}
#whatsOnHeader {
	width: 44%;
	margin:15px 0px 0 4px;
}
.boxorangetint {
 	margin: 10px;
}
}

.exploretable td {padding: 5px 3px 3px 3px;}

.exploretable tr {border-bottom: 1px dotted #cccccc}


.g-recaptcha {
    padding-top: 30px;
    display: inline-block;
}