@import url("/css/nav.css");
@import url("/webfonts/MyriadPro/stylesheet.css");
@import url("/webfonts/MyriadProItalic/stylesheet.css");
@import url("/webfonts/MyriadProCond/stylesheet.css");
@import url("/webfonts/MyriadProSemiboldIt/stylesheet.css");
@import url("/webfonts/MyriadProBold/stylesheet.css");
@import url("/webfonts/MyriadProBoldIt/stylesheet.css");
@import url("/webfonts/Helvetica-UltraCompressed/stylesheet.css");
@import url("/webfonts/Wingdings3/stylesheet.css");
body {
	background: #FADD8F url(/images/gradient.png) repeat-x;
	margin: 0px;
	padding: 0px 0px 40px;
	font-family: MyriadPro, sans-serif;
	color: #175ba0;
	font-style: normal;
	font-weight: normal;
	font-size:17px;
	line-height: 1.7em;
}
sup {font-size: 9px;line-height: 9px;}
em {font-family: MyriadProItalic, sans-serif;font-style: normal;font-weight: normal;}
h4 em{font-family: MyriadProBoldIt, sans-serif;font-style: normal;font-weight: normal;}
strong {font-family: MyriadProBold, sans-serif;font-style: normal;font-weight: normal;}
strong em, em strong {font-family: MyriadProBoldIt, sans-serif;font-style: normal;font-weight: normal;}
a img {border: 0;}
a {color: #175ba0;}
a.arrow {
	color: #175ba0;
	font-family: MyriadProBold, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	background: url(/images/arrow_blue.png) no-repeat right;
	padding-right: 15px;
}
.wrapper {
	-moz-box-shadow:0px 0px 56px #e0a949;
	-webkit-box-shadow:0px 0px 56px #e0a949;
	box-shadow:0px 0px 56px #e0a949;
	margin: 0px auto;
	padding: 0;
	max-width: 900px;
	width:100%;
	position: relative;
}
.masthead {
	width: 100%;
	max-width: 900px;
	position: relative;
	background-color: #fed971;
	-moz-box-shadow: inset 0px 0px 150px #e99606;
	-webkit-box-shadow: inset 0px 0px 150px #e99606;
	box-shadow: inset 0px 0px 150px #e99606;
}
.masthead .shadow {
	background-image: url(/images/masthead-shadow.png);
	background-repeat: repeat-x;
	background-position: 0% top;
}
.masthead .photo {
	height: auto;
	min-height:206px;
	background-image: url(/images/group-photo-v2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding:.8em 0 1em;
}
.masthead .photo h3 {
font-family: HelveticaUltraCompressed, sans-serif;
font-weight: normal;
font-style:normal;
font-size: 3.117647em;
line-height: 1.09em;
color:#175ca0;
margin:0;
padding:20px 0 0 30px;
}
.masthead .photo h4 {
	font: 2.05em MyriadProCond;
	line-height: 1.2em;
	color: #175ca0;
	margin: 0;
	padding: 0px 0 0 30px;
}
.content {
	width:100%;
	max-width: 900px;
	position: relative;
	padding: 1.5em 0 1em;
	background-color: #fff6d6;
		-moz-box-shadow: inset 0px 0px 180px #f8d682;
	-webkit-box-shadow: inset 0px 0px 180px #f8d682;
	box-shadow: inset 0px 0px 180px #f8d682;
	/*border:1px solid #edc475;
	border-top-style: none;*/
}
.content .main {
	position: relative;
	width: 86%;
	max-width: 774px;
	padding:9px 7% 2%;
}
.content h2 {
	margin: 0px 0px 20px;
	padding: 0px;
	font-family: MyriadPro, sans-serif;
	font-size: 1.17em;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	text-align: left;
}
.content h3 {
	margin: 0px 0px 20px;
	padding: 0px;
	font-family: MyriadPro, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
}
.content h4 {
	margin: 0px 0px 6px;
	padding: 9px 0px 0px;
	font-family: MyriadProBold, sans-serif;
	font-weight: normal;
	font-size: 1.176em;
	line-height: 1.3em;
	border-top: 1px solid #dd8d27;
}
.content h4.start {
	padding: 0px;
	border-top: none;
}
.content p {
	margin: 0px 0px 9px;
	padding: 0px;
}
.content .teachers div{
	overflow: hidden;
	margin-bottom: 9px;
	padding: 9px 0px 0px 10px;
}
.content .teachers div + div{
	padding: 9px 0px 0px 10px;
	border-top: 1px solid #dd8d27;
}
.content .teachers p{
	margin: 0px 0px 9px;
	padding: 0px 0px 0px 150px;
}
.content .teachers img{
	display: block;
	margin-top: 5px;
	margin-bottom: 12px;
	border: 1px solid #FF9000;
	-moz-box-shadow: 0 0 10px 0px #e4b460;
	-webkit-box-shadow: 0 0 10px 0px #e4b460;
	box-shadow: 0 0 10px 0px #e4b460;
}
.content .teachers div img{
	float: left;
}
.content .teachers div.group h4 {
	padding: 0;
	border-top-style: none;
}
.content .teachers .group .gr-photo{
	margin: 5px 12px 12px 0;
	float:left;
}
.content .teachers .group .gr-photo p{
	font-size: .9em;
	line-height: 1.7em;
	padding: 0;
	margin: 0;
	max-width: 400px;
}
.content .teachers .group p + p {
	padding: 0;
	max-width: auto;
}
.content .teachers .group .gr-photo img{
	margin: 0 20px 6px 0;
	float:none;
}
.content img.photo{
	display: block;
	margin-bottom: 12px;
	border: 1px solid #FF9000;
	-moz-box-shadow: 0 0 10px 0px #e4b460;
	-webkit-box-shadow: 0 0 10px 0px #e4b460;
	box-shadow: 0 0 10px 0px #e4b460;
}
.content ul {
font-size:1em;
line-height: 1.5em;
margin: 0 0 .8em;
padding: 0 0 0 1.5em;
list-style: disc;
}
ul li {margin: 0 0 .3em;}
.main .accordion h4 {
cursor: pointer;
color:#175ba0;
margin-top:.5em;
}
.main .accordion h4 a {
cursor: pointer;
color:#175ba0;
text-decoration: none;
}
.main .accordion h4::after {
content: '\00DA'; /* Wingding3 arrow UNICODE */
margin-left: 3px;
font-family: "Wingdings3";
font-weight: normal;
}
.main .accordion h4.selected::after{
content: '\00DC'; /* Wingding3 arrow down UNICODE */
}
.main .accordion h4 + div {padding-left:1.5em;}
.main .accordion h4 + div p {margin:0 0 .5em;}
.main .accordion h4 + div p a {
  color: inherit !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
.main .accordion img {max-width:716px;width:100%;}
footer {
	margin: 0px auto;
	padding: 0 1%;
	min-height: 55px;
	max-width: 980px;
	width:98%;
}
@media(max-width: 850px){
.masthead .photo {background-size: auto 80%;}
}
@media(max-width: 760px){
.masthead .photo {background-image: none!important;min-height: 80px;	padding:.8em 7% 1em;}
.masthead .photo h3 br {display: none;}
.masthead .photo h3 {padding: 0;}
.masthead .photo h4 {padding: 0;}
footer {padding: 0 1%;width:98%}
footer ul {font-size: .75em;padding-top:20px;line-height:2em;}
footer p {font-size: .75em;}
footer p br {display: none;}
footer ul span {display: block;padding-top:6px;}
footer ul span li {border-left-style: none;}
footer ul span li + li {	border-left: 1px solid #175ba0;}
}
@media(max-width: 660px){
body {line-height: 1.6em;}
.masthead .photo h3 {font-size: 2.2em;}
.masthead .photo h4 {font-size: 1.5em;}
.content .teachers p {margin: 0 0 6px;padding: 0;}
.content .teachers p.rule {padding: 9px 0 0;}
.content .teachers .group .gr-photo{float:none;}
.content .teachers .group .gr-photo p {max-width:660px}
.content .teachers .group img {width:98%;height:auto;}
.content .teachers img {width:100px;height:auto;;margin: 15px 20px 0px 0;}
.main .accordion h4 + div {padding-left:0;}
}