/**   RESET    **/
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }
	
* {-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	box-sizing: border-box;}
html, body {min-width:320px; padding:0; margin:0;font-family: Tahoma, Geneva, sans-serif;  }
body {background:#4CA8A1  url(../images/body-bg.png) repeat-x;  }
a {text-decoration:none;}
p {line-height:24px; padding:6px 0 6px 0}
h1 {font-size:150%; padding: 15px 0 4px 0; color:#222222;}
h2, h3 { padding: 15px 0 8px 0}
h2 { font-size:120%;}
h3 {font-size:110%;}
strong {font-weight:bold;}
.clear{clear:both;}
.page-title {margin:0; font-size:120%;}

/* LAYOUT */
.wrapper {border:0px #009 dashed; min-width:320px; position:relative;  margin:0 auto;  width:94%; max-width:1480px; min-width:340px;}
.inner-content {position:relative; margin:0 auto;  padding:8px;  width:94%; border:0px #000 dashed; max-width:1480px; min-width:320px;}


/*Cookie Bar */
.cookiebar {display:none; position:fixed; top:0; width:100%;background:#f9ea01; text-align:center; padding:20px; border-bottom:2px #666 dashed; z-index:150;}
.cookiebar img  {vertical-align:middle; margin-right:8px;}
.cookie-close {background:#4A7E7A; margin:8px; padding:8px; color:#FFF}

/* HEADER */
header {  position:relative; width:100%; z-index:90;  height:130px; text-align:center;}
.header-logo {display:block; position:absolute; left:0; bottom:0; border:0px #666 solid; }
.top { margin-bottom:0px; }
.h-strap{margin:0; position:absolute; left:50%; top:45px; text-shadow:1px 1px #f5f5f5;font-size:96%; letter-spacing:0.050em; margin-left:-150px;}
header a {color:#333;}
.h-join { position:absolute; right: 5px; top:5px;}
.h-banner {position:absolute; top:14px; left: 31%;width:468px; height:60px;  border:1px #666 solid; background:#CCC; text-align:center;}
.h-login {border:2px #196D67 solid;background:#27827c;  text-align:center;  position:absolute;right:0;top:31px;  padding:6px; font-size:80%; width:180px; z-index:95;}
.h-login a {padding:8px; display:block;border:1px #6da09c solid; border-radius:6px; text-decoration:none; color:#FFF;  text-shadow:1px 1px #324746; background:#419993;}
.h-login img  { vertical-align:middle;}

.h-loginbox {background:#6d9996;border:2px #196D67 solid; display:none; position:absolute; right:0; top:68px; padding:6px; z-index:90; width:180px;}
.h-loginbox p{color:#FFF; text-shadow:1px 1px #324746; margin:12px 0 0 0;}
.h-loginbox input {width:150px; padding:4px; border-radius:6px; border:1px #324746 solid; margin-bottom:6px;}
.h-loginbox a{text-decoration:none; color:#FFF; text-shadow:1px 1px #324746;}
.h-links {position:absolute; right:0; top:5px; font-size:80%;}
.h-links a {text-decoration:none; color:#333; margin: 0 8px;}
.h-links a:hover {text-decoration:underline; color:#000;}
.h-translate {padding:8px}

/* MENUS */
.mm {display:none; position:absolute; bottom:0; left:0; width:100%; border:0px #000 dashed;  height:38px; }
.topmenu { position:absolute; bottom:0; right:4px;  height:38px;  overflow:hidden;
width:65%; /* Default */
width: -moz-calc(100% - 340px); /* Firefox */
width: -webkit-calc(100% - 340px); /* WebKit */
width: -o-calc(100% - 340px); /* Opera */
width: calc(100% - 340px); /* Standard */
}

.topmenu li, .mm li {float:left; border: 1px #196D67 solid; border-bottom:none; text-align:center; background:#6d9996 ; color:#FFF; text-shadow:1px 1px #577775; margin-left:1%; border-radius: 10px 10px 0 0;}
.topmenu li.cp, .mm li.cp { background:#4A7E7A;  text-shadow:1px 1px #324746;}	
.topmenu a, .mm li a, .mm-menu a {display:block; color:#fff;  line-height:25px; text-decoration:none; font-size:102%; padding:6px 6px 6px 6px; }
.topmenu a:hover, .mm li a:hover { color:#333}
.topmenu li:hover, .mm li:hover{  background:#FF9540; color:#000; text-shadow:1px 1px #f6b37d;}
.topmenu .active, .mm .active{background:#f5e334; color:#000;}

.mm li {margin:0; float:none; display:inline-block;}
.mm li a {text-decoration:none; padding:4px 6px 4px 6px; line-height:30px; }
.mm img {vertical-align:middle;}

.mm-menu  {display:none; position:absolute; top:38px; background:#FF9540; width:100%; z-index:200; left:0; width:100%; padding:4px;}
.mm-menu li {border:none; border-bottom:1px #196D67 solid; float:none; margin:0; text-align:left; width:100%; border-radius:0; }
.mm-menu li a{font-size:110%;}
.mm-menu li a:hover, .mm-menu li:hover { background:#196D67; color:#FFF;  text-shadow:1px 1px #333; }


.countries {position:absolute; top:0px;  width:90%; left:5%;  border:1px #196D67 solid;  border-top:0; background:#e7f4f4; color:#333; z-index:100; overflow:hidden;
 border-radius: 0 0 10px 10px;
-webkit-box-shadow: 0px 6px 5px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 6px 5px rgba(50, 50, 50, 0.5);
box-shadow:         0px 6px 20px rgba(50, 50, 50, 0.5);
display:none;
}
.countries a {color:#333;  display:block; text-decoration:none; padding:2px 4px; }

.countries ul { border:0px #666 dotted; margin:8px 0 8px 16px; }
.countries a {color:#333;  line-height:20px; font-size:90%;   border-radius: 4px;}
.countries a:hover {background:#FF9540; color:#000;}


.mobilemenu {display:none; overflow:hidden; position:absolute; left:2px; top:76px; width:99%;  }
.mobilemenu  li{ float:left; margin:0 0 4px 4px; width:32.1%}
.mobilemenu li a {display:block; color:#fff;  padding:2px; height:24px; line-height:26px;  background:#4A7E7A; text-decoration:none; font-size:90%;
border-radius: 8px; border:1px #3b6764 solid;}

.list-col {float:left; margin:2px;}
.list-col ul {float:left;}
.list-col p {margin:0 0 0 8px; padding:4px;}



.leftnav {width:20%; border:0 #999 dashed; float:left; }
.leftnav a {text-decoration:none; color:#333; background:#f1f1f1; display:block; padding:4px;}
.leftnav a:hover {color:#000; background:#c4dbd9; }
.leftnav ul {margin:0; padding:0; list-style:none;}
.leftnav li { border-bottom:1px #e1e1e1 solid;  border-right:1px #e1e1e1 solid; margin-bottom:6px;}

.left-menu li{ width:100% !important; float:none !important; border-radius: 4px !important; border:none !important;}
.left-menu a { display:block;  background:#4A7E7A; color:#FFF; padding:8px 10px; width:100%; border-radius: 4px}
.left-menu a:hover { background:#c4dbd9; color:#333; }

/* CONTENT */
.content {background:#fbfbfb; border:3px #196D67  solid; position:relative; width:100%;margin:0 auto; overflow:hidden;} 

.content img {border-radius:6px;}
.crumbs {font-size:96%; /*position:absolute; left:6px; top:6px;*/}
.crumbs a {color:#666; padding:4px;}

.curv-8 {border-radius: 8px;}

.tbanner {padding:12px 8px; text-align:center; font-size:140%; margin:8px 0px; border-radius:6px; line-height:30px;}
.tbanner { background:#e9e9e9; border:1px #196D67 solid; text-shadow: 1px 1px #fff; margin-top:14px;}
.tbanner a {text-decoration:none;display:block; color:#000; }

.rightc {width:76%; padding: 0 1% 1% 1%; float:right; }

/* GRIDS */
.full-content {width:100%; padding:1% 2% 1% 2%; }

.grid-wrapper, .col-wrapper {margin:0 auto;  margin:16px 0 16px 0; clear:both;  border:0px #666 dashed; width:100%; overflow:hidden;}
.grid-wrapper p {margin:0; padding: 4px 0 4px 0;}
.grid-wrapper p.pad-15 {padding: 15px 0 15px 0;}
.grid-wrapper li {border:1px solid #196D67; width:49%; float:left; vertical-align:top; background:#fff; padding:1%; margin: 4px 1% 4px 1%; border-radius: 10px; }

.cta {text-align:center; border-radius:6px;}
.cta p { font-weight:bold; text-shadow: 1px 1px #fff; margin:8px;  }
.cta a {color:#000;}
.cta img {float:none; max-width:290px; width:100%; height:auto}

.fluid-boxes {overflow:hidden; border: 0 #333 dashed;}
.fluid-boxes li {position:relative; width:24.2%; height:195px; overflow:hidden; padding:0; margin:0 0 0 1%;  }
.fluid-boxes li:first-child {margin-left:0; margin-right:0.1%;}
.fluid-boxes p {position:absolute; bottom:-1px; padding:2px 0; background:#f7f7f7; color:333; border-radius:0 0 6px 6px; text-shadow:1px 1px #fff; width:100%;text-align:center;font-size:90%;  }
.fluid-boxes a {display:block; color:#333; text-decoration:none; }
.fluid-boxes a:hover {color:#000;}

.fluid {overflow:hidden; border: 0px #333 dashed; margin:0; padding:1% 1% 0 1%; }
.fluid li {position:relative; width:19.2%; height:200px; overflow:hidden; padding:0; margin:0 0 8px 1%;  float:left; }
.fluid li:first-child {margin-left:0; }
.fluid p {position:absolute; bottom:-14px; padding:3px 0; background:#598b87; color:333; border-radius:0 0 6px 6px; width:100%;text-align:center;font-size:90%;  }
.fluid a {display:block; color:#333; text-decoration:none; }
.fluid a:hover {color:#000;}

.feature-ads {border-top:1px #196D67 solid; border-bottom:1px #196D67 solid; background:#f1f1f1; margin-bottom:8px; height:196px; overflow:hidden;}
.feature-ads .fiths li:nth-child(n+6){display:none}
.feature-ads .fourths li:nth-child(n+5){display:none}
.feature-ads .thirds li:nth-child(n+4){display:none}
.feature-ads .twos li:nth-child(n+3){display:none}
.feature-ads li {border:1px #196D67 solid; border-radius:8px; background: #ffffff; height:180px;}
.feature-ads ul {padding:0;  margin:6px }
.feature-ads p {line-height:19px; height:45px;  position:absolute;bottom:0; background: rgb(89, 139, 135); background: rgba(89, 139, 135, 0.8); }
.feature-ads a {color:#f1f1f1; text-shadow:1px 1px #333; }
.feature-ads a:hover {color:#ffffff; text-shadow:1px 1px #333;}

.img-cont{ border:0px #333 dashed; overflow:hidden; margin:0 auto; position:absolute; top:0; text-align:center; width:100%; margin-top:5px;}
.img-cont img {width:auto; height:120px; border-radius: 8px; }

.fiths li {width:19.2%;}
.fourths li {width:24.2%; }
.thirds li {width:32.6%; }
.twos li {width:49.5%; }

.fiths li:nth-child(n+0) {margin:0 0 0 1%; } 
.fiths li:nth-child(5n+1) {margin-left:0;}
.fiths li:nth-child(5n+0) {margin-right:0;}

.fourths li:nth-child(n+0){margin:0 0 0 1%; }
.fourths li:nth-child(4n+1) {margin-left:0;}
.fourths li:nth-child(4n+0) {margin-right:0;}


.thirds li:nth-child(n+0){margin:0 0 0 1%; }
.thirds li:nth-child(3n+1) {margin-left:0;}
.thirds li:nth-child(3n+0) {margin-right:0;}

.twos li:nth-child(n+0){margin:0 0 0 1%; }
.twos li:nth-child(2n+1) {margin-left:0;}
.twos li:nth-child(2n+0) {margin-right:0;}


.box-5 li:nth-child(5n+1){margin-left:0;} 
.box-5 li:nth-child(5n+0){margin-right:0;}
.box-4 li:nth-child(4n+1){margin-left:0;} 
.box-4 li:nth-child(4n+0){margin-right:0;}



.grygrad-bg {
background:#f5f5f5;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#dbdada));  /* Safari 4-5, Chrome 1-9 */ 
background: -webkit-linear-gradient(top, #ffffff, #dbdada);  /* Safari 5.1, Chrome 10+ */  
background: -moz-linear-gradient(top, #ffffff, #dbdada); 	 /* Firefox 3.6+ */
background: -ms-linear-gradient(top, #ffffff, #dbdada);    /* IE 10 */ 
background: -o-linear-gradient(top, #ffffff, #dbdada);	 /* Opera 11.10+ */
	}
	

.col-100, .col-75, .col-34, .col-60, .col-40, .col-25, .col-50, .col-20 {border:0px #333 dashed; background:#FFF;  position:relative; margin-bottom:20px; margin:0 1%; float:left;}

.col-34:first-child, .col-60:first-child, .col-40:first-child, .col-25:first-child, .col-50:first-child, .col-20 { margin-left:0;}


.col-100 {width:100%;  margin-left:0; float:none; overflow:hidden;}
.col-75 {width:74%; }
.col-60 {width:59%;}
.col-50 {width:49%;}
.col-40 {width:39%; min-height:510px;}
.col-25 {width:24%; }

.col-20 {width:19%; }


.col-34 {width:79%; }
.col-14 {border:1px #009 dashed; width:25%}
.col-12 {border:1px #333 solid; width:49.5%; float:left; border-radius:6px; padding:10px;}
.col-mr {margin-right:1%;}
.col-ml {margin-left:1%;}
	
.col-first {margin-left:0;}
.col-last {margin-right:0}
.col-3 {}
.col-4 {}
	
.grid-14, .grid-34, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6
{width:49%; border:1px solid #196D67; display:block; float:left; margin: 4px 1% 4px 1%; vertical-align:top; padding:1%; overflow:hidden;}

.grid-100, .grid-75, .grid-50, .grid-25 
{width:100%; border:1px solid #196D67; display:block; float:left; margin: 4px 1% 4px 1%; vertical-align:top; overflow:hidden; border-radius:6px;}

.grid-100:first-child, .grid-75:first-child, .grid-50:first-child, .grid-25:first-child {margin-left:0;}
.grid-100:last-child, .grid-75:last-child, .grid-50:last-child, .grid-25:last-child {margin-right:0;}

.grid-100 {float:none; margin:4px 0 4px 0;}
.grid-75 {width:74.5%;}
.grid-50 {width:49%;}
.grid-25 {width:23.5%;}

.grid-50 p {padding:15px;}

.pad10 {padding:10px;}
.nomagright {margin-right:0}

.grid-heading {padding:2%; margin:0; color:#414141;}



.grid-4 a  {display:block; color:#333; text-shadow:1px 1px #fff; text-decoration:none;}
.grid-4 a:hover  {color:#000;}

.grid-14 {width:25%;}
.grid-34 {width:73%;}
.grid-3 {width:32%; text-align:center; border-radius: 10px;}
.grid-4 {width:23.5%; text-align:center; padding:0; position:relative; background:#f5f5f5; }

.grid-3 a {text-decoration:none; color:#333;}
.grid-3 a:hover { color:#000;}


.grid-4 img, .grid-3 img { width:100%; height:auto;  border-radius:10px;}

/*.grid-4 p {display:block;  position:absolute; bottom:0; left:0; background:#ccc; text-align:center; width:96%; padding:6px; margin:0; border-radius: 0 0 8px 8px;}*/

.box-title {position:relative;background:#f7f7f7; display:block; border-radius: 0 0 8px 8px; padding:4px 0px; margin-top:-16px}

.grid-2:nth-child(even) {margin-right:0;}
.grid-2:nth-child(odd) {margin-left:0;}
.grid-3:nth-child(3n+1){margin-left:0;} 
.grid-3:nth-child(3n+0){margin-right:0;} 

.grid-4:nth-child(4n+1), .grid-14:first-child{margin-left:0; } 
.grid-4:nth-child(4n+0), .grid-14:last-child, .grid-34:last-child{margin-right:0; }
 


.grid-2 .info {display:block; text-decoration:none; color:#333; width:140px; height:29px; background: url(../images/more-info-opt.png) no-repeat; text-indent:-1000em;
position:absolute; left:-6px; bottom:16px;}

.grid-content {background:#fff; padding:6px; border:1px #CCC solid; border-radius: 8px; 	-moz-border-radius:8px;	-webkit-border-radius: 8px; -khtml-border-radius:8px;}



.article, .events, .list-item {padding:2%; border:0px #333 dashed; padding-top:10px; border-bottom:1px #333 solid; /*margin-bottom:12px;*/ overflow:hidden; position:relative;}
.article:hover, .events:hover, .list-item:hover { background:#e5f2f1;}

.article-title, .events-title, .list-title {font-size:105%; display:block; margin-bottom:8px; background:#6d9996; padding:6px; border-radius:4px; color:#000; text-shadow:1px 1px #b2d5d3; font-weight:bold;}

.article-snipet, .events-snipet, .list-snipet {font-size:90%; line-height:30px; display:block; margin-bottom:8px; color:#333;}

.list-more, .article-more { border:1px #333 solid; padding:4px; border-radius:4px; background:#e16807; color:#FFF; text-shadow:1px 1px #512604; font-weight:bold;}

.events-date, .list-image {display:block; float:right; border:1px #333 solid; border-radius:4px; padding:2%; background:#FFF;  margin:4px 0 4px 4px;}
.article-date {float:left; color:#666; font-size:86%; vertical-align:bottom}
.article-more {float:right;}

.list-date {border:1px #333 solid; padding:5px; text-align:center; display:block; float:right; border-radius:4px; font-size:90%; line-height:20px; margin:4px 0 4px 4px; background:#e16807; color:#FFF; text-shadow:1px 1px #512604; font-weight:bold;}
.list-item a {color:#333;}

.list-item img {width:80px; height:auto;}
.list-image {margin-right:10px;}
.list-snipet  {background:#FFF; border-radius:4px; border:1px #666 solid; padding:10px;}

.sidebar-left, .sidebar-right {width:20%; float:left; border:0px #009 dashed;}
.sidebar-left {margin-right:1%}


/*Banner Adverts */
.ba {padding:4%; margin:0 0 12px 0; text-align:center; background:#F9f9f9;}
.ba img {width:100%; height:auto; max-width:250px;}


.banad {border:1px #196D67 solid;  text-align:center; margin-bottom:20px; overflow:hidden; background:url(../images/banad-bg.png); border-radius:10px; padding:6px;}
.banad img{vertical-align:bottom; border:1px #616161 solid;}
.banner-1, .ab1 {min-height:150px;}
.banner-3, .ab3 {min-height:280px;}
.leaderboard, .bad-full { text-align:center;}
.leaderboard img{ max-width:728px; width:100%; height:auto; }
.bad-full img{ max-width:468px; width:100%; height:auto; }

/* Area Lists */
.crumbs {padding:1%; }
.crumbs ul {margin:0; padding:0; list-style:none; border:1px #999 solid; display:inline-block; vertical-align:top; margin-right:4px; margin-bottom:4px; position:relative;}
.crumbs li {background:#f9f9f9; min-width:190px;}
.crumbs li a{display:block; padding:4px 6px 4px 4px; text-decoration: none; color:#333; }
.crumbs ul ul {display:none; border-top:#e0e0e0 1px solid; width:100%; max-height: 350px; overflow-y:auto !important; overflow-x:hidden !important; position:absolute; top:23px; left:-1px;  z-index:100; background:#f1f1f1;}
.crumbs ul ul li {background:#f1f1f1; font-size:90%;}
.crumbs ul ul li:hover {background:#f9f9f9;}

.darrow { float:left; display:block; width:16px;  margin-right:4px;}
.area-map {width:39%; min-height:510px; position:relative; float:right;}
.area-list {min-width:235px; float:left; margin-right:1%; width:59%;}

.area-list p {padding:6px;}
.area-list p a{text-decoration:none; }

.open-area-dd {padding:8px; border:1px #666 solid; position:relative; background: #f1f1f1 url(../images/drop-icon.png) no-repeat right; overflow:hidden; cursor:pointer;}
.open-area-dd:hover { background-color:#f6f6f6;}
.area-dd {display:none; position:absolute; top:40px; z-index:200; background: url(../images/overlay-bg-70.png) ;  width:100%; max-height:510px; overflow: auto; }

ul.area-dd li {width:47%; vertical-align:top; background:#fff; padding:2% 1%; margin: 0.2% 1.5% 0.2% 1.5%; border-radius: 4px; font-size:82%; float:left;}
ul.area-dd li:hover { background:#f6f6f6;}
.area-dd li a {display:block; text-decoration:none; color:#333;}
.area-dd li a:hover {color:#000;}

/* Ad Listings */
.a-listing{ border:1px #c1c1c1 solid;  position:relative; margin-bottom:8px; border-radius:8px; background:#f5f5f5;}
.a-listing:hover{ background:#f8f8f8; border:1px #ababab solid;}
.a-listing a {color:#000; text-decoration:none; display:block;}
.a-listing img {width:150px; height:auto;}
.a-content {overflow:hidden; padding:15px;}
.a-date {float:right; font-weight:normal; font-size:86%; vertical-align:top;}

.ad-image {display:block; float:left; margin-right:1%;}
.ad-image img {vertical-align:bottom; border:1px #6d9996 solid; margin:0 10px 10px 0px}
.ad-title {display:block; font-size:105%; font-weight:bold; padding: 0 45px 10px 0;}
.ad-area {display:block; font-size:90%; margin-bottom:6px; font-weight:bold;}
.ad-desc {font-size:86%; line-height:23px;}

.type-dd{padding:6px; border-radius:6px}

.feature-ad {background: #f9f9f9; border-color:#914a11}
.feature-ad:hover{background: #FFF; border-color:#e16807}
.premium-ad {width:110px; height:40px; background:url(../images/premium-ad.png) no-repeat; position:absolute; right:-16px; top:-1px;}



/* PAGE CONTROL */
.pagecontrol {border:0px #666 dashed; overflow:hidden; margin-top:6px; clear:both;}
.pagecontrol a  {padding:4px; text-decoration:none; color:#333; display:block; float:left; border:1px #b2dcd9 solid; border-radius:4px; min-width:15px; text-align:center;margin-right:2px; margin-bottom:4px;}
.pagecontrol a.selected  {background:#4A7E7A; font-weight:bold; color:#fff; text-shadow:1px 1px #333;}
.pagecontrol a:hover  {background-color: #b2dcd9; color:#000; text-shadow:1px 1px #fff;}

.page-nav-prev, .page-nav-next, .page-nav-first, .page-nav-last  { text-indent: -999em; width:22px;}
.page-nav-prev {background:url(../images/page-nav.png) -26px 6px no-repeat; }
.page-nav-next {background:url(../images/page-nav.png) -56px 6px no-repeat;}
.page-nav-last {background:url(../images/page-nav.png) -86px 6px no-repeat;}
.page-nav-first {background:url(../images/page-nav.png) 3px 6px no-repeat;}

.pagecontrol .pages {float:right; padding: 10px 6px;}


/* EVENTS LIST */
.event-list {background:#f5f5f5;border-bottom:#999 1px solid; margin-bottom:6px; padding:4px; overflow:hidden; cursor:pointer;}
.event-list:hover{ background:#dcefee;}
.evt-date {position:relative; float:left; width:100px; height:80px; text-align:center; background:url(../images/calendar.png) no-repeat; margin-right:8px; margin-bottom:4px;}
.evt-day {display:block; width:100%; font-size:130%; margin-top:32px; }
.evt-suffix { font-size:60%; margin-top:8px; }
.evt-month {display:block; width:100%; font-size:90%;}

.evt-info {position:relative;  padding: 2px 8px 2px 8px; vertical-align:top;}
.evt-desc {display:none; position:relative; clear:both; border:1px #666 solid; margin-top:4px; background:#FFF; padding:20px; line-height:28px; font-size:90%;}

.evt-close {position:absolute; right:-5px; top:-6px; display:block; border:#c60000 1px solid; padding:2px 8px 4px 8px; border-radius:50%; /*width:16px; height:16px; */text-align:center; background: #FFF; cursor:pointer; z-index:100; font-weight:bold; }
.evt-close:hover {border:#990202 1px solid;  background: #c60000; color:#FFF;  }

.events li {background:#f5f5f5;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#dbdada));  /* Safari 4-5, Chrome 1-9 */ 
background: -webkit-linear-gradient(top, #ffffff, #dbdada);  /* Safari 5.1, Chrome 10+ */  
background: -moz-linear-gradient(top, #ffffff, #dbdada); 	 /* Firefox 3.6+ */
background: -ms-linear-gradient(top, #ffffff, #dbdada);    /* IE 10 */ 
background: -o-linear-gradient(top, #ffffff, #dbdada);	 /* Opera 11.10+ */}

.event-title, .event-location, .event-date, .event-details {text-align:center; display:block;  padding:2px;}
.event-title { font-weight:bold; border:1px #666 dashed; min-height:60px;}
.event-location { padding:4px;}
.event-details { border:1px #666 solid; margin:4px 8px; background:#666; color:#FFF;}
.event-date { font-weight:bold; border-top:1px #666 solid;  position:absolute; bottom:0; width:100%; background:#fff;}

/* EVENT INFO */
.event-date-right {position:absolute; width:100px; height:80px; text-align:center; padding-top:33px; overflow:hidden; right:10px; top:25px; border-radius:4px; 
background:url(../images/calendar.png) no-repeat; font-size:115%;  }

.intro-text { font-size:125%; text-align:center; text-shadow:1px 1px #fff; line-height:28px; margin:-6px 0 8px 0;}
.img {border:2px #e3e3e3 solid; border-radius:10px; margin:8px; padding:10px; background:#FFF;}
.reimage {width:100%; height:auto;}
.fright {float:right;}
.fleft {float:left;}
.acenter {text-align:center;}
.sub-heading {font-size:140%;}
.w-text {line-height:1.7em; letter-spacing:1px;}
.mag10 {margin:10px;}
.magleft {margin:10px;}
.c-box-heading {display:block;  background:#e4332d; color:#fff; text-shadow:1px 1px #804501; font-weight:bold; border-radius:6px 6px 0 0; padding:8px; text-align:center }

.c-box {  color:#FFF;  margin-bottom:3%; border-radius: 6px 12px 0 12px; text-align:center }
.c-innerbox  { background:#f9f9f9; /* Default Older Browsers */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#bebebe));  /* Safari 4-5, Chrome 1-9 */ 
background: -webkit-linear-gradient(top, #ffffff, #bebebe);  /* Safari 5.1, Chrome 10+ */  
background: -moz-linear-gradient(top, #ffffff, #bebebe); 	 /* Firefox 3.6+ */
background: -ms-linear-gradient(top, #ffffff, #bebebe);    /* IE 10 */ 
background: -o-linear-gradient(top, #ffffff, #bebebe);	 /* Opera 11.10+ */
padding:8px; color:#000; border:6px #222222 solid;border-radius:0 0 6px 6px; overflow:hidden; }
.c-innerbox img {border:1px #8b8b8b solid; border-radius:6px}

.c-innerbox p{padding:1px;}
.c-innerbox a{display:block; color:#000; padding:6px 6px 10px 6px; font-size:94%; border-bottom:1px #8d8d8d solid;}
.c-innerbox a:last-child {border:none; padding:6px }
.c-innerbox a:hover { background:#fcfcfc; color:#000; }

.sidebar-right .c-box-heading { border-radius: 6px 6px 0 0;  }
.sidebar-right .c-innerbox { border-radius: 0 0 6px 6px;  }

.cart-info {padding:4px; text-align:center;}


.news-item {border:1px #223256 solid; margin-bottom:10px; border-radius:8px; overflow:hidden;}
.news-item p {padding:10px;}
.news-item h2 {background:#223256; margin:0; padding:8px 12px; color:#FFF; text-shadow:1px 1px #006; font-weight:bold; font-size:105%; overflow:hidden;}
.news-item h2 a {color:#FFF;}
.news-content {font-size:92%;}

.n-date {float:right; font-size:90%;}
.r-date {display:block; letter-spacing:2px; font-size:86%; padding:4px 0 4px 0;}

/* BANNERS */
.cookie-banner {position:relative; text-align:center; padding:15px; background:#223256; color:#FFF; text-shadow:1px 1px #333; border-bottom:2px #080c15 solid;}
.cookie-banner a {color:#FFF; text-shadow:1px 1px #333; text-decoration:underline;}
.close-cookie-banner {margin:10px; display:block;}

.promo-box {border-radius:4px;  color:#FFF; text-align:center; width:49.5%; margin:0 auto; }
.promo-box a{display:block;}
.promo-box img {width:100%; height:auto; vertical-align:bottom;}


.full-box {clear:both; }
.qtr-box {float:left; width:49.5%; margin:0.5%;}
.qtr-box:nth-child(2n+1){margin-right:0; }
.qtr-box:nth-child(2n+0) {margin-left:0;}

.cancelled, .full {padding:6px; font-size:110%; font-weight:bold; }
.cancelled {color:#f01e1e;}

.button {border:1px #999 solid; border-radius:4px; text-align:center; padding:4px; display:block; cursor:pointer;}
.red {background:#e4332d; color:#FFF;}
.blue {background:#223256; color:#FFF;}
.green {background:#598b87; color:#FFF; text-shadow:1px 1px #345351;}

/*AD Info*/
.listing-heading {border:0px #999 solid; position:relative; overflow:hidden; margin-bottom:15px;}
.listing-type {position:absolute; right:10px; top:12px;}
.listing-images {border:0px #999 solid; position:relative; width:40%; text-align:center; float:left;}
.listing-desc {border:0px #666 solid; width:60%; float:left; padding:0 10px 10px 10px;}
.wide-text {line-height:28px;}
.main-image {position:relative; max-width:400px; height:100%;  min-height:300px; margin:0 auto; border:0px #F00 dashed; overflow:hidden;}
.main-image img{width:100%; height:auto;}

.map-wrapper {width:96%; margin:0 auto;}
/*.thumbs li {width:23%;}
.thumbs li img  {width:100%;}

*/
.thumbs {margin-top:10px}
.thumbs li {float:left; width:24%; margin:0 0 1% 1%; vertical-align:bottom; height:76px; background: #DDD; overflow:hidden;}
.thumbs .active {border:1px #F00 solid;}

.thumbs img {cursor:pointer; width:100%; height:auto;}

.thumbs li:nth-child(4n+1){margin-left:0; } 

.next-thumb, .prev-thumb {border: 1px solid #222; z-index:100;
padding: 4px 8px;
background: #DDD;
cursor: pointer;
border-radius: 5px;
color: #333;}
.prev-thumb {position:absolute; left:-0px; top:50%; margin-top:-10px;}
.next-thumb {position:absolute; right:-0px; top:50%; margin-top:-10px;}

.facility-logos {margin-top:10px;}
.video-wrapper {border:1px #333 dashed; 
	position: relative;

	width:640px; height:360px; margin:0 auto;

}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.price-list li {padding:4px 0 4px 0;}

/* FORMS */
.contact-form {border:1px #ccc solid; border-radius:8px; padding:4px;}
.contact-form h3 {margin:0; text-align:center; padding:8px; background:#f1f1f1; text-shadow:1px 1px #fff; border-radius:8px; margin-bottom:10px;}
.contact-form, .user-form p{margin:3px 0 3px 0; }
.contact-form label, .user-form label {width:160px; vertical-align:top; display:inline-block; text-align:right; background:#81bfba; /*text-shadow:1px 1px #526b69;*/ padding:4px 8px 4px 4px; margin-right:4px; border-radius:4px 0 0 4px; line-height:25px;}
.contact-form input, .user-form input, .user-form select, .user-form textarea {padding:6px; font-size:105%; vertical-align:top;  border-radius:0 4px 4px 0; border:1px #CCC solid; }
.contact-form input, .user-form input {width:65%;}
.contact-form .captcha{width:100px; float:left;}


.contact-form {/*margin-top:15px;*/}
/*.contact-form input, .contact-form select, .contact-form textarea{width:65%; margin-bottom:12px; padding:6px;  border-radius:4px;}
.contact-form input, .contact-form select {height:30px; line-height:30px;}
.contact-form img {vertical-align:middle;}*/

.error {border:1px #FF0000 dashed; padding:0.5em; text-align:center; color:#FF0000;}
.spf {display:none;}

.user-form {border:1px #666 solid; border-radius:8px; padding:6px; background:#FFF;}

.user-form input.required, .user-form textarea.required, .user-form select.required  {border:1px #F00 solid;}
.user-form input.correct, .user-form textarea.correct,  .user-form select.correct {border:1px #0C0 solid;}

.txt-sml {height:100px; width:300px;}
input.inp-med {width:150px}
.user-form .submit-button {border-radius:8px; margin:10px; cursor:pointer;}
p.captcha-code {border:1px #666 solid; display: inline-block; height:35px; margin-left:170px;}

.user-form .submit {border-radius:4px;}
.green-bg {background:#6d9996; color:#f1f1f1;}
.green-bg:hover {background:#4a7e7a; color:#fff;}

/* FOOTER */
footer {display:block; position:relative; clear:both; color:#efefef; font-size:80%; border-top:2px #222222 solid; padding: 8px; background:#222222; overflow:hidden; }
footer a {text-decoration:none; color:#fff;}
footer a:hover {text-decoration:underline;}


/* ROUTES */
.ride {padding:4px; margin:0 4px 0 4px; border:1px #999 solid; border-radius:4px; background: #333; color:#FFF; font-size:90%; display:inline-block;}

/* TABLE */
.tble {border:0px #666 solid; border-collapse:collapse; padding:0; width:100%;}
.tble th {font-weight:bold; background:#222222; color:#FFF; padding:8px;  border:1px #222222 solid;}
.tble td {padding:8px; border:1px #666 solid;}
.tble td a{color:#000; display:block;}
.tble .url {padding:2px }
.tble .url a {color:#06C;}

.left-box {background:#024c83;border:1px #024c83 solid; padding:6px; margin-top:8px;}
.left-box p {margin:4px 6px 8px 6px; padding:6px; border:2px #be3400 solid; background:#f5e334; color:#000;}

.right-content {float:right; width:76%; border:0px #e1e1e1 dashed; padding-right:1%;}
.right-content p {text-align:left; margin:1px; padding:6px; }


.left {width:40%; float:left; border-right:0px #999 dashed; margin-right:1%; max-width:480px; text-align:center; margin-bottom:12px;}
.right {width:59%; float:left;border:0px #000 dashed; margin-bottom:12px;}

.contact {clear:both;  border-radius:8px; border:3px #e3e3e3 solid; background:#fff; padding:10px; margin-top:15px; overflow:hidden;}
.contact h1 {margin:0; border-bottom:1px #CCC solid; font-size:1.5em; color:#333; text-shadow:1px 1px #f1f1f1; width:50%;}

.std-bullets, .lge-bullets {margin:0; padding:0 0 0 20px; list-style-type:square; font-size:90%; text-align:left;}
.std-bullets li {padding-bottom:6px;}
.lge-bullets {font-size:110%; margin-top:10px;}
.lge-bullets li {padding-bottom:6px;}

p.links {padding:6px; border:1px #f2f2f2 solid; border-radius:6px; background:#fff; margin:8px;}

/* Popover boxes */
.overlay { position:fixed; top:0; left:0;width:100%; height:100%; background:url(../images/overlay-bg-70.png); border:1px #000 solid; z-index:100;}

.popover {display:none; border:4px #000 solid; border-radius:8px; width:70%; position:fixed; left:50%; top:5%; margin-left:-35%; background:#FFF; z-index:110; }

.popover-content {padding:8px;}

.close-popover { padding:6px 10px; text-align:center; margin:0; border:2px #F00 solid; background:#ebebeb; border-radius:20px; color:#F00; 
position:absolute; top:-8px; right:-8px; text-decoration:none; font-weight:bold; z-index:200;}
.close-popover:hover {background:#fff; color:#c80000;}

@media screen and (max-width: 1280px) {
.inner-content {width:100%;}	
.c-innerbox img {width:100%; height:auto; }	

}




@media screen and (max-width: 1160px) {
.wrapper {width:99%;}
.h-translate {}

}

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




}

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

.wrapper  {width:100%;}
header {padding:0;}
.content {border-radius:0; border:none; border-top:3px #196D67 solid; }
.header-logo { left:8px; bottom:8px; }

.topmenu, .h-strap {/*display:none;*/}


.img_100 {width:100%; height:auto;}
.banad img{width:100%; height:auto;}

.grid-4 {width:49%; }
.grid-4:nth-child(4n+1), .grid-4:nth-child(4n+0){margin-left:1%; }
.grid-4:nth-child(2n+1){margin-left:0; }
.grid-4:nth-child(2n+0) {margin-right:0;}
.home-content, .home-signup {width:100%}

}
@media screen and (max-width: 850px) {
.logo {display:none;}
.header-logo {width:250px; height:88px; background:url(../images/logo-small.png) no-repeat; bottom:38px;}
.topmenu { bottom:0; left:4px; width:100%; }

.grid-4 {width:49%; }
.grid-4:nth-child(3n+1), .grid-4:nth-child(3n+0){margin-left:1%; }
.grid-4:nth-child(2n+1){margin-left:0; }
.grid-4:nth-child(2n+0) {margin-right:0;}

.banad img{width:100%; height:auto;}

.home-events {display:none;}
.home-listings {width:49%;}
.list-title {font-size:86%;}
.tbanner {font-size:105%;}
.contact-form input, .user-form input {width:50%;}

.main-image { min-height:200px;}
.thumbs {margin-top:10px; overflow:hidden;}
.thumbs li {float:left; width:49%; margin:0 0 1% 1%; vertical-align:bottom; height:76px; background: #DDD; overflow:hidden;}
.listing-type { display:none;}


}

@media screen and (max-width: 760px) {
.thumb {width:100%; height:auto; max-width:290px;}
.h-translate {display:none;}

.video-wrapper {width:320px; height:180px; }

.menu, .sidebar-left{display:none;}

.contact-form label, .user-form label {width:90%; display:block; text-align:center; font-size:90%; margin-right:5%; border-radius:4px 4px 0 0; line-height:25px;}
.contact-form input, .user-form input {width:90%; margin-right:5%; font-size:100%;}
.contact-form textarea {width:90%; }

.popover {width:95%; position:fixed; left:2.5%; top:2.5%; margin-left:0; max-height:95%;  overflow-x: hidden; overflow-y: auto; 

/*overflow-y: auto;*/}
.popover-content {/*position:relative; height:20%!important;*/ /*max-height:404px;*/ min-height: 100%; }


.close-popover { position:fixed; top:25px; right:25px; text-decoration:none; font-weight:bold; z-index:200;}

.listing-images { width:80%; text-align:center; float:left; margin-left:10%; margin-bottom:2em;}
.listing-desc {width:100%;}

.thumbs {margin-top:10px; overflow:hidden; display:none;}
.thumbs li {float:left; width:98%; margin:0 0 1% 1%; vertical-align:bottom; height:76px; background: #DDD; overflow:hidden;}

.col-34, .sidebar-right { width:100%; float:none; clear:both;}
.c-box { padding:8px; border:6px #d1d1d1 solid; margin:0.5%; border-radius: 12px; text-align:center; float:left; width:49%; }
}

@media screen and (max-width: 650px) {
.h-links {position:absolute; width:100%; left:0; font-size:80%;}
header {    height:140px;}	
.h-login {display:none;}
.header-logo {position:relative; margin:0 auto; top:22px}
.mm {display:block;}
.home {display:none;}
.topmenu {display:none;}

.mm-hover:hover  .mm-menu {display:block;}

.grid-3  {width:100%; margin-left:0;}
.intro-text { font-size:110%;  line-height:22px;  }
.qtr-box {float:none; width:100%; margin:0; margin-bottom:6px;}

label {float:none; display:block; width:100%; text-align:left; padding:0 0.3em 0 0.3em; border-radius:6px; height:30px; line-height:30px;}
.frminput input, .frminput select, .frminput textarea {width:100%; margin-top:2px; border-radius:6px; font-size:96%; height:30px; line-height:30px;}
.frminput textarea {height:100px;}
 
.col-60, .col-40, .col-20 {float:none; width:100%; margin-left:0} 


}

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

.img { background:#FFF;  width:90%; margin:5%; height:auto; }
.fright {float:none;  }

.grid-4 p{font-size:90%;}
.grid-4 {max-height:150px;}
.grid-50, .grid-25 {width:100%; float:none; margin-left:0; margin-right:0;}
.mm li a {font-size:90%;}

}


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



}