@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 599px)

{

html,body {
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
	
body {
	background: url("images/bodybk.jpg") right repeat-y;
}

/* movie –––––––––––––––––––––––––––––––––––––––––––––––––– */

#movie {
	width:100%;
	margin:0 auto;
	padding:0;
	flex-direction:-webkit-column;
	flex-direction:column;
}

.moviepostsbox {
	width: 100%;
	margin: 0 0 1.6em 0;
	padding:0;
	background: #ffffff;
	border: 1px solid #d5d5d5;
}


/* top –––––––––––––––––––––––––––––––––––––––––––––––––– */

/* news ––––––––––––––––––––––––*/

#topnews {
	width:100%;
	margin:0;
	padding:0.5em 1em 0.5em 1em;
	background:#fbfaf5;
}
	
#topnewswrap {
	margin:0;
	padding:0;
	flex-direction:-webkit-column;
	flex-direction:column;
}

.topnewsbox {
	width: 100%;
	margin: 0 0 1em 0;
	padding:0;
	border: 1px solid #d5d5d5;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	-js-display: flex;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
	
.topnewsimg {
	width: 30%;
	margin: 0;
	padding: 0 0 0 0.6em;
}

.topnewstxt {
	width: 68%;
	margin: 0;
	padding: 0.6em 0.6em 0.6em 0;
}
	
#topnews dt {
	width:50%;
}

#topnews dd.update {
	text-align:left;
}

/* posts –––––––––––––––––––––––––––––––––––––––––––––––––– */

#posts {
	width:100%;
	margin:0 auto;
	padding:0;
	flex-direction:-webkit-column;
	flex-direction:column;
}

.postsbox {
	width: 100%;
	margin: 0 0 1em 0;
	padding:0;
	border: 1px solid #d5d5d5;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	-js-display: flex;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.postsimg {
	width: 30%;
	margin: 0;
	padding: 0 0 0 0.6em;
}

.poststxt {
	width: 68%;
	margin: 0;
	padding: 0.6em 0.6em 0.6em 0;
}

#posts dl {
	width:100%;
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:0.9em;
}

#posts dt {
	width:50%;
	margin:0 0 0.2em 0;
	padding:0 0.5em 0 0.5em;
	font-size: 0.9em;
	background:#ffffff;
	text-align:center;
	border: 1px solid #d5d5d5;
}

#posts dd {
	margin:0;
	padding:0;
	text-align:left;
}

#posts dd.update {
	margin:0;
	padding:0;
	font-size: 0.9em;
	text-align:right;
}

.postimg {
	margin:0 1em 0 1em;
	padding:0;
	text-align:center;
}

/* header –––––––––––––––––––––––––––––––––––––––––––––––––– */

header {
	padding-left: 0;
	background:#EAF4FC;
	background: -moz-linear-gradient(top, #ffffff 0%, #EAF4FC 100%);
	background: -webkit-gradient(linear, top center, bottom center, from(#ffffff), to(#EAF4FC));
	background: -webkit-linear-gradient(top, #ffffff 0%, #EAF4FC 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #EAF4FC 100%);
	background:linear-gradient(to bottom, #ffffff 0%, #EAF4FC 100%);
}

#headercontent {
	width:100%;
	margin:0;
	padding:0 0 0.5em 1em;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	-js-display: flex;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.headercopy {
	font-size:0.8em;
}

#headerlogo {
	width:70%;
	margin:0;
	padding:0;
}


#headerlogo img {
	width:90%;
}

#headercontact {
	width:30%;
	margin:0;
	padding:0;
	text-align:right;
}

#headercontact a {
	margin:0;
	padding:1.5em 1em 1.5em 1em;
	font-size:0.9em;
	line-height:0;
	color:#ffffff;
	text-decoration:none;
	background:#1E50A2;
}


/* nav –––––––––––––––––––––– */

#headernav {
	width:100%;
	margin:0;
	padding:0 0.5em 0 0.5em;
}

#headernav ul {
	width:100%;
	margin:0;
	padding:0;
	list-style-type:none;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	-js-display: flex;
	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#headernav ul li {
	width:49%;
	margin:0 0 0.5em 0;
	padding:0;
	font-size:0.8em;
}


#headernav ul li a {
	display:block;
	margin:0;
	padding:0.5em;
	background:#ffffff;
	border:1px solid #f5f5f5;
	border-radius:8px;
	color:#333333;
	text-decoration:none;
}


/* crumb –––––––––––––––––––––– */

#crumb {
	width:100%;
	margin:0;
	padding:0 0 2em 0;
}

#crumb ul {
	margin:0;
	padding:0 0.5em 0 0.5em;
	list-style-type:none;
	font-size:0.85em;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	-js-display: flex;
	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}


/* maincontent –––––––––––––––––––––––––––––––––––––––––––––––––– */
	

#maincontenttop {
	width:100%;
	margin:0 auto;
	padding:2em 1em 2em 1em;
}

#maincontent {
	width:100%;
	margin:0 auto;
	padding:0 1em 2em 1em;
}

/* footer –––––––––––––––––––––––––––––––––––––––––––––––––– */


#footernav {
	width:100%;
	margin:0;
	padding:0;
}

#footernav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	flex-direction:-webkit-column;
	flex-direction:column;
}

#footernav ul li {
	margin:0;
	padding:0;
	border-right:none;
}

#footernav ul li:first-of-type {
	margin:0;
	padding:0;
	border-left:none;
}

#footernav ul li a {
	display:block;
	margin:0;
	padding:0.5em 0.5em 0.5em 1em;
	text-align:left;
	color:#ffffff;
	text-decoration:none;
	border-bottom:1px solid #ffffff;
}

#footernav ul li a:hover {
	color:#ffffff;
	text-decoration:none;
	background:#223a70;
}

.footercopy {
	width:100%;;
	margin:0;
	text-align:center;
	font-size:0.7em;
}

/* headline –––––––––––––––––––––––––––––––––––––––––––––––––– */

#h1area {
	width:100%;
	padding:1em 0 1em 1em;
}

h1 {
	max-width:960px;
	margin:0 auto;
	padding:0;
	line-height:1.4;
	font-size:1.6em;
	color:#493759;
}

/* box –––––––––––––––––––––––––––––––––––––––––––––––––– */

.row {
	margin:0 0 1.5em 0;
	padding:0;
	flex-direction:-webkit-column;
	flex-direction:column;
}

.clm_half,
.clm_two_third,
.clm_three,
.clm_four_three,
.clm_four,
.clm_six
 {
	width:100%;
	margin:0 0 1em 0;
}

.clmreverse {
	flex-direction:-webkit-column-reverse;
	flex-direction:column-reverse;
}

/* img –––––––––––––––––––––––––––––––––––––––––––––––––– */

.imgcentermedia {
	text-align:center;
}


}