@import url('https://fonts.googleapis.com/css?family=Raleway:200,400');

body{
	background-color:#FAFAFA;
}
body, form.enrolment input, form.enrolment textarea, form.enrolment select{
	font-family: "Raleway", "Arial", "Tahoma", "sans-serif";
	font-size:0.9em;
}
img{
	border:0 none;
}
.outer{
	margin:auto;
	width:1020px;
}
.section{
	width:940px;
	margin:auto;
}
#header{}
#header .logo-wrap{
	display:inline-block;
	vertical-align: top;
	padding:10px;
	width:55%;
}
#header .logo-wrap .logo {
	max-height: 200px;
}
#header .rto-details{
	display:inline-block;
	vertical-align: top;
	padding:10px;
}
#header .rto-details p{
	line-height:0.6em;
}
#middle{
	background-color:white;
	min-height:400px;
}
#footer{
	font-size: 0.7em;
	color:#505050;
}
#footer .footernav{
	padding: 15px 0 5px;
	text-align: center;
	width: 100%;
}
#footer .footernote{
	text-align: center;
	width: 100%;
}
a, a:hover{
	text-decoration:none;
}

#footer a, #footer a:hover{
	color:inherit;
}

#wrapper{
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD;
	background-color:white;
}

#wrapper, #middle{
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#wrapper{
	margin: 20px auto;
	-webkit-box-shadow: 0px 3px 5px 3px rgba(100, 100, 100, .2);
	box-shadow: 0px 3px 5px 3px rgba(100, 100, 100, .2);
}

/*https://color.adobe.com/create/color-wheel/?base=1&rule=Shades&selected=2&name=My%20Color%20Theme&mode=rgb&rgbvalues=0.16081989406251368,0.3931301311619688,0.4715686274509804,0.246077842058233,0.6015463129630125,0.7215686274509804,0.07556194606679437,0.18471394936092506,0.22156862745098038,0.2631294316573769,0.6432295493232214,0.7715686274509804,0.2119746628599453,0.5181798402425951,0.6215686274509804&swatchOrder=0,1,2,3,4*/
h1,h2,h3,h4,h5,h6{
	color: #132F38;
}
a{
	color:#3F99B8;
}
a:visited{
	color:#296478;
}

/*buttons http://www.webdesignerwall.com/demo/css-buttons.html*/
.site-button, .submit, .enrol-link {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 14px/100%;
	padding: .5em 2em .55em;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-decoration:none;
}

.site-button:visited, .site-button:focus, .site-button:hover, .site-button:active
,.submit:visited, .submit:focus, .submit:hover, .submit:active
,.enrol-link:visited, .enrol-link:focus, .enrol-link:hover, .enrol-link:active
 {
	color: #fff;
	text-decoration: none;
	background: #73c04d;
}
.site-button, .submit, .enrol-link {
	color: #fff;
	border: none;
	background: #73c04d;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');*/
}
.site-button:hover, .submit:hover, .enrol-link {
	color: #fff;
	/*background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');*/
}
.site-button:active, .submit:active ,.enrol-link:active {
	color: #fff;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');*/
}



/* green */
.survey_container .site-button {
	font-weight: bold;
	width: 100%;
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.survey_container .site-button:hover {
	color: #e8f0de;
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.survey_container .site-button:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}


/*Button position*/
.enquiry-links{
	margin:40px 0px 20px;
	padding:0px;
}
.enquiry-links li{
	list-style-type:none;
	display:inline-block;
	margin:0 50px 0 0;
}
a.enrolment-enquiry{}

h2.enquire-now {
	display: none;
}

/* ENROL FOR ONLINE LEARNING */
h2.enrol-now {
	visibility: hidden;
}

h2.enrol-now + p {
	display: inline;
}

a.enrol-now-link {
	display: inline-block;
	float: left;
}

h2.enrol-now + p + h2.enquire-now + ul.enquiry-links li {
	display: inline-block;
	margin: 0 0px 0 6px;
	float: left;
}

h2.enrol-now + p + h2.enquire-now + ul.enquiry-links {
	display: inline;
}

/*course finder*/
#course_finder_content .navlink{
	margin: 5px 0 0 0;
	float:right;
}

/*Search module*/
#search_module{
	width: 100%;
}

#search_module input {
	padding: 5px;
	border: 1px solid silver;
}
#search_module input[type=submit]{
	width: 100px;
}
#search_module input.input.form-control {
	display:inline-block;
	width:300px;
}
#search_module input.input.form-control + br{
	display:none;
}


.content {
	margin-bottom: 20px;
}


.printonly{
	display:none;
}

#coursefinder .selector {
	margin: 1em 0;
	width: 80%;
}
#coursefinder .finder-item {
	display: block;
	float: left;
	width: 20%;
}
#coursefinder .selector select {
	 max-width: 80%;
}

@media print{
	.printonly{
		display:block;
	}
	.no-print{
		display:none;
	}
}



/*responsive*/
@media (max-width: 768px){ }

@media (max-width: 979px) {
	.section, .outer {
		width: inherit;
	}
	.outer {
		padding: 0 5px;
	}
	#wrapper{
		margin: 0;
		box-shadow:none;
	}
	#wrapper, #middle{
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
}