/* top right bottom left */

/*-------------------------------------------------
Page Reset
-------------------------------------------------*/	
html {margin:0px;padding:0px;height:100%;}
body {background:#fff;margin:0px;padding:0px;height:100%;}
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, img, small, strike, strong, em, sub, sup, tt, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px;padding:0px;border:0px;font-weight:normal;font-style:normal;font-size:100%;font-family:inherit;text-align:left;}
table {border-collapse:collapse;border-spacing:0px;}



@media print {    
  .noprint {display: none !important;}
}

/*-------------------------------------------------
Page Defaults
-------------------------------------------------*/	
body {background:#fff;font-family:Helvetica, Arial, Verdana, sans-serif;font-size:12px;line-height:14px;color:#555;height:100%;}
body.mac {font-family:Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;height:100%;}
body {-webkit-text-stroke:1px rgba(255,255,255,.01);height:100%;} /* Snow Leopard Safari Type Fix */


/*-------------------------------------------------
Page Positioning
-------------------------------------------------*/	
  
.fl {float:left;}
.fr {float:right;}
.fn {float:none!important;}
.tl {text-align:left!important;}
.tr {text-align:right!important;}
.tc {text-align:center!important;}
.clear {clear:both;line-height:1px;height:0px;}
.minheight {min-height:650px;}
a {text-decoration:none;color:#024DA1;}
a:hover {text-decoration:none;color:#00ADEE;}
.noborder {border:none!important;}
.nomargin {margin:0px!important;}
.nopadding {padding-right:0px!important;}
.margintop {margin-top:10px!important;clear:both;}
.margintop30 {margin-top:30px!important;}
.margintop50 {margin-top:50px!important;}
.nomargintop {margin-top:0px!important;}

img {border:0px;}


/*-------------------------------------------------
Typography
-------------------------------------------------*/	

h1, h2, h3, h4, h5, h6, h1 a {color:#024DA1;font-weight:normal;}
h1 {font-size:24px;margin-bottom:20px;line-height:28px;} /* bannertext & page headers */
h2 {font-size:18px;margin-bottom:20px; text-transform:capitalize; } /* bannertext */
h3 {font-size:14px;margin:3px 0 9px;}
h4 {font-size:12px;margin:3px 0 9px;} /* sidebar */
h5 {font-size:12px;margin-bottom:20px;color:#666;font-weight:bold;} /* index headers */
h6 {font-size:12px;margin-bottom:2px;color:#024DA1;font-weight:bold;}



p {line-height:16px;margin:0 0 16px;}
p img {margin:0px;}
p.large {font-size:14px;line-height:20px;margin:0 0 18px;color:#777;}
p.lead {font-size:18px;line-height:24px;margin:0 0 12px;color:#777;}
.centered {text-align:center;}

ul {line-height:16px;margin:0px 0px 16px 0px;list-style:inside;list-style-type:square;}
li {line-height:16px;margin:0px;}

em {font-style:italic;line-height:inherit;}
strong {font-weight:bold;line-height:inherit;}
small {font-size:90%;line-height:inherit;color:#777;font-weight:normal;}

.message {color:#900!important; font-weight:bold;}


/*-------------------------------------------------
Page Structure
-------------------------------------------------*/	
div#wrapper {position:relative;min-height:100%;}

div#headercontainer {position:relative; padding-bottom:10px;}
div#header {position:relative;width:100%;background:url(../../images/nav_background.png) center 90px no-repeat;border-top:1px solid #fff;margin:0px auto 0px auto;}
div#navigation {position:relative;width:960px;height:45px;background-color:#fff;margin:90px auto 0px auto;text-transform:uppercase;font-weight:bold;font-size:14px;letter-spacing:-1px; }
div#logo {background:url(../../images/m2m_logo.png) no-repeat 0 0px;width:145px;height:120px;position:absolute;left:0px;top:-78px;}

/*
div#bannercontainer {position:relative;height:257px;background-color:#8ddce9 }
div#banner {position:relative;width:960px;height:257px;margin:0px auto 0px auto;background:url(/images/banner_2018.jpg) left 0px no-repeat;background-size: 920px 257px;}
div#bannertext {position:relative;width:460px;padding:25px 0px;}
*/

div#pagecontainer {position:relative;width:960px;min-height:50px;margin:0 auto;padding-bottom:60px;}
div#page {width:620px;float:left;display:block;position:relative;margin-bottom:50px; margin-top:30px;}
div#sidebar {width:285px;min-height:500px;height:100%;float:right;margin-bottom:50px; margin-top:30px;}

div#footercontainer {position:relative;margin-top:-50px;height:60px;clear:both;width:100%;background:#024DA1;padding-top:10px;}
div#footer {position:relative;width:960px;margin:0 auto;height:60px;font-size: 12px!important;}


/*-------------------------------------------------
Navigation
-------------------------------------------------*/	  

#navleft {list-style:none;padding:0px;margin:0px;float:left;width:640px;height:45px;background:#024DA1;-moz-border-top-right-radius:23px;-moz-border-top-left-radius:23px;-webkit-border-radius:0px 23px 23px 0px;border-radius:0px 23px 23px 0px;}
#navleft li {float:left;margin:0px;padding:0 10px 0 10px;position:relative;height:45px;float:right;}
#navleft li a {padding:16px 5px;color:#fff;display:block;text-decoration:none;font-weight:bold;float:left;letter-spacing:1px;}
#navleft li a:hover {color:#00ADEE;}

#navright {list-style:none;padding:0px;margin:0px 0px 0px 0px;float:right;width:300px;height:45px;background:#fff;margin-right:0px;}
#navright li {float:left;margin:0px;padding:13px 0px;position:relative;height:45px;float:right;}
#navright li a {padding:3px 10px;color:#024DA1;display:block;text-decoration:none;font-weight:bold;float:left;border-right:1px solid #CCC;letter-spacing:1px;}

#navfooterleft {list-style:none;padding:10px 0px 0px 0px;margin:0px;}
#navfooterleft li {float:left;margin:0px;padding:0px;position:relative;}
#navfooterleft li a {margin:0px;padding:0px 10px;color:#fff;display:block;font-size:12px;line-height:9px;text-decoration:none ;border-left:1px solid #999;}
#navfooterleft li span {margin:0px;padding:0px 10px;color:#fff;display:block;font-size:12px;line-height:9px;}

#navfooterright {list-style:none;padding:0px;margin:0px;float:right;}
#navfooterright li {float:left;margin:-30px 0px 0px 0px;padding:0px;position:relative;}
#navfooterright li a {margin:0px;padding:0px 0px 0px 10px;display:block;}
#navfooterright li a img {height:40px;}
.anniversary {height:150px!important;position:relative;padding:10px 20px 35px 60px;}
.shadowed {
    -webkit-filter: drop-shadow(3px 3px 6px rgba(0,0,0,0.5));
    filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='3' dy='3' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.5)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow");
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=3, OffY=3, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=3, OffY=3, Color='#444')";
}

ul.topnav li span {width:9px;height:4px;margin:20px 0px 0px 0px;float:left;background:url(../../images/nav_arrow.png) no-repeat center 0px;}
ul.topnav li span.subhover {background-position:center -6px;cursor:pointer;}
ul.topnav li ul.subnav {list-style:none;position:absolute;left:5px!important;top:45px; background:#024DA1;display:none;float:left;margin:0;padding:0;width:170px;border:1px solid #024DA1; clear: both;z-index:20000;-moz-border-bottom-right-radius:10px;-moz-border-bottom-left-radius:10px;-webkit-border-radius:0px  0px 10px 10px;border-radius: 0px 0px 10px 10px;
}
ul.topnav li ul.subnav li { border-bottom:1px solid #0159bb;width:140px;height:32px!important;}
ul.topnav li ul.subnav li a {width:160px;margin-left:-5px; padding-left:0px!important;  padding-top:10px!important; height:25px!important;}
ul.topnav li ul.subnav li a:hover {color:#024DA1;}

/*-------------------------------------------------
Page Elements
-------------------------------------------------*/	

#page img {border:1px solid #eee; margin-bottom:20px;}
.news img {border:1px solid #eee; margin: 0px 15px 5px 0px; float:left;}

#sidebar h4 {padding:8px 0px 2px 15px;margin-left:-15px;width:285px;height:20px;color:#FFF;font-weight:bold;font-size:13px;text-transform:capitalize;background:#0e465d;-moz-border-top-left-radius:23px;-moz-border-bottom-left-radius:23px;-webkit-border-radius: 23px 0px 0px 23px; border-radius:23px 0px 0px 23px;}

#linklist {margin-top:10px;}
#linklist li {list-style-image:url(../../images/blue_bullet.png);}
#linklist li a {color:#024DA1;font-weight:bold;line-height:22px;}
#linklist li a:hover{color:#00ADEE;}

/*-------------------------------------------------
Index 2018
-------------------------------------------------*/	




/*-------------------------------------------------
Index Elements
-------------------------------------------------*/	







/*
#bannertext h1, #bannertext h2 {color:#FFF;}

#bannerRotator {position:absolute; display:block;top:16px;right:0px;z-index:1000; width: 458px; height:294px; border:6px solid #eee; overflow:hidden;}
#bannerRotator ul { list-style:none; padding:0; position:relative; margin:0; }
#bannerRotator ul li { display:none; position:absolute; }
#bannerRotator ul li a { text-decoration:none; }
#bannerRotator ul li img{ width: 458px;  height:294; }

#bannerNav { position:absolute; right:10px; bottom:10px;}

#bannerNav a { margin:3px; height:8px; width:8px; display:block;float:left; background-color:#eee; }
#bannerNav a:hover{cursor:pointer;}
#bannerNav a.active { background-color:#00ADEE;}

/*
#bannerNav span.pause, #bannerNav span.play { cursor:pointer; height:15px; width:15px; display:block; background:url(../../images/pause.png) no-repeat 0 0; float:left; }
#bannerNav span.play { background-image:url(../../images/play.png) }
*/





.col, .widecol	{float:left;display:inline-block;margin-right:20px;position:relative;min-height:220px;width:225px;}
.widecol {width:470px;}
.col h5, .widecol h5 {text-transform:uppercase; background:#024DA1; color:#F8F8F8; padding:5px 5px 5px 8px; font-weight:bold;}

#eventnewslist {margin:0px;}
#eventnewslist li {list-style: none; height:63px; display:block; margin-bottom:30px;overflow:hidden;}
#eventnewslist li img {display:inline-block; float:left;margin-right:10px; width:60px; height:60px; border:1px solid #ccc;}
#eventnewslist li a {color:#333; font-size:11px;line-height:14px; float:left; display:inline-block;}
#eventnewslist li a h6 {margin:0px 0px 1px 0px;}
#eventnewslist li a h6:hover, #eventnewslist li span b:hover{color:#00ADEE;}
#eventnewslist li a img:hover {border-color:#00ADEE;}
#eventnewslist li p {line-height:16px;margin:0px;}

#eventnewslist li span {display:block; font-size:10px; color:#333;}
#eventnewslist li span b {color:#024DA1}


#indexlist {margin:0px;}
#indexlist li {list-style:none;padding-bottom:10px;}
#indexlist li a {color:#666;}
#indexlist li a h6:hover{color:#00ADEE;}

#indexlist li ul li {list-style:square;margin-left:16px;padding:0px;}

#sponsors {display:block;height:36px;width:960px;margin:50px 0px 0px 0px;}
#sponsors img {padding-right:37px;border:none;}

.sizes td, .sizes th {width:auto; white-space:nowrap;padding:2px 0px 2px 0px;color:#333;  border-bottom:1px solid #eee;}
.sizes { border-top:1px solid #eee;margin-bottom:5px;}

/*-------------------------------------------------
Form Elements
-------------------------------------------------*/	
input {border:1px solid #999;width:292px;height:18px;padding:3px;color:#000px;}

#receipt label {color:#024DA1; width:250px; display:inline-block; padding-bottom:5px;}

.buttonlink {display:block; padding:5px; color:#FFF; background:#024DA1; text-transform:capitalize; text-align:center; height:22px; width:400px; line-height:22px;}


/*-------------------------------------------------
Gallery 
-------------------------------------------------*/
#gallery { width:650px; display:block; position:relative; overflow:hidden; margin-bottom:-40px; }
#slideshow-container { width:px; min-height:556px; position:relative; margin-top:10px; }
#gallery a {width:150px; height:100px; margin-right:10px; margin-bottom:8px; border: none; display:inline-block; float:left; text-align:center;}
#gallery img {height:100px; width:150px; border: none;}

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('../images/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
.fancybox-lock { overflow: hidden; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }


/*-------------------------------------------------
Home 2018
-------------------------------------------------*/

.sss { height: 0; margin: 0; padding: 0; position: relative; display: block; overflow: hidden; }
.ssslide { width: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; display: none; overflow: hidden; }
.ssslide img { max-width: 100%; height: auto; margin: 0; padding: 0; position: relative; display: block; }
.sssnext, .sssprev { width: 25px; height: 100%; margin: 0; position: absolute; top: 0; background: url('images/arr.png') no-repeat; }
.sssprev { left: 3%; background-position: 0 50%; }
.sssnext { right: 3%; background-position: -26px 50%; }
.sssprev:hover, .sssnext:hover { cursor: pointer; }

.slidercontainer {width:100%; height:600px; margin-bottom:50px; overflow:hidden; position:relative; text-align:center;}

.slider {display:block; position:relative; top:0px;  z-index:10; }
.slidetext  {position: absolute; top:0px;bottom: 0;left: 0;right: 0; height:600px;  z-index:1000;}

.slidetext h1, .slidetext h2,.slidetext h3 ,.slidetext h4 { display:block;  position:relative; text-align:center;  color:#eee; font-family: proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif; width:950px; margin:0px auto;}
.slidetext h1 {top:100px; font-size:35px; line-height: 35px; text-transform: uppercase;font-weight:bold;}
.slidetext h2 {top:120px; font-size:35px; line-height: 35px; text-transform:uppercase; font-weight:bold;}
.slidetext h3 {top:180px; font-size:24px; line-height:28px; text-transform:none; font-weight:normal; color:#13aeeb}
.slidetext h4 {top:260px; font-size:20px; line-height:20px; text-transform:none; font-weight:normal; }

#countdown {position: relative; margin: 0px auto; top:240px; color:#fff; width:500px; font-size:20px; line-height: 30px; text-transform: uppercase;font-weight:bold; text-align:center;}
.is-countdown { background:none; }
.countdown-rtl { direction: rtl; }
.countdown-holding span { color: #888; }
.countdown-row { clear: both; width: 100%; padding: 0px 2px; text-align: center;}
.countdown-show1 .countdown-section { width: 98%; }
.countdown-show2 .countdown-section { width: 48%; }
.countdown-show3 .countdown-section { width: 32.5%; }
.countdown-show4 .countdown-section { width: 20.5%; }
.countdown-show5 .countdown-section { width: 19.5%; }
.countdown-show6 .countdown-section { width: 16.25%; }
.countdown-show7 .countdown-section { width: 14%; }
.countdown-section { display: block; float: left; text-align: center; border: 2px solid #fff;border-radius: 50%; height:100px; width:100px; margin-right:20px; padding-top:15px; box-sizing: border-box;}
.countdown-section:nth-last-child(){margin-right:0px!important;}
.countdown-amount { font-size: 200%; }
.countdown-period { display: block; font-weight:normal; text-transform: capitalize; }
.countdown-descr { display: block; width: 100%; }

.homepage h1 {color:#024DA1; font-family: proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif; font-size:35px; line-height: 35px; text-transform: uppercase;font-weight:bold; padding:20px 0px; text-align:center; }
.marginright20 {margin-right:40px; margin-bottom:30px;}

.ridesbox {position:relative; display:block;background:#eee; width:280px; height:275px; float:left; text-align:center; padding:30px 20px; font-size:14px; line-height:24px;  box-sizing: border-box; overflow:hidden; }
.ridesbox h2 {font-size:20px; line-height: 20px; text-transform:uppercase; font-weight:bold; color:#024DA1; text-align:center; margin:0px; padding:0px;}
.ridesbox a {display:block;background:#024DA1; color:#fff;  padding:8px 20px; font-size:14px; line-height: 14px; text-transform:uppercase; text-align:center; margin-top:30px;}
.popular{background:#13aeeb;color: #fff;display: inline-block;position: absolute;top: 15px;left: -62px;padding: 6px 55px;font-size: 15px;text-transform: uppercase;letter-spacing: 0px;transform: rotate(-45deg);text-align: center;}

.emailbox {position:relative; display:block;background:#eee; width:100%; height:90px; float:left; text-align:center; padding:30px 25px; font-size:14px; line-height:24px;  box-sizing: border-box; overflow:hidden; margin-bottom:50px;}
.emailbox input {display:block;background:#fff; color:#000; border:1px solid #333; width:700px; padding:5px 20px; font-size:14px; line-height: 14px; text-align:center; float:left;}
.emailbox a {display:block;background:#024DA1; color:#fff;  padding:8px 20px; font-size:14px; line-height: 14px; text-transform:uppercase; text-align:center; float:left;}


.homepage p {text-align:center;  font-size:14px; line-height:24px; }
.homepage i {font-weight:bold; text-transform:uppercase; font-style:normal;}


