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

@font-face {
    font-family: 'myriad-pro';
    src: url('/css/fonts/myriad-pro.eot'); /* IE */  
    src: local('xxxargosxxx'),
        url('/css/fonts/myriad-pro.woff') format('woff'),
        url('/css/fonts/myriad-pro.ttf') format('truetype'),
        url('/css/fonts/myriad-pro.svg') format('svg');
}

html { height: 100%; }

body {
	font-family: 'Calibri';
	overflow-x: hidden;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	background:url(userfiles/image/bgNEW.png) repeat-x center top;
	line-height:1.7em;
}

.table     { display: table; }
.tablerow  { display: table-row; }
.tablecell { display: table-cell; }
.invisible { position: absolute; width:0; height:0; overflow: hidden; }

* { margin: 0; padding: 0; box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; }

img { border: none; }

*:not{.featuredimage} + h2, h3, h4, h5, h6 { font-weight: normal; clear: both; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

table { border-collapse: collapse; }

article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary { display: block; }

/*
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*/
.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.clear{ clear: both;}}

body {
	background:url(/images/bgnew.png) repeat-x center top;
	font: 80% Arial, Helvetica, sans-serif;
}
#container, .inner{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
@media (max-width: 1040px){
	#container, .inner{
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
	}
}

.invisible {
	overflow: hidden;
	position: absolute;
	height: 0px !important;
	width: 0px !important;
	padding:0 !important;
}

#header {
	padding:2% 0;
}


#logo{ float: left; width:75%;}
@media (max-width: 650px){
	#logo img{width:100%;}
}

@media (max-width: 700px){
	#logo{ float: none; width:100%;
}
}
#sitesearch{
	text-align: right;
	float: right;
	width: 25%;
	margin:20px 0 0 0;
	background-color:rgba(213,213,213,1);
	padding:5px;
	
}
@media (max-width: 700px ){
	#sitesearch{
		float: none;
		width: 100%;
		margin:10px 0 0 0;
	}
}
#sitesearch p{ margin:0;}
#sitesearch input[type="text"]{ border: none; background: none; margin:0 0 0 0; width: calc(100% - 30px); padding:5px 0;}
#sitesearch input[type="image"]{ margin:0 0 -3px 0; }

#topnav {
	height:60px;
	margin-bottom:10px;
	clear:both;
	line-height:1.3em;
}
@media (max-width: 700px){
	#topnav {
		margin-top:20px;
	}
}

#topnav ul {
	margin: 0px;
	padding: 0px;
}
#topnav li {
	float: left;
	list-style: none;
	width: 15%;	
	margin:0 0 0 2px;
}

@media (max-width: 870px){
	
	#topnav li {
		width: 14%;	
	}
	
	#topnav li a {
		font-size: 110%;
		padding: 10px 5px;	
	}

}

@media (max-width: 785px){
	
	#topnav li {
		width: 100%;	
	}
	
	#topnav li a {
		font-size: 110%;
		padding: 10px 5px;	
	}

}

#topnav li.first {
	width: 67px;	
}
#topnav a {
	color: #fff;
	text-decoration: none;
	height: 100%;
	padding: 10px;
	display: block;
	font-size: 125%;
	width:100%;
	text-align:center;
	background-color: #29686D;
	height:40px;
}
@media (max-width: 785px){
	#topnav a {
		text-align:left;
	}
}
#topnav li.topnav_current a {
	color: #333;
	background-color: #FECA0A;
}

#topnav .last a {
	margin: 0 0 0 0;
	/*background: #FF5C26;*/
}

#topnav .first a { 
	background:url(userfiles/image/homeicon.png) no-repeat center center;
}
#topnav li.topnav_current.first a {
	background:url(userfiles/image/homeicon.png) no-repeat center center;
}
#topnav li.first a:hover {
	background:url(userfiles/image/homeiconyellow.png) no-repeat center center;
}

@media (max-width: 785px){
	#topnav li.topnav_current.first a, #topnav .first a, #topnav li.first a:hover{
		background:url(none);
	}
}

#topnav .first a span { 
	display: none;
}
@media (max-width: 785px){
	#topnav li.first  { 
		display: block;
		width:100%;
	}
	#topnav li.topnav_current.first a { 
		display: block;
		background:url(none);
		color:#FFF;
		width:100%;
	}
	#topnav .first a span { 
		display: block;
	}
}
#topimage {
	max-height: 333px;
	clear: both;
	margin-bottom:10px;
	background:#fff;
	overflow:hidden;
	visibility:hidden;
}

#topnav a:hover {
	opacity:0.8;
}

#topimage iframe{
	border:none;
	float:left;

}
#randomquote{
	float:right;
	width:270px;
	padding:10px;
	
}

#col1 {
	float: right;
	width: 30%;
	margin: 30px 0 0 0;
}
.donations #col1 {
display: none;
}
#col2 {
	float: left;
	width: 66%;
	padding:0;
	margin: 30px 4% 0 0;
}
.donations #col2 {
	float: none;
	width: 100%;
	margin: 30px 0 100px 0;
}
@media (max-width: 768px){
	#col1 {
		float: none;
		width: 100%;
		margin: 30px 0 0 0;
	}
	#col2 {
		float: none;
		width: 100%;
		margin: 30px 0 0 0;
	}
}
#col2.wide {
	float: none;
	width: 100%;
	padding:0;
	margin: 0 0 20px 0;
}

#col2 p{ 
	margin:10px 0 10px 0;
}

#col2 p.firstpara{
	color:#28676C;
	font-size:135%;
}
#col2 table p:first-of-type{
	color:#000;
	font-size:100%;
}

#col2 a.button{
	background:#FECA0A;
	color:#212121;
	text-decoration: none;
	padding:10px;
	text-transform:uppercase;
	font-weight: bold;
	font-size:85%;
}
#col2 p.backtonews{ clear:both;}
#col2 a.button:hover{
	background: #BC6028;
	color:#FFF;
}
#coursesearch h2 {
	background: url(images/coursesearch_bg.jpg) no-repeat center center;
	color: #FFFFFF;
	font-weight: normal;
	padding-left: 30px;
	font-size: 18px;
	padding-top: 4px;
	padding-bottom: 5px;
}
#coursesearch h2 a{
	color:#FFFFFF;
	text-decoration:none;
}
#conferencebooking h2 {
	background: url(images/confbooking_bg.jpg) no-repeat center center;
	color: #FFFFFF;
	font-weight: normal;
	padding-left: 30px;
	font-size: 18px;
	padding-top: 4px;
	padding-bottom: 5px;
}
#conferencebooking h2 a{
	color:#FFFFFF;
	text-decoration:none;
}
#container h1 {
	font-weight: normal;
	font-size: 190%;
	background: #35888E;
	color:#FFF;
	padding: 40px 20px;
	margin:20px 0 0 0;
}
@media (max-width: 768px){
	#container h1 {
		padding: 20px 10px;
	}
}
#col3 ul, #newcol3 ul{
	padding:0;
	margin:0;
}
#newcol3 li{ text-align:left;}
.innerquarter {
	float: left;
	width: 25%;
	clear:both;
	margin-bottom:10px;
}
#col2 h2 {
	font-weight: normal;
	font-size: 140%;
	color: #fff;
	clear: both;
}
#col2 h3 {
	font-size: 120%;
	margin:10px 0 10px 0;
	color: #666;
}
#col2 h3 a {
	color: #CE6E18;
}

#col2 h2 a {
	color: #026B6F;
}
#col2 h2 a:hover, #col2 h3 a:hover {
	text-decoration:none;
}

.inner3quarter {
	float: left;
	width: 75%;
	margin-bottom:10px;
}

.homebutton{
	height: 50px;
	margin-bottom: 10px;
	list-style: none;
	padding-left: 70px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	padding-top: 15px;
}
.homebutton a{
	color:#FFFFFF;
	text-decoration:none;
}
.homebutton a:hover{
	text-decoration: underline;
}
#container #topimage blockquote {
	font-size: 16px;
	color: #77848A;
	margin-top:10px;
	margin-left:0px;
}
#container #topimage cite {
	margin: -10px 0px 0 0;
	padding: 0px 10px 0px 0px;
	color: #333333;
}
select {
	background: #026B6F;
	color: #FFFFFF;
	border: 1px solid #026B6F;
	width: 64px;
	
}
select.dropdown{
width:340px;}
#coursesearchbox {
	width: 196px;
}
footer{ 

background: #29686d; /* Old browsers */
background: -moz-linear-gradient(top, #29686d 0%, #317b82 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29686d), color-stop(100%,#317b82)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #29686d 0%,#317b82 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #29686d 0%,#317b82 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #29686d 0%,#317b82 100%); /* IE10+ */
background: linear-gradient(to bottom, #29686d 0%,#317b82 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29686d', endColorstr='#317b82',GradientType=0 ); /* IE6-9 */
font-size: 85%;
color:#FFF;}
/*#footer1 {
	clear: both;
	padding: 10px;
	margin-top: 20px;
	float: none;
	padding: 30px 0 0 0;
    -webkit-column-count: 4; 
    -moz-column-count: 4; 
    column-count: 4;
	-webkit-column-gap: 40px; 
    -moz-column-gap: 40px; 
    column-gap: 40px;
	width:1000px;
	margin: 0 auto;
	line-height:1.3em;
}



#footer1 li{list-style-type: none;}
#footer1 li a{ display:block; padding:5px 0 5px 0;}
#footer1 li a:hover{ background:#29686D;}
#footer1 .block{
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
	margin-bottom:20px;
}

#footer1 h2{ padding:10px 10px 10px 0;}*/
footer a{
	color:#fff;
}
#footer1 a{
	text-decoration: none;
}
footer a:hover{
	color:#FECA0A;
}

#footer1 p, #footer2 p, #footer2 ul{
	margin:0;
	padding:0;
	color:#FFF;
	
}
#footer2  li {
	display: inline;
	list-style: none;
}
#footer2 {
	background: #29686D;
	padding: 10px;
	font-size: 85%;
	float: none;
	padding: 30px 0;
	
}
#footer2inner{ 	
	width:1000px;
	margin: 0 auto;
}
#footer3inner{ 	
	width:1000px;
	margin: 0 auto;
	padding:20px 0;
}
@media (max-width: 1040px){
	#footer1, #footer2inner, #footer3inner {
		width:100%;
		padding:20px;
	}
}
@media (max-width: 768px){
	#footer1 {
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
		-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
		-moz-column-gap: 40px; /* Firefox */
		column-gap: 40px;
	}
}
@media (max-width: 550px){
	#footer1 {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
		-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
		-moz-column-gap: 40px; /* Firefox */
		column-gap: 40px;
	}
}
#footerlinks {
	float: left;
	text-align: left;
	width: 555px;
	margin-top:8px;
}

.clear{
	clear:both;
}
#footer2 span.copyright{
float:left;
text-align:left;
padding-top:12px;
}
#footer2 span.sn{
float:right;
text-align:right;
}
#footer2 span.sn img{ margin: 0 0 -3px 10px;}
#footer2 span.sn a:hover img{ opacity:0.8;}
#accesslinks {
	width: 200px;
	float: right;
	text-align: right;
	margin-top:8px;
}
#ilikecakelogo {
	width: 200px;
	float: left;
	margin-top:5px;
}

#textandprint {
	text-align: right;
	float: right;
	width: 350px;
	clear:both;
	margin-top:10px;
}
#textandprint ul{
margin:0;
padding:0;
}
#textandprint li{
display:inline;
}
#textandprint img{
border:none;
}
.searchbutton{
margin-bottom:-6px;}
#col2 img {
	float: left;
	margin: 0 2% 2% 0;
	width:30%;
}
.donations #col2 img {
	float: none;
	margin: 0;
	width:150px;
	height: auto !important;
	border: none;
}
@media (max-width: 550px){
	#col2 img {
		float: none;
		margin: 0;
		width:100%;
	}
}
#col2 img.small {
	float: left;
	margin: 0 2% 2% 0;
	width:12%;
}
#col2 img.full {
	float: none;
	margin: 0 0 2% 0;
	width:100%;
}
#col2 table img {
	
	width:100%;
	margin:0;
}
#col2 a {
	color: #29696E;
}

form{
margin:0;
padding:0;
}
.floatleft{
float:left;
margin-right:20px;
}

#leftnav{ margin:0 0 20px 0; line-height:1.3em;}
#leftnav ul{
margin:0;
padding:0;
}
#leftnav li{
	list-style: none;
}
#leftnav a{
	display:block;
	padding:15px;
	text-decoration:none;
	border-bottom:2px dotted #ccc;
	color:#444;
}
#leftnav a:hover{
	background: #F8F8F8;
}

#leftnav li li a{
	background: #FFF5D2;
	color: #333333;
	font-size: 85%;
}
#leftnav li.leftnav_current > a{
	background: #FECA0A;
	color: #333;
}
#leftnav li li a:hover{
background: #eeeeee;
color:#333333;
}

#gallery {
	position:relative;
	height:230px
}
	#gallery a {
	float:left;
	position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
	z-index:600;
	color:#666666;
	background:#F5F8EF;
	height:230px;
	width:273px;
	position:absolute;
	bottom:0;
	margin-left:700px;
	}

	#gallery .caption .content {
		margin:5px;
		font-size:125%;
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
	
	#gallery strong{
	
	}
	
.galcol1{
	padding:10px 20px;
	float:left;
	width:210px;
	margin-top:10px;
	font-size:120%;
}
.galcol2{
padding:10px 20px;
float:right;
width:340px;
border-left:solid 1px #ffffff;
height:55px;
margin-top:10px;
}

.galcol2 a{
color:#ff0000;
font-weight: bold;
text-decoration:underline;
font-size:75%;}

.smaller{
font-weight: bold;
font-size:75%;}

.galleryimages img, table img{

border: #CCCCCC 1px solid;
margin-bottom:10px;
padding:1px;}

.todo{
background:#FF00FF;
color:#FFFFFF;}

.boldandlineup strong {
	display: inline-block;
	width: 200px;
}
.snippet{
	background: #F8F8F8;
	color:#333333;
	border:1px solid #F3F3F3;
	margin:10px 0;
}
#col2 .snippet h3 {
margin:0;
padding:0;
background:#F3F3F3;

}
#col2 .snippet h3 a{
color:#444444;
text-decoration:none;
display:block;
padding:5px;
}
#col2 .snippet h3 a:hover{
color:#000000;
background:#eeeeee;
}
#col2 .snippet p{
margin:5px;
}
th{
	background:#FAFAEE;
	padding:3px;
	padding:10px 10px 10px 10px;
	text-align:left;
}
tr{ 
	border-top: 3px dotted #CCCCCC;
	
}
tr:first-of-type{ 
	border-top: none;
}
td{
	padding:10px 10px 10px 10px;
}

table.courses th{
	text-align:left;
	color:#555555;
}

td.width25pc{
width:25%;}

.tablestyle{
width:100%;
}
.tablestyle th{
	text-align:left;
	width:25%;
	background: #F9F9E8;

}
.highlightbox {
	background: #5DADA4 url(images/trainingcontactbox.jpg) no-repeat left center;
	padding: 20px 20px 20px 120px;
	border: 1px dashed #4F9D94;
	color: #FFFFFF;
	font-size: 130%;
	margin: 20px 0;
}
.highlightboxroom {
	background: #5DADA4 url(images/roomhirecontactbox.jpg) no-repeat left center;
	padding: 20px 20px 20px 120px;
	border: 1px dashed #4F9D94;
	color: #FFFFFF;
	font-size: 130%;
	margin-top: 50px;
	margin-bottom: 50px;
}
#col2 .highlightbox a, #col2 .highlightboxroom a{
	color:#FFFFFF;
	font-size:150%;
	text-decoration: none;
	
}

#col2 .highlightbox a:hover,#col2 .highlightboxroom a:hover{
	text-decoration: underline;
}

#col2 #daterow2, #col2 #daterow3, #col2 #daterow4, #col2 #daterow5, #col2 #daterow6, #col2 #daterow7, #col2 #daterow8, #col2 #daterow9, #col2 #daterow10{
	visibility:hidden;
	height:0px;
	margin: 0px;
	padding: 0px;
	position:absolute;
	right:0;
	top:0;
}
.stafftable th{
width:40%;
text-align:left;
background:#FFFFFF;}

.newsdate{ font-size:90%; color:#333; margin:5px 0 0px 0; line-height: 1.3em}
.newslink a{
	font-size:115%;
	color:#28676C;
	display:block;
	padding:10px 0;
	text-decoration:none;
	border-bottom: solid 1px #ffffff;
	margin:-5px 0 5px 0;
	line-height: 1em
	
}
p.newslink{ border-bottom: 1px dashed #999; margin:0 0 15px 0; line-height: 1.3em}
p.newslink:last-of-type{ border-bottom: none;}
.newslink a:hover{
	text-decoration:underline;	
}

h2{
	font-weight:normal;
	padding:10px;
	color:#fff;
	background: #29686D;
	font-size:150%;
	margin:10px 0;
}
h2 a{ color:#FFF; text-decoration: none;}
footer h2{
	color:#fff;
	background: none;
	font-size:110%;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

label.error {
	margin-left: 10px;
	width: auto;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #ffeeee;
	border: 1px solid #cccccc;
	padding: 2px 4px;
	display: inline;
	color: #dd0000;
}
.travellerspride input, .travellerspride textarea{ width:300px;}
.travellerspride input.checkbox{width:auto;}
.width220{ width:220px;}
.travellerspride td{ vertical-align:top;}.helplinetable{
	background: #666;
	padding: 10px;
	margin: 0 0 10px 0;
	width:100%;
}
.helplinetable td{ padding:7px;}
.helplinetable tr:nth-of-type(odd) td{
	background: #F5F5F3;
}
#latestnews{ width:30%; margin:0 5% 0 0; float:left;}
body.news #latestnews{ width:100%; margin:0 0 0 0; float:none;}

@media (max-width: 768px){
	body.news #latestnews{ display: none;}
}

#sn_pics{ width:30%; margin:0 5% 0 0; float:left;}
#twitterfeed{ width:30%; margin:0 0 0 0; float:right;}

@media (max-width: 768px){
	#latestnews{ width:100%; margin:0 0 0 0; float:none;}
	#sn_pics{ width:47%; margin:0 6% 0 0; float:left;}
	#twitterfeed{ width:47%; margin:0 0 0 0; float:right;}

}
@media (max-width: 500px){
	#sn_pics{ width:100%; margin:0 0 0 0; float:none;}
	#twitterfeed{ width:100%; margin:0 0 0 0; float:none;}
}

#sn_pics img{ width:100%;}

@media (max-width: 1024px){
	#sn_pics a{width:100%; display: block;}
	#sn_pics img{ width:100%;}
	#sn_pics a:nth-of-type(2n+2) img{ display: none;}
}
@media (max-width: 1024px){
	iframe{ width:100% !important;}
}

#sn_pics iframe body div:not(.esthumbs){ display: none; }
#sn_pics iframe body{ background: #f00;}
#whatwedo{ 
	border-top: 7px solid #FECA0A;
	border-bottom: 7px solid #FECA0A;
	margin:30px 0 20px 0;
	height:auto !important;
	
}


#whatwedo h2{ background:#FFF; margin:-18px auto 0 auto; color:#666; width: 30%; text-align:center; padding:0 10px 10px 10px;}

@media (max-width: 500px){
	#whatwedo h2{ width: 50%; margin:-20px auto 0 auto;}
}


.fblink a{ margin:5px 0 0 0; }
.vmlink a{ margin:5px 0 10px 0; }
.fblink a, .vmlink a{ text-decoration: none; color:#666; padding:5px 0 5px 0; display: block;}
.fblink a:hover, .vmlink a:hover{ opacity:0.8;}

#photos img{ float:left;}
#photos a{float:left; margin:0; padding:0; display:inline;  margin: 0 3px 3px 0;}
#photos a:nth-of-type(even){margin: 0 0 3px 0;}

#footer3 p{ margin: 5px 0;}/* cookie notification style */
#topcookie {
	padding: 10px 20px;
	background: #006B6E;
	color: #ffffff;
	text-align: center;
}
#topcookie a {
	color: #ffffff;
}
#topcookie a:hover {
	color: #ffffff;
	text-decoration: none;
}

#col2 ul, #col2 ol{ margin: 10px 0 10px 40px;}
#col2 li{ }

.boardstyle td{ vertical-align:top;}
#col2 table{ width:100%; margin:20px 0 20px 0;}

hr{ 
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 3px dotted #ccc;
	background: none;
	margin:10px 0 10px 0;
}
.imagetable tr td:nth-of-type(odd){ width: 30% !important;}
.imagetable tr td:nth-of-type(even){ width: 70% !important;}
.imagetable tr td{ vertical-align:top;}
#col2 .imagetable tr td:last-of-type a{	
	background:#FECA0A;
	color:#212121;
	text-decoration: none;
	padding:10px;
	text-transform:uppercase;
	font-weight: bold;
	font-size:85%;
}


#col2 .imagetable tr td:last-of-type a:visited{
	background: #35888E;
	color:#FFF;
}

#col2 .imagetable tr td:last-of-type a:hover{
	background: #BC6028;
	color:#FFF;
}
#breadcrumb{ margin:20px 0 0 0; color:#666;}

#breadcrumb a{
	color: #29686D;
	text-decoration: none;
}
#breadcrumb a:hover{
	color: #35888E;
	text-decoration: underline;
}
#col2 input:not([type="image"]), #col2 textarea{
	padding: 10px;
	width: 100%;
	background: #FFFBEA;
	border: 1px solid #666;
}
#col2 input[type="checkbox"]{
	width: auto;
	-ms-transform: scale(2); /* IE */
   -moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	padding: 10px;
	margin:5px 20px 5px 5px;
}
#col2 input[type="radio"]{
	width: auto;
	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	padding: 10px;
	margin:5px 20px 5px 5px;
}
#col2 input[type="submit"]{
	background: #ffd65e; /* Old browsers */
background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffd65e 0%,#febf04 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
}
#col2 label{ margin: 0 20px 0 0;}







#respnav-button { display: none; margin:10px 0 0 0;}




@media (max-width: 785px) {
	#respnav-button{ 
		display: block; 
		height: 52px; 
		background: #333333;
		margin: 0;
		font-size: 140%;

	}
	#navcontainer{ display: none;}
	
	#respnav-button a { 
		text-align: left; 
		display: block; 
		height: 52px; 
		background: #333333 url(/images/navicon.png) no-repeat right center;
		color:#FFF; 
		text-decoration: none; 
		text-transform:uppercase; 
		transition: all 2s; 
		padding:15px 11.5px 15px 11.5px;
	}
	
	#respnav-button a:hover{
		background: #009999  url(/images/navicon.png) no-repeat right center;
		transition: all 2s;
	}

	#topnav {
		background: #009999;
		font-size: 130%;
		margin: 0;
		height: auto;
	}

	#topimage { margin-top: 20px; }

	#topnav ul {
		padding: 0;
		margin:0 2px 0 -2px;
	}

	body nav#topnav a {
		display: block;
		background: #333333;
		border: none;
		transition: background 1s;
		width:100%;
		border-top: 1px solid #fff;
		padding: 10px;
		font-weight: normal !important;
	}
	

	body nav#topnav a:hover, body nav#topnav li.current a {
	text-decoration: none;
	background: #FFCB06;
	transition: background 1s;
}
	
	body nav ul ul{ display: none; width:0; height:0; overflow: hidden;}
}


.bx-wrapper {
	width: 100% !important;
	margin: 0 auto 0px;
	overflow: hidden;
}

.bxslider {
	margin: 0 !important;
}
.bx-viewport {
	border: 0 !important;
	left: 0 !important;
}

#supnav{
	text-align: right;
	background: #508387;
	
}
#supnavcontainer{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	padding:5px 0;
}
@media (max-width: 1040px){
	#supnavcontainer{
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
	}
}
#supnav li{ list-style-type: none; display: inline;}
#supnav li a{ color:#FFF; text-decoration: none; padding:5px;}
#supnav li a:hover{ text-decoration: underline;}

#ilikecake{
	background: #333;
	text-align: center;
	font-weight: normal;
	padding: 10px;
	font-size: 75%;
}
#ilikecake a{color:#fff; text-decoration: none;}
#ilikecake a:hover{color:#ff0; text-decoration: none;}


.centre{ text-align: center; font-size: 20px; padding: 20px 0;}