@charset "utf-8";

/* **************************************************** 0 to 479px ******************* */

div.school-name{
	display:block;
	font-size:110%;
	background: #F2B10F;
	background:-moz-linear-gradient(rgba(236,165,23,0.7), rgba(236,165,23,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(236,165,23,0.7)), to(rgba(236,165,23,0.9)));
	font-weight: normal;
	text-shadow:0 -1px 0 rgba(242,100,30,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
	border:1px solid #F2B10F;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
	padding:3px 0.5em;
	color:#FFFFFF;
}

div.school-box{
	margin-bottom:1em;
}

div.school-add{
	text-align:center;
}

div.school-photo{
	width:100%;
}

div.school-photo img{
	display:block;
	margin:0 auto;
}


div.school-map iframe{
	border:none;
	width:100%;
	height:200px;
}

@media only screen and (min-width: 600px) { /* *************************************** */

div.school-info-box{
	display:table;
	table-layout:fixed;
	width:100%;
	border-collapse:separate;
}

div.school-name{
	display:table-cell;
	width:200px;
	vertical-align:top;
	border-radius: 5px 0 0 5px;
		-moz-border-radius: 5px 0 0 5px;
		-webkit-border-radius: 5px 0 0 5px;
		-o-border-radius: 5px 0 0 5px;
		-ms-border-radius: 5px 0 0 5px;
}

div.school-add{
	display:table-cell;
	vertical-align:top;
	border-top:1px solid #F2B10F;
	border-right:1px solid #F2B10F;
	border-bottom:1px solid #F2B10F;
	padding:3px 0.5em;
	border-radius: 0 5px 5px 0;
		-moz-border-radius: 0 5px 5px 0;
		-webkit-border-radius: 0 5px 5px 0;
		-o-border-radius: 0 5px 5px 0;
		-ms-border-radius: 0 5px 5px 0;
	text-align:left;
}

div.school-img-box{
	display:table;
	table-layout:fixed;
	width:100%;
	margin-top:5px;
}

div.school-photo,
div.school-map{
	display:table-cell;
	width:50%;
	vertical-align:bottom;
    position: relative;
}

div.ggmap {
position: relative;
padding-bottom: 75%;
/*padding-top: 30px;*/
height: 0;
overflow: hidden;
}
 
div.ggmap iframe,
div.ggmap-map object,
div.ggmap-map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

p{
	line-height:2;
}


/* ** */}

@media only screen and (min-width: 960px) { /* *************************************** */



/* ** */}