/******** RESET *******/
* { margin: 0; padding: 0; outline: none; border: none; }
li { list-style: none; }
a { text-decoration: none; color: #f2a100; }
a:hover { text-decoration: none; }

/*****/

html { height: 100%; width: 100%; }
body {
 	height: 100%;
 	width: 100%;
	text-align: left;
	color: #ffffff;
	background: #00a3db;
	font-size: 13px;
}
body { font-family: 'Raleway', Arial, sans-serif; letter-spacing: 0px; }
.clear {clear: both;}

/******** GRID *******/
/* 12/10/8/6/5/4/3/2/1 -> */

.column {
	text-align: left;
	float: left;
	margin: 0;
	margin-right: 2%;
}
.column:last-child { margin-right: 0; }

.col12 { width: 6.5%; }
.col10 { width: 8.2%; }
.col8 { width: 10.75%; }
.col6 { width: 15%; }
.col5 { width: 18.4%; }
.col4 { width: 23%; }
.col3 { width: 31%; }
.col2 { width: 48%; }

/******** TYPO *******/

h2, h3 {
	font-family: 'Raleway', Arial, sans-serif; font-weight: regular;
}
h2 {
	font-size: 2em;
	margin-top: 75px;
	margin-bottom: 40px;
	line-height: 1;
}
h3 {
	font-size: 1.25em;
	margin-bottom: 12px;
}
h4 { font-size: 1em; font-weight: regular; line-height: 1.5; }
h4 + a { margin: 1px 0 12px 0; display: block; }

p {
	font-size: 14px; 
	line-height: 1.4; 
	margin-bottom: 1em;
}

.container ul {}
.container ul li { background: url(../images/arrow_white.png) no-repeat 0px 3px; padding: 0px 20px 5px 20px; }

/******** NAVIGATION *******/

select {display: none;}

body .container #nav li a#first, body .container #nav_fixed li a#first, #mfirst {
	width: 182px; height: 83px; display: block; overflow: hidden; line-height: 500px;
	background: #fff url(../images/logo2.png) no-repeat 10px 10px;
}
#mfirst {
	width: 100%;
	height: 120px;
	background-color: #fff;
	background-position: center center;
	margin: 10px 0px 30px;
	display: none;
}

#nav, #nav_fixed {
	display: block;
	position: relative;
	margin: 15px auto 0px;
	padding: 0;
	overflow: visible;
	height: 55px;
	background-color: #ccc;
}	
#nav_fixed  {
	position: fixed;
	top: 0px;
	left: 50%;
	margin-left: -600px;
	margin-top: 0px;
	z-index: 1000;
	width: 1200px;
}
#nav li, #nav_fixed li  {
	background: none;
	background-color: #ccc;
	float: left;
	padding: 0px;
}
#nav li+li, #nav_fixed li+li {
	background: #ccc;
	}
#nav a, #nav_fixed a {
	font-size: 15px;
	font-weight: 700;
	display: block;
	height: 20px;
	padding: 20px 20px 15px;
}
#nav a:link, #nav a:visited, #nav li:hover.current a,
#nav_fixed a:link, #nav_fixed a:visited, #nav_fixed li:hover.current a { color: #373737; }
#nav li.current, #nav_fixed li.current { background-color: #00a3db; background-image: none; }
#nav li.current + li, #nav_fixed li.current + li { background-image: none; }
#nav li.current a, #nav_fixed li.current a { color: #fff; }

#nav li:hover, #nav_fixed li:hover { background-color: #f2a100; background-image: none; }
#nav li:hover + li, #nav_fixed li:hover + li { background-image: none; }
#nav a:hover, #nav_fixed a:hover { text-decoration: none; color: #fff; }

#nav li:active, #nav_fixed li:active { background-color: #666; background-image: none; }
#nav li:active + li, #nav_fixed li:active + li { background-image: none; }

body #nav_fixed li.1 { background-color: #00a3db !important; color: #fff !important; }

#nav li.2 { margin-left: 25px; }

#second { background: #00a3db; padding: 25px 25px; font-size: 15px; height: 13px; float: right; width: 928px; }
	#second li { list-style: none; background: none; float: right; }
	#second li.fi { float: left; }
	#second li.insta { padding-right: 0px; }
	#second li.twit a, #second li.insta a { line-height: 200px; overflow: hidden; display: block; height: 24px; margin: -5px 5px; }
		#second li.twit a { background: url(../images/twitter.png) no-repeat; width: 30px; }
		#second li.insta a { background: url(../images/instagram.png) no-repeat; width: 24px; }

/******** LAYOUT *******/

#nav, #entry, #conditions, #legal {
	z-index: 50;
}

.container {
	position: relative;
	width: 1200px;
	margin: 0px auto;
}

.section {
	position: relative;
	width: 100%;
	min-height: 300px;
	padding: 20px 0px 40px;
	clear: both;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.section.white { background-color: #fff; background-image: url(../images/bg-white.jpg); }
.section.black { background-color: #222; background-image: url(../images/bg-black.jpg); }
.section.nobg { background-image: none; }
.section.bg2 { background-image: url(../images/bg2.jpg); }

	.section.white .container ul li {
		color: #000; background: url(../images/arrow_black.png) no-repeat 0px 3px; padding-left: 20px;
	}
	.section.white h2 { color: #000; }
	.section.white dd span, .section.white p { color: #555; }
	.section.white ul a { color: #00a3db; font-weight: bold; }


/***/

#banner { position: absolute; top: 0; right: 0; width: 245px; height: 170px; z-index: 999; }
	#banner a {
		background: url(../images/banner2.png) no-repeat; width: 245px; height: 170px;
		overflow: hidden; line-height: 500px; display: block;
	}

#home { background: #090909 url(../images/main_image2.jpg) no-repeat center center; min-height: 620px !important; background-size: cover; }
#home h1 {
	display: block;
	width: 400px;
	height: 85px;
	text-indent: -9999px;
	background: url(../images/mcsc_logo.png) no-repeat center;
	padding: 30px 0px 0px;
}
#home h2 {
	margin: 50px 0px 30px; font-size: 4em; text-transform: uppercase; font-weight: regular;
}
#home h3 {
	background: url(../images/gold.png) no-repeat; width: 245px; height: 245px; overflow: hidden;
	line-height: 1000px; margin: 150px 190px 0px 0px; float: right;
}
#home h4 {
	font-size: 2em; color: #f2a100; width: 500px; font-family: 'Raleway', Arial, sans-serif; font-weight: 700; margin: 0px 0px 15px;
}
#home h5 { font-size: 1.5em; font-weight: 400; }
#home ul.list, #home p { float: left; font-size: 17px; margin: 20px 0px 0px; }
#home ul.list li { background-position: 0px 7px; }

#home h2, #home ul.list li, #home p { text-shadow: 1px 1px 1px rgba(0,0,0,0.6); }

#home .green { background: #00a3db; color: #fff; width: 100%; position: absolute; bottom: 0; }
	#home .green p { width: 1200px; margin: 20px auto; padding: 0px; float: none; }
		#home .green p strong { display: block; font-size: 21px; }
	#home .green a { color: #e9c925; font-weight: bold; }
#home .simon {
	background: url(../images/simon.png) no-repeat; width: 250px; height: 480px; overflow: hidden;
	line-height: 2000px; margin: 0px 0px 0px 320px; z-index: 999; position: absolute; bottom: 0; left: 50%;
}

#uh {
	background: #eee url(../images/white.jpg) top center; color: #333; width: 100%;
	padding: 15px 0px 15px; min-height: 80px !important;
}
#uh .grey p { width: 1200px; margin: 0px auto; text-align: center; }
	#uh .grey a { display: inline-block; margin: 10px 30px 0px; vertical-align: middle; }

#info { padding-bottom: 0px; }
	#info .column p { padding-right: 20px; font-size: 15px; }
	#info .container { margin-bottom: 40px; }
	#info .ri-grid { position: relative; }
	#info > img { bottom: 0px; margin: 0px 0px -3px; width:100%; }

#news .column { margin-top: 40px; }
#news .column:nth-child(4n+2) { clear: both; }
#news .column span { text-transform: uppercase; font-size: 11px; color: rgba(255,255,255,0.5); font-family: Arial, sans-serif; }
#news .column h4 { font-size: 150%; margin-bottom: 20px; }
#news .column p { padding: 5px 10px 5px 0px; color: rgba(255,255,255,0.8); font-weight: regular; font-size: 15px; }
#news .column a:hover { background: #f2a100; color: #00a3db; }
#news .column a.rmore {
	color: #fff; padding: 8px 12px; border-radius: 3px; margin: 15px 0px 0px;
	display: table; font-size: 13px; border: 2px solid #fff;
}
#news .column a:hover { background: #fff; color: #333; }
	
#more .column { margin-top: 30px; }
#more .column:nth-child(4n+2) { clear: both; }
#more .column span { text-transform: uppercase; font-size: 11px; color: rgba(255,255,255,0.5); font-family: Arial, sans-serif; }
#more .column h4 { font-size: 150%; margin-bottom: 20px; }
#more .column p { padding: 5px 10px 5px 0px; color: rgba(255,255,255,0.8); font-weight: regular; font-size: 15px; }
#more .column a:hover { background: #f2a100; color: #00a3db; }
#more .column a.rmore {
	color: #fff; padding: 8px 12px; border-radius: 3px; margin: 15px 0px 0px;
	display: table; font-size: 13px; border: 2px solid #fff;
}
#more .column a:hover { background: #fff; color: #333; }
#more > img { bottom: 0px; margin: 0px 0px -3px; width:100%; }
	
#entry ul li { font-size: 15px; }
	dl { margin: 20px 0px; display: table; }
	dt, dd { float: left; border-bottom: 1px solid #ccc; padding: 0px; }
		dt { clear: both; width: 170px; color: #00a3db; padding: 15px; }
			#entry dt { background: rgba(255,255,255,0.5); }
			#prizes dt { border-bottom: 1px solid rgba(255,255,255,0.1); clear: both; width: 180px; color: #00a3db; padding: 15px; }
		dd span { float: left; width: 70px; text-align: right; padding: 15px; }
			#entry dd { background: rgba(255,255,255,0.5); }
				#entry dd span { width: 80px; }
			#prizes dd { border-bottom: 1px solid rgba(255,255,255,0.1); }
				#prizes dd span { float: left; width: 80px; text-align: right; padding: 15px; }
	#entry .headrow { background: #ccc; color: #333; }
		#entry .headrow span { height: 40px; display: block; }
	#prizes .headrow { background: #001730; color: #fff; }
	dt.nocols { background: #00a3db; width: 1170px; color: #fff; border: none; }
	.total { background: #000; color: #fff; }
		.total dd { border: none; }
	.lastcol { background: rgba(255,255,255,0.15); }
	#entry sup { line-height: 0px; }

#prizes dt { color: #f2a100; }
#prizes dt.nocols { background: rgba(0,0,0,0.3); color: #fff; width: 1170px; }
#prizes .lastcol { background: rgba(255,255,255,0.1); }
#prizes dt.tallcol, #prizes dd.tallcol span { height: 30px; }

#sponsors { min-height: 0px !important; padding-top: 50px; }
	#sponsors .container > div { text-align: center; }
	#sponsors h2 { color: #333; text-align: center; }
	#sponsors h3 {
		background: #ccc;
		text-align: center;
		margin: 40px auto 5px;
		display: table;
		padding: 15px 25px;
		border-radius: 40px;
		font-size: 15px;
	}
	#sponsors a { display: inline-block; margin: 30px 15px 0px; vertical-align: middle; }
	#sponsors a img { margin: 0px; display: block; } 
	#sponsors a span {
		border-radius: 10px; display: table; margin: 20px auto 10px; padding: 3px 10px;
		font-size: 12px; color: #fff; background: #aaa; text-align: center;
	}
	#sponsors .container div { clear: both; }
	#sponsors .container div:after {
    	content: ".";
	    display: block;
    	height: 0;
	    clear: both;
    	visibility: hidden;
	}
	
	#sponsors .clsp a { margin: 30px 15px 0px; line-height: 0px; padding: 0px; }
		#sponsors .clsp a img { max-width: 185px; }	

	.red { background: #00a3db; }
	.line { border-top: 1px solid #ccc; margin: 50px 0px; }
	#sponsors .red { margin: 50px auto 0px; border-radius: 100px; display: table; }
		#sponsors .red h3 { color: #fff; font-size: 14px; margin: 20px 0px 0px; line-height:100%; }
		#sponsors .red a { float: left; margin: 0px 45px 10px; }

	.maps a {
		border-radius: 10px; display: table; margin: 10px 10px 0px 0px; padding: 3px 10px; float: left;
		font-size: 13px; color: #fff !important; background: #00a3db; text-align: center;
	}
	#fancybox-overlay { background: #000 !important; opacity: 0.8 !important; }

#conditions { min-height: 0px !important; }
	#conditions h2 { margin: 40px 0px 20px; }
#contact { min-height: 0px !important; padding-top: 80px !important; font-size: 15px; }
	#contact h2 { margin: 40px 0px 20px; }
	#contact a { color: #000; }

.center { text-align: center; }
.right { float: right; text-align: center; }

#footer { background: #000; }
#footer p { padding: 15px; text-align: center; margin: 0px; }

.mobile { display: none; }

/* iPAD PORTRAIT */

@media only screen and (max-width: 1024px) and (orientation:portrait) {

	.container { width: 90%; min-width: 600px; }
	img { max-width: 100%;}

}


@media only screen and (max-width: 1200px) and (min-width: 769px) {

	#nav_fixed, .container, #home .green p, #uh .grey p { width: 95%; }
		#nav_fixed { left: auto; margin-left: 2.5%; }
	#home ul.list, #home p { float: none; }
		#home p br { display: none; }
	#second { width: 90%; position: absolute; right: 0px; }
		#second li.fi { float: right; }
	#home .simon { margin: 0px 0px 0px 200px; }
	.mytable { overflow-x: scroll; width: 100%; }
		.mytable div { width: 1200px; display: block; }

}

/* MOBILE */

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

	#mfirst { display: block; }

	.mobile { display: block; margin-bottom: 20px; }
	.desktop { display: none; }
	#nav, #nav_fixed { visibility: hidden; display: none; }
	.container { width: 90%; min-width: 80%; }
	img { max-width: 90%; }
	
	body .section { min-height: 0px !important; padding: 10px 0px 0px; }
	body h2 { margin-top: 20px; }

	#home { background-position: top center; }
	#home h1 { margin-top: 150px; background-size: contain; height: auto; width: 100%; }
	#home h2 { font-size: 3em; text-align: center; }
	#home h3 { float: none; margin: 0px auto 20px; text-align: center; }
	#home h4 { float: none; margin: 0px auto 20px; width: 100%; text-align: center; }
	#home h5 { text-align: center; }
	#home ul.list, #home p { float: none; margin: 20px auto 0px; display: table; }
	#home .green { position: relative; bottom: auto; }
	#home .green p, #home .grey p { padding: 30px; width: 90%; margin: 20px auto 0px; }
	#home .simon { display: none; }
	#home .clear { display: none; }

	#uh .grey p { width: 100%; }

	#info .container { margin-bottom: 0px; } #info > img { max-width: 100%; }
	.column { float: none; width: 100% !important; margin: 0px; }
	#ri-grid { position: relative; margin: 20px auto 0px; }

	#news { background: none; }
	#sponsors .red { border-radius: 0px; }
		#sponsors .red a { width: 15%; margin: 20px;  }
			#sponsors .red a:last-child { width: 45%; }
			#sponsors .red a img { max-width: 100%; }

	.mytable { overflow-x: scroll; width: 100%; }
		.mytable div { width: 1200px; display: block;}

	/* dl { margin: 20px 0px; width: 100% ;}
	dt { width: 16%; padding: 5px 0px 0px 3px; height: 45px; font-size: 11px; word-wrap: break-word; line-height: 100%; }
	dd { width: 82.9%; }
	dd span {
		width: 15.4%; padding: 5px 2px 0px 0px; height: 45px; border-left: 1px solid rgba(255,255,255,0.2);
		font-size: 11px; line-height: 100%; word-wrap: break-word;
	}
	.nocols { width: 98.7% !important; height: 20px; line-height: 150%; } */

	#contact .container, #conditions .container { padding-bottom: 20px; }
	#contact h2, #conditions h2 { margin: 20px 0px; }

}

/* css3 lightbox */

.hide { display: none; }
	.md-outside {}
	.md-inside { color: #333; padding: 30px; }
		.md-inside h2 { margin: 0px 0px 15px; color: #00a3db; }