@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'WebSymbolsRegular';
	src: url('websymbols/websymbols-regular-webfont.eot');
	src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('websymbols/websymbols-regular-webfont.woff') format('woff'),
		 url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
		 url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
#container{
position: relative;
}

.responsive100{
	width: 100%;
	height: auto;
	}

.halfImg{
width: 240px;
margin: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.imageHolder{
	width: 100%;
	display: block;
	}
.imageHolder img{
	display: block;
	width: 100%;
	height: auto;
}

.summerSchool{
width: 146px;
right: 146px;
position: absolute;
top: -80px;
right: 70px;
display: block;
z-index: 999;
}
.summerSchool:hover,
.summerSchool:active,
.summerSchool:focus{
top: -78px;
background: none!important;
	}

.advertisement{
	text-align: center;
	margin: 20px 0;
	display: block;
	}
.advertisement p{
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 10px!important;
	text-transform: uppercase;
	color: #999;
	}
.advertisement img{
	display: block;
	padding: 0;
	margin: 0 auto;
	}
.advertisement a{
	padding: 0;
	display: inline-block;
	margin: 0 auto;
	overflow: hidden;
	}
.advertisement a:hover{
	background: none!important;
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	}

li.social a{
border: none!important;
}

.twitterTab:link,
.twitterTab:visited{
position: absolute;
top: -10px;
right: 15px;
width: 26px;
height: 40px;
display: block;
background: url(http://www.caribbean-hotel.co.uk/images/twitter.png) center 20px no-repeat;
}
.twitterTab:hover,
.twitterTab:active,
.twitterTab:focus{
position: absolute;
top: -9px;
right: 14px;
width: 26px;
height: 40px;
display: block;
background: url(http://www.caribbean-hotel.co.uk/images/twitter.png) center 20px no-repeat;
box-shadow: none;
}
.facebookTab:link,
.facebookTab:visited{
position: absolute;
top: -10px;
right: 45px;
width: 26px;
height: 40px;
display: block;
background: url(http://www.caribbean-hotel.co.uk/images/facebook.png) center 20px no-repeat;
}
.facebookTab:hover,
.facebookTab:active,
.facebookTab:focus{
position: absolute;
top: -9px;
right: 44px;
width: 26px;
height: 40px;
display: block;
background: url(http://www.caribbean-hotel.co.uk/images/facebook.png) center 20px no-repeat;
box-shadow: none;
}

.facebookTab:link .message,
.facebookTab:visited .message,
.twitterTab:link .message,
.twitterTab:visited .message{
display: none;
}

.twitterTab:hover .message,
.twitterTab:active .message,
.twitterTab:focus .message,
.facebookTab:hover .message,
.facebookTab:active .message,
.facebookTab:focus .message{
position: absolute;
bottom: -40px;
right: 5px;
display: block;
background: #000;
width: 140px;
padding: 5px;
font-size: 11px;
text-align: center;
border-radius: 4px;
box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  z-index: 999;
}

.twitterTab .message:before,
.facebookTab .message:before{
position: absolute;
top: -10px;
right: 10px;
content: "";
border-bottom: 10px solid #000;
border-left: 10px solid transparent;
}


#navholder{
overflow: visible!important;
}












.nowrap{
	white-space:nowrap;
	}

#IEwarning{
  position: fixed;
  top: 0;
  left: 0;
display: block;
background: #444;
opacity: 0.8;
color: #fff;
  z-index: 9999;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
height: auto;
}

#IEwarning.disabled{
  	padding: 0;
	height: 0;
}

#IEwarning .inner{
	display: block;
	overflow: hidden;
	padding: 10px 20px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
height: auto;
}


#IEwarning.disabled .inner{
  	padding: 0;
	height: 0;
}

#IEwarning a{
color: #f90;
}




#IEwarning .closeMe{
  position: absolute;
  bottom: -2em;
  left: 20px;
  width: 5em;
  height: 2em;
  background: #444;
  padding: 0 0.5em;
font-size: 80%;
  display: block;
  -moz-border-raius: 0 0 4px 4px;
  border-radius: 0 0 6px 6px;
color: #fff;
text-decoration: none;
}

#IEwarning .closeMe .cIcon{
font-weight: bold;
  position: relative;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  margin-right: 0.5em;
  background: #c00;
  text-align: center;
  line-height: 1.25em;
  border-radius: 1em;
  color: #fff;
}


.contentPanel{
padding: 10px;
background: #efefef;
font-size: 90%;
margin-bottom: 0.5em;
}


body{
margin: 0;
padding: 0 20px;
background: #381341 url(images/ymss-background.gif) top left repeat-x;
font-family: 'Open Sans', arial, helvetica, sans-serif;
}

@media screen and (min-width: 768px) {
    body{
        min-height: 1240px;
    }
}

.caps{
text-transform: uppercase;
}

a{
outline: none!important;
}

.clearboth{
margin: 0;
padding: 0;
height: 0;
clear: both;
display: block;
}

.hidden{
position: absolute;
top: -99999px;
left: -99999px;
}

img.right{
float: right;
margin: 0 0 1em 1em;
}

img.left{
float: left;
margin: 0 1em 1em 0;
}

img.border{
border: 4px solid #fff!important;
}

img.shadow{
box-shadow: 0 0 6px rgba(0,0,0,0.5);
}

hr{
display: block;
clear: both;
margin: 10px 0;
padding: 0;
height: 0px;
border-top: 1px solid rgba(0,0,0,0.3);
border-bottom: 1px solid #fff;
border-left: none;
border-right: none;
background: none;
}



#outercontainer{
margin: 0 auto;
padding: 0;
width: 980px;
display: block;
box-shadow: 0 0 20px rgba(0,0,0,1);
}

/* //// START HEADER //// */

#header{
position: relative;
display: block;
margin: 0 auto;
padding: 0;
width: 980px;
height: 224px;
overflow: hidden;
border: none!important;
background: url(images/headers/banner-2020-client-1.jpg) top left no-repeat;
}

#headerImages{
position: absolute!important;
top: 0;
left: 0;
z-index: 0;
display: block;
}

.ymsLogo{
position: absolute;
display: block;
margin: 0;
padding: 0;
top: 0px;
left: -20px;
width: 220px;
height: 224px;
/* background: url(images/YMSS-logo-panel-new.png) top center no-repeat; */
background: url('images/ymss-logo-30-years.png') top center no-repeat;
z-index: 100;
border: none;
}

.ymsLogo a{
display: block;
width: 100%;
height: 100%;
}

#textpanel{
position: absolute;
margin: 0!important;
padding: 20px;
display: block;
top: 45px;
right: 0!important;
background: rgba(0,0,0,0.7);
width: auto;
z-index: 100;
zoom: 1;
}

#textpanel h1{
margin: 0;
padding: 0;
color: #fff;
font-weight: 100;
font-size: 5em;
line-height: 1em;
}

#textpanel .small{
display: block;
font-size: 20%;
line-height: 1em;
}


/* //// END HEADER //// */



/* //// START NAV //// */

#navholder{
  position: relative;
display: block;
background-color: #1fb176;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#26c191), to(#158c4e)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #26c191, #158c4e); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #26c191, #158c4e); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #26c191, #158c4e); /* IE10 */
  background-image:      -o-linear-gradient(top, #26c191, #158c4e); /* Opera 11.10+ */
  background-image:         linear-gradient(to bottom, #26c191, #158c4e);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#26c191', endColorstr='#158c4e');
  zoom: 1;
  overflow: hidden;
}

nav ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}

nav ul li{
margin: 0;
padding: 0;
display: block;
float: left;
}

nav ul li a:link,
nav ul li a:visited{
/* apply a natural box layout model to all elements */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
float: left;
margin: 0;
padding: 10px 10px;
text-decoration: none;
font-size: 0.8em;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
border-right: 1px solid #158c4e;
border-left: 1px solid #26c191;
-webkit-transition: box-shadow 0.1s ease-in-out;
-moz-transition: box-shadow 0.1s ease-in-out;
-o-transition: box-shadow 0.1s ease-in-out;
-m-transition: box-shadow 0.1s ease-in-out;
transition: box-shadow 0.1s ease-in-out;
}

nav ul li a:hover,
nav ul li a:active,
nav ul li a:focus{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
padding: 10px 11px;
background: #1fb176 url(images/nav-pointer.gif) bottom center no-repeat;
box-shadow: inset 0 7px 7px rgba(0,0,0,0.5);
}

nav ul li mark a:link,
nav ul li mark a:visited,
nav ul li mark a:hover,
nav ul li mark a:active,
nav ul li mark a:focus{
padding: 10px 10px;
background-color: #158c4e;
  background: url(images/nav-pointer.gif) bottom center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#158c4e), to(#26c191)); /* Saf4+, Chrome */
  background: url(images/nav-pointer.gif) bottom center no-repeat, -webkit-linear-gradient(top, #158c4e, #26c191); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background: url(images/nav-pointer.gif) bottom center no-repeat, -moz-linear-gradient(top, #158c4e, #26c191); /* FF3.6 */
  background: url(images/nav-pointer.gif) bottom center no-repeat, -ms-linear-gradient(top, #158c4e, #26c191); /* IE10 */
  background: url(images/nav-pointer.gif) bottom center no-repeat, -o-linear-gradient(top, #158c4e, #26c191); /* Opera 11.10+ */
  background: url(images/nav-pointer.gif) bottom center no-repeat, linear-gradient(to bottom, #158c4e, #26c191);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#158c4e', endColorstr='#26c191');
box-shadow: none;
border-right: 1px solid #158c4e;
border-left: 1px solid #26c191;
}

nav ul li:first-child a{
border-left: none!important;
padding-left: 10px;
}

nav ul li:last-child a{
border-right: none!important;
}

nav ul li.facebook{
float: right!important;
}

nav ul li.facebook a:link,
nav ul li.facebook a:visited,
nav ul li.facebook a:hover,
nav ul li.facebook a:active,
nav ul li.facebook a:focus{
font-family: 'Architects Daughter', georgia, cursive;
border: none;
margin-right: 20px;
padding: 9px 30px 9px 9px;
background: url(images/facebook.png) right center no-repeat;
box-shadow: none;
}
nav ul li.facebook a:hover,
nav ul li.facebook a:active,
nav ul li.facebook a:focus{
text-shadow: 0 0 4px rgba(255,255,255,1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-m-transform: scale(1.1);
transform: scale(1.1);
}


/* //// END NAV //// */

#container{
margin: 0 auto;
padding: 20px;
background: #e1e1e1;
display: block;
}

#content{
margin: 0;
padding: 0;
width: 540px;
float: left;
}

#content.noAside{
width: 100%!important;
}

#content h1{
margin: 0 0 0.5em 0;
padding: 0;
font-size: 1.8em;
color: #5b1e6a;
text-shadow: 0 1px 0 rgba(255,255,255,1);
}

#content p{
margin: 0 0 1em 0;
padding: 0;
font-size: 1em;
line-height: 1.5em;
color: #666;
text-shadow: 0 1px 0 rgba(255,255,255,1);
}

#content li{
margin: 0 0 0.5em 0;
padding: 0;
font-size: 1em;
line-height: 1.5em;
color: #666;
text-shadow: 0 1px 0 rgba(255,255,255,1);
}

#content h2{
margin: 0.3em 0 0.5em 0;
padding: 0;
font-size: 1.5em;
color: #5b1e6a;
text-shadow: 0 1px 0 rgba(255,255,255,1);
}

#content h3{
margin: 0.3em 0 0.5em 0;
padding: 0;
font-size: 1.2em;
color: #5b1e6a;
text-shadow: 0 1px 0 rgba(255,255,255,1);
}


.handwritten{
font-size: 120%!important;
font-family: 'Architects Daughter', georgia, cursive;
}

.purpleTxt{
color: #5b1e6a!important;
}


#content a:link,
#content a:visited,
#rightcol a:link,
#rightcol a:visited{
color: #5b1e6a;
text-decoration: underline;
font-weight: bold;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-m-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}


#content a:hover,
#content a:active,
#content a:focus,
#rightcol a:hover,
#rightcol a:active,
#rightcol a:focus{
color: #fff;
background: #5b1e6a;
text-decoration: none;
font-weight: bold;
text-shadow: 0 -1px 0 rgba(0,0,0,1);
}




#rightcol{
margin: 0;
padding: 0 0 0 20px;
width: 380px;
float: right;
}

#rightcol ul{
margin: 0 0 1em 0;
padding: 0;
list-style: none;
}

#rightcol ul li{
margin: 0 0 0.5em 0;
padding: 0 0 0 20px;
}

#rightcol ul.addListPointer li a{
text-decoration: none!important;
}

#rightcol ul.addListPointer li a:before{
font-family: WebSymbolsRegular, cursive;
content: ">  ";
font-weight: 100;
}



#rightcol h2{
margin: 0.3em 0 0.5em 0;
padding: 0;
font-size: 1.5em;
color: #5b1e6a;
text-shadow: 0 1px 0 rgba(255,255,255,1);
}

#rightcol h2 a.addPointer{
text-decoration: none!important;
}

.promoPanel{
display: block;
margin: 0;
padding: 0;
background: #5b1e6a;
overflow: hidden!important;
height: 160px;
width: 380px;
box-shadow: 0 2px 6px rgba(0,0,0,0.5);
zoom: 1;
}

.promoPanel .item{
display: block;
margin: 0!important;
padding: 10px!important;
overflow: hidden!important;
height: 148px;
width: 360px;
}

.promoPanel .item{
position: relative;
}

.promoPanel .item h3{
color: #fff;
font-size: 1em;
line-height: 1.2em;
margin: 0 0 0.5em 0;
padding: 0;
text-shadow: 0 -1px 0 rgba(0,0,0,1);
}

.promoPanel .item img{
display: block;
position: absolute;
top: 2.4em;
left: 10px;
z-index: 1;
border: none!important;
}

.promoPanel .item:before{
content: "";
display: block;
position: absolute;
top: 2.4em;
left: 10px;
box-shadow: inset 0 0px 20px rgba(0,0,0,0.8);
overflow: hidden;
width: 138px;
height: 92px;
z-index: 200;
}

.promoPanel .item.nopic:before{
	display: none;
}
.promoPanel .item.nopic p{
	padding: 0;
}


.promoPanel .item p{
color: #fff!important;
font-size: 0.8em;
font-weight: normal!important;
margin: 0 0 0.5em;
padding: 0 0 0 155px;
text-shadow: 0 -1px 0 rgba(0,0,0,1)!important;
}

.promoPanel .item .addPointer{
font-weight: bold!important;
}


.promoPanel a:link.item ,
.promoPanel a:visited.item {
text-decoration: none!important;
-webkit-transition: none!important;
-moz-transition: none!important;
-o-transition: none!important;
-m-transition: none!important;
transition: none!important;
}

.promoPanel a:hover.item ,
.promoPanel a:active.item ,
.promoPanel a:focus.item {
text-decoration: none!important;
background: #5b1e6a!important;
}

#rightcol .promoPanel a:hover {background: #5b1e6a!important;}


.addPointer{
text-decoration: none!important;
font-weight: bold;
}

.addPointer:after{
font-family: WebSymbolsRegular, cursive;
content: " >";
}


.promoNav{
display: block;
margin: 0 auto;
padding: 0;
text-align: center;
overflow: hidden!important;
zoom: 1;
}

.promoNav a:link,
.promoNav a:visited{
margin: 10px 2px;
padding: 0;
width: 10px;
height: 10px;
display: inline-block;
background: url(images/mini-nav-sprite-purple.png) right top no-repeat;
text-indent: -99999px!important;
-webkit-transition: none!important;
-moz-transition: none!important;
-o-transition: none!important;
-m-transition: none!important;
transition: none!important;
zoom: 1;
}

.promoNav a:hover,
.promoNav a:active,
.promoNav a:focus{
margin: 10px 2px;
padding: 0;
width: 10px;
height: 10px;
display: inline-block;
background: url(images/mini-nav-sprite-purple.png) center top no-repeat!important;
text-indent: -99999px!important;
-webkit-transition: none!important;
-moz-transition: none!important;
-o-transition: none!important;
-m-transition: none!important;
transition: none!important;
zoom: 1;
}

.promoNav a.activeSlide:link,
.promoNav a.activeSlide:visited,
.promoNav a.activeSlide:hover,
.promoNav a.activeSlide:active,
.promoNav a.activeSlide:focus{
background: url(images/mini-nav-sprite-purple.png) left top no-repeat!important;
zoom: 1;
}



.shadeDiv{
display: block;
clear: both;
margin: 0;
padding: 0;
background: url(images/rightcol-shadow-divider.png) center left no-repeat;
width: 380px;
height: 15px;
}

#rightcol p{
margin: 0 0 1em 0;
color: #666;
text-shadow: 0 1px 0 rgba(255,255,255,1);
}

#rightcol p.moreTxt{
text-align: right;
color: #5b1e6a;
}


#rightcol p.moreTxt a:link,
#rightcol p.moreTxt a:visited{
color: #5b1e6a;
text-decoration: none;
font-weight: bold;
}

#rightcol p.moreTxt a:hover,
#rightcol p.moreTxt a:active,
#rightcol p.moreTxt a:focus{
color: #fff;
background: #5b1e6a;
text-decoration: none;
font-weight: bold;
text-shadow: 0 -1px 0 rgba(0,0,0,1);
}


.normal{
font-weight: normal!important;
}

.rightLink{
float: right;
}

a.btt:link,
a.btt:visited{
margin-top: 20px;
display: block;
position: relative!important;
padding: 0 0.2em 0.2em 0.2em;
background: #fff!important;
left: -35px!important;
width: 7em!important;
box-shadow: 0 2px 5px rgba(0,0,0,0.5);
text-align: center;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-m-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
text-decoration: none!important;
}


a.btt:hover,
a.btt:active,
a.btt:focus{
margin-top: 20px;
display: block;
position: relative!important;
padding: 0 0.2em 0.2em 0.2em;
background: #5b1e6a!important;
left: -35px!important;
width: 7em!important;
box-shadow: 0 2px 5px rgba(0,0,0,0.5);
text-align: center;
text-decoration: none;
}

.btt:before{
position: relative;
top: 0.15em;
font-family: WebSymbolsRegular, cursive;
content: "} ";
font-weight: 100;
font-size: 200%!important;
}



.topLink{
text-decoration: none!important;
}


.topLink:before{
position: relative;
top: 0.15em;
font-family: WebSymbolsRegular, cursive;
content: "} ";
font-weight: 100;
font-size: 200%!important;
}




/* //////////// FORM ELEMENTS ////////////// */

dl.error{
		margin: 20px 0px;
border: 1px solid #ccc;
	padding: 1px;
	width: auto;
color: #666;
}
dl.error dt{
	margin: 0 0 0.5em 0;
	padding:  0.5em  0.5em  0.5em 2.3em;
	background: #ececec;
	font-weight: bold;
	background: #fcc url(images/error-stop-red.gif) top left no-repeat;
	background-position: 6px 0.6em;
font-weight: bold;
}
dl.error dd{
	padding-left: 25px;
	margin: 0 0.5em 0.5em 0.5em;
	background: url(images/error-alert.gif) top left no-repeat;
	background-position: 0px 1px;
}

form dl.success{
}
dl.success{
	margin: 20px 0px;
	border: 1px solid #ccc;
	padding: 1px;
	width: auto;
}
dl.success dt{
	margin: 0 0 0.5em 0;
	padding:  0.5em  0.5em  0.5em 2.3em;
	background: #ececec;
	font-weight: bold;
	background: #cfc url(images/confirm-grn.gif) top left no-repeat;
	background-position: 6px 0.6em;
	font-weight: bold;
}
dl.success dd{
	margin: 0 0.5em 0.5em 0.5em;
}


form{
padding: 10px;
}

.formholder{
padding: 10px;
width: 500px;
background: #fff;
}

form p{
margin: 1em 0!imortant;
}

fieldset{
margin: 0;
padding: 0;
border: none;
}

legend{
display: block;
padding: 0 0 1em 0;
color: #666;
font-weight: bold;
}

label{
margin: 0.5em 0 0 0;
padding-bottom: 5px;
display: block;
color: #666;
font-weight: bold;
}

input, textarea, select{
font-family: 'Open Sans', arial, helvetica, sans-serif;
font-size: 0.8em;
}

input:focus,
textarea:focus{
background: #ffc;
border: none;
padding: 5px;
box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}


input, textarea{
background: #ececec;
border: none;
padding: 5px;
box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}

.thirdChoice{
position: relative;
margin: 0 10px 0 0;
padding: 0px 10px!important;
display: block;
width: 146px;
height: 70px;
float: left;
text-align: center!important;
overflow: hidden;
background: #ccc;
}
.thirdChoice:last-child{
margin: 0;
float: right!important;
}

.thirdChoice label{
display: block;
padding: 0!important;
margin: 0important;
overflow: hidden;
font-size: 0.8em;
height: 55px;
}

.thirdChoice label.radio{
color: #999!important;
}

.selected label.radio{
color: #666!important;
}

.thirdChoice.selected{
position: relative;
background: #fff;
height: 80px;
}

.reason1:before,
.reason2:before,
.reason3:before{
position: absolute;
top: 5px;
left: 5px;
padding: 2px 4px;
display: block;
background: #999;
color: #fff;
font-size: 11px;
line-height: 11px;
}
.reason1:before{
content: "1";
}

.reason2:before{
content: "2";
}

.reason3:before{
content: "3";
}

.thirdChoice.selected.reason1:before,
.thirdChoice.selected.reason2:before,
.thirdChoice.selected.reason3:before{
background: #666;
}


.thirdChoice label.radio{
}
.thirdChoice:last-child{
}

.radioBtn{
position: absolute;
top: -99999px;
left: -99999px;
}

.radioBtn input{
float: left;
}

input.fullwidth,
textarea.fullwidth{
width: 480px;
}

label.leftLabel{
margin: 0.5em 0!important;
width: 50%;
float: left;
}

#email{
margin-bottom: 1em!important;
}

input.leftLabel,
select.leftLabel{
margin: 0.5em 0!important;
}




#submit{
margin: 1em 0;
}


.btn,
.btn:visited{
top: 0;
font-size: 0.8em;
position: relative;
display: inline-block;
margin: 0;
text-decoration: none;
font-weight: bold;
border-radius: 0.5em;
background-color: #5b1e6a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5b1e6a), to(#381341)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #5b1e6a, #381341); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #5b1e6a, #381341); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #5b1e6a, #381341); /* IE10 */
  background-image:      -o-linear-gradient(top, #5b1e6a, #381341); /* Opera 11.10+ */
  background-image:         linear-gradient(to bottom, #5b1e6a, #381341);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b1e6a', endColorstr='#381341');
border: 1px solid #381341;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0,0,0,1);
}

.btn:hover,
.btn:active,
.btn:focus{
top: 0px;
font-size: 0.8em;
position: relative;
display: inline-block;
margin: 0;
text-decoration: none;
font-weight: bold;
border-radius: 0.5em;
background-color: #854096;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#854096), to(#5b1e6a)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #854096, #5b1e6a); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #854096, #5b1e6a); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #854096, #5b1e6a); /* IE10 */
  background-image:      -o-linear-gradient(top, #854096, #5b1e6a); /* Opera 11.10+ */
  background-image:         linear-gradient(to bottom, #854096, #5b1e6a);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#854096', endColorstr='#5b1e6a');
border: 1px solid #5b1e6a;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0,0,0,1);
}
.btn:active{
top: 2px!important;
}

.btnText{
margin: 0;
display: inline-block;
padding: 0.5em!important;
}


#buttonIcon{
font-family: WebSymbolsRegular, cursive;
display: block;
width: 2em;
}

.btnIcon{
padding: 0.5em 0em 0.5em 0.5em;
display: inline-block;
font-family: WebSymbolsRegular, cursive;
}

.chooseIcon{
margin: 0 0 0 1em;
display: inline-block;
font-family: WebSymbolsRegular, cursive;
text-decoration: none;
color: #666;
}

.btnIcon{
float: right;
padding: 0.5em 0.5em 0.5em 0em;
}


.ShowAge{
display: none;
}

.ShowCourse{
display: none;
}

.ShowExperience{
display: none;
}


.comingSoon{
position: absolute;
top: 8px;
right: 0;
margin: 0!important;
padding: 2px 5px!important;
background: #381341;
display: block;
width: 7em;
box-shadow: -2px 0 10px rgba(255,255,255,0.5);
}



#footer{
margin: 0 auto;
padding: 20px;
width: 960px;
overflow: hidden;
}

#footer ul{
margin: 0;
padding: 0;
overflow: hidden;
list-style: none;
}

#footer ul li{
margin: 0;
padding: 0 10px;
color: #fff;
display: block;
float: left;
font-size: 0.7em;
border-right: 1px solid #fff;
}

#footer ul li.nolink,
#footer ul li.last{
border: none;
}

#footer ul li.right{
float: right;
}


#footer ul li a:link,
#footer ul li a:visited{
margin: 0;
padding: 0 2px;
color: #fff;
text-decoration: none;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
#footer ul li a:hover,
#footer ul li a:active,
#footer ul li a:focus{
margin: 0;
padding: 0 2px;
color: #000;
background: #fff;
text-decoration: none;
}

#footer ul li mark a:link,
#footer ul li mark a:visited,
#footer ul li mark a:hover,
#footer ul li mark a:active,
#footer ul li mark a:focus{
margin: 0;
padding: 0 2px;
color: #000!important;
background: #fff;
text-decoration: none;
}

.featurePanel{
overflow: hidden;
background: #fff;
padding: 20px 0px 20px 20px;
background: #efefef;
}

.featurePanel h2{
margin: -20px -20px 20px -20px!important;
padding: 20px!important;
background: #5b1e6a!important;
color: #fff!important;
text-shadow: 0 1px 0 rgba(0,0,0,0.5)!important;
}

#content .featurePanel .item h3{
margin: -10px -10px 10px -10px;
padding: 10px;
background: #5b1e6a;
color: #fff;
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}

#content .featurePanel .item{
margin: 20px 20px 0 0;
padding: 10px;
display: block;
width: 215px;
height: 250px;
float: left;
font-size: 80%;
text-decoration: none;
background: #fff;
}

#content .featurePanel .item:hover,
#content .featurePanel .item:active,
#content .featurePanel .item:focus{
box-shadow: 0 2px 5px rgba(0,0,0,0.5);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}

#content .featurePanel .item .fauximage{
margin: -10px -10px 10px -10px;
padding: 10px;
width: 100%;
height: 75px;
display: block;
box-shadow: inset 0 0px 20px rgba(0,0,0,0.8);
}

#content .featurePanel .item p{
font-weight: normal;
}
#content .featurePanel .item .addPointer{
font-weight: bold;
}


.fb-page {float: left; width: 100%; margin-top: 20px;}

/*body, .promoPanel, #content a:active, #content a:focus, #rightcol a:active, #rightcol a:focus {background: #e86600;}*/
#rightcol a:hover, #content a:hover {background: #e86600; color: #ffffff;}
#content a:link, #content a:visited, #rightcol a:link, #rightcol a:visited, #rightcol p.moreTxt a:link, #rightcol p.moreTxt a:visited {color: #e86600;}
#rightcol p.moreTxt a:hover, #rightcol p.moreTxt a:active, #rightcol p.moreTxt a:focus {color: #ffffff; background: #e86600;}

#content h1, #content h2, #rightcol h2 {color: #e86600;}

nav ul li a:hover, nav ul li a:active, nav ul li a:focus {
	padding: 10px;
}

#content a:hover, #content a:active, #content a:focus, #rightcol a:hover, #rightcol a:active, #rightcol a:focus {color: #ffffff;}

.promoPanel a:hover {background: #d85f00!important;}
.promoPanel a:hover.item, .promoPanel a:active.item, .promoPanel a:focus.item {background: #d85f00!important;}

#navholder {
	background-color: #1ab61e;
    background: -webkit-gradient(linear, left top, left bottom, from(#1ab61e), to(#2b6e0b));
    background: -webkit-linear-gradient(top, #1ab61e, #2b6e0b);
    background: -moz-linear-gradient(top, #1ab61e, #2b6e0b);
    background: -ms-linear-gradient(top, #1ab61e, #2b6e0b);
    background: -o-linear-gradient(top, #1ab61e, #2b6e0b);
    background: linear-gradient(to bottom, #1ab61e, #2b6e0b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1ab61e', endColorstr='#2b6e0b');
    box-shadow: none;
    border-right: 1px solid #1ab61e;
    border-left: 1px solid #2b6e0b;
}

nav ul li mark a:link, nav ul li mark a:visited, nav ul li mark a:hover, nav ul li mark a:active, nav ul li mark a:focus {
	background-color: #2b6e0b;
    background: url(images/nav-pointer.gif) bottom center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#2b6e0b), to(#1ab61e));
    background: url(images/nav-pointer.gif) bottom center no-repeat, -webkit-linear-gradient(top, #2b6e0b, #1ab61e);
    background: url(images/nav-pointer.gif) bottom center no-repeat, -moz-linear-gradient(top, #2b6e0b, #1ab61e);
    background: url(images/nav-pointer.gif) bottom center no-repeat, -ms-linear-gradient(top, #2b6e0b, #1ab61e);
    background: url(images/nav-pointer.gif) bottom center no-repeat, -o-linear-gradient(top, #2b6e0b, #1ab61e);
    background: url(images/nav-pointer.gif) bottom center no-repeat, linear-gradient(to bottom, #2b6e0b, #1ab61e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b6e0b', endColorstr='#1ab61e');
}

nav ul li a:link, nav ul li a:visited {
	border-right: 1px solid #138a4c;
    border-left: 1px solid #0ead15;
}

nav ul li a:hover, nav ul li a:active, nav ul li a:focus {
	border-left: 1px solid transparent; border-right: 1px solid transparent; background-color: #0ead15;
}

.btn, .btn:visited {
	background-color: #e86600;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e86600), to(#d85f00));
    background-image: -webkit-linear-gradient(top, #e86600, #d85f00);
    background-image: -moz-linear-gradient(top, #e86600, #d85f00);
    background-image: -ms-linear-gradient(top, #e86600, #d85f00);
    background-image: -o-linear-gradient(top, #e86600, #d85f00);
    background-image: linear-gradient(to bottom, #e86600, #d85f00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e86600', endColorstr='#d85f00');
    border: solid 1px #d85f00;
}

.btn:hover, .btn:active, .btn:focus {
    background-color: #d85f00;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d85f00), to(#e86600));
    background-image: -webkit-linear-gradient(top, #d85f00, #e86600);
    background-image: -moz-linear-gradient(top, #d85f00, #e86600);
    background-image: -ms-linear-gradient(top, #d85f00, #e86600);
    background-image: -o-linear-gradient(top, #d85f00, #e86600);
    background-image: linear-gradient(to bottom, #d85f00, #e86600);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d85f00', endColorstr='#e86600');
    border: 1px solid #e86600;
}

.cookie-notice {position: fixed;left: 0;width: 100%;z-index: 9999;background-color: #e6e6e6;text-align: center;padding: 0;}
.cookie-notice p{padding: 5px 45px;margin: 7px 0;}
.cookie-notice p a {text-decoration: underline; color:#7b7370; font-weight:300;}
.cookie-notice .c-agree {position: absolute;top: 15px;right: 20px;width: 15px;height: 15px;display: block;cursor: pointer;}
.cookie-notice .c-agree:after, .cookie-notice .c-agree:before{content: '';display: block;position: absolute;top: 50%;left: 50%;margin-top: -1px;margin-left: -7.5px;width: 15px;height: 2px;background-color: #575757;}
.cookie-notice .c-agree:before{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.cookie-notice .c-agree:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.cookie-notice.bottom {bottom: 0;}
.cookie-notice.top {top: 0;}
.cookie-notice.top-left {top:20px; left:20px; max-width:400px; padding:20px 20px 0; box-sizing: border-box; width:80%}
.cookie-notice.top-left p {padding:0;}
.cookie-notice.bottom-right {bottom:20px; right:20px; left:auto; max-width:400px; padding:20px 20px 0; box-sizing: border-box; width:80%}
.cookie-notice.bottom-right p {padding:0;}

.cookie-notice.top-left .c-agree {position: absolute; top: 0;  left: 0; background: #90928e; width: 100%;  height: 21px; font-size: 11px; text-align: right; box-sizing: border-box; padding: 3px 31px;  font-weight: bold;  color:#e6e6e6;}
.cookie-notice.top-left .c-agree:before {right:10px; left:auto; background-color:#e6e6e6;}
.cookie-notice.top-left .c-agree:after {right:10px; left:auto; background-color:#e6e6e6;}

.cookie-notice.bottom-right .c-agree {position: absolute; top: 0;  left: 0; background: #90928e; width: 100%;  height: 21px; font-size: 11px; text-align: right; box-sizing: border-box; padding: 3px 31px;  font-weight: bold;  color:#e6e6e6;}
.cookie-notice.bottom-right .c-agree:before {right:10px; left:auto; background-color:#e6e6e6;}
.cookie-notice.bottom-right .c-agree:after {right:10px; left:auto; background-color:#e6e6e6;}

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

	.cookie-notice.bottom-right {right:0; padding-top:0; bottom:0; width:100%; max-width:100%;}
	.cookie-notice.bottom-right p{padding: 5px 45px;margin: 7px 0;}
	.cookie-notice.bottom-right .c-agree {left:auto; background:none;position: absolute;top: 15px;right: 20px;width: 15px;height: 15px;display: block;cursor: pointer; padding:0;}
	.cookie-notice.bottom-right .c-agree:after, .cookie-notice.bottom-right .c-agree:before{content: '';display: block;position: absolute;top: 50%;left: 50%;margin-top: -1px;margin-left: -7.5px;width: 15px;height: 2px;background-color: #575757;}
	.cookie-notice.bottom-right .c-agree:before{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	.cookie-notice.bottom-right .c-agree:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);}

	.cookie-notice.top-left {left:0; padding-top:0; top:0; width:100%; max-width:100%;}
	.cookie-notice.top-left p{padding: 5px 45px;margin: 7px 0;}
	.cookie-notice.top-left .c-agree {left:auto; background:none;position: absolute;top: 15px;right: 20px;width: 15px;height: 15px;display: block;cursor: pointer; padding:0;}
	.cookie-notice.top-left .c-agree:after, .cookie-notice.top-left .c-agree:before{content: '';display: block;position: absolute;top: 50%;left: 50%;margin-top: -1px;margin-left: -7.5px;width: 15px;height: 2px;background-color: #575757;}
	.cookie-notice.top-left .c-agree:before{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	.cookie-notice.top-left .c-agree:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);}

}

.table {width:100%;  margin:0 0 20px;}
.table table {width:100%; padding: 0; margin: 0; border-collapse: collapse;}
.table table th {width:100%; font-size: 13px; line-height: 22px; font-weight:bold; margin: 0 0 10px; background:#eee; border:1px solid #1d1d1b; padding:10px}
.table table td {width:100%; font-size: 13px;line-height: 22px;word-wrap: break-word; margin: 0 0 10px;padding:10px; border:1px solid #1d1d1b}
.table table th:first-child {width:20%}
.table table th:nth-child(2) {width:20%}
.table table th:nth-child(3) {width:60%}
.table table td:first-child {width:20%}
.table table td:nth-child(2) {width:20%}
.table table td:nth-child(3) {width:60%}

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

	.table table {width:500px; overflow-x:scroll;}

}