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;
	width:100% !important;
	-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;
	
}


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


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   */
#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;
}







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

#navigation_container
{ font-family: 'Roboto', sans-serif;
	font-weight:700;
	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;
}




/* --------------- 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:#000;
	margin-left:-0.32em;
}
#subnav li a:visited{
	color:#000;
	margin-left:-0.32em;
}

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

#subnav li {
	list-style-type:disc;
	list-style-position:inside;
	color:#0cb14b;
	margin:0px;
	margin-left:-1px;
	padding-top:5px;
	padding-right:0px;
}









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


#ft-col {
	float:left;
	width:150px;
	margin:4px 12px 10px 0px;
	font-size:12px;
	border-right:1px dotted #fff;
	
}

#ft-col h3 {
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	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 !important;
	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;
}


#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:13px 13px 0px 0px;
	background-image:url(../images/hm-highlights/hp_events_bg.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	width: 338px;
}

/* [ - - + - ] */
@media screen and (max-width: 1009px) and (min-width: 768px) {  
#eventsearchbox {
	padding:8px 15px;
	height:auto;
	float:left;
	margin:-1px 13px 0px 0px;
	background-image:none;
	background-position:bottom right;
	background-repeat:no-repeat;
	width: 92.5%;
}
}
/* [ - + - - ] */
@media screen and (max-width: 767px) and (min-width: 401px) {
	#eventsearchbox {
	padding:12px;
	height:auto;
	float:left;
	margin:-1px 13px 0px 0px;
	background-image:none;
	background-position:bottom right;
	background-repeat:no-repeat;
	}
}
@media screen and (max-width: 767px) and (min-width: 660px) {
	#eventsearchbox {
	width: 92%;
}
}
@media screen and (max-width: 659px) and (min-width: 401px) {
	#eventsearchbox {
	width: 88%;
}
}
/* [ + - - - ] */
@media screen and (max-width: 400px) {
#eventsearchbox {
	padding:12px;
	padding-right:0px;
	height:200px;
	float:left;
	margin:0px;
	background-image:none;
	background-position:bottom right;
	background-repeat:no-repeat;
	width: 97%;
}
}




#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 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;
	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;
	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;
	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;
	font-size:1.1em;
	margin:0px;
	padding:0px;
}





.whatson-picture img{
	width:100%;
}

.whatson-box {
	float: left;
	position:relative;
}

/* [ - - - + ] */
@media screen and (min-width: 1011px) {  
.whatson-box {
	width: 47%;
	margin-bottom:4px;
	padding-right:5px;
}


}


@media screen and (max-width: 1010px) and (min-width: 808px) {  
.whatson-box {
	width: 99%;
	margin-bottom:4px;
	padding-right:5px;
}
}
@media screen and (max-width: 807px) and (min-width: 768px) {  
.whatson-box {
	width: 99%;
	margin-bottom:4px;
	padding-right:5px;
}
}




/* [ - + - - ] */
@media screen and (max-width: 767px) and (min-width: 401px) {
	.whatson-box {
	width: 99%;
	margin-bottom:4px;
	padding-right:5px;
}
}

/* [ + - - - ] */
@media screen and (max-width: 400px) {
.whatson-box {
	width: 99%;
	margin-bottom:4px;
	padding-right:5px;
}
}


.whatson-box strong {
	color:#639ef8;
}







#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;
	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;
}

.slidernumber {
	border:2px solid #fff;
	background-color:#639ef8;
	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; 
	border-top:2px solid #ffd237; 
	padding:0px; 
	border:2px 0 0 0; 
	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;
}


/* --------------- 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;
	font-size:1em;
	text-align:center;
}

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



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



.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;
}

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



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






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



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

@media screen and (max-width: 970px) and (min-width: 768px) {  
.maincontent-right
{
	float:right;
	width:66%;
}
}

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




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

.subpage_header_container .breadtrail
{
	margin:0 .8em;
}
.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;
}




	.sponsor-scroller-container {
		text-align:center; 
		width:72%; 
		float:right; 
		height:98px; 
		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%; 
	}
	




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

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

}

.whatson-picture {
	float: left;
	width:112px;
	height:92px;
	overflow:hidden;
		
}


.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: 970px) {  
.centercontent
{
	float:left;
	width:52%;
}


}
@media screen and (max-width: 969px) and (min-width: 920px) {  
.centercontent
{
	float:left;
	width:49%;
}



}



@media screen and (max-width: 919px) and (min-width: 890px) {  
.centercontent
{
	float:left;
	width:48%;
}



}



@media screen and (max-width: 1010px) and (min-width: 890px) {  

.whatson-text {
	float: left;
	width:58%;
	font-size:1.05em;
	margin-left:6px;
	margin-top:0px;
	color:#333;

}


.whatson-picture {
	float: left;
	width:110px;
	height:92px;
	overflow:hidden;
		
}
}

@media screen and (max-width: 889px) and (min-width: 830px) {  
.centercontent
{
	float:left;
	width:45%;
}
.whatson-text {
	float: left;
	width:58%;
	font-size:1.05em;
	margin-left:12px;
	margin-top:0px;
	color:#333;

}


.whatson-picture {
	float: left;
	width:112px;
	height:92px;
	overflow:hidden;
		
}
}
@media screen and (max-width: 829px) and (min-width: 808px) {  
.centercontent
{
	float:left;
	width:42%;
}
.whatson-text {
	float: left;
	width:58%;
	font-size:1.05em;
	margin-left:12px;
	margin-top:0px;
	color:#333;

}


.whatson-picture {
	float: left;
	width:112px;
	height:92px;
	overflow:hidden;
		
}
}
@media screen and (max-width: 807px) and (min-width: 768px) {  
.centercontent
{
	float:left;
	width:39%;
}

.whatson-text {
	float: left;
	width:56%;
	font-size:1.05em;
	margin-left:12px;
	margin-top:0px;
	color:#333;

}

.whatson-picture {
	float: left;
	width:112px;
	height:92px;
	overflow:hidden;
		
}
}

@media screen and (max-width: 1009px) and (min-width: 768px) {  
#container
{	width:100%;
	margin:0px auto;
	
}
.leftcontent
{
	float:left;
	width:250px;
	margin-left:4px;
}

.rightcontent {
  float: right;
  padding-right: 3%;
  width: 165px;
}

.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
}

.sponsor-scroller-container {
		text-align:center; 
		width:99%; 
		clear:right; 
		height:95px; 
		margin-top:10px;
	}

}

@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) and (min-width: 401px) {
#container
{	width:100%;
	margin:0px auto;
	
}


.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;
}

.sponsor-scroller-container {
		text-align:center; 
		width:99%; 
		clear:right; 
		height:80px; 
		margin-top:10px;
	}
}

@media screen and (max-width: 767px) and (min-width: 719px) {
.centercontent
{
	float:right;
	width:60%;
	margin-right:20px;
}
.leftcontent
{
	float:left;
	width:250px;
	margin-left:4px;
}
.whatson-text {
	float: left;
	width:60%;
	font-size:1.05em;
	margin-left:15px;
	margin-top:0px;
	color:#333;

}
.whatson-picture {
	float: left;
	width:112px;
	height:92px;
	overflow:hidden;
		
}

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

@media screen and (max-width: 718px) and (min-width: 671px) {

.centercontent
{
	float:right;
	width:56%;
	margin-right:20px;
}
.leftcontent
{
	float:left;
	width:250px;
	margin-left:4px;
}
.whatson-text {
	float: left;
	width:60%;
	font-size:1.05em;
	margin-left:15px;
	margin-top:0px;
	color:#333;

}
.whatson-picture {
	float: left;
	width:112px;
	height:92px;
	overflow:hidden;
		
}

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

@media screen and (max-width: 670px)  and (min-width: 626px)  {

.centercontent
{
	float:right;
	width:53%;
	margin-right:16px;	
}
.leftcontent
{
	float:left;
	width:260px;
	margin-left:4px;
}
.whatson-text {
	float: left;
	width:55%;
	font-size:1.05em;
	margin-left:10px;
	margin-top:0px;
	color:#333;

}
.more-banners {
	margin:10px 6px 0px 10px
}
.whatson-picture {
	float: left;
	width:95px;
	overflow:hidden;
	padding-bottom:6px;	
}

}
@media screen and (max-width: 625px) and (min-width: 596px)  {
.centercontent
{
	float:right;
	width:51.5%;
	margin-right:15px;
}	
.leftcontent
{
	float:left;
	width:260px;
	margin-left:4px;
}
.whatson-text {
	float: left;
	width:45%;
	font-size:1.05em;
	margin-right:10px;
	margin-top:0px;
	color:#333;

}
.whatson-picture {
	float: left;
	width:112px;
	height:92px;
	overflow:hidden;
	padding-right: 10px
		
}
.more-banners {
margin:10px auto;
	text-align:center;
	}

}
@media screen and (max-width: 595px) and (min-width: 576px)  {
.centercontent
{
	float:right;
	width:50.5%;
	margin-right:15px;
}	
.leftcontent
{
	float:left;
	width:260px;
	margin-left:4px;
}
.whatson-text {
	float: left;
	width:45%;
	font-size:1.05em;
	margin-right:10px;
	margin-top:0px;
	color:#333;

}

.whatson-picture {
	float: left;
	width:112px;
	height:92px;
	overflow:hidden;
	padding-right:8px;

}

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

}

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

}
.whatson-picture {
	float: left;
	width:112px;
	height:92px;
	overflow:hidden;
	padding-right:8px;
		
}

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

}
@media screen and (max-width: 545px) and (min-width: 401px)  {
#container
{	width:100%;
	margin:0px;
	
}
.leftcontent
{
	float:left;
	width:97%;
	padding:12px 0;

}



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

}

.more-banners {
	margin:10px auto;
	text-align:center;
}
.whatson-picture {
	float: left;
	width:112px;
	height:92px;
	overflow:hidden;
	padding-right:10px;
}

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

@media screen and (max-width: 400px) {
#container
{	width:100% !important;
	margin:0px !important;
	padding:0px !important;
	border:1px solid blue;
}
.more-banners {
	margin:10px auto;
	text-align:center;
}

.explore-calls1,
.explore-calls2 {
	width:96%;
	padding-right:0px;
}

.leftcontent
{
	float:left;
	width:97%;
	padding:0 0 12px 12px;
}

.getmoreheader {
	margin-left:0px;
}

.getmorecontainer {
	width:96%
}

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

}
.whatson-picture {
	float: left;
	width:112px;
	height:92px;
	overflow:hidden;
	padding-right: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;
}

.sponsor-scroller-container {
		text-align:center; 
		width:99%; 
		clear:right; 
		height:80px; 
		margin-top:10px;
	}
	.sponsor-scroller {
		padding-top:6px;
		float:left;
		width:100%;
		text-align:center;
	}



}



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

.homepageSliderContainer {
				position: relative;
				width: 98%;
				margin:0px 15px 0px 13px;
			}







@media screen and (min-width: 1010px) {
	.minttest-browserwidth:after {
		background-color:#F60;
		content:"over 1010px   [ - - - + ]";
			height:26px;
padding:2px 20px;
	}
	
	.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: 35px auto 5px auto;
    text-align: center;
    width: 49%;
}

.homepageSliderContainer {
				position: relative;
				width: 970px;
				
				margin:0px 15px 0px 13px;
			}

.hp_maincontent
{
	float:left;
	width:970px;
	border:1px solid #CCC;
	background-color:#e0e4ec;
	background-image:url(../images/tempimages/hm4.jpg);
	background-repeat:no-repeat;
	margin:12px 12px 0px 12px;
	height:250px;
	
}

}
@media screen and (max-width: 1009px) and (min-width: 768px) {
	.minttest-browserwidth:after {
		background-color:#39C;
		content:"under 1010px   [ - - + - ]";
			height:26px;
padding:2px 20px;
	}
	
	.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: 25px auto 5px auto;
    text-align: center;
    width: 49%;
}
.homepageSliderContainer {
				position: relative;
				width: 100%;
				
				margin:0px 15px 0px 13px;
			}

.hp_maincontent
{
	float:left;
	width:94%;
	border:1px solid #CCC;
	background-color:#e0e4ec;
	background-image:url(../images/tempimages/hm4.jpg);
	background-repeat:no-repeat;
	margin:12px 12px 0px 12px;
	height:250px;
	
}

}


@media screen and (max-width: 767px) and (min-width: 401px) {
	.minttest-browserwidth:after {
		background-color:#FF0;
		content:"under 767px   [ - + - - ] ";
		height:26px;
		padding:2px 20px;
	}
	
	.showMobile {
   		 display: block;
	
}


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

#explorelogo {
	width:225px;
	height:auto;
	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;
	margin-top:15px;

}
	
#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
{	width:100%;
	float:left;
	background-repeat:no-repeat;
	background-position:right center;
	margin:5px auto;
}


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

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

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


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

.homepageSliderContainer {
				position: relative;
				width: 91%;
				
				margin:0px 15px 0px 13px;
			}

.hp_maincontent
{
	float:left;
	width:100%;
	border:1px solid #CCC;
	background-color:#e0e4ec;
	background-image:url(../images/tempimages/hm4.jpg);
	background-repeat:no-repeat;
	margin:12px 12px 0px 12px;
	height:250px;
	
}

}

@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 {
		background-color:#9F6;
		content:"under 400px [ + - - - ] ";
		height:26px;
		padding:2px 20px;
}
	
	.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;
	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;
	float:none;
}

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

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



#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%;
}
	
.homepageSliderContainer {
				position: relative;
				width: 970px;
				
				margin:0px 15px 0px 13px;
			}

.hp_maincontent
{
	float:left;
	width:76%;
	border:1px solid #CCC;
	background-color:#e0e4ec;
	background-image:url(../images/tempimages/hm4.jpg);
	background-repeat:no-repeat;
	margin:12px 12px 0px 12px;
	height:250px;
	
}
	
}

@media screen and (max-width: 370px) {
.banner_hm_footer img {
	width:92%;	
}
}
@media screen and (max-width: 767px) {
.mobilemenu-linkcontainer {
    position: absolute;
    right: 6px;
    top: 28px;
}
}
@media screen and (max-width: 967px) and (min-width: 768px) {

#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: 855px) and (min-width: 768px) {
.mobilemenu-linkcontainer {
    position: absolute;
    right: 6px;
    top: 66px;
}
}
@media screen and (max-width: 1012px) and (min-width: 856px) {
.mobilemenu-linkcontainer {
    position: absolute;
    right: 6px;
    top: 48px;
}
}

@media screen and (max-width: 400px) {
.mobilemenu-linkcontainer {
    position: absolute;
    right: 8px;
    top: 28px;
}
}



.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;
	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;
}


#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;
}







<style type="text/css">
/* 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 {
  max-width: 100%;
}
.news-slider .news-pager {
  text-align: left;
  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 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;

}			
		
		
@media screen and (max-width: 1009px) 
{
    .news-slider {
      clear: both;
    }
}		
	
	
	


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

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

	.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%;
}
}
/* [ - - + - ] */
@media screen and (max-width: 1009px) and (min-width: 768px) { 
    #placesFinderCont
    {
        display: block;
    } 
    #placesFinderCont.active
    {
        display: block;
    }

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

#placesFinderHeader {
	width: 100%;
	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 {
	width: 92%;		
}


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

@media screen and (max-width: 1009px) and (min-width: 908px) { 
.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.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%;
}
}

@media screen and (max-width: 907px) and (min-width: 768px) { 
.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: bold;
    letter-spacing: -0.03em;
    margin: 4px 0 0 12px;
	}
   
   .news-slider .text-content {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	background-color: #639ef8;
	padding: 0.5em 0.9em;
	width: 53%;
}
}

@media screen and (max-width: 767px) and (min-width: 546px) {
	
	
	#whatsOnHeader {
	width: 92%;		
}
}
@media screen and (max-width: 545px) and (min-width: 401px) {
	
	
	#whatsOnHeader {
	width: 98%;		
}
}

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

    #whatsOnCont
    {
        display: block;
    } 
    #whatsOnCont.active
    {
        display: block;
    }
	
	.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: bold;
    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: 0.55em;
	width: 100%;
	}
	
	.news-slider .image-content {
  	margin-top:59px
	}
	
	

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

#placesFinderHeader {
	width: 100%;
	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;
    }
	
}
/* [ + - - - ] */
@media screen and (max-width: 400px) {
    #placesFinderCont
    {
        display: none;
    } 
    #placesFinderCont.active
    {
        display: block;
    }
 
    #whatsOnCont
    {
        display: none;
    } 
    #whatsOnCont.active
    {
        display: block;
    }
	
	.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: bold;
    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: .55em;
	width: 100%;
	}
	
	#eventsearchbox {
		height:auto;
	}
	
	.news-slider .image-content {
  	margin-top:50px
	}
}



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

	

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

@media screen and (max-width: 967px) and (min-width: 767px) {
	
.maincontent-right .ad_banner_300_250 {
	width:90%;

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

}
}




@media screen and (max-width: 767px) {
.banner_hm_footer {
	display:none;
}
}

@media screen and (max-width: 545px) {
	.footerbannercontainer {
	margin:13px auto;
	text-align:center;
	padding-right:4%;
}

.footerbannercontainer img {
	width:auto;
}
	
}
	
@media screen and (min-width: 546px) {
	.footerbannercontainer {
	margin-left:10px; 
	width:92%;
	}

	.footerbannercontainer img {
	width:100%;
	}
	
}


@media screen and (max-width: 1010px) and (min-width: 768px) {
	
.home-extra-tall-banner { display:block !important;
padding-top:40px;
}

}
.home-extra-tall-banner { display:none;
}