/* CSS Document */
@font-face {
	font-family: "PT Sans Narrow";
	src: url('/images/font/PT-Sans-Narrow.eot');
	src: url('/images/font/PT-Sans-Narrow.eot?#iefix') format('embedded-opentype'),
	url('/images/font/PT-Sans-Narrow.svg#PT Sans Narrow') format('svg'),
	url('/images/font/PT-Sans-Narrow.woff') format('woff'),
	url('/images/font/PT-Sans-Narrow.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
	
body {
	margin: 0px;
	padding: 0px;
	background: #FFF;
}

body, textarea, input {
	font-family: "PT Sans Narrow";
	font-size: 18px;
	line-height: 24px;
	color: #333;
}
html  {
}
body {
}

a {
	color: #333;
	text-decoration: none;
	border: 0px;
}

a:hover {
	color: #ED1C24;
	text-decoration: none;
}

input, textarea {
}

input[type=submit] {
	border: 1px solid #00a0e3;
	background-color: #EEE;
	color: #666;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	cursor: pointer;
}
input[type=submit]:hover {
	border: 1px solid #00a0e3;
	background-color: #00a0e3;
	color: #FFF;
}

input[type=text], input[type=email] {
	padding: 3px;
	line-height: 18px;
	border: 1px solid #00b0f0;
	background-color: #FFF;
	margin-bottom: 10px;
}
input[type=text]:hover, input[type=email]:hover {
	background-color: #EEE;
}

textarea {
	padding: 3px;
	border: 1px solid #00b0f0;
	background-color: #FFF;
	margin-bottom: 10px;
}
textarea:hover {
	background-color: #EEE;
}

#menu_div { text-align: right; }
#top_wrapper { background: #212121; }
#top {}
#social_div img { transition: all .2s ease-in-out; }
#social_div img:hover { transform: scale(1.2); }
#content { min-height: 100%; }
#home_intro { position: relative; }
#home_bg { }
#home_top_slogan { font-family: 'Courgette', cursive; color: #FFF; }
#home_top_wrapper img { width: 20%; height: auto; transition: all 5s ease-in-out; }
#home_top_wrapper img:hover { transform: scale(1.3); }

#inner_intro { position: relative; }
#inner_bg { }
#inner_bg img { width: 100%; height: auto; }
#inner_top { position: absolute; top: 0px; left: 0px; }
#inner_top_wrapper img { width: 15%; height: auto; transition: all 5s ease-in-out; }
#inner_top_wrapper img:hover { transform: scale(1.3); }



#bottom_wrapper { background: #212121; }
#home_content_wrapper { background: #eefff0; position: relative; top: -140px; }
#home_content_wrapper #home_content { }
#home_content_wrapper #home_content .home_content_box .header { font-family: 'Courgette', cursive; }
#home_content_wrapper #home_content .home_content_box .header span { color: #396; font-weight: bold; }

.sub_header { font-size: 1.4em; font-weight: bold; }
.grid figcaption { text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); }

.home_button { background-color: #396; color: #FFF; padding: 5px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.home_button:hover { background-color: #6C9; color: #FFF; }

#paging {}
#paging ul:before { content: ""; }
#paging ul { list-style: none; margin: 0px; padding: 0px; float: left; }
#paging li { float: left; text-align: center; margin: 1px; padding: 0px; }
#paging li a { border: 1px solid #CCC; padding: 5px 10px; float: left; text-align: center; }
#paging li.current { }
#paging li.current a { border: 1px solid #666; background-color: #666; color: #FFF; }


.blog .title { margin-bottom: 5px; }
.blog .date { text-align: right; margin-bottom: 20px; }
.padding-left-5 { padding-left: 5px; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

@media only screen and (max-width: 767px) {
	.content_image_div { }
	.content_image { max-width: 100%; height: auto; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.content_image_div { float: right; margin: 0px 0px 10px 10px; max-width: 50%; }
	.content_image { max-width: 100%; height: auto; }
}

@media only screen and (max-width: 991px) {

	body { padding: 0px; margin: 0px; }
	#top_wrapper { height: 60px; }
	#top { width: 100%; }
	#social_div img { width: 10%; height: auto; margin: 10px 1% 10px 1%; }
	#menu-select-wrapper { overflow: hidden; }
	#home_bg img { width: 100%; height: auto; min-height: 300px; }
	#home_top { width: 100%; margin-left: auto; margin-right: auto; }
	#home_top_wrapper { width: 100%; margin-top: 60px; }
	#logo_div { padding-top: 5px; }
	#logo_div img { height: 50px; width: auto; margin-right: 10px; }
	#menu_xs_button { padding: 10px 15px 0px 0px; }

	#inner_top { width: 100%; margin-left: auto; margin-right: auto; }
	#inner_top_wrapper { width: 100%; margin-top: 20px; }

	.content_right { border-left: 1px solid #CCC; }

	#home_top_links_wrapper {  }

	#home_top_links_wrapper .home_top_link {  width: 48%; margin: 10px 1%; float: left; background: #FFF; transition: all .2s ease-in-out; }
	#home_top_links_wrapper .home_top_link:hover { }
	#home_top_links_wrapper .home_top_link img { width: 100%; height: auto; }
	#home_top_links_wrapper .home_top_link .title { font-family: 'Courgette', cursive; }
	#home_top_links_wrapper .home_top_link .title span { color: #396; font-weight: bold; }

	#home_top_slogan { font-size: 14px; margin-top: 20px; }
	#home_top_slogan span { font-size: 20px; }
	#home_top_links_wrapper { width: 100%; }
	#home_top_links_wrapper .home_top_link { }
	#home_top_links_wrapper .home_top_link .title { line-height: 22px; font-size: 16px; border-bottom: 1px dotted #999999; margin-left: 10px; margin-right: 10px; padding-bottom: 10px; padding-top: 11px; }
	#home_top_links_wrapper .home_top_link .text { padding-top: 10px; margin-left: 20px; margin-right: 20px; line-height: 18px; height: 32px; }
	#home_top_links_wrapper .home_top_link .link button { margin: 0px; padding: 7px; background: #396; border: 0px none; color: #FFF; cursor: pointer; font-family: 'Courgette', cursive; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
	#home_content_wrapper #home_content { width: 100%; }
	#home_content_wrapper #home_content .home_content_box { width: 25%; float: left; }
	#home_content_wrapper #home_content .home_content_box img { width: 96%; height: auto; }
	#home_content_wrapper #home_content .home_content_box .header { font-size: 36px; padding-top: 50px; }
	#home_content_wrapper #home_content .home_content_box button { margin: 0px; padding: 7px; background: #396; border: 0px none; color: #FFF; cursor: pointer; font-family: 'Courgette', cursive; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
	#bottom_wrapper { padding: 30px 15px; color: #FFF; }
	#bottom_div { width: 100%; }
	#bottom_div .footer_left { float: left; }
	#bottom_div .footer_right { float: right; }

	#content_mid { width: 100%; padding: 0px 1%; }
	#page_navigation { font-size: 18px; }
	#page_navigation a { color: #666; }
	#page_header { font-size: 26px; font-weight: bold; margin-bottom: 20px; }

	.content_side { width: 100%; }
	.content_text img:not(.content_image) { width: 100%; height: auto; margin: 10px; }

	.calender_line { padding: 10px 0px; }
	.calender_date { float: left; width: 80px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: #FFF; background: #396; padding: 10px; }
	.calender_date .calender_day { font-size: 36px; line-height: 24px; }
	.calender_date .calender_month { font-size: 22px; }
	.calender_date .calender_year { font-size: 14px; line-height: 10px; }
	.calender_line .title { float: left; padding-left: 20px; font-size: 24px; }

	.calender .title { font-size: 36px; float: left; line-height: 36px; }
	.calender .date { font-size: 24px; float: right; }

	#menu_div { display: none; }

	ul.menu { list-style:none; margin:0; padding:0px; border-top: 1px solid #EEEEEE; }
	ul.menu * {margin:0; padding:0}
	ul.menu a { display:block; padding: 7px; text-align: left; text-decoration: none; border-bottom: 1px solid #EEEEEE; }
	ul.menu a:hover { color: #FFF; background: #ed1c24; }
	ul.menu li { list-style: none; }
	ul.menu ul a { padding-left: 20px; }
	ul.menu ul a:before { content: "> "; }
	ul.menu ul ul a { padding-left: 40px; }
	ul.menu .menu_seperator { width: 3px; }
	ul.menu .menuhover { color: #FFF; background: #ed1c24; }
	ul.menu .topline { margin-top: 3px; }
	ul.menu .active { color: #900; }
	ul.menu .active .menulink { color: #900; }
}

@media only screen and (min-width: 992px) {
	.content_image_div { float: right; margin: 0px 0px 10px 10px; max-width: 33%; }
	.content_image { max-width: 100%; height: auto; }
	ul.menu {
		float: left;
		list-style: none;
		margin: 0;
		padding: 0px;
		display: inline-block;
	}

	ul.menu * {
		margin: 0;
		padding: 0
	}

	ul.menu a {
		display: block;
	}

	ul.menu li {
		position: relative;
		float: left;
	}

	ul.menu ul {
		position: absolute;
		left: 3px;
		display: none;
		opacity: 0;
		list-style: none;
		display: inline-block;
		-webkit-box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.75);
		-moz-box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.75);
		box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.75);
	}

	ul.menu ul li {
		position: relative;
	}

	ul.menu ul li a {
		display: block;
		background-color: #FFF;
		color: #396;
		padding: 3px;
		text-align: left;
		text-decoration: none;
	}

	ul.menu ul li .menuhover {
		color: #fff;
		background-color: #990000;
	}

	ul.menu ul li a:hover {
		color: #fff;
		background-color: #990000;
	}

	ul.menu ul ul {
		top: -3px;
		padding-left: 3px;
	}

	ul.menu .menulink {
		display: inline-block;
		color: #FFF;
		text-decoration: none;
	}

	ul.menu .menu_seperator {
		width: 3px;
	}

	ul.menu .menulink:hover {
		color: #396;
		background-color: #FFF;
	}

	ul.menu .menuhover {
		color: #900;
		background-color: #FFF;
	}

	ul.menu .topline {
		margin-top: 3px;
	}

	ul.menu .active {
		color: #000;
		background-color: #FFB700;
	}

	ul.menu .active .menulink {
		color: #000;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	body { padding: 0px; margin: 0px; }
	#top_wrapper { height: 100px; }
	#top { width: 960px; }
	#social_div img { width: 32px; height: auto; margin-top: 10px; margin-left: 2px; }
	#menu-select-wrapper { display: none; }
	#home_bg img { width: 100%; height: auto; min-height: 500px; }
	#home_top { width: 100%; margin-left: auto; margin-right: auto; }
	#home_top_wrapper { width: 960px; margin-top: 60px; }
	#logo_div { padding-top: 15px; }
	#logo_div img { height: 70px; width: auto; margin-right: 10px; }

	#inner_top { width: 100%; margin-left: auto; margin-right: auto; }
	#inner_top_wrapper { width: 960px; margin-top: 20px; }

	#home_top_links_wrapper { width: 100%; }
	#home_top_links_mid { width: 960px; }
	#home_intro { margin-bottom: 20px; }
	#inner_intro { margin-bottom: 20px; }

	.content_right { border-left: 1px solid #CCC; }

	#home_top_links_wrapper .home_top_link {  width: 23%; margin-left: 1%; margin-right: 1%; float: left; background: #FFF; transition: all .2s ease-in-out; }
	#home_top_links_wrapper .home_top_link:hover { transform: scale(1.05); }
	#home_top_links_wrapper .home_top_link img { width: 100%; height: auto; }
	#home_top_links_wrapper .home_top_link .title { font-family: 'Courgette', cursive; }
	#home_top_links_wrapper .home_top_link .title span { color: #396; font-weight: bold; }

	#home_top_slogan { font-size: 14px; margin-top: 20px; }
	#home_top_slogan span { font-size: 26px; }
	#home_top_links_wrapper .home_top_link { }
	#home_top_links_wrapper .home_top_link .title { line-height: 22px; font-size: 16px; border-bottom: 1px dotted #999999; margin-left: 10px; margin-right: 10px; padding-bottom: 10px; padding-top: 11px; }
	#home_top_links_wrapper .home_top_link .text { padding-top: 10px; margin-left: 20px; margin-right: 20px; line-height: 18px; height: 32px; }
	#home_top_links_wrapper .home_top_link .link button { margin: 0px; padding: 7px; background: #396; border: 0px none; color: #FFF; cursor: pointer; font-family: 'Courgette', cursive; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
	#home_content_wrapper #home_content { width: 960px; }
	#home_content_wrapper #home_content .home_content_box { width: 25%; float: left; }
	#home_content_wrapper #home_content .home_content_box img { width: 96%; height: auto; }
	#home_content_wrapper #home_content .home_content_box .header { font-size: 36px; padding-top: 50px; }
	#home_content_wrapper #home_content .home_content_box button { margin: 0px; padding: 7px; background: #396; border: 0px none; color: #FFF; cursor: pointer; font-family: 'Courgette', cursive; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
	#bottom_wrapper { padding-top: 50px; padding-bottom: 50px; color: #FFF; margin-top: 20px; }
	#bottom_div { width: 960px; }
	#bottom_div .footer_left { float: left; }
	#bottom_div .footer_right { float: right; }

	#content_mid { width: 960px; }
	#page_navigation { font-size: 24px; }
	#page_navigation a { color: #666; }
	#page_header { font-size: 32px; line-height: 40px; font-weight: bold; margin-bottom: 20px; }

	.content_side { width: 50%; padding-right: 2%; float: left; }
	.content_text img:not(.content_image) { max-width: 50%; height: auto; margin: 10px; }

	.calender_line { padding: 10px 0px; }
	.calender_date { float: left; width: 80px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: #FFF; background: #396; padding: 10px; }
	.calender_date .calender_day { font-size: 36px; line-height: 24px; }
	.calender_date .calender_month { font-size: 22px; }
	.calender_date .calender_year { font-size: 14px; line-height: 10px; }
	.calender_line .title { float: left; padding-left: 20px; font-size: 22px; width: 274px; }

	.calender .title { font-size: 36px; float: left; line-height: 36px; }
	.calender .date { font-size: 24px; float: right; }

	.blog_line { margin-bottom: 5px; }

	ul.menu { height: 100px; }
	ul.menu .menulink {	height: 100px; line-height: 100px; font-size: 16px; width: auto; padding-left: 10px; padding-right: 10px; transition: background-color 0.5s ease; }
	ul.menu ul ul {left: 160px; }
	ul.menu .sub { background: #FFF url(/img/menu-arrow.png) 154px 12px no-repeat; }
	ul.menu ul { top: 100px; }
	ul.menu ul li a { line-height: 20px; width: 160px; font-size: 14px; }
	ul.menu .menulink {  }
}

@media only screen and (min-width: 1200px) {
	body { padding: 0px; margin: 0px; }
	#top_wrapper { height: 100px; }
	#top { width: 1160px; }
	#social_div img { width: 48px; height: auto; margin-top: 10px; margin-left: 5px; }
	#menu-select-wrapper { display: none; }
	#home_bg img { width: 100%; height: auto; min-height: 700px; }
	#home_top { width: 100%; margin-left: auto; margin-right: auto; }
	#home_top_wrapper { width: 1160px; margin-top: 60px; }
	#logo_div { padding-top: 15px; }
	#logo_div img { height: 70px; width: auto; margin-right: 10px; }
	#inner_top { width: 100%; margin-left: auto; margin-right: auto; }
	#inner_top_wrapper { width: 1160px; margin-top: 60px; }

	#home_top_links_mid { width: 1160px; }
	#home_intro { margin-bottom: 30px; }
	#inner_intro { margin-bottom: 30px; }

	.content_right { border-left: 1px solid #CCC; }

	#home_top_links_wrapper .home_top_link {  width: 23%; margin-left: 1%; margin-right: 1%; float: left; background: #FFF; transition: all .2s ease-in-out; }
	#home_top_links_wrapper .home_top_link:hover { transform: scale(1.05); }
	#home_top_links_wrapper .home_top_link img { width: 100%; height: auto; }
	#home_top_links_wrapper .home_top_link .title { font-family: 'Courgette', cursive; }
	#home_top_links_wrapper .home_top_link .title span { color: #396; font-weight: bold; }

	#home_top_slogan { font-size: 18px; margin-top: 20px; }
	#home_top_slogan span { font-size: 36px; }
	#home_top_links_wrapper .home_top_link { }
	#home_top_links_wrapper .home_top_link .title { line-height: 26px; font-size: 22px; border-bottom: 1px dotted #999999; margin-left: 20px; margin-right: 20px; padding-bottom: 10px; padding-top: 11px; }
	#home_top_links_wrapper .home_top_link .text { padding-top: 10px; margin-left: 20px; margin-right: 20px; line-height: 18px; }
	#home_top_links_wrapper .home_top_link .link button { margin: 0px; padding: 7px; background: #396; border: 0px none; color: #FFF; cursor: pointer; font-family: 'Courgette', cursive; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
	#home_content_wrapper #home_content { width: 1160px; }
	#home_content_wrapper #home_content .home_content_box { width: 25%; float: left; }
	#home_content_wrapper #home_content .home_content_box img { width: 96%; height: auto; }
	#home_content_wrapper #home_content .home_content_box .header { font-size: 36px; padding-top: 50px; }
	#home_content_wrapper #home_content .home_content_box button { margin: 0px; padding: 7px; background: #396; border: 0px none; color: #FFF; cursor: pointer; font-family: 'Courgette', cursive; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
	#bottom_wrapper { padding-top: 50px; padding-bottom: 50px; color: #FFF; margin-top: 30px; }
	#bottom_div { width: 1160px; }
	#bottom_div .footer_left { float: left; }
	#bottom_div .footer_right { float: right; }

	#content_mid { width: 1160px; padding: 0px 0px 20px 0px; }
	#page_navigation { font-size: 24px; }
	#page_navigation a { color: #666; }
	#page_header { font-size: 36px; line-height: 50px; font-weight: bold; margin-bottom: 20px; }

	.content_side { width: 50%; padding-right: 2%; float: left; }
	.content_text img:not(.content_image) { max-width: 50%; height: auto; margin: 10px; }

	.calender_line { padding: 10px 0px; }
	.calender_date { float: left; width: 80px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: #FFF; background: #396; padding: 10px; }
	.calender_date .calender_day { font-size: 36px; line-height: 24px; }
	.calender_date .calender_month { font-size: 22px; }
	.calender_date .calender_year { font-size: 14px; line-height: 10px; }
	.calender_line .title { float: left; padding-left: 20px; font-size: 24px; width: 460px; }

	.calender .title { font-size: 36px; float: left; line-height: 36px; }
	.calender .date { font-size: 24px; float: right; }

	.blog_line { margin-bottom: 10px; }
	.blog_line .title { font-size: 1.2em; }

	.share-container { width: 50%; }

	#content_list { }
	#content_list figure { width: 366px; height: 244px; }
	#content_list img { }


	ul.menu { height: 100px; }
	ul.menu .menulink {	height: 100px; line-height: 100px; font-size: 18px; width: auto; padding-left: 15px; padding-right: 15px; transition: background-color 0.5s ease; }
	ul.menu ul ul {left: 240px; }
	ul.menu .sub { background: #FFF url(/img/menu-arrow.png) 234px 12px no-repeat; }
	ul.menu ul { top: 100px; }
	ul.menu ul li a { line-height: 26px; width: 240px; font-size: 16px; }
	ul.menu .menulink {  }

	.grid { max-width: 1160px; }
	.grid img { margin: 0px; }
}