@import url('custom/css/reset.css');
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('//fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700');

/*****RESET*****/
body, html{
	min-height: 100%; 
	width: 100%;
	font-size:100%;
	padding:0;
	margin:0;}
div, h1, h2, h3, h4, h5, h6, form, p{
	padding:0;
	margin:0;}
img, fieldset {
	border:none;
	margin:0;
	padding:0;}
*:focus{outline:none;}
.clearfix {clear: both;}

/*****Global CSS*****/
body{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:15px;
	font-size:0.9375rem; 
	line-height:19px;
	line-height:1.1875rem;  
	background:#fafafd;
	color:#1c1c1d;}

.wrapper {
	margin: 0 auto;
	width: 64rem;}
	
a{color:#2931e6; text-decoration:none;}
a:hover{color:#2931e6; text-decoration:underline;}
p a{font-weight:bold;}
.middle_column a,.right_column a{font-weight: bold;}	

h1{
	font-size:30px;
	font-size:1.875rem;
	line-height:32px;
	line-height:2rem;
	color:#2931e6;
	font-weight:bold;}
h2{
	font-size:28px; 
	font-size:1.75rem; 
	line-height:30px; 
	line-height:1.875rem;
	color:#2931e6;
	font-weight:bold;}
h3{
	font-size:24px;
	font-size:1.5rem;
	line-height:26px;
	line-height:1.625rem;
	color:#39ae4a;
	font-weight:bold;}
.tool_headline1{
	font-size:24px;
	font-size:1.5rem;
	line-height:26px;
	line-height:1.625rem;
	color:#1c1c1d;
	font-weight:bold;
	margin-bottom:0.5rem;}
.tool_headline1 a{font-weight:bold;}
h3.toolhead{margin-bottom:0.75rem;}
h4{
	font-size:21px;
	font-size:1.313rem;
	line-height:26px;
	line-height:1.625rem;
	color:#2931e6;
	font-weight:bold;}
h5{
	font-size:18px;
	font-size:1.125rem;
	line-height:20px;
	line-height:1.25rem;
	color:#ff0000;
	font-weight:bold;}
.tool_headline2{
	font-size:18px;
	font-size:1.125rem;
	line-height:20px;
	line-height:1.25rem;
	color:#1c1c1d;
	font-weight:bold;
	margin-bottom:0.5rem;}
.tool_headline2 a{font-weight:bold;}
h6{
	font-size:16px;
	font-size:1rem;
	line-height:18px;
	line-height:1.125rem;
	color:#2931e6;
	font-weight:bold;}
p{
	font-size:15px;
	font-size:0.9375rem;
	line-height:19px;
	line-height:1.1875rem;
	color:#1c1c1d;
	padding-bottom:14px;
	padding-bottom:0.875rem;}
table,td,tr,input,textarea,select{
	font-size:15px;
	font-size:0.9375rem;
	line-height:19px;
	line-height:1.1875rem;
	font-family:Arial, Helvetica, sans-serif;}
	
blockquote{
	padding: 10px 40px 10px 40px;
	display: block;
}

/*****HEADER*****/
header{
	display:inline-block;
	width:100%;}
#logo{
	float:left;
	margin:0.5rem 0 0.625rem;
	width:70%;}
#slogan{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
    line-height: 20px;
	line-height: 1.25rem;
	padding-left: 13%;}
.info_box{
	float:right;
	text-align:right;
	width: 276px;
	height:40px;
	height:2.5rem;
	overflow:hidden;
	margin: 1.5rem 0 2rem;}
.info_box p {
    color: #1c1c1d;
    font-family: 'Open Sans', sans-serif; 
	font-weight:normal;
    font-size: 14px;
	font-size: 0.875rem;
    line-height: 20px;
	line-height: 1.25rem;
    text-align: right;
    width: 100%;}
.sc_icn{
	width:30%; 
	float:right; 
	list-style:none; 
	margin:0;
	padding:0;
	text-align:right;}
.sc_icn a {
	font-size:36px;
	font-size:2.25rem;
	padding: 0 1%;
	display:inline-block;
	color: #ff0000;}
.sc_icn a:hover{
	opacity:0.9;
	text-decoration:none!important;
	color: #ff0000;}

/*****FOOTER*****/
footer{
	display:inline-block;
	width:100%;
	background:#c1c1c4;}
.detail_list{
	width:100%;
	float:left;
	list-style:none;
	text-align:center;
	padding: 0 0 14px 0;
	padding: 0 0 0.875rem 0;
	margin: 30px 0 0 0;
	margin: 1.875rem 0 0 0;
	background:url(ps) repeat-x 0 bottom;}
.detail_list li{
	display:inline-block;
	width:16%;
	padding-right:6.3%;}
.detail_list li.last{padding-right:0;}
.detail_list li a strong{
	font-size:24px;
	font-size:1.5rem;
	line-height:28px;
	line-height:1.75rem;
	color:#353537;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight:bold;
	text-transform:uppercase;}
.detail_list li a:hover strong{ color:#fafafd; text-decoration:none;}
.detail_list li a{
	width:100%;
	padding-top:88px;
	padding-top:5.5rem;
	float:left;}
.detail_list li a:hover{text-decoration:none;}
.detail_list li a.detail1{ background:url(ps) no-repeat center top;}
.detail_list li a.detail2{ background:url(ps) no-repeat center top;}
.detail_list li a.detail3{ background:url(ps) no-repeat center top;}
.detail_list li a.detail4{ background:url(ps) no-repeat center top;}
.detail_list li a.detail1:hover{ background:url(ps) no-repeat center top;}
.detail_list li a.detail2:hover{ background:url(ps) no-repeat center top;}
.detail_list li a.detail3:hover{ background:url(ps) no-repeat center top;}
.detail_list li a.detail4:hover{ background:url(ps) no-repeat center top;}
.btm_row{
	width:100%;
	display:inline-block;
	padding:0 0 20px;
	padding: 0 0 1.25rem;
	background:url(ps) repeat-x 0 bottom;}
.footer_left{
	width:65%;
	float:left;
	padding:26px 0 0 0;
	padding:1.625rem 0 0 0;
	position:relative;}
.footer_logo{
	float:left;
	margin-right: 0.5rem;}
h2.footer_name{
	font-size:32px;
	font-size:2rem;
	line-height:42px;
	line-height:2.625rem;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight:bold;}
.footer_name a{
	color:#353537;
	text-transform:uppercase;}
.footer_name a:hover{
	color:#353537;
	text-decoration:none!important;}
.footer_name span{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 300;}
.footer_left p{
	font-size:14px;
	font-size:0.875rem;
	line-height:18px;
	line-height:1.125rem;
	color:#353537;
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
	padding:6px 0;
	padding:0.375rem 0;}
.footer_left p span{
	color:#353537;
	margin:0 4px;
	margin:0 0.25rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;}
.footer_left p a{
	color:#353537;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;}
.footer_left p a:hover{
	text-decoration:none;
	color:#fafafd;}
.search_area{
	float:right;
	border:4px solid #353537;
	border-radius:50px;
	margin-top:20px;}
.search_area span{
	float:left;
	width:82.5%;
	padding:0.125rem 8.7% 0px;
	background:none;}
.search_area span input[type='text']{
	color:#353537;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight:bold;
	font-size:18px;
	font-size:1.125rem;
	line-height:21px;
	line-height:1.313rem;
	background:none;
	border:none;
	letter-spacing:0;
	width:100%;}
.btm_list{
	width:100%;
	float:left;
	list-style:none;
	padding:12px 0 18px 0px;
	padding:0.75rem 0 1.125rem;
	margin:0px;}
.btm_list li{
	width:auto;
	float:left;}
.btm_list li.sep{
	color:#353537;
	padding:0 1.5%;}
.btm_list li a{
	font-size:14px;
	font-size:0.875rem;
	line-height:18px;
	line-height:1.125rem;
	color:#353537;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	float:left;}
.btm_list li a:hover{color:#fafafd; text-decoration:none!important;}

a.credit{ float: right; line-height: 3rem;}
a.credit span{
	font-size: 5rem;
	color: #a2a2a8;}
a.credit:hover{ text-decoration: none !important;}

/*****INSIDE PAGES*****/
section.main-section{
	width:100%;
	display:inline-block;
	float:left;
	position:relative;
	padding-top:1rem;}
#inner_body_container{ 
	display:inline-block;
	width:100%;
	float:left;
	padding-bottom:2.1875rem;}
#banner{
	width:100%;
	display:inline-block;
	margin:-64px 0 -30px 0;
	margin:-3.875rem 0 -1.875rem 0;
	position:relative;
	z-index:7;}
#banner img{float:left; width:100%;}
h1#page_heading{
	padding: 0.875rem 5.6% 0.875rem 1.9%;
	width:auto;
	max-width:92.5%;
	background:#2931e6;
	text-transform:uppercase;
	font-size:42px;
	font-size:2.625rem;
	line-height:32px;
	line-height:2rem;
	color:#fafafd;
	border-radius: 0 54px 54px 0;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight:bold;
	position:relative;
	display:inline-block;
	z-index:8;
	margin-bottom: 1.875rem;}
.inner_container{
	width:100%;
	display:inline-block;
	position:relative;
	margin-top:11px;
	margin-top:0.6875rem;}
.main-section{
	float: left;
	width: 100%;}
.left_column{
	width:19.5%;
	float:left;
	display:inline-block;}
.left_column #sidebar{
	width:100%;
	float:left;
	display:inline-block;}
.right_column{
	width: 21.4%;
	float: right;}
.right_column h3{
	font-size:18px;
	font-size:1.125rem;
	line-height:22px;
	line-height:1.375rem;
	color:#fafafd;
	background:#2931e6;
	border-radius:0 10px 10px 0;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	width:83%;
	padding:9px 7.5% 11px 9.5%;
	padding:0.5625rem 7.5% 0.6875rem 9.5%;
	margin-bottom: 0.625rem;
	display:inline-block;}
.right_column p{padding:1rem 0;}
.middle_column{
	width:100%;
	padding:0;}
.middle_column.with_both{
	width: 43%;
	float: left;
	margin: 0 3.5%;
	padding:0 3.5%;
	border-left: 7px solid transparent;
    -webkit-border-image: url(ps) 0 20 0 20 round round; /* Safari 3.1-5 */
    -o-border-image: url(ps) 0 20 0 20 round round; /* Opera 11-12.1 */
    border-image: url(ps) 0 20 0 20 round round; 
	border-right: 7px solid transparent;
    -webkit-border-image: url(ps) 0 20 0 20 round round; /* Safari 3.1-5 */
    -o-border-image: url(ps) 0 20 0 20 round round; /* Opera 11-12.1 */
    border-image: url(ps) 0 20 0 20 round round; }
.middle_column.with_left{
	float: left;
	width: 72.7%;
	margin: 0 0 0 3.5%;
	padding:0 0 0 3.5%;
	border-left: 7px solid transparent;
    -webkit-border-image: url(ps) 0 20 0 20 round round; /* Safari 3.1-5 */
    -o-border-image: url(ps) 0 20 0 20 round round; /* Opera 11-12.1 */
    border-image: url(ps) 0 20 0 20 round round; }
.middle_column.with_right{
	float: left;
	width: 70%;
	margin: 0 3.5% 0 0;
	padding:0 3.5% 0 0;
	border-right: 7px solid transparent;
    -webkit-border-image: url(ps) 0 20 0 20 round round; /* Safari 3.1-5 */
    -o-border-image: url(ps) 0 20 0 20 round round; /* Opera 11-12.1 */
    border-image: url(ps) 0 20 0 20 round round; }

/*****INSIDE PAGE TOOLS****/
.detail_minical .calendar_form .month_header,
.detail_minical .calendar_options,
.calendar_grid .calendar_grid_headings,
.detail_minical .calendar_grid td,
.calendar_nav,
.calendar_options,
.calendar_grid_day,
.calendar_list_title,
.calendar_list_date,
.slideshow_caption,
.number_pager,
.cycle_overlay,
.post-activity,
.form-item,
.form-label,
.color-button,
.responsive-form input[type="file"],
.responsive-form input, .responsive-form textarea, .responsive-form select,
.news-rss,
.blog_title_all,
.blogtags,
.scrip-writein-row,
.scrip-vendor-name,
.scrip-add-cart-amount,
.scrip-add-cart-qty,
.signup-date,
.grouping-heading,
.login-menu,
.blog-row-header,
.blog-results-row,
.post-nav-left,
.blogattachment,
.header,
.dir-head-link,
.dir-head-back,
.dir-name,
.collapse-btn,
.expandme,
.group-details strong,
.back-to-top,
.profile,
.detail_profiles .staff_header .search_box input[type="text"],
.detail_profiles .popup_box .profile-name,
.detail_profiles .popup_box .profile-title,
.profile-contact,
.detail_profiles .profile-short,
.overlay_details span{font-family: 'Open Sans', sans-serif;}

/*** Sidebar Calendar ***/

.calendar_grid_day{
          font-size: 10px !important;
          font-size:0.625rem !important;
     }
     .detail_minical .calendar_grid .calendar_grid_headings th{
          font-size: 0.875rem !important;
     }
     .calendar_grid td{
          padding: 0rem !important;
     }

/*****HOME PAGE*****/
#slider_container{
	float:left;
	width:100%;
	background:#fafafd;
	margin:-3.875rem 0 0 0;
	position:relative;
	z-index:10;
	overflow-x:hidden;}
.slider,.cycle-slideshow{
	float:left;
	width:100%;}
.slide{
	width:100%;
	display:inline-block;}
.slide img{
	display:inline-block;
	margin:0;
	width:100%;}
.text_content{
	width:37%;
	padding:0 3.75rem 0 0;
	background: rgba(41,49,230,0.9);
	position:absolute;
	z-index:9;
	border-radius:0 98px 98px 0;}
.slide .text{
	font-size:18px;
	font-size:1.125rem;
	line-height:22px;
	line-height:1.375rem;
	color:#fafafd;
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
	float:right;
	width:80%;
	margin-top:4.5rem;; 
	padding-bottom:1rem;}
.slide .text a{
	color:#fafafd; 
	font-family: 'Open Sans', sans-serif; 
	font-weight:bold;}
.pager{ 
	width:80%; 
	position:relative; 
	z-index:10; 
	padding-top:1rem;}
.pager a{ 
	float:left; 
	background:#1c1c1d; 
	height:14px; 
	width:14px; 
	border-radius:20px; 
	margin-right:6px;}
.pager a.cycle-pager-active, .pager a:hover{ background:#fafafd;}

.tagline{
	width:40%;
	background:#2931e6;
	border-radius: 54px 0 0 54px;
	padding: 3px 0 0 5%;
	position: absolute;
	z-index:10;
	right: 0px;
	top: -1.875rem;}
.tagline h2{
	font-size:42px;
	font-size:2.625rem;
	line-height:50px;
	line-height:3.125rem;
	color:#fafafd;
	text-transform:uppercase;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight:300;
	padding-bottom:4px;
	padding-bottom:0.25rem;}
.tagline h2 span{
	color:#fafafd;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight:bold;}

#body_container{ 
	display:inline-block;
	width:100%;
	background:#fafafd;
	position:relative;
	padding: 0 0 35px;
	padding: 0 0 2.1875rem;}

#body_content{width:100%; display:inline-block;}
div.callouts{ 
	width:100%;
	float:left;
	text-align:center;
	list-style:none;
	margin:0px;
	padding:57px 0 0;
	padding:3.5625rem 0 0;}
div.callouts div.callout-column{
	display:inline-block;
	padding: 0 2% 0 1%;
	width:22%;
	text-align:center;
	position:relative;
	z-index:10;
	float:left;
	word-wrap:break-word;}
div.callouts div.callout-column:after {
	background: url(ps) repeat-y 0 0;
	position: absolute;
	right: 0;
	top: 223px;
	height: 74%;
	width: 8px;
	content: "";
}
div.callouts div.callout-column.last:after{background:none;}
div.callouts div.callout-column.first{}
div.callouts div.callout-column .callout-img{ 
	position: relative; 
	width:226px; 
	width:14.125rem;
	margin:0 auto;}
div.callouts div.callout-column .callout-img img{
	border:13px solid #39ae4a;
	width:180px;
	width:11.25rem;
	max-width:180px;
	max-width:11.25rem;
	height:180px;
	height:11.25rem;
	border-radius:128px;}
div.callouts div.callout-column:hover .detail_hover{display:block;}
div.callouts div.callout-column .detail_hover{
	display:none;
	position:absolute;
	z-index:10;
	left:10px;
	left:0.625rem;
	top:0px;
	border:13px solid #2931e6;
	border-radius:128px;
	height:181px;
	height:11.3125rem;
	width:181px;
	width:11.3125rem;
	background: rgba(41,49,230,0.5);}
div.callouts div.callout-column h3{
	font-size:36px;
	font-size:2.25rem;
	line-height:36px;
	line-height:2.25rem;
	height:36px;
	height:2.25rem;
	color: #ff0000;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight:bold;
	margin:17px 0 22px 0;
	margin:1.0625rem 0 1.375rem;
	padding:0;
	width:100%;
	text-transform:uppercase;
	display:inline-block;
	overflow:hidden;}
div.callouts div.callout-column h3 span{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight:300;}
div.callouts .callout_content{text-align:left;}
div.callouts div.callout-column h4{
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;}
div.callouts div.callout-column a:hover h4,div.callouts div.callout-column h4 a:hover{
	text-decoration:underline;}
div.callouts div.callout-column p{
	font-size:14px;
	font-size:0.875rem;
	line-height:18px;
	line-height:1.125rem;
	color:#1c1c1d;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	padding-bottom: 18px;
	padding-bottom: 1.125rem;}
div.callouts div.callout-column p a{
	color:#2931e6;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;}
div.callouts div.callout-column .view_btn {
	display: block;
	font-size: 18px;
	font-size:1.125rem;
	line-height: 21px;
	line-height: 1.3125rem;
	color: #fafafd;
	background: #2931e6;
	border-radius: 30px;
	width: 77.4%;
	height: auto;
	padding: 10px 0;
	padding: 0.625rem 0;
	border: none;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	text-align:center;}
div.callouts div.callout-column .view_btn:hover{opacity:0.9; text-decoration:none;}
div.callouts div.callout-column .row,div.callouts div.callout-column .social-post {
	display:inline-block;
	padding: 0 0 28px;
	padding: 0 0 1.75rem;
	margin: 0;
	width: 100%;}
div.callouts div.callout-column .date {
	float: left;
	width: 67px;
	height: 51px;
	text-align: center;
	font-size: 42px;
	font-size: 2.625rem;
	line-height: 26px;
	line-height: 1.625rem;
	color: #fafafd;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: bold;
	padding: 8px 0;
	padding: 0.5rem 0;
	background: #2931e6;
	margin: 0 6% 0 0;
	border-radius: 32px;
	border-radius: 2rem;
	border-radius: 50%;}
div.callouts div.callout-column .date  small{
	font-size: 16px;
	font-size: 1rem;
	line-height: 19px;
	line-height: 1.1875rem;
	color: #fafafd;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	display: block;}

div.callouts div.callout-column .home-editor{
	margin-bottom:40px;
	margin-bottom: 2.5rem;}
	
div.callouts div.callout-column .home-blog{
	margin-bottom:40px;
	margin-bottom: 2.5rem;}
	
div.callouts div.callout-column .home-blog p, 
div.callouts div.callout-column .home-events p,
div.callouts div.callout-column .home-social p,
div.callouts div.callout-column .home-announcements p{
	padding-bottom:0;}
	
div.callouts div.callout-column .home-social{
	display:inline-block;}
	
div.callouts div.callout-column .home-social img, div.callouts div.callout-column .home-announcements img{
	float:left;
	margin: 0 6% 0 0;
	width: 67px;
	max-height:67px;
	border-radius:32px;}
	
div.callouts div.callout-column .home-social p,div.callouts div.callout-column .home-social h4{
	float:none;
	width:auto;}
div.callouts div.callout-column .home-social p.post-date{
	color:#2931e6;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	font-size:18px;
	font-size:1.125rem;
	line-height:normal;}
	

/*****MEDIA QUERIES*****/

@media only screen and (max-width:67rem) {
	.wrapper{
		width:90%;
		padding:0 5%;}
	
	#logo{width:50%;}
}

@media only screen and (max-width:65rem){
	
	div.callouts div.callout-column h4{
		font-size:1.125rem;
		line-height:normal;}
	div.callouts div.callout-column .home-social p.post-date{
		font-size:1rem;
		line-height:normal;}
	
	div.callouts div.callout-column .callout-img{width:11.25rem;}
	div.callouts div.callout-column .callout-img img{
		width:8.75rem;
		max-width:8.75rem;
		height:8.75rem;}
	div.callouts div.callout-column .detail_hover{
		width: 8.9rem;
		height: 8.9rem;
		left: 5px;}
}
@media only screen and (max-width:59.9375rem){
	.middle_column.with_both{
		width:60%;
		border-left:0;
		margin: 0 3.5% 0 0;
		padding:0 3.5% 0 0;}
	.middle_column.with_left{
		width:100%;
		border-left:0;
		margin:0;
		padding:0;}
	.middle_column.with_right{width:60%;}
	.right_column{width:31.4%}
}
@media only screen and (max-width:58rem){
	
	#slider_container{
		margin-top:-0.3125rem;}
	.slide .text{
		margin-top:1rem;
		font-size:1rem;
		line-height:1.125rem;}
	div.callouts div.callout-column{
		width: 43%;
		padding: 0 4% 0 3%;
		margin: 20px 0;
		margin: 1.25rem 0;}
	div.callouts div.callout-column .callout-img{width:13.75rem;}
	div.callouts div.callout-column .callout-img img{
		width:11.25rem;
		max-width:11.25rem;
		height:11.25rem;}
	div.callouts div.callout-column .detail_hover{
		width: 11.3rem;
		height: 11.2rem;
		left: 5px;}
	div.callouts div.callout-column h3{
		font-size:3rem;
		line-height:3rem;
		height:3rem;}
	div.callouts div.callout-row{
		width:100%;
		display:inline-block;}
	div.callouts div.callout-column:nth-child(2){
		display: block;}
	div.callouts div.callout-column:nth-child(2):after{background:none;}
}
@media only screen and (max-width: 50rem){
	#logo{
		width:100%;
		text-align:center;}
	#slogan{padding:0;}
	.info_box{
		float:left;
		margin: 0 0 0.75rem 0;}
	.sc_icn{
		width:50%;
		margin: 0 0 0.75rem 0;}
	.sc_icn a{
		font-size:2.625rem;}
	.tagline{
		width:auto;
		padding:0.1875rem 8% 0 5%;}
	#banner{margin-top:0;}
}
@media only screen and (max-width: 47rem){
	.right_column{
		margin-top:1rem;
		padding-top:1rem;
		border-top: 10px solid #e4e4e7;
		width:100%;}
	.right_column h3{
		padding: 0.5625rem 7.5% 0.6875rem 2%;
		width:90.5%;}
	.middle_column.with_both,
	.middle_column.with_left,
	.middle_column.with_right{
		width:100%;
		border:0;
		margin:0;
		padding:0;}
	
	.info_box p{
		text-align: center !important;
	}
}
@media only screen and (max-width: 42rem){
	header{text-align:center;}
	.info_box{
		float:none;
		display:inline-block;
		margin:0 auto 0.75rem;}
	.sc_icn{
		width:100%;
		text-align:center;}
	.detail_list li {
		width: 40%;
		padding-right: 0;}
	.footer_left,.footer_logo{
		width:100%;
		text-align:center;
		float:none;
		margin:0;}
	.footer_left p{
		font-size:1.125rem;
		line-height:1.5rem;}
	.search_area{
		width:95%;
		float:none;
		margin:1rem 0;
		display:inline-block;}
	.search_area span input[type='text']{
		font-size:1.25rem;
		line-height:1.75rem;}
	.btm_list li a,.btm_list li{
		font-size: 1.125rem;
		line-height:1.75rem;}
	
	.text_content {
		width: 90%;
		text-align: center;
		position: static;
		float: left;
		margin: 0;
		padding: 3% 5% 0;
		border-radius:0;}
	.slide .text{
		width:100%;
		margin-top:0;}
	.pager{width:100%;}
	.pager a{
		width:20px;
		height:20px;
		margin-right:2%;
		float:none;
		display:inline-block;}
}
@media only screen and (max-width:36rem){
	h1#page_heading{
		font-size:1.75rem;
		line-height:1.5rem;
		padding:0.65rem 5.6% 0.65rem 1.9%}
	
	.tagline{
		position:relative;
		float:right;
		max-width:72%;
		top:auto;
		padding: 0.1875rem 8% 0 10%;}
	.tagline h2{
		font-size:2.25rem;
		line-height:2.25rem;}
	
	div.callouts{padding-top:1.5rem;}
	div.callouts div.callout-column .callout-img{width:11.25rem;}
	div.callouts div.callout-column .callout-img img{
		width:8.75rem;
		max-width:8.75rem;
		height:8.75rem;}
	div.callouts div.callout-column .detail_hover{
		width: 8.9rem;
		height: 8.9rem;
		left: 5px;}
	div.callouts div.callout-column h3{
		font-size: 2.25rem;
		line-height: 2.25rem;
		height:2.25rem;}
		
	.calendar_grid td a span{
          font-size: 0.875rem!important;
     }
     .calendar_grid .calendar_grid_headings th{
          font-size: 0.8rem!important;
     }

}
@media only screen and (max-width:27rem){
	#banner{margin-bottom:0.25rem;}
	div.callouts div.callout-column{
		width:96%;
		padding:0 4%;}
	div.callouts div.callout-column:after{background:none; width:0;}
	div.callouts div.callout-column .callout-img{width:13.75rem;}
	div.callouts div.callout-column .callout-img img{
		width:11.25rem;
		max-width:11.25rem;
		height:11.25rem;}
	div.callouts div.callout-column .detail_hover{
		width: 11.3rem;
		height: 11.3rem;
		left: 5px;}
	div.callouts div.callout-column h3{
		font-size:3rem;
		line-height:3rem;
		height:3rem;}
}
@media only screen and (max-width:27rem){
	.detail_list li{
		width:100%;
		margin-bottom:1.25rem;}	
	.btm_list li a, .btm_list li{line-height:2.5rem;}
}