BODY { color: #000000; background-color: white; font-family: Verdana; margin-left: 0px; margin-top: 0px; }
#content { margin-left: 100px; margin-right: 100px; font-size: .90em; padding-bottom: 2em; }
A:link { color: #336699; font-weight: bold; text-decoration: underline; }
A:visited { color: #6699cc; font-weight: bold; text-decoration: underline; }
A:active { color: #336699; font-weight: bold; text-decoration: underline; }
A:hover { color: cc3300; font-weight: bold; text-decoration: underline; }
P { color: #000000; margin-top: 0px; margin-bottom: 12px; font-family: Verdana; }
pre { background-color: #e5e5cc; padding: 5px; font-family: Courier New; font-size: x-small; margin-top: -5px; border: 1px #f0f0e0 solid; }
table { border-collapse: collapse; }
#faqNSWPublicSchoolsTable th, #faqNSWPublicSchools td { border:1px solid black; }
td { color: #000000; font-family: Verdana; font-size: 1em; }
h2 { font-size: 1.5em; font-weight: bold; margin-top: 25px; margin-bottom: 10px; border-top: 1px solid #003366; margin-left: -20px; color: #003366; }
h3 { font-size: 1.1em; color: #000000; margin-left: -20px; margin-top: 10px; margin-bottom: 10px; }
ul { margin-top: 10px; margin-left: 20px; }
ol { margin-top: 10px; margin-left: 20px; }
li { margin-top: 10px; color: #000000; }
font.value { color: darkblue; font: bold; }
font.key { color: darkgreen; font: bold; }
.heading1 { color: #3B5F5F; font-family: Tahoma; font-size: 26px; font-weight: normal; margin-top: 0px; margin-bottom: 0px; margin-left: -30px; padding-top: 10px; padding-bottom: 3px; padding-left: 15px; width: 105%; }
.button { background-color: #dcdcdc; font-family: Verdana; font-size: 1em; border-top: #cccccc 1px solid; border-bottom: #666666 1px solid; border-left: #cccccc 1px solid; border-right: #666666 1px solid; }
.frmheader { color: #000000; background: #dcdcdc; font-family: Verdana; font-size: .7em; font-weight: normal; border-bottom: 1px solid #dcdcdc; padding-top: 2px; padding-bottom: 2px; }
.frmtext { font-family: Verdana; font-size: .7em; margin-top: 8px; margin-bottom: 0px; margin-left: 32px; }
.frmInput { font-family: Verdana; font-size: 1em; }
.intro { margin-left: -15px; }
.hidden { display: none; }
.unhidden { display: block; }
h1 { color: #3B5F5F; font-family: Tahoma; font-size: 26px; font-weight: normal; margin-top: 0px; margin-bottom: 0px; margin-left: -30px; padding-top: 10px; padding-bottom: 3px; padding-left: 15px; width: 105%; }
#middleheadimg {width: 400px;}
img.tw-photo { height: auto;  width: 400px; max-width: 100%; }

p.testimonial-odd {
	border: solid 1px rgba(144, 144, 144, 0.25);
	border-radius: 4px;
	padding: 1em;
	background: rgba(144, 144, 144, 0.075);
}

p.testimonial-even {
	border: solid 1px rgba(144, 144, 144, 0.25);
	border-radius: 4px;
	padding: 1em;
}

a.openbutton {
  font: Arial, Helvetica, sans-serif;
  font-size: 13pt;
  text-decoration: none;
  background-color: #666666;
  color: #ffffff !important;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
  border-radius: 4px;
}

.form-msg-good {
	background-color: #F6FBF2;
    border-color: #47B101;	
	/* font: normal 12px/1.2 Helvetica, Arial, sans-serif;  */
    display: block;
    width: 100%;
    padding: 10px 10px 10px 10px;
    margin: 0 auto 0px;
    border-width: 2px;
    border-style: solid;
	border-radius: 5px;
	box-sizing: border-box;
    color: #444;
}

.form-msg-good h3 {
	margin-left: 0px !important;
}

.form-msg-bad {
	background-color: #f9ecd9;
    border-color: #ff9800;	
	/* font: normal 12px/1.2 Helvetica, Arial, sans-serif; */
    display: block;
    width: 100%;
    padding: 10px 10px 10px 10px;
    margin: 0 auto 0px;
    border-width: 2px;
    border-style: solid;
	border-radius: 5px;
	box-sizing: border-box;
    color: #444;
}

.form-msg-bad h3 {
	margin-left: 0px !important;
}

.form-msg-data {
	background-color: #F6FBF2;
    border-color: #47B101;	
	font: normal 12px/1.2 Helvetica, Arial, sans-serif;
    display: block;
    width: 100%;
    padding: 10px 10px 10px 10px;
    margin: 0 auto 0px;
    border-width: 2px;
    border-style: solid;
	border-radius: 5px;
	box-sizing: border-box;
    color: #444;
}

.top-notice {
	background-color: #f9ecd9;
    border-color: #ff9800;	
    display: block;
    width: 100%;
    padding: 10px 10px 10px 10px;
    margin: 0 auto 0px;
    border-width: 2px;
    border-style: solid;
	border-radius: 5px;
	box-sizing: border-box;
    color: #444;
}


.field-group {
	/* background-color: #E1EBEF; */
    border-color: #003366;	
    width: 100%;
    padding: 10px;
    margin: 0 auto 0px;
    border-width: 2px;
    border-style: solid;
	border-radius: 5px;
	box-sizing: border-box;
    color: #444;
}


#saw-us-at-ampeak-1 {
	display: block;
}
#saw-us-at-ampeak-2 {
	display: none;
}

#ask-booking-div {
	background-color: #f9ecd9;
    border: 1px solid #ff9800;
    border-radius: 6px;
    padding: 18px 20px;
    margin: 20px 0;
}

#ask-booking-div .form-msg-bad {
    background: #fff3cd;        /* light warning highlight */
    border: 1px solid #ffeeba;
    padding: 10px 12px;
    border-radius: 4px;
    margin-bottom: 15px;
    font-weight: 500;
}

#ask-booking-div label {
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
}

#ask-booking-div select,
#ask-booking-div textarea {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ccd3e0;
    border-radius: 4px;
    background: #ffffff;
}

#ask-booking-div textarea {
    resize: vertical;
}

#booking-request-msg {
    margin-top: 10px;
    font-weight: 500;
}

#booking-request-msg.form-msg-good {
    color: #1e7e34;
}

#booking-request-msg.form-msg-bad {
    color: #b02a37;
}

/* Responsive overrides */
@media screen and (max-width: 400px){
	.hideonphone {display:none;}
	#middleheadimg {width: 100%;}
	#content { margin-left: 25px; margin-right: 15px;}

	#saw-us-at-ampeak-1 {
		display: none !important;
	}
	#saw-us-at-ampeak-2 {
		display: block !important;
	}

	/*
	.video-container{
	  position: relative;
	  width: 100%;
	  padding-bottom: 56.25%; 
	  height: 0;
	}
	.video-container video{
	  position: absolute;
	  top:0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}
	*/

}