/* CSS Document */ 
html {
  scroll-behavior: smooth;
}

/* global colour scheme */ 

body { 
	color: #000000;
	background-color: #ffffff;
}

div.menu_area { 
	background: rgba(255, 255, 255, 0.8);
}

div.menu_area a {
	background-color: #ffffff;
}
div.submenu_area {
	background: rgba(255, 255, 255, 0.8);
	// background: url("styleimages/top_shade.png") repeat-x;
}

div.header_area { 
	color: #000000;
	background: url("styleimages/top_shade.png") repeat-x;
//	background: url("styleimages/bg_shade_v.jpg") repeat-x;
//	background: url("styleimages/snowflakes.jpg") repeat-x;
//	background-color: #e6e6e6;
}

div.footer_area { 
	background: url("styleimages/top_shade.png") repeat-x;
}
div.page_title h1, div.page_title h2, div.page_title h3, span.top_links a, div.page_footer a, a.jsonclick { color: #000000; } 

span.resize_box span:hover { color: #ff0000; } 

h1, h2, h3, h4, .headline { color: #e6494e ; } 
h1 { border-color: #e6494e ; }

fieldset.contact_form legend { color: #057bc2 ; } 
div.menu_top { color: #1fa29a; border-color: #1fa29a; }

#submenutop a, div.menu a { color: #303030; // #007200; } 

#submenutop a:hover, #submenutop a.current { 
	color: #ffffff;
	background-color: #999999;
}
div.menu a:hover {
	background-color: #1fa29a; // #009900;
	color: #ffffff;
}

.header_caption { 
	color: #ffffff;
	background-color: #cf5200;
}

.notice {
	border-color: #52546d;
	background-color: #ffffdd;
	text-align: left;
}

.notice h1, .notice h2, .notice h3, .notice h4 {
	color: #057bc2;
}

.warning, .warning h1, .warning h2, .warning h3, .warning h4 { 
	border-color: #ff0000;
	color: #ff0000;
}
a { color: #e6494e; } 

.links a { color: #000000; } 

a:visited, .links a:visited { color: #057bc2; } 
.notice a { color: #1fa29a; } 
.notice a:visited { color: #057bc2; } 

/* CARESCO 2020 colours  #FF2659 ;  #33E68C;  #FF9933 ;  #30437C ;  #66FF00 ;  #B319FF ;  #00A6FF */ 
.fc1, a.fc1:visited, .ts1 h1,  .ts1 h2, .ts1 h3, .ts1 h4, .ts1 div.simple, div.news b, div.news strong {color:#e6494e ; border-color: #e6494e ;} 
.fc2, a.fc2:visited, .ts2 h1,  .ts2 h2, .ts2 h3, .ts2 h4, .ts2 div.simple {color:#1fa29a  ; border-color: #1fa29a ;} 
.fc3, a.fc3:visited, .ts3 h1,  .ts3 h2, .ts3 h3, .ts3 h4, .ts3 div.simple {color:#f4ab4a  ; border-color: #f4ab4a ;} 
.fc4, a.fc4:visited, .ts4 h1,  .ts4 h2, .ts4 h3, .ts4 h4, .ts4 div.simple {color:#52546d ; border-color: #52546d;}
.fc5, a.fc5:visited, .ts5 h1,  .ts5 h2, .ts5 h3, .ts5 h4, .ts5 div.simple {color:#7bb936 ; border-color: #7bb936 ;} 
.fc6, a.fc6:visited, .ts6 h1,  .ts6 h2, .ts6 h3, .ts6 h4, .ts6 div.simple {color:#b53689 ; border-color: #b53689 ;} 
.fc7, a.fc7:visited, .ts7 h1,  .ts7 h2, .ts7 h3, .ts7 h4, .ts7 div.simple {color:#057bc2 ; border-color: #057bc2 ;} 
.bc1, a.fc1:hover, .ts1 div.lozenge, .ts1 div.lozenge_tail, .ts1 .header_caption, div.box h4 {color: #ffffff; background-color:#e6494e ; border-color: #e6494e ;} 
.bc2, a.fc2:hover, .ts2 div.lozenge, .ts2 div.lozenge_tail, .ts2 .header_caption {color: #ffffff; background-color:#1fa29a ; border-color: #1fa29a ;} 
.bc3, a.fc3:hover, .ts3 div.lozenge, .ts3 div.lozenge_tail, .ts3 .header_caption {color: #ffffff; background-color:#f4ab4a ; border-color: #f4ab4a ;} 
.bc4, a.fc4:hover, .ts4 div.lozenge, .ts4 div.lozenge_tail, .ts4 .header_caption {color: #ffffff; background-color:#52546d; border-color: #52546d;} 
.bc5, a.fc5:hover, .ts5 div.lozenge, .ts5 div.lozenge_tail, .ts5 .header_caption {color: #ffffff; background-color:#7bb936 ; border-color: #7bb936 ;} 
.bc6, a.fc6:hover, .ts6 div.lozenge, .ts6 div.lozenge_tail, .ts6 .header_caption {color: #ffffff; background-color:#b53689 ; border-color: #b53689 ;} 
.bc7, a.fc7:hover, .ts7 div.lozenge, .ts7 div.lozenge_tail, .ts7 .header_caption {color: #ffffff; background-color:#057bc2 ; border-color: #057bc2 ;}

div.lozenge_tail_inner {
	color: #000000; 
	background-color:#ffffff;
}

/* body area & wrapper for all content to achieve centering & limit width */ 
body { 
	font-family: "Myriad Pro Light", Arial, Tahoma, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	font-size: 100%;
}

div.wrapper { 
	max-width: 1200px;
	min-width: 620px; // 795px;
	margin: 0px auto;
	text-align: left;
	padding: 0 10px;
}

/* formats used in main page header area */ 

div.page_header { 
	margin-bottom: 20px;
}

div.page_header img.logo { 
	margin-left: 10px;
	height: 100px;
}

div.page_header img.logo_sm { 
	margin-left: 10px;
	height: 80px;
}

div.mobile_page_header {
	display: none;
	clear:both;
//	margin-bottom: 10px;
}

div.mobile_page_header img.logo { 
	margin-left: 10px;
	height: 80px;
}

div.page_title { 
	text-align: left;
	padding-left: 25px;
	height: 80px;
	width: 100%;
	display: table-cell;
	vertical-align: bottom;
}

/* 	quick-links - line of links used at top of header */ 
div.header_top { 
	height: 20px;
	text-align: right;
	padding-bottom: 2px;
}

span.top_links { 
	font-size: 90%;
	height: 20px;
	padding: 2px 0 0;
}

/* 	social media icons */ 
span.social_media { 
	padding: 0 5px;
	vertical-align: bottom; 
	font-size: 0;
}

span.social_media img { 
	height: 32px;
}

span.social_media img:hover {
	transform: scale(1.1);
}

/* 	text resize box */ 
span.resize_box { 
	border: solid #999999 1px;
	padding: 7px 5px 3px;
}

span.resize_box span { 
	cursor: pointer;
}

/* 	heading styles */ 
div.page_title h1, div.page_title h2 , div.page_title h3 { 
	font-family: "Myriad Pro Semibold", Tahoma, Helvetica, Arial, sans-serif;
	font-weight: bold;
}

div.page_title h1 {
	font-size: 275%;
//	margin-top: 10px;
	margin-bottom: 0px;
	border: 0px; padding: 0px;
}

div.page_title h2 { 
	font-size: 220%; 
	line-height: 100%; 
	margin: 0px;
	margin-bottom: 4px;
	font-style: italic;
}

div.page_title h3 { 
	font-size: 180%; 
	margin: 0px; padding: 0px;
	font-style: italic;
}

/* top menu styles - menu containers */ 
div.menu_area { 
	// border-bottom: solid 1px #ffffff;
}
div.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 5;
}
#mainmenutop { 
	clear:both;
	padding-top: 1px;
}
#submenutop { 
	min-height: 38px;
	padding: 3px 0px 3px 10px;
}
/* 	top menu items */ 
#mainmenutop a, #submenutop a  { 
	display: inline-block;
}
#mainmenutop a { 
	font-family: Bebas, Arial Narrow, Tahoma, Helvetica, sans-serif;
	font-size: 120%;
	text-transform: uppercase;
//	letter-spacing: 0.06em;
	border-radius: 30px 30px 0px;
	border-style: solid;
	border-width: 2px;
	text-align: center;
	width: 7em;
	max-width: 13%;
	padding: 9px 0; // 8px; // 12px;
	transition: all 0.3s;
}
#submenutop a { 
	font-family: "Myriad Pro Semibold", Arial, Tahoma, Helvetica, sans-serif;
	border-radius:30px 0px 30px 30px ;
	padding: 5px 8px 6px;
	transition: all 0.3s;
}
#mainmenutop a:hover, #submenutop a:hover { 
	text-decoration: none;
	cursor: pointer;
}

/*	hidden submenu containers */ 
div.submenu { 
	display: none;
}

/* content area containing everything between header and footer */ 
div.content_area {
	padding: 0 15px;
}

table.page_content { 
	margin-top: 15px;
	width: 100%;
	border-collapse: collapse;
}

/* 	table cells containing main page content and side menus */ 
td.main_box, td.left_box, td.right_box, td.banner_img { 
//	border: solid #e0e0e0 1px; 
	font-family: "Myriad Pro Light", Arial, Tahoma, Helvetica, sans-serif;
//	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding: 0px;
}

td.left_box { 
// left box not used in current layout
	border: solid #e0e0e0 1px;
//	width: 100%;
}

td.main_box { 
	font-family: "Myriad Pro Light", Arial, Tahoma, Helvetica, sans-serif;
	width: 100%;
	padding: 0px 5px 0px 5px;
}

td.main_box p, td.main_box li { 
//	font-family: "Myriad Pro Light", Arial, Tahoma, Helvetica, sans-serif;
//	font-family: Bookman Old Style, Book Antiqua, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 120%;
	line-height: 180%;
}

td.main_box a { 
}

td.main_box a:visited { 
}

td.main_box img {
	max-width: 100%;
}

td.right_box { 
}

/*	General content formatting */
.highlight {
	border: solid #009900 1px;
	background-color: #ffffdd;
	color: #ff0000;
	padding: 10px;
	margin: 5px 0px 10px 0;
}

.code {
  font-family: Consolas,monospace,"courier new";
  color: #ff0000;
  background-color: #f1f1f1;
  padding: 2px;
}

ul {overflow: hidden;}

/* formats used in main page footer area */ 
div.footer_trim { 
//	padding-top: 15px;
	margin-top: 15px;
}

div.footer_area { 
	padding: 0;
}
div.page_footer { 
	padding: 15px; // 5px;
	font-size: 90%;
}

div.page_footer p { 
	margin-top: 0px;
	margin-bottom: 0px;
}

img.footer_ad {
	margin-top: 10px;
	width: 160px;
} 

/* 	page footer area containing page counter */ 
span.page_counter { 
	text-align: right;
	vertical-align: top;
	float: right;
}

/* styles used in the main page content area */ 
/* 	heading styles  */ 
h1, h2, h3, h4, div.simple { 
	font-family: "Myriad Pro Regular", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 0px;
}

h1, div.simple { 
	font-size: 160%;
	margin-top: 15px;
	padding-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	clear:both;
}

h2 { 
	margin-top: 30px;
//	line-height: 180%;
	font-size: 140%;
}

div.lozenge {
	height: 60px; 
	font-family: Bebas, Arial, Tahoma, Helvetica, sans-serif;
//	font-family: BebasNeueRegular, Impact; 
//	font-size: 30pt; 
//	font-weight: bold;
	font-size: 220%;
	text-transform: uppercase;
//	letter-spacing: 0.05em;
	border-radius: 30px 30px 0px; 
	margin-top: 5px; 
//	display: inline-block; 
	width: 100%;
}

div.lozenge img {
	height: 60px;
	margin-right: 10px; 
	vertical-align: middle;
}

div.lozenge_tail {
	border: 0;
}
div.lozenge_tail_inner {
	margin-right: 8px;
	border-radius: 0 30px 0 0;
	padding: 1px 20px;
	height:auto;
	overflow:auto;
	overflow-y: hidden;
}
div.no_image {
	line-height: 60px;
	padding-left: 40px;
	box-sizing: border-box;
}

/* 	notice container  */ 
.notice {
	border-style: solid;
	border-width: 2px;
	padding: 0 10px;
	margin: 10px 0px 10px 0;
	border-radius: 6px;
}

.extra-margin {
	margin-top: 20px;
	margin-bottom: 25px;
}
/* 	default style for all links */ 
a { 
	text-decoration: none;
}

a:hover { 
	text-decoration: underline;
}

/* 	list of links on the downloads & other pages */ 
p.links ul.links{ 
	list-style-position: inside;
	line-height: 100%;
}

table.links { 
	font-family: "Myriad Pro Light", Arial, Tahoma, Helvetica, sans-serif;
//	font-family: Bookman Old Style, Book Antiqua, Tahoma, Arial, Helvetica, sans-serif;
	width: 100%;
	border-collapse: collapse;
	line-height: 100%;
}

table.links a { 
	font-size: 120%;
}

table.links td { 
	border: 0px;
	list-style-position: inside;
	vertical-align: top;
//	width: 50%;
}

table.links h2 { 
	margin-bottom: 10px;
}

table.links a, p.links a { 
	display: list-item;
	list-style-position: outside;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 25px;
	line-height: 100%;
}
table.links a:visited, p.links a:visited { 
}

/* 	social media links */ 

table.links span.social_media img {
	height: 48px;
}

table.links span.social_media a {
	display: inline;
	padding: 0;
	margin: 0;
}

/* 	hidden blocks & jsonclick */ 

.hidden { 
	display: none;
	clear: both;
}

.visible { 
	display: block;
	clear: both;
}
.jsonclick { 
//	position:relative;
//	float: right;
//	text-align: right;
//	padding-top: 5px;
	clear: both;
	text-decoration: underline;
	font-size: 90%;
	cursor: pointer;
	margin: 5px 5px 5px 25px;
}

/* 	boxes for front page calendar & news */ 
div.box { 
	vertical-align: top;
	padding: 0;
	margin-bottom: 20px;
//	border: solid #e0e0e0 1px;
	height: 430px;
	box-sizing: border-box;
}

div.box h4 { 
	text-align: center;
//	font-family: BebasNeueRegular, Impact; 
	font-family: Bebas, Arial, Tahoma, Helvetica, sans-serif;
//	font-size: 30pt; 
	font-size: 120%;
	text-transform: uppercase;
//	letter-spacing: 0.06em;
	font-weight: normal;
//	letter-spacing: 0.05em;
	height: 35px;
	line-height: 35px;
	padding: 0px 5px;
	margin: 0px;
	border-radius: 30px 30px 0px; 
}
div.box a.shift { 
	position: relative;
	top: -20px; left: 10px;
}

div.calendar { 
	float:left;
//	width: 320px;
	width: 40%;
	text-align: right;
}

div.calendar a {
	font-size: 120%;
}

div.news { 
//	display: inline-block;
	float: right;
//	clear: none;
	width: 60%;
	padding-left: 20px;
}
div.news b {
	font-family: Bebas, Arial, Tahoma, Helvetica, sans-serif;
	font-weight: normal;
//	letter-spacing: 0.05em;
//	font-family: "Myriad Pro Regular", Tahoma, Arial, Helvetica, sans-serif;
}

div.news ul { 
	padding-left: 0px;
	padding-right: 5px;
	margin: 0px;
	margin-left: 20px;
	list-style: none;
	height: 380px;
	overflow: auto;
}

div.news li { 
	margin-left: 0px;
	margin-top: 10px;
	padding-left: 30px;
	padding-right: 10px;
//	background: url('styleimages/CARESCO_dotlogo_icon.png') left top no-repeat;
	background: url('styleimages/CARESCO_favicon.png') left top no-repeat;
	background-size: 20px;
	background-position: 0 7px;
	display: list-item;
}

div.news li:hover { 
	background-color: #e9e9e9;
}

/*	page date */
div.page_date {
	clear: both;
	margin-top: 50px;
	text-align: right;
	font-size: 90%;
}
/* text file container */
div.txt {
    white-space: pre-wrap;
}

/* side menu styles */ 
div.info_panel { 
	display: block;
	width: 200px;
//	border: solid #e0e0e0 1px;
	margin-bottom: 15px;
	margin-left: 15px;
}

div.info_panel .lozenge {
	font-size: 18pt;
}

div.info_panel .lozenge:hover, div.info_panel button:hover {
	transform: scale(1.05);
}

div.info_panel .lozenge {
	transition: all 0.3s;
}

div.info_panel a:hover {
	text-decoration: none;
}
div.last { 
	margin-bottom: 0;
}
div.menu { 
	border-top: solid #999999 1px;
	border: none;
	background-color: #ffffff;
}
div.extra_padding { 
	padding-bottom: 10px;
}

/* 	menu headers */ 
div.menu_top { 
	border-radius:30px 30px 0px;
	border-style: solid;
	border-width: 2px;
	height: 35px;
	line-height: 35px;
	padding: 0px 5px;
//	padding: 5px 5px 3px 5px;
	margin-bottom: 2px;
//	font-family: Tahoma, Arial, Helvetica, sans-serif;
//	font-family: BebasNeueRegular, Impact; 
	font-family: Bebas, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 120%;
	text-transform: uppercase;
//	letter-spacing: 0.06em;
//	font-weight: bold;
	text-align: center;
}

div.menu_pic { // no longer used;
//	border-bottom: solid #999999 1px;
}

/* 	menu items */ 
div.menu a { 
	display: block;
	border-radius:20px 0px 20px 20px;
	padding: 2px 2px 4px 10px; 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: 0px;
	transition: all 0.3s;
}

div.menu a:hover { 
	text-decoration: none;
}

/* 	banner ads placed in side menu area */ 
div.banner { 
	text-align: center;
	transition: all 0.3s;
}

div.padded {
	padding: 15px 0px;
}

div.banner img { 
	padding: 0px 2px;
	border: 0;
	max-width: 100%;
}

div.banner:hover {
	transform: scale(1.05);
}
/* 	social media icons in side menu area */ 
div.social_media { 
	text-align: center;
	font-size: 0;
}

div.social_media img { 
	width: 48px;
	transition: all 0.3s;
}

div.social_media img:hover {
	transform: scale(1.1);
}

/* general table styles */ 
table.default {  
	margin-top: 20px; margin-bottom: 20px;
	border: 1px solid #999999;
}

table.full_width { 
	table-layout: fixed;
	font-size: 90%;
}

table.default th { 
	padding: 3px 6px;
	background-color: #999999;
	color: #ffffff;
}

table.default caption { 
	padding: 3px 6px;
	background-color: #999999;
	color: #ffffff;
	font-weight: bold;
}

caption.bottom { 
	caption-side: bottom;
}

table.default td { 
	word-wrap: break-word;
	padding: 3px 6px;
	vertical-align: top;
}

table.default tr.shaded { 
	background-color: #eeeeee;
}

/* Friends of CARESCO font style */ 
.friends { 
	font-family: Brush Script MT, Brush Script Std, Mistral, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 115%;
}

/* fieldset & form styles - used for contact form */ 

fieldset {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
fieldset.contact_form { 
	border: solid #999999 1px;
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 30px 15px 15px;
//	margin: 0px 0px 10px;
	color: #000000;
	clear: both;
	position: relative;
}

fieldset.contact_form legend { 
	font-weight: bold;
	padding: 5px 10px;
	border-bottom: 1px solid #999999;
	position: absolute;
	top: 0; left: 0; right: 0;
}

fieldset.contact_form textarea { 
	width: 100%;
//	height: 310px;
	height: 700px;
	border: solid #999999 1px;
	padding: 5px;
}

fieldset.contact_form input { 
	border: solid #999999 1px;
//	background-color: #ffffff;
}

div.input_area p { 
//	padding: 5px;
	margin-top: 5px; margin-bottom: 0;
	font-weight: bold;
}

div.input_area input { 
	width: 100%;
	padding: 5px;
}

div.buttons { 
	clear: both;
	text-align: center;
	margin-top: 20px;
}

div.buttons input { 
	padding: 5px 15px;
	margin-right: 10px;
}

div.input_area textarea { 
	width: 100%;
	height: 100px;
}

/* system message styles */ 

.msg { 
	font-family: "Myriad Pro Regular", Arial, Tahoma, Helvetica, sans-serif;
	border: solid #ff0000 1px;
	background-color: #ffffdd;
	color: #ff0000;
	padding: 10px;
	margin: 5px 0px 10px 0;
	border-radius: 4px;
}

.success { 
	border-color: #00aa00;
	color: #00aa00;
}

.msgclose { 
	float: right;
	font-size: 14pt;
	font-weight: bold;
//	color: #555555;
//	margin: -18px -30px 0 0;
	margin: -5px 0 0 20px;
	cursor: pointer;
	padding: 0;
}

div.download { 
	margin: 20px 10px;
	padding: 10px;
	border: solid #ffcc72 1px;
	background-color: #ffffdd;
	width: 30em;
}

/* image & object positioning & text wrapping */ 
.wrap_right { 
	float: right;
	margin: 0px 0px 3px 10px;
}

.wrap_left { 
	float: left;
	margin: 0px 10px 3px 0px;
}

.no_wrap {
	clear:both;
}
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.hr-spacer hr {
	scroll-margin-top: 100px;
	margin: 40px 0 70px;
}

.full_width { 
	width: 100%;
}

.border { 
	border: solid #727272 1px;
}
.top_right { 
	float: right;
}
.top_left { 
	float: left;
}

/* 	page header images & dotlogo */ 

.header_image { 
	clear:both;
	position: relative;
	z-index: 1;
// relative position to allow use of absolute positioning of child objects (.header_caption)
}

.header_image img { 
	width: 100%;
}

.banner_img {
	position: relative;
	min-width: 620px;
	max-height: 450px;
	overflow: hidden;
}

.fb_form_banner {
	width: 640px;
	height: 160px;
	object-fit: cover; object-position: left top;
	border-radius: 8px; 
}

.header_caption { 
	position: absolute;
	top: 100%;  /* hide caption if browser does not support min function */
	top: min(350px, 80%);
	left: 0px;
	box-shadow: 5px 5px #888888;
	border-radius: 0 30px 30px 0; 
	font-family: Bebas, Arial, Tahoma, Helvetica, sans-serif;
	text-transform: uppercase;
//	font-size: 220%;
	font-size: min(5vw, 220%);
	max-height: 60px;
	padding: 6px 20px 6px 10px;
}

.dotlogo {
	height: 180px;
}
/* gadget preview styles */ 
.gadgetContainer { 
	width: 134px;
	margin: 10px 0 5px 10px;
	display: block;
}

.gadgetContainer img { 
	border: 0;
}
.gadgetContent { 
	font-family: calibri;
	font-weight: bold;
	color: #000000;
	font-size: 12px;	
	position: relative;
	top: -20px;
	left: 9px;
	width: 116px;
	max-width: 116px;
	display: block;
}
.gadgetContent marquee a { 
	color: #000000;
	text-decoration: none;
}
.gadgetContent marquee a:visited { 
	color: #000000;
}

/* photo gallery styles */ 
.galleryimg { 
	vertical-align: top;
	margin: 10px 9px 0px 0px;
	padding: 5px;
	background-color: #eeeeee;
	border: solid #999999 1px;
	width: 264px; height:226px;
	position: relative;
	display: inline-block;
	text-align: center;
}

.galleryimg img { 
	vertical-align: top;
	border: solid 1px;
	max-height: 218px;
}

.galleryimg div { 
	padding: 5px;
	margin: 0;
	font-size: 90%;
	position: absolute;
	bottom: 0; left: 0; right: 0;
	opacity: 0.85;
	border-top: solid #999999 1px;
	color: #000000;
	background-color: #ffffff;
	min-height: 28px;
}

/* window resizing */
@media screen and (max-width: 840px) 
{
	div.sticky {position: static;}
	div.info_panel, div.page_header {display: none;}
	div.mobile_page_header, div.adminmenutop {display: block;}
	span.social_media img {height: 64px;}
	div.header_area, div.content_area, div.footer_area {background: #ffffff;}

	div.calendar {width: 100%;}
	div.news {width: 100%; float: left; padding-left: 0;}

}