* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Hind', arial, sans-serif;
	font-size: 1.1em;
	color: #777;
	background-color: #222;
}

p {
	margin: 0px 0px 6px 0px;
}

h1 {
	/* font-family: 'Comfortaa', verdana, sans-serif; */
	font-family: 'Varela Round', verdana, sans-serif;
	
	font-size: 1.5em;
	margin: 28px 0px 12px 0px;
	color: #006699;
}

h2 {
	/* font-family: 'Comfortaa', verdana, sans-serif; */
	font-family: 'Varela Round', verdana, sans-serif;

	font-size: 1.2em;
	color: #333;
	margin: 10px 0px 20px 0px;
}

h3 {
	font-family: 'Varela Round', verdana, sans-serif;
	font-size: 1em;
	margin: 15px 0px 10px 0px;
	color: #555;
}

h4 {
	color: #555;
	margin-top: 8px;	
}

a {
	color: #ff6600;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #81ae06;
}

hr {
	margin: 30px 0px 30px 0px;
	border: 0;
	height: 1px;
	background-color: #ccc;
}

em {
	display: inline-block;
	width: 120px;
	font-style: normal;
	font-weight: bold;
	color: #444;
	background-color: #ddd;
	padding: 2px 2px 2px 6px;
	border-radius: 4px;
	margin: 0px 0px 2px 0px;
}





main {
	background-color: #fff;
	/* max-width: 980px;
	min-width: 640px; */
	/* background-color: #ddd; */
}

#mainsock {
	margin: 0px auto 0px auto;
	padding: 8px 8px 40px 8px;
	width: 980px;

	background-color: #fff;
}

#banner {
	background-color: #006699;
	text-align: center;
}

#banner img {
	display: inline-block;
}

#banner p {
	margin: 0px;
	padding: 0px;
}

#breadcrumbs {
	padding:10px 0px 10px 6px;
}

#breadcrumbs a {
	color: #ff6600;
	text-decoration: none;
}

#breadcrumbs a:hover {
	color: #81ae06;
	text-decoration: underline;
}

nav {
	padding: 10px 0px 4px 0px;
}

nav li {
	display: inline-block;
	margin-right: 1px;
}

nav li a {
	background-color: #ff6600;
	padding: 6px 6px 6px 6px;
	margin: 0px 0px 1px 0px;
	text-decoration: none;
	color: #fff;
	font-family: verdana, sans-serif;
	border-radius: 4px;
}

nav li a:hover {
	background-color: #9ad007;
	text-decoration: none;
	color: #fff;
}

.sectionlinks ul {
	margin-left: 0px;
}

.sectionlinks li a:hover {
	background-color: #fff;
	color: #ff6600
}

.sectionlinks li {
	
	padding: 0px 0px 4px 0px;
	list-style-type: none;
}

.sectionlinks li a {
	background-color: #ff6600;
	padding: 6px 6px 6px 6px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	color: #fff;
	font-family: verdana, sans-serif;
	border-radius: 4px;
	display: block;

}

.sectionlinks li a:hover {
	background-color: #9ad007;
	color: #fff;
}

.brightlink {
	display: block;
	background-color: #ff6600;
	color:#fff;
	padding: 6px;
	font-family: verdana, sans-serif;
	border-radius: 4px;
}

.brightlink:hover {
	background-color: #9ad007;
	text-decoration: none;
	color: #fff;
}

.enquirelink {
	display: inline-block;
	text-align: center;
	width: 80px;
	background-color: #ff6600;
	color:#fff;
	padding: 2px 2px 2px 6px;
	/*font-family: verdana, sans-serif;*/
	border-radius: 4px;
}

.enquirelink:hover {
	background-color: #9ad007;
	text-decoration: none;
	color: #fff;
}

.imgleft {
	float: left;
	padding: 0px 24px 0px 0px;
}

.text_area {
	font-family: 'Hind', arial, sans-serif;
}

.courseinfo {
	color: #81ae06;
	font-weight: bold;
	font-size: 1.2em;
}


article {
	clear: both;
}

section {
	margin: 40px 0px 0px 0px;
}

section ul {
	margin-left: 40px;
}

section li {
	padding-bottom: 10px;
}


footer {
	clear: both;
}

#footersock {
	margin: 0px auto 0px auto;
	padding: 20px 0px 20px 0px;
	width: 980px;
	color: #fff;
}

footer li {
	list-style-type: none;
}

footer li a {
	color: #ff6600;
	text-decoration: none;
}

footer li a:hover {
	color: #fff;
	text-decoration: underline;
}

.footerboxleft {
	padding-right: 6px;
	width: 300px;
	float: left;
}

.footerboxright {
	padding-right: 6px;
	width: 300px;
	float: right;
	text-align: right;
}

.sleft {
	float: left;
	width: 48%;	
}

.sright {
	float: right;
	width: 48%;	
}

.sfull {
	padding-top: 10px;
	clear: both;
}

.cb {
	clear: both;
}

.listmarginleft {

}

.topics li {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.division {
	border-style: solid;
	border: 0px 0px 1px 0px;
	width: 100%;
	display: block;
}

.contact label {
	display: inline-block;
	width: 120px;
}


.longlabel {
	/* display: inline-block; */
	width: 320px;
}



.formfield {
	padding: 4px;
	border-style: none;
	background-color: #ddd;
	color: #444;
	width: 260px;
	font-family: 'Hind', arial, sans-serif;
	font-size: .9em;
}

.formfieldlong {
	padding: 4px;
	border-style: none;
	background-color: #ddd;
	color: #444;
	width: 360px;
	font-family: 'Hind', arial, sans-serif;
	font-size: .9em;
}

.textarea {
	padding: 4px;
	border-style: none;
	background-color: #ddd;
	color: #444;
	width: 386px;
	font-family: 'Hind', arial, sans-serif;
	font-size: .9em;
}

.textareasurvey {
	padding: 4px;
	border-style: none;
	background-color: #ddd;
	color: #444;
	width: 100%;
	font-family: 'Hind', arial, sans-serif;
	font-size: .9em;
}
.submit {
	display: block;
	padding: 6px 6px 4px 8px;
	font-family: 'Hind', arial, sans-serif;
	/* background-color: #ff6600; */
	background-color: #666;
	color: #fff;
	border-radius: 4px;
	border-style: none;
	font-size: 1em;
	cursor: pointer;
	width: 80px;
}

.courselink {
	display: block;
	width: 300px;	

}

.g-recaptcha {
	border-style: solid;
	border-color: #f00;
	border-radius: 6px;
}

.recaptcha_success {
	
	color: #009933;
}

.recaptcha_fail {
	
	font-weight: bold;
	color: #F00;
}














/* @media only screen and (max-device-width: 1000px) and (orientation: portrait) { */
	@media only screen and (max-device-width: 1000px) { 


		#banner img {
			width: 109%;
			display: block;
		}

		main {
			width:100%;
		}

		#mainsock {
			padding: 30px;
		}

		body {
			padding-right: 16px;
			font-size: 3em;
			background-color: #fff;
		}

		nav li {
			display: block;
		}

		nav li a {
			display: block;
			width: 97%;
			margin: 0px 0px 8px 0px;
			padding: 22px 12px 22px 22px;
			color: #fff;
		}

		.sectionlinks li {
			display: block;
		}

		.sectionlinks li a {
			display: block;
			width: 97%;
			margin: 0px 0px 8px 0px;
			padding: 22px 12px 22px 22px;
			color: #fff;
		}

		.topics li {
			margin-left: 70px;
		}







		.formfield {
			padding: 4px;
			border-style: none;
			background-color: #ddd;
			color: #444;
			width: 100%;
			font-family: 'Hind', arial, sans-serif;
			font-size: .9em;
		}

		.textarea {
			padding: 4px;
			border-style: none;
			background-color: #ddd;
			color: #444;
			width: 100%;
			font-family: 'Hind', arial, sans-serif;
			font-size: .9em;
		}

		.submit {
			display: block;
			padding: 6px 6px 4px 6px;
			font-family: 'Hind', arial, sans-serif;
			background-color: #ff6600;
			color: #fff;
			border-radius: 4px;
			border-style: none;
			font-size: 1.1em;
			cursor: pointer;
			width: 300px;
		}










		h1 {
			font-size: 1.0em;
			margin: 60px 0px 80px 0px;
		}

		h2 {
			margin-top: 30px;
			font-size: .9em;
		}



		#footersock {
			color: #fff;
			background-color: #666;
		}

		#footersock a {
			color: #fff;
		}


		footer {
			background-color: #666;
			width: 109%; 
		}

		.sleft {
			float: none;
			width: 100%;
		}

		.sright {
			float: none;
			width: 100%
		}

		.footerboxleft {
			width: 100%;
			float: none;
		}

		.footerboxright {
			width: 100%;
			float: none;
			text-align: left;
			padding-top: 60px;
		}

		.listmarginleft {
			margin-left: 70px;
		}



	} 

	@media print {

		.pb {
			page-break-before: always;
		}

		.division {
			border-style: none;
		}


		/* footer {page-break-after: always;}*/
	}



	/* display: none; */
	/* border-radius: 10px; */