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

/*@font-face {
    font-family: 'myriad-pro';
    src: url('/css/fonts/myriad-pro.eot'); 
    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: 'century gothic', arial, sans-serif;
	overflow-x: hidden;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.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:before,
.clearfix:after {
    content: " "; 
    display: table;
}
.clearfix:after {
    clear: both;
}

.clear{ clear: both;}


body{ font-size:90%; color:#555; }

#supercontainer { position: relative; padding: 0; margin: 0; height: 100%; }
#adminbar {
	height: 44px;
	width: 100%;
	padding: 5px 180px 5px 180px;
	background: #586875 url(../images/cakepresstiny.jpg) no-repeat 15px center;
	border-bottom: 1px solid #D5D8C2;
	z-index: 999;
	position:relative;
	color: #ffffff;
	top:0;
}

#adminbar h1 {
	font-family: 'myriad-pro';
	font-size: 170%;
	float: left;
	color: #ffffff;
	margin: 0;
	padding: 2px 0 0 0;
}
@media (max-width: 520px){
#adminbar h1{ display: none;}
}

#adminbar a {
	color: #ffffff;
	text-decoration: underline;
}
#adminbar a{ text-decoration: none;}
#adminbar p.page{
	width: 200px;
	margin: 0 auto 0 auto;
	text-align: center;
	border: 2px dashed #FFF;
}
#adminbar p.page a{ display: inline-block; width:100%; height:100%; padding: 7px 0px 7px 0px; background: #8797A5;}
#adminbar p.page a:hover{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 7px 0px 7px 0px;
	background: #517A80;
}
#adminbar p.logout{ position: absolute; top:3px; right:10px; background:url(../images/icon-exit.png) no-repeat left center; padding:7px 10px 10px 40px;}


@media (max-width: 880px){
#adminbar .name{ display: none;}
}


#mainlogo{ width:25%; float:left;}
#mainlogo img{ width:100%;}
@media (max-width: 1135px){
	#mainlogo{ width:350px; float:none; text-align:center; margin:0 auto;}
}
@media (max-width: 400px){
	#mainlogo{ width:100%;}
}

#accesscontrols{ width:400px; float: right; padding:50px 0 0 0; }
@media (max-width: 720px){
	#accesscontrols{ width:100%; float:none; padding:20px 0 0 0;}
}
#bgcolour{width:50%; float:left; padding: 0 0 0 15%;}
#bgcolour a{ display:block; width:100%; height:100%;}
#textsize{width:50%; float:left; padding: 0 0 0 15%;}
#textsize a{ color:#333;}
#textsize a:hover{
	color: #EE3169;
}
.container{ width:1200px; margin:0 auto;}
@media (max-width: 1240px){
.container{ width:100%; padding:0 20px;}
}
#header{ background:#4F97D2; padding:20px 0;}
#topnav{ float:left; width:75%; padding:30px 0;  font-size:100%;}

#topnav ul{ text-align:right;}
@media (max-width: 1135px){
	#topnav{ width:100%; padding:20px 0 0 0;}
	#topnav ul{ text-align:center;}
}
#topnav li{ display: inline; list-style-type: none;}
#topnav a{ 
	color:#FFF; 
	text-decoration: none; 
	padding:10px; 
	display:inline-block;
	text-transform:uppercase;
}

#topnav a:hover, #topnav a.current{
	background:#8CBBE1;
	border-radius:5px;
}


@media (max-width: 850px){
	#topnav a{
		display:block;
	}
}
#sitesearch{ float:right; width:25%; padding:15px 15px 15px 15px; text-align:right;}
@media (max-width: 1000px){
	#sitesearch{ width:100%; text-align:center;}
}
#sitesearch label span{ position:absolute; width:0; height:0; overflow: hidden;}
#sitesearch input[type="image"]{ margin:0 0 -5px 0;}

label{ float:left; width:27%; margin:0 3% 0 0;}
input, textarea, select{ float:left; width:70%; padding:10px; border-radius:5px; border: 1px solid #E2AF4F; margin:0 0 10px 0;}
input[type='submit']{
		float:none; width:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#febf01+0,e2af4f+100 */
	background: #febf01; /* Old browsers */
	background: -moz-linear-gradient(top, #febf01 0%, #e2af4f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #febf01 0%,#e2af4f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #febf01 0%,#e2af4f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf01', endColorstr='#e2af4f',GradientType=0 ); /* IE6-9 */
	color:#FFF;
	text-transform: uppercase;
	font-size:120%;
	cursor: pointer;
    border-radius: 5px;

}

#newsslider{ 
	margin:0 0 2%  0
}
#slider{ 
	height:280px;
}
#cta{ background:#4F97D2; padding:25px 0; color:#FFF;}
#cta p{}
#ctaarrow{
	background: #4F97D2;
	margin:-15px auto 0 auto;
	clear:both;
}
.featurearrow {
   width: 30px; 
   height: 30px; 
   background: purple;
   margin: -15px auto 0 auto;
   /* Rotate */
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
   /* Rotate Origin */
   -webkit-transform-origin: 0 100%;
   -moz-transform-origin: 0 100%;
   -ms-transform-origin: 0 100%;
   -o-transform-origin: 0 100%;
   transform-origin: 0 100%;
   position:relative;
   z-index:50;
}



h1{
	font-size: 230%;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	color: #4F97D2;
}
body.index h1{margin: 60px 0 20px 0;}
h1 a{ color:#59081F; text-decoration: none; transition: color 1s;}
h1 a:hover{
	color: #4F97D2;
}
h2{ font-size:150%; text-transform: uppercase; margin:40px 0 0 0;}

#col1 li {
    list-style: url(none) none;
    background: url(/userfiles/images/bullet.png) no-repeat left 10px;
    padding: 10px 0 10px 45px;
}

#maincontent p{ line-height:150%; margin:10px 0;}
#maincontent a{
	color: #4F97D2;
}
#maincontent a:hover{
	color: #4F97D2;
	text-decoration: none;
}
#welcome{
	float:left; 
	width:50%;
	margin:40px 0;
}
@media (max-width: 768px){
	#welcome{
		float:none; 
		width:100%;
	}
}
#welcome img{ float:left; margin:0 10px 10px 0;}
#quicklinks{
	float:left; 
	width:50%; 
	margin:40px 0;
}
@media (max-width: 768px){
	#quicklinks{
		float:none; 
		width:100%;
	}
}
#quicklinks li{ display:block; float:left; width:32%; text-transform: uppercase; text-align:center; margin:0 2% 0 0;}
#quicklinks li:nth-of-type(3n+3){ margin:0 0 0 0;}
#quicklinks a{ color:#555; text-decoration: none; padding:100px 0 0 0; height:130px; display:block; opacity:1; transition: opacity 2s;}
#quicklinks a:hover{ opacity:0.6;}

#maincontentarrow{
	background: #fff;
	margin:15px auto -15px auto;
	clear:both;
}

#links-membership a{ background:url(../userfiles/images/icon-membership.png) no-repeat center top;}
#links-support a{background:url(../userfiles/images/icon-support.png) no-repeat center top;}
#links-faqs a{background:url(../userfiles/images/icon-faqs.png) no-repeat center top;}
#links-treatments a{background:url(../userfiles/images/icon-treatments.png) no-repeat center top;}
#links-blog a{background:url(../userfiles/images/icon-blog.png) no-repeat center top;}
#links-resources a{background:url(../userfiles/images/icon-resources.png) no-repeat center top;}

#latestnews{ background: #FEF3EB; padding:50px 0 25px 0;}
#latestnews h1 img{ float:left; margin:0 15px 25px 0;}
#latestnews h1 span{ float:left; padding:20px 0 0 0; display:block;}
@media (max-width: 700px){
	#latestnews h1{ font-size: 180%;}
	#latestnews h1 img{ width:40px; height:40px;}
	#latestnews h1 span{padding:5px 0 0 0;}
}
#latestnews ul{ clear:both;}
#latestnews li{ width:32%; float:left; list-style-type: none;  margin:0 2% 2% 0;}
#latestnews li:nth-of-type(3n+3){ margin:0 0 2% 0;}

@media (max-width: 1024px){
	#latestnews li{ width:49%; float:left; list-style-type: none;  margin:0 2% 2% 0;}
	#latestnews li:nth-of-type(3n+3){ margin:0 2% 2% 0;}
	#latestnews li:nth-of-type(2n+2){ margin:0 0 2% 0;}
}

@media (max-width: 700px){
	#latestnews li{ width:100%; float:none; list-style-type: none;  margin:0 0% 2% 0;}
	#latestnews li:nth-of-type(3n+3){ margin:0 0% 2% 0;}
	#latestnews li:nth-of-type(2n+2){ margin:0 0 2% 0;}
}


#latestnews li img{ float:left; width:150px;}
#latestnews li span{margin:15px; display:inline-block; float:left; width: calc(100% - 180px); }
#latestnews li a{ color:#FFF; display:block; width:100%; height:100%; background:#F48331; transition: background 2s;}
#latestnews li a:hover{
	background: #E74C3C;
}

#latestnewsarrow{
	margin: -15px auto -15px auto;
	clear: both;
	background: #FEF3EB;
}

#sitemap{ background:#B11B22; color:#fff; padding:15px 0;}
#sitemap h1{ text-transform: none; color:#FFF; font-size:150%; margin:0; padding:0; }
#sitemap h1 a { color:#FFF; text-decoration: none;}
#sitemap .block{
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
	margin-bottom:20px;
	break-before: always;
	-webkit-column-break-before: always;
}
@media (max-width: 760px){
	#sitemap{
		display: none;
	}
}

#sitemap h2{ font-size:110%;}
#sitemap h2 a{ color:#FFF; text-decoration: none;}

#sitemap li { list-style-type: none;}
#sitemap li a{color:#FFF; text-decoration: none;}
#sitemap li a:hover{text-decoration: underline;}
#innerfooter{
	-webkit-column-count: 5; /* Chrome, Safari, Opera */
    -moz-column-count: 5; /* Firefox */
    column-count: 5;
	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
	padding:20px 0 0 0;
}

#footer{  line-height:165%; font-size:90%; margin:2% 0}
#footer .container.contact{background: #F1F1EB; padding:25px;}
@media (max-width: 1240px){
	#footer .container{ margin:0 2%; width:96%;}
}
#footer a{
	color: #54B1F7;
}
#contact{ float:left; width:60%;}

@media (max-width: 700px){
	#contact{ width:100%; float:none; text-align:center;}
}
#logo{ float:left; width:40%; text-align: center;}
@media (max-width: 700px){
	#logo{ width:100%; float:none; text-align:center; margin:0 0 25px 0;}
}
#snlinks{ float:left;  width:40%; text-align:right;}
@media (max-width: 900px){
	#snlinks{ width:50%;}
}
@media (max-width: 700px){
	#snlinks{ width:100%; float:none; text-align:center; margin:25px 0 0 0;}
}
#snlinks img{ margin:0 0 0 15px;}
#snlinks a{opacity:1; transition: opacity 2s;}
#snlinks a:hover{ opacity:0.6;}

#subfooter{ text-align:center; font-size:90%;}
#subfooter p{ margin:10px 0;}
#subfooter img{ margin:20px;}



#sharethispage {
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 50px 0;
}
#sharethispageheader{ padding: 15px;}
#sharethispage h2 {
	color: #FFF;
	text-transform: none;
	font-size: 150%;
	margin: 0;
	padding:10px;
	background: #54B1F7;	
}
#sharethispage ul { text-align:center; padding:40px 0 0 0;}
#sharethispage li { list-style-type: none; display:inline-block; margin:0 10px 0 10px;}
#sharethispage a { color:#555; text-decoration: none;}
#sharethispage a:hover img{ opacity:0.8;}
#sharethispage img{ margin:0 10px -15px 10px; opacity:1;}

@media (max-width: 760px){
	#sharethispage span{ display: none;}
}
@media (max-width: 500px){
	#sharethispage li { margin:0 0px 0 0px;}
	#sharethispage img{ margin:0 5px -15px 5px;}
}
.breadcrumb{ margin:0 0 15px 0;}
@media (max-width: 760px){
	.breadcrumb {
		margin:0 0 10px 0%;
	}
}
.breadcrumb ul{
	margin: 10px 0 0 0;
	color: #4F97D2;
}
.breadcrumb li{ display: inline; background: url(/userfiles/images/arrowtop.png) no-repeat left top; padding: 0 0 0 0px; }
.breadcrumb ul li:first-child{ background: url(/userfiles/images/breadcrumbhome.png) no-repeat left center; padding: 5px 0 5px 0px; }
.breadcrumb ul li:first-child a{ display: inline-block; width: 30px; height:30px}
.breadcrumb a{
	text-decoration: none;
	color: #4F97D2;
}
.breadcrumb a:hover{
	color: #4F97D2;
	text-decoration: underline;
}
.breadcrumb li:first-child span{
	display: none;
}
#respnav-button { display: none; }
nav#one{ margin:0 auto;}
@media (max-width: 850px){
	nav#one{ display: none;}
	#respnav-button { display: block; }
}
nav#one > ul > li > ul > li a{
	text-decoration: none;
	text-transform: none;
	color: #FFF;
	padding: 8px 10px;
	display: block;
	font-size:90%; 
	text-align:left; 
	margin: 0 0 0px 0;
	/*border-bottom: 1px solid #fff;*/
	opacity:1;
	border-radius:0;
}

nav#one > ul > li > ul > li:last-of-type a{
	border-bottom: none;
}

nav#one > ul > li > ul > li a:hover{
	background: #307CBA;
	color: #FFF;
	border-radius: 0;
}
nav#one > ul > li{
	display:inline-block;
	position: relative;
}
@media (max-width: 850px){
	nav#one > ul > li{
		display:block;
		border-left: none;
		border-bottom: solid 1px #fff;
		text-align:left;
	}	
}
nav#one > ul > li > ul {
	
	position: absolute;
	width: 200px;
	
	left: 0;
	z-index: 999;
}

nav#one > ul > li > ul{
	/*border: 1px solid #fff;*/
	background: #96BA5A;	
}
nav#one > ul > li.current > ul{
	/*border-top: 1px solid #fff;
	border-right: 1px solid #6DA800;
	border-bottom: 1px solid #6DA800;
	border-left: 1px solid #6DA800;*/
}



nav#one > ul > li > ul > li {
	display: block;
	float: none;
}





#respnav-button { display: none; margin:10px 0 0 0;}
@media (max-width:850px) {
	#respnav-button{ 
		display: block; 
		height: 44px; 
		background: #EF5220;
		
	}
}

#respnav-button a {
	text-align: left;
	display: block;
	height: 44px;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 2s;
	padding: 12px 20px 12px 20px;
	background-color: #EF4A31;
	background-image: url(/userfiles/images/navicon.png);
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #fff;
	}
	
#respnav-button a:hover{
	transition: all 2s;
	background-color: #E74C3C;
	background-image: url(/userfiles/images/navicon.png);
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #fff;
}


@media (max-width: 850px){
	nav#one{ width: 100%; float:none;}
}



@media (max-width: 500px){
	nav#one > ul > li{ line-height:250%;}
	#logo img{ width:90%;}
}


/*#one > ul > li:hover > ul, #one > ul > li > ul { display: none !important;}
#one > ul > li:hover > ul { display: block;}*/

#one > ul > li > ul { display: none;}

#one > ul > li:hover > ul { display: block;}


@media (max-width: 850px){
	#one > ul > li:hover > ul { display: none;}
}




*{
    margin: 0px;
    padding: 0px;
}
body, html{
    height: 100%;
}
.bx-viewport, .bx-wrapper{
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
}
.bxslider, .bxslider li{
    height: 100% !important;;
}
.bxslider li{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
	position: relative;
}
.bx-wrapper .bx-viewport{
    border: none !important;
}
.bxslider li span.title {
	color: #fff;
	padding: 10px;
	font-size: 120%;
	font-weight: normal;
	background-color: #54B1F7;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	float:left;
	margin:200px 0 0 0;
	text-transform: uppercase;
}
.bxslider li span.caption {
	color: #fff;
	padding: 10px;
	font-size: 120%;
	font-weight: normal;
	background-color: #E74C3C;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	float:left;
	margin:200px 0 0 0;
	text-transform: uppercase;
}

.bx-controls{ position:relative; z-index:100;  width:1200px; margin: -250px auto 0 auto; text-align:right;}
@media (max-width: 1200px){
.bx-controls{width:100%; }
}

time{ font-size:120%;}

.bx-prev{ background: url(../userfiles/images/prev.png) no-repeat center center; padding:15px; margin:5px; outline: none;}
.bx-next{ background: url(../userfiles/images/next.png) no-repeat center center; padding:15px; margin:5px; outline: none;}

#headerimage{ height:280px;}


.navcontentimage{ width:100%; padding-top:66%; display:block; background-size: cover; transition: all .2s ease-in-out; opacity:1;}
.navcontentimage:hover{transform: translate(0px, 0px) scale(1.03); opacity:0.8;}


.navcontent { 
	width:32%; 
	float:left;
	margin:0 2% 2% 0;
	
}
.navcontent:nth-of-type(3n+3) { 
	margin:0 0 2% 0; 
}
.navcontent:nth-of-type(3n+1) {
	clear:both;
}

@media (max-width: 850px){
	.navcontent { 
		width:49%; 
		float:left;
		margin:0 2% 2% 0;
		
	}
	.navcontent:nth-of-type(3n+3) { 
		margin:0 2% 2% 0;
	}
	.navcontent:nth-of-type(2n+2) { 
		margin:0 0% 2% 0;
	}
	.navcontent:nth-of-type(3n+1) {
		clear:none;
	}
	.navcontent:nth-of-type(2n+1) {
		clear:both;
	}
}

@media (max-width: 550px){
	.navcontent { 
		width:100%; 
		float:none;
		margin:0 0 2% 0;
		clear:both;		
	}
}


.navcontent h2{ font-size:120%; margin:10px 0; color:#555; }
.navcontent a{ text-decoration: none; color: #555; text-transform:uppercase; font-size:95%;}
.navcontent a:hover{
	color: #4F97D2;
}



 .moreinfo-block h2{
	font-size: 120%;
	border-bottom: 1px solid #ccc;
	background-color: #F1F1EB;
	text-transform: none;
	margin:0;
}
 .moreinfo-block .moreinfo-container h2{
	margin:20px 0 0 0;
	text-transform:uppercase;
	padding:10px;
	font-size:100%;
	clear:both;
}
 .moreinfo-block .moreinfo-container ul,  .moreinfo-block .moreinfo-container ol{
	 clear:both;
}
 .moreinfo-block h2.moreinfo-selected,  .moreinfo-block h3.moreinfo-selected{
	transition: background 2s;
	background: #7AA236;
	color:#FFF;
}
#maincontent .moreinfo-block h2 a, #maincontent .moreinfo-block h3 a{ color:#333; text-decoration: none; display: block;  padding:20px 10px 18px 10px; text-transform: uppercase; font-size:80%;}

#maincontent .moreinfo-block .moreinfo-selected a{ color:#FFF;}

/* .moreinfo-block h2 a::after,  .moreinfo-block h3 a::after
{
    content:url(/userfiles/images/arrowaccord.png);
    float:right;
    -moz-transition:0.5s all;
    -webkit-transition:0.5s all;
	transition:0.5s all;
	-webkit-transform-origin:50% 45%; 
	-moz-transform-origin:50% 45%; 
	transform-origin:50% 45%; 
}

 .moreinfo-block h2 a:hover::after,  .moreinfo-block h3 a:hover::after
{
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);

}
 .moreinfo-block h2.moreinfo-selected a::after,  .moreinfo-block h3.moreinfo-selected a::after
{
    content:url(/userfiles/images/arrowaccord.png);
    float:right;
    -moz-transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);


} */

 .moreinfo-block .moreinfo-container h3{
	color: #528085;
	font-size: 120%;
	margin: 15px 0 15px 0;
	background:none;
	padding:0;
}
 .moreinfo-block .moreinfo-container h3 a{
	color:#E3005B;
	text-decoration: underline;
	display: inline;
	padding:0;
	margin:0;
}



.moreinfo-container{
	
	margin: 0;
	padding: 20px;
	background:#E8E8DD;
}
.moreinfo-container p{ margin:0; padding:0; }

.moreinfo-container img{
	float: left;
	margin: 0 15px 15px 0;
	padding: 10px;
	border: 1px solid #fff;
	background: #F1F1EB;
	max-width:150px;
	max-height:150px;
}

 .moreinfo-container a{ color:#E3005B; text-decoration: underline;}
 
#col1{ width: 66%; float:left;  margin:60px 0 0 0;}
#col2{ width: 30%; float:right; margin:70px 0 0 0;}

body.toplevel #col1, body.Good-Practice-Examples #col1, body.training #col1{ width:100%; float:none;}
body.toplevel #col2, body.Good-Practice-Examples #col2, body.Training #col2{ display: none;}

body.toplevel.about-us #col1{ width: 66%; float:left;  margin:60px 0 0 0;}
body.toplevel.about-us #col2{ width: 30%; float:right; margin:70px 0 0 0; display:block;}


@media (max-width: 600px){
	#col1, body.toplevel.about-us #col1{ width: 100%; float:none;  margin:60px 0 0 0;}
	#col2, body.toplevel.about-us #col2{ width: 100%; float:none; margin:20px 0 0 0;}
}

#col2 img{ width:100%;}

.colour-box {
	border-color: #909ea2;
	border-width: 1px;
	border-style: solid;
	width: 12px;
	height: 12px;
	float: left;
	margin: 10px 5px 5px 5px;
}
.colour-box:first-of-type{margin: 10px 5px 5px 0px;}

.font-size{
	float: left;
	cursor:pointer;
	padding-right: 5px;
}

.homebox, body.index .navcontent{ float:left; width:48%; margin: 2% 4% 2% 0; background-size:cover;}

.homebox:nth-of-type(2n+2), body.index .navcontent:nth-of-type(2n+2){margin: 2% 0 2% 0;}
@media (max-width: 500px){
	.homebox{ float:none; width:100%; margin: 2% 0;}
	.homebox img{ display: none;}
}
#maincontent .homebox a, body.index #maincontent .navcontent a{ width:100%; height:100%; display:block; color:#FFF; text-decoration: none; text-transform:uppercase; font-size:150%; transition: opacity 1s}
@media (max-width: 930px){
	#maincontent .homebox a, body.index #maincontent .navcontent a{font-size:120%;}
}
@media (max-width: 500px){
	#maincontent .homebox a, body.index #maincontent .navcontent a{font-size:150%;}
}

#maincontent .homebox a span, body.index #maincontent .navcontent a span{padding:25px; display:block;}
@media (max-width: 700px){
	#maincontent .homebox a span, body.index #maincontent .navcontent a span{ height: 100px;}
}
@media (max-width: 500px){
	#maincontent .homebox a span, body.index #maincontent .navcontent a span{ height: auto;}
}
#maincontent .homebox a img, body.index #maincontent .navcontent a img{ width:100%;}


#homebox1 a{ background:#E74C3C;}
#homebox2 a{ background:#82AD3A;}
#homebox3 a{ background:#54B1F7;}
#homebox4 a{ background:#DEA438;}

#homebox1 span{ background:url(../userfiles/images/icon_1.png) no-repeat center right; background-size: auto 80%;}
#homebox2 span{ background:url(../userfiles/images/icon_3.png) no-repeat center right; background-size: auto 80%;}
#homebox3 span{ background:url(../userfiles/images/icon_2.png) no-repeat center right; background-size: auto 80%;}
#homebox4 span{ background:url(../userfiles/images/icon_4.png) no-repeat center right; background-size: auto 80%;}

@media (max-width: 775px){
	#homebox1 span, #homebox2 span, #homebox3 span, #homebox4 span{ background:url(none);}
}

#maincontent .homebox a:hover{ opacity:0.8;}

.courseinfo{ float: left; width:68%; padding:0 20px 0 0; border-right: dashed 2px #ccc;}
.contactinfo{ float: left; width:32%; padding:0 0 0 20px;}

@media (max-width: 775px){
	.courseinfo{ float: none; width:100%; padding:0 0 0 0; border-right: none;}
	.contactinfo{ float: none; width:100%; padding:0 0 0 0;}
}

.trainingcontent .bluebutton{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b6da4+1,1b4567+100 */
	background: #2b6da4; /* Old browsers */
	background: -moz-linear-gradient(top, #2b6da4 1%, #1b4567 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #2b6da4 1%,#1b4567 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #2b6da4 1%,#1b4567 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b6da4', endColorstr='#1b4567',GradientType=0 ); /* IE6-9 */
	padding:8px 20px;
	border:1px solid #1D4A6E;
	float:right;
	color:#FFF;
	font-size:90%;
	margin:-10px 0 0 0;
	text-decoration: none;
	text-transform: uppercase;
    border-radius: 5px;
}


.trainingcontent .bluebutton:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e74e3e+0,bb2717+100 */
	background: #e74e3e; /* Old browsers */
	background: -moz-linear-gradient(top, #e74e3e 0%, #bb2717 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e74e3e 0%,#bb2717 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e74e3e 0%,#bb2717 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e74e3e', endColorstr='#bb2717',GradientType=0 ); /* IE6-9 */padding:8px 20px;
	border:1px solid #bb2717;
	float:right;
	color:#FFF;
	font-size:90%;
	margin:-10px 0 0 0;
	text-decoration: none;
	text-transform: uppercase;
    border-radius: 5px;
}

.trainingcontent .redbutton{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e74e3e+0,bb2717+100 */
	background: #e74e3e; /* Old browsers */
	background: -moz-linear-gradient(top, #e74e3e 0%, #bb2717 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e74e3e 0%,#bb2717 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e74e3e 0%,#bb2717 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e74e3e', endColorstr='#bb2717',GradientType=0 ); /* IE6-9 */padding:8px 20px;
	border:1px solid #bb2717;
	float:right;
	color:#FFF;
	font-size:90%;
	margin:-10px 0 0 0;
	text-decoration: none;
	text-transform: uppercase;
	display: none;
    border-radius: 5px;
}
.trainingcontent .moreinfo-selected .redbutton{ display:block;}
.trainingcontent .moreinfo-selected .bluebutton{ display:none;}
.trainingcontent .moreinfo-selected .redbutton span.x{ display:none;}
@media (max-width: 600px){
	.trainingcontent .bluebutton span{ display: none;}
	.trainingcontent .moreinfo-selected .redbutton{ margin: 10px 10px 5px 10px;}
	.trainingcontent .moreinfo-selected .redbutton span.x{ display:block; }
	.trainingcontent .moreinfo-selected .redbutton span.close{ display:none;}
}
@media (max-width: 500px){
	.trainingcontent .orgname { display: block; clear: both; width:100%; margin: 5px auto; text-align:center;}
	.trainingcontent .bluebutton { display: none;}
	
}

#maincontent a.greenbutton{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#82ad3a+1,597728+100 */
	background: #82ad3a; /* Old browsers */
	background: -moz-linear-gradient(top, #82ad3a 1%, #597728 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #82ad3a 1%,#597728 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #82ad3a 1%,#597728 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82ad3a', endColorstr='#597728',GradientType=0 ); /* IE6-9 */
	padding:8px 20px;
	border:1px solid #597728;
	float:right;
	color:#FFF;
	font-size:110%;
	margin:10px 0;
	text-decoration: none;
	text-transform: uppercase;
    border-radius: 5px;
	transition: all 2s;
}
#maincontent a.greenbutton:hover{
	background: #febf01; /* Old browsers */
	background: -moz-linear-gradient(top, #febf01 0%, #e2af4f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #febf01 0%,#e2af4f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #febf01 0%,#e2af4f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf01', endColorstr='#e2af4f',GradientType=0 ); /* IE6-9 */
	border: 1px solid #e2af4f;
}

#trainingkeywordsearch{ width:50%; float:left; padding:0 3%; border-right: 2px dashed #fff;}
#trainingregionsearch{ width:50%; float:left; padding:0 3%;}
@media (max-width: 790px){
	#trainingkeywordsearch{ width:100%; float:none; padding: 3%; border-right: none; border-bottom: 2px dashed #fff;}
	#trainingregionsearch{ width:100%; float:none; padding: 3%;}
}


#trainingsearch{ background:#4F97D2; padding:20px 0; color:#FFF;}
#trainingsearch label{ text-transform: uppercase;}
#trainingsearch h2{ text-align: center; margin:0 20px 20px 20px;}
#trainingsearch input[type='text'], #trainingsearch select{
	border: 1px solid #1D496E;
}
#trainingsearch input[type='submit']{ 
	background: #2b6da4; /* Old browsers */
	background: -moz-linear-gradient(top, #2b6da4 1%, #1b4567 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #2b6da4 1%,#1b4567 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #2b6da4 1%,#1b4567 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b6da4', endColorstr='#1b4567',GradientType=0 ); /* IE6-9 */
	padding:12px 20px;
	border:1px solid #1D4A6E;
	float:right;
	color:#FFF;
	font-size:110%;
	margin:0 0 10px 0;
	width:70%;
	float:right;
    border-radius: 5px;
	transition: all 2s;
}
#trainingsearch input[type='submit']:hover{ 
	background: #82ad3a; /* Old browsers */
	background: -moz-linear-gradient(top, #82ad3a 1%, #597728 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #82ad3a 1%,#597728 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #82ad3a 1%,#597728 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82ad3a', endColorstr='#597728',GradientType=0 ); /* IE6-9 */
	border:1px solid #597728;
}
.highlight{
	font-weight: bold;
	background: #FBBD0A;
	color: #000;
}
#map_canvas h2{
	color: #4F97D2;
	padding:10px 0 0 0;
}
#col1 #map_canvas li{ padding:15px 0 10px 45px}
#col1 #map_canvas img{
	float: right;
	border: 1px solid #ccc;
	margin: 5px 10px 10px;
	padding: 10px;
	max-width:100px;
}


.valid8form{
	width: 75%;
	margin: 0 auto;
	border: 2px solid #E2AF4F;
	border-radius: 10px;
	padding: 30px 50px;
	background: #FEFDFC;
}

@media (max-width: 775px){
	.valid8form{
		width: 95%;
	}
}
@media (max-width: 500px){
	.valid8form{
		width: 100%;
		padding: 20px;
	}
}

table{ width: 100% !important;}
th{ background: #4F97D2; padding:10px; color:#FFF; text-align:left;}
td{padding:10px;}
tr:nth-of-type(even){
	background: #E6E6D9;
	color:#000;
}
tr:nth-of-type(odd){
	background: #E0E0D1;
	color:#000;
}

#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;}