/*
Theme Name: STCW10
Version: 1.1
*/

body {

	margin: 0px; padding: 0px; background: #000;

	font: 14px/22px 'Open Sans';

	color: #191919;

	 background: url(images/back.jpg) no-repeat center center fixed; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}

a{ color:#09F; font-weight: 700; }

#phone a:hover{ color: #fff; }

#wrapper{ 

	width: 1200px; 

	margin: 0px auto;

	background: #FFF;

	-webkit-box-shadow: 6px 6px 19px 0px rgba(0, 0, 0, 0.37);

-moz-box-shadow:    6px 6px 19px 0px rgba(0, 0, 0, 0.37);

box-shadow:         6px 6px 19px 0px rgba(0, 0, 0, 0.37);

}

#header{  background: url(images/header-back.png);  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); }

#menu{ background: #000; position: relative; z-index:999999;}



#menu ul												{ padding:0; margin:0; list-style:none; }

#menu ul li											{ padding:0; margin:0; list-style:none; text-shadow: black 0.1em 0.1em 0.2em; display:inline-block; *display: inline; zoom:1; }

#menu ul li a											{ color: #FFF; font: 700 18px/56px 'Open Sans'; text-decoration: none; padding: 0px 10px; display: inline-block; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);}

#menu ul li.current-menu-item > a,

#menu ul li.current-menu-parent > a					{ color:#fff; }

#menu ul li a:hover									{ color:#fff; background:#ffcc00 }

#menu ul li ul.sub-menu								{ opacity: 1; position:absolute; margin:0; padding:0; background:#333; display:none; z-index:9999999999999999; overflow:hidden; border:none; }

#menu ul li ul.sub-menu li							{ display:block; margin:0; padding:0; width:250px;}

#menu ul li ul.sub-menu li a							{ margin:0; padding:0 20px; font-size:14px; font-weight:normal; border:none; line-height:34px; display:block; }

#menu ul li ul.sub-menu li a:hover,

#menu ul li ul.sub-menu li.current-menu-item a		{ background-color:#ffcc00; color:#fff; border-radius:0;  }





#content{ padding: 30px; clear:both; }

h1,h2,h3,h4,form,p{ margin: 0px; padding: 0px; margin-bottom: 20px; }

h1{ font: 700 28px/36px 'Open Sans'; color: #0a1d44; }

h2{ font: 700 22px/30px 'Open Sans'; color: #333; }



#leftCol{ float: left;  width: 30%; margin-left: 3%}
#midCol{ float: left; width: 30%; margin-left: 3%}
#rightCol{ float: left; width: 30%; margin-left: 3%}

/*.rightCol img{ margin-bottom: 30px;  -webkit-box-shadow: 2px 2px 10px 0px #CCC; -moz-box-shadow: 2px 2px 10px 0px #CCC; box-shadow: 2px 2px 10px 0px #CCC;  } */



#logo{ padding: 15px; font-size: 36px; line-height: 32px; color: #ffcc00; font-weight: 700; letter-spacing: 1px;  float: left; text-transform: uppercase; text-align: center; width: 33%;

font-family;arial;}

#amsa{ padding: 15px;font-size: 18px; font-style: italic; font-weight: 600; color: #FFF; float: left; text-align: center;width: 33%;} 

#phone{ padding: 15px; text-align: center; float: left; width: 23%; color: #FFF; font-size: 23px; font-weight: 700;color: #ffcc00;}

#phone .location{ display: block; text-transform: uppercase;  font-size: 16px; letter-spacing: 2px; color: #FFF; line-height: 26px;} 

#footer{ padding: 15px; clear: both; text-align:center; font-size: 13px; line-height: 22px; background: #EEE; }

.clear{ clear: both; }



.alignright { float:right; margin-left: 30px; margin-bottom: 30px; }

.alignleft { float:left; margin-right: 30px; margin-bottom: 30px; }

/*input[type="text"],input[type="email"],textarea{ width: 95%; padding: 4px; }*/

select{ padding: 4px; }

/*input[type="text"].shortInput{ width: auto; }*/

input.error, textarea.error{  border: 1px solid #C00; -webkit-box-shadow: 0px 0px 5px 0px #C00; -moz-box-shadow: 0px 0px 5px 0px #C00; box-shadow: 0px 0px 5px 0px #C00; }

.error{ color: #C00; }

#enrolmentForm{ padding: 10px; border: 1px solid #CCC;  background: #EEE; }

td h1, td h3{ background: #000; color: #FFF; margin: 0px; padding: 10px; }

.red{ color: #CC0000; font-weight: 700; }

.threecol{ width: 30%; float: left; margin-right: 5%;}

.threecol:nth-child(3n+3){ width: 30%; float: left; margin-right: 0px; }

 .slicknav_menu{ display: none; } 

a.button{ padding: 10px; border-radius: 10px; background: #09F; color: #FFF; text-decoration: none; position: relative; display: inline-block;}

a:hover.button {  background: #00298A; }


.cycloneslider-template-standard {
	margin-bottom: 0px !important;
}

.formwrapper {

	border: 1px solid black;
	background-color: #DDDDDD;

}

div.wpcf7 {
	margin:auto;
	width: 600px;
 	
}

#formheadings1, .formheadings {
	background-color: #000;
	color: #ffffff;
	padding: 10px;

	margin-top: 20px;

}

input[type="text"], textarea, input[type="checkbox"], input[type="email"],  input[type="date"], select {
	width:auto !important;
}

#formheadings1 {
	font-size: 20px;
}
 
.wpcf7-submit {
	padding: 10px;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: 700;
	background-color: #303030;
	color: #FFCC00;
}

.wpcf7-submit:hover {
	background-color: #FFCC00;
	color: #303030;
}

.homebutton
{
	padding: 10px;
	background-color: #0099FF;
	color: #ffffff; 
	border-radius: 10px;
	font-weight: 700;

	
}

.homebutton a {
	color: #ffffff; 
	text-decoration: none;
}

.homebutton a:hover {
	color: #303030;
}

.page-id-15 table {
	border-spacing:0px;
	border-collapse: collapse; 
	width: 50%;
	color: #333; 
	border: 1px solid #888888;
}

.page-id-15 td, .page-id-15 th { 
	border: 0px; 
	height: 30px; 
}

.page-id-15 th {
	background: #DDDDDD; /* Light grey background */
	font-weight: bold; /* Make sure they're bold */
}

.page-id-15 td {
	background: #FAFAFA; /* Lighter grey background */
	text-align: center; /* Center our text */
}

/* Cells in even rows (2,4,6...) are one color */ 
.page-id-15 tr:nth-child(even) td { background: #F1F1F1; }   

/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */ 
.page-id-15 tr:nth-child(odd) td { background: #FEFEFE; }  


.page-id-17 table {
	border-spacing:0px;
	border-collapse: collapse; 
	color: #333; 
	border: 1px solid #888888;
	padding :10px;
}

.page-id-17 td, .page-id-17 th { 
	border: 0px; 
	padding :30px;
}

.grecaptcha-badge {display:none;}

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



	#wrapper{ width: 100%; }

	#header img{ width: 100%; height: auto; } 

	.post-17 table{
		width:100%;
	}

	.post-17 td{
		width:50%;
	}

}

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





	#header img{ width: 100%; height: auto; } 

		#menu ul li a{ color: #FFF; font: 700 15px/40px 'Open Sans'; text-decoration: none; padding: 0px 10px; display: inline-block; }

	

}

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

	 .slicknav_menu{ display: block; }

	 #menu{ display: none; }

	#logo, #amsa, #phone{ width: 100%; padding: 5px;}

	#menu ul li a{ color: #FFF; font: 700 15px/40px 'Open Sans'; text-decoration: none; padding: 0px 10px; display: inline-block; }

	.rightCol{ width: 40%; }

	.rightCol img{ width: 100%; height: auto; }

	.threecol, .threecol:nth-child(3n+3){ width: auto; margin: 0px; margin-bottom: 20px; }

}

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

	#leftCol{ float: left;  width: 40%; margin-left: 20px; }
	#midCol{ float: left; width: 40%; margin-left: 20px;}
	#rightCol{ float: left; width: 40%; margin-left: 20px;}

	div.wpcf7 {
		margin:auto;
		width: auto;
 	
	}

}


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

	body 
	{

	margin: 0px; padding: 0px;

	font: 13px/20px 'Open Sans';

	color: #191919;

	}

	#logo{ font-size:24px; line-height: 24px; }

	 #amsa{ display: none; } 

	 #phone{ padding-bottom: 10px; }

	

	#menu ul li a{ color: #FFF; font: 700 15px/40px 'Open Sans'; text-decoration: none; padding: 0px 10px; display: inline-block; }

	.rightCol{ width: 40%; }

	.rightCol img{ width: 100%; height: auto; margin-bottom: 10px; }

	#content{ padding: 10px; }

	h1, h2{ font-size: 17px; line-height: 23px; }

	/*#banner{ height: 300px; }*/

}


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

	#leftCol{ float: left;  width: 80%; margin-left: 20px; }
	#midCol{ float: left; width: 80%; margin-left: 20px;}
	#rightCol{ float: left; width: 80%; margin-left: 20px;}

	.formwrapper {
		font-size: 0.8;
	}

	.page-id-15 table {
		width: 75%;
	}


}