/* GENERAL */ 


.nopadding {
   	padding: 0 !important;
   	margin: 0 !important;
}

.h1, .h2, .h3, h1, h2, h3 { margin-bottom:20px; }

.mb { margin-bottom:40px;}
.fn-mb { margin-bottom:15px;}
.ml { margin-left:15px;}
.mr { margin-right:15px;}
.gb { margin-bottom:10px;}

p.browser-update { font-size:16px; text-align:center; margin-top: 15px;}

p.standfirst {
	font-size:22px;
	font-weight:600;	
	margin-bottom:40px;
}

p.successfirst {
	font-size:18px;
	font-weight:600;	
	margin-bottom:20px;
}

p.newsfirst {
	font-size:18px;
	font-weight:600;	
	margin-bottom:5px;
}

#imagelightbox {
	position:fixed;
    z-index: 9999;
 
    -ms-touch-action: none;
    touch-action: none;
}

/* SUBJECT AREA PANELS */ 

.sub-area1 { 
	padding:10px 0 10px 0; margin-bottom:40px;
	-webkit-transition: background-color 1s;
	-moz-transition: background-color 1s;
	-o-transition: background-color 1s;
	-ms-transition: background-color 1s;
	transition: background-color 1s;}
a.panel-title:hover,
a.panel-title:active,
a.panel-title:focus {
    color:inherit;
}
.sub-area1:hover {background-color:#000;}
.sub-area1 a  {display:block; color:#fff;}
.sub-area1 a:hover {text-decoration: none;}
.sub-area1 p {color:#fff; font-size: 18px; font-weight: 700; padding: 15px 10px 0px 10px;}

.sub-area2 { 
	padding:10px 0 10px 0; margin-bottom:40px;
	-webkit-transition: background-color 1s;
	-moz-transition: background-color 1s;
	-o-transition: background-color 1s;
	-ms-transition: background-color 1s;
	transition: background-color 1s;}

.sub-area2:hover {background-color:#000;}
.sub-area2 a  {display:block; color:#fff;}
.sub-area2 a:hover {text-decoration: none;}
.sub-area2 p {color:#fff; font-size: 18px; font-weight: 700; padding: 15px 10px 0px 10px;}

.sub-area3 {
	padding:10px 0 10px 0; margin-bottom:40px; 
	-webkit-transition: background-color 1s;
	-moz-transition: background-color 1s;
	-o-transition: background-color 1s;
	-ms-transition: background-color 1s;
	transition: background-color 1s;}
	
.sub-area3:hover {background-color:#000;}
.sub-area3 a  {display:block; color:#fff;}
.sub-area3 a:hover {text-decoration: none;}
.sub-area3 p {color:#fff; font-size: 18px; font-weight: 700; padding: 15px 10px 0px 10px;}

.sub-area4 {
	padding:10px 0 10px 0;  margin-bottom:40px; 
	-webkit-transition: background-color 1s;
	-moz-transition: background-color 1s;
	-o-transition: background-color 1s;
	-ms-transition: background-color 1s;
	transition: background-color 1s;}
	
.sub-area4:hover {background-color:#000;}
.sub-area4 a  {display:block; color:#fff;}
.sub-area4 a:hover {text-decoration: none;}
.sub-area4 p {color:#fff; font-size: 18px; font-weight: 700; padding: 15px 10px 0px 10px;}

.sub-area5 { padding:10px 0 10px 0; margin-bottom:40px;	
	-webkit-transition: background-color 1s;
	-moz-transition: background-color 1s;
	-o-transition: background-color 1s;
	-ms-transition: background-color 1s;
	transition: background-color 1s;  }
	
.sub-area5:hover {background-color:#000;}
.sub-area5 a  {display:block; color:#fff;}
.sub-area5 a:hover {text-decoration: none;}
.sub-area5 p {color:#fff; font-size: 18px; font-weight: 700; padding: 15px 10px 0px 10px;}

.sub-area6 {padding:10px 0 10px 0; margin-bottom:40px;	
	-webkit-transition: background-color 1s;
	-moz-transition: background-color 1s;
	-o-transition: background-color 1s;
	-ms-transition: background-color 1s;
	transition: background-color 1s;}

.sub-area6:hover {background-color:#000;}
.sub-area6 a  {display:block; color:#fff;}
.sub-area6 a:hover {text-decoration: none;}
.sub-area6 p {color:#fff; font-size: 18px; font-weight: 700; padding: 15px 10px 0px 10px;}

/* Subject area colours */ 

.access-he { background-color:#00b0a3; }
.care-community { background-color:#e11383; }
.creative-arts { background-color:#a3195b; }
.enterprise { background-color:#5f2889; }
.foundation-learning { background-color: #f08238; }
.higher-education { background-color:#25387f; }
.leisure { background-color:#8f4393; }
.services { background-color:#2395d3; }
.trades { background-color: #00af41; }
.work-related-training { background-color:#778196; }

/* COURSE SEARCH RESULTS GRID VIEW */ 

.gv-panel {
    border-top:1px dashed #4a4b49;
	border-bottom:1px dashed #4a4b49;
	overflow:hidden;
}

.gv-panel h2 {
	margin: 0px;
	font-size: 25px;
	font-weight: 500;
	padding:10px 10px 10px 0;
}

.gv-panel h2 a { color:#4a4b49; text-decoration: none; }
.gv-panel h2 a:hover { text-decoration: underline; }

.gv-panel p { margin-bottom:20px; color:#4a4b49; line-height:22px; padding-right:10px; }

.gv-link-bg { 
	border-top:1px dashed #000; 
	background-color:#f9f9f9;
	padding:5px 0 5px 0;
}

.gv-link-bg a { font-size: 15px; font-weight:600; color:#00c1de; line-height:41px;}
.gv-link-bg a:hover { color:#00c1de; text-decoration:underline;}
.gv-link-bg a:after {
	text-decoration: none;
	content: " »";
}

.infobar-bg { 	
	border-left:1px dashed #000; 
	background-color:#f9f9f9;
}

.infobar {
	list-style: none;
	margin: 0 0 0 1px;
	padding: 0px 0px 0px 20px;
	color:#4a4b49; 
	font-weight:600;
}

.infobar li { line-height: 37px;}

.infobar li span.hdg { color:#00c1de; }

/* COURSE SEARCH RESULTS LIST VIEW */ 

.table-bordered > thead > tr > th.blue { 
	background-color:#00c1de;
	color:#fff; 
	font-size:18px; 
	padding:15px;
}

.table-hover > tbody > tr:hover { background-color:#c3f7ff; }	
 
.table-bordered > tbody > tr > td.center {vertical-align:middle; text-align:center; }  

.table-condensed > tbody > tr > td { padding:10px; }
.clickable-row { cursor: pointer; }

.ft-icon {
  	color: #fff;
  	display: inline-block;
  	text-align: center;
  	background: #95d61e;
  	font-size: 13px;
	width: 35px;
	height: 22px;
  	line-height: 0.5em;
  	margin: 0;
	padding: 10px;
 	}	
     
.pt-icon {
  	color: #fff;
  	display: inline-block;
  	text-align: center;
  	background: #f7b334;
  	font-size: 13px;
	width: 35px;
	height: 22px;
  	line-height: 0.5em;
  	margin: 0;
	padding: 10px;
 	}

/* GRID VIEW / LIST VIEW SWITCHER */ 

.glyphicon { margin-right:5px; }
.btn-group { float:right; }
  
/* PAGINATION */ 
   
.pagination { padding-top: 50px }
.pagination > li > a { color:#00c1de; }

/* LATEST NEWS */ 

.image { 
   position: relative; 
   }
   
.featured { 
	background-color:#95d600; 
	position:absolute;
	top:10%;
	left:0;
	color:#fff;
	font-weight:bolder;
	padding:10px;
	width: 35%;
	font-size: 160%;
    line-height: 130%;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	 }

/* COLLEGE CALENDAR */ 

/* Calendar header */
  
#eventscal-header {
  	background: #95d600;
  	padding: 10px;
	}
#eventscal-header h2 {
  	color: #fff;
  	padding:0;
  	margin-top:10px;
  	padding-left:5px;
	}
#eventscal-header ul {
  	margin: 0;
  	padding: 0;
  	float: right;
  	font-size: 0.9em;
  	text-transform: uppercase;
	}
#eventscal-header ul li {
  	margin: 0;
  	padding: 0;
  	display: inline;
  	float: left;
  	list-style: none;
	}
#eventscal-header ul li a {
  	color: #fff;
  	text-decoration: none;
  	border: 3px solid #fff;
  	padding: 3px 10px;
  	display: block;
  	margin-top: 10px;
  	-webkit-transition: border 0.2s linear, color 0.2s linear;
  	-moz-transition: border 0.2s linear, color 0.2s linear;
  	-o-transition: border 0.2s linear, color 0.2s linear;
  	transition: border 0.2s linear, color 0.2s linear;
	}
#eventscal-header ul li a:hover {
  	border: 3px solid rgba(0, 0, 0, 0.5);
  	color: rgba(0, 0, 0, 0.5);
	}
#eventscal-header ul li.back a,
#eventscal-header ul li.next a {
  	padding: 4px 7px 0;
  	border: none;
  	margin-top: 0;
	}
#eventscal-header ul li.back a,
#eventscal-header ul li.next a {
  	-webkit-transition: opacity 0.2s linear, color 0.2s linear;
  	-moz-transition: opacity 0.2s linear, color 0.2s linear;
  	-o-transition: opacity 0.2s linear, color 0.2s linear;
  	transition: opacity 0.2s linear, color 0.2s linear;
	}
#eventscal-header ul li.back a:hover,
#eventscal-header ul li.next a:hover {
 	color: rgba(0, 0, 0, 0.5);
  	filter: alpha(opacity=80);
	}

/* Calendar table */

table.eventscal {
  	width: 100%;
  	border-collapse: collapse;
  	border-spacing: 0;
  	border: none;
	}
table.eventscal th,
table.eventscal td {
  	margin: 0;
  	width: 14.28571429%;
  	padding: 5px;
  	border: 1px solid #e0e0e0;
  	vertical-align: top;
	}
table.eventscal th {
  	background: #95d600;
  	color: #fff;
  	font-weight: normal;
  	font-size: 18px;
  	border: none;
  	text-align: center;
  	padding: 3px 0;
  	border-right: 1px solid #fff;
	}
table.eventscal td {
  	height: 100px;
  	background: #fff !important;
	}
table.eventscal td.prev_month,
table.eventscal td.next_month {
  	background: #fafafa !important;
	}
table.eventscal td.howc-events {
  	padding: 5px;
	}
table.eventscal td h3 {
  	display: block;
  	float: right;
  	margin: 0;
  	font-weight: normal;
  	color:#4a4b49;
  	padding: 0 0 3px;
  	font-size: 0.7em;
	}
table.eventscal td h3 span {
  	font-size: 14px;
	}
table.eventscal td h3.today {
  	color: #00c1de;
  	float: left;
  	font-weight: bold;
	}
table.eventscal td ul {
  	clear: right;
  	width: auto;
  	margin: 0;
  	padding: 0;
  	font-size: 14px;
  	line-height: 1.1;
	}
table.eventscal td ul li {
  	list-style: none;
  	margin: 0;
  	padding: 0 0 5px;
	}
table.eventscal td ul li a {
  	text-decoration: none;
  	color:#e9004c;
	}
table.eventscal td ul li a:hover {
  	text-decoration: underline;
  	color:#00c1de;
	}
table.eventscal td span.suffix, table.eventscal td span.day {
 	display: none;
	}
table.eventscal tr.first_row td {
  	border-top: none;
	}

/* CONTACT FORM */ 	 

ul.square { list-style-type:none; padding-left:0px }

ul.square li { 
	line-height: 29px;
	}
ul.square li a { 
	color: #00c1de;
	text-decoration:underline;
	}	
ul.square li a:hover { 
	color: #e9004c;
	text-decoration:none;
	}		
.btn-submit {
	border: none;
	background-color: #00c1de;
	color: #fff;
	padding: 6px 12px;
	font-size:20px;
	margin-bottom:40px;
	}	
.btn-submit:hover { 
	background-color: #e9004c;
	color: #fff;
	}	
.tabs-menu { 
	border-bottom: 1px solid #c4c4c4;
	margin-top: 70px; 
	margin-bottom: 0;
	list-style: none; 
	padding:0;
	}
.tabs-menu li { display: inline; }
	
.tabs-menu li a { 
	float: left; 
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 20px; 	
	margin-bottom: -1px; 
	background-color: #00c1de;
	color: #fff !important;
	text-decoration: none;
	text-align: center;
	font-size:25px;
	}
	
.tabs-menu li a:hover { text-decoration: none; }
.tabs-menu li a { border-right: 1px solid #fff; }
.tabs-menu li:last-child a { border-right: none; }
	
.tabs-menu li.active a {
	border-bottom-color: #fff; 
	background-color: #6fd589;
	color: #fff; 
	}

.tabs-menu li.bromsgrove a { background-color:#00c1de;  }
.tabs-menu li.bromsgrove.active a { background-color:#9c9c9c; }

.tabs-menu li.malvern a { background-color:#95d600;  }
.tabs-menu li.malvern.active a { background-color:#9c9c9c; }

.tabs-menu li.redditch a { background-color:#f7b334;  }
.tabs-menu li.redditch.active a { background-color:#9c9c9c; }

.tabs-menu li.worcester a { background-color:#e9004c;  }
.tabs-menu li.worcester.active a { background-color:#9c9c9c; }
	
.tabs {
	border: 1px solid #c4c4c4; 
	border-top: 0;   
	margin-bottom: 30px;
	}
	
.tab-content { padding: 25px; }	

.fixed:after {
  	visibility: hidden;
  	display: block;
  	font-size: 0;
  	content: " ";
  	clear: both;
  	height: 0;
  	}	

h2.contact-title { 
	float: left; 
	display: block;
	padding: 10px 20px; 	
	background-color: #ccc;
	color: #fff;
	text-decoration: none;
	font-size:25px;
	width:100%;
	}

h2.margin-top-20 {
    margin-top: 20px;
}
	
.bromsgrove-map, .malvern-map, .redditch-map, .worcester-map {
    border: 2px dashed #C0C0C0;
    width: 100%;
    height: 300px;
    }

h2.btitle { 
	float: left; 
	display: block;
	padding: 10px 20px; 	
	background-color: #F7B334;
	color: #fff;
	text-decoration: none;
	font-size:25px;
	width:100%;
	}

h2.mtitle { 
	float: left; 
	display: block;
	padding: 10px 20px; 	
	background-color: #00C1DE;
	color: #fff;
	text-decoration: none;
	font-size:25px;
	width:100%;
	}

h2.rtitle { 
	float: left; 
	display: block;
	padding: 10px 20px; 	
	background-color: #E9004C;
	color: #fff;
	text-decoration: none;
	font-size:25px;
	width:100%;
	}

h2.wtitle { 
	float: left; 
	display: block;
	padding: 10px 20px; 	
	background-color: #95d600;
	color: #fff;
	text-decoration: none;
	font-size:25px;
	width:100%;
	}

/* MEDIA GALLERY */ 

    h2.gallery { margin-top:0px;}

/* DEFAULT LEFT NAV */
 	 
   .howcleft-sidebar-nav {float: none;}
   .howcleft-navbar-header {float:none;}
   .howcleft-navbar-header:after, .howcleft-navbar-header:before {display:table;content:" "; clear:both; }
   .navbar-default2 { background-color:#fff;  border-color: #e7e7e7;}
   .navbar-default2 .howcleft-navbar-nav > li > a { color:#4a4b49; border-bottom:1px solid #e7e7e7; border-left:5px solid #95d600; }
   .navbar-default2 .howcleft-navbar-nav > li > a:hover { border-left:5px solid #e9004c; background-color:#fde5ed; }
   .navbar-default2 .howcleft-navbar-nav > .active > a { border-left:5px solid #e9004c; background-color:#fde5ed; color: #e9004c; font-weight:bold; }
   .navbar-default2 .howcleft-navbar-nav > .active > a:hover { background-color:#fde5ed; }

   .navbar-default2 .navbar-toggle { border-color: #ddd; }
   .navbar-default2 .navbar-toggle:hover, .navbar-default2 .navbar-toggle:focus { background-color: #ddd; }
   .navbar-default2 .navbar-toggle .icon-bar { background-color: #888; }
	  
   .howcleft-sidebar-nav .navbar .navbar-collapse {
	 padding: 0;
	 max-height: none;
	 }
   .howcleft-sidebar-nav .navbar ul {
	 float: none;
	 }
   .howcleft-sidebar-nav .navbar ul:not {
	 display: block;
	  }
   .howcleft-sidebar-nav .navbar li {
	 float: none;
	 display: block;
	  }
   .howcleft-sidebar-nav .navbar li a {
	 padding-top: 12px;
	 padding-bottom: 12px;
	  }


/* DEFAULT RIGHT NAV */
 	 
   .howcright-sidebar-nav { float: none;}
   .howcright-navbar-header {float:none;}
   .howcright-navbar-header:after, .howcright-navbar-header:before {display:table;content:" "; clear:both; }
   .navbar-default3 { background-color:#fff; border-color: #e7e7e7; }
   .navbar-default3 .howcright-navbar-nav > li > a { color:#4a4b49; border-bottom:1px solid #e7e7e7; border-right:5px solid #95d600; }
   .navbar-default3 .howcright-navbar-nav > li > a:hover { border-right:5px solid #e9004c; background-color:#fde5ed; }
   .navbar-default3 .howcright-navbar-nav > .active > a { border-right:5px solid #e9004c; background-color:#fde5ed; color: #e9004c; font-weight:bold; }
   .navbar-default3 .howcright-navbar-nav > .active > a:hover { background-color:#fde5ed; }
   .navbar-default3 .howcright-navbar-nav > li.hdg { font-size:18px; font-weight: 700; padding: 15px 10px 10px 15px; }
   .navbar-default3 .howcright-navbar-nav > li.hdg2 { font-size:18px; font-weight: 700; padding: 30px 10px 10px 15px; }

    .navbar-default3 .howcright-navbar-nav > li.disabled > a { color:#ccc; border-bottom:1px solid #e7e7e7; border-right:5px solid #ccc; }

   .navbar-default3 .navbar-toggle { border-color: #ddd; }
   .navbar-default3 .navbar-toggle:hover, .navbar-default3 .navbar-toggle:focus { background-color: #ddd; }
   .navbar-default3 .navbar-toggle .icon-bar { background-color: #888; }
	  
   .howcright-sidebar-nav .navbar .navbar-collapse {
	 padding: 0;
	 max-height: none;
	 }
   .howcright-sidebar-nav .navbar ul {
	 float: none;
	 }
   .howcright-sidebar-nav .navbar ul:not {
	 display: block;
	  }
   .howcright-sidebar-nav .navbar li {
	 float: none;
	 display: block;
	  }
   .howcright-sidebar-nav .navbar li a {
	 padding-top: 12px;
	 padding-bottom: 12px;
	  }
	 .dropdown-menu { width:100%; position:inherit;}
	 .dropdown-menu > li > a:hover { border-right:5px solid #e9004c; background-color:#fde5ed; }
	  li.dropdown.open { border-right:0px solid #e9004c;}
	  .nav .open > a,  .nav .open > a:focus, .nav .open > a:hover {  border-right:5px solid #e9004c; background-color:#fde5ed; border: none; } 


/* SOLUTIONS LEFT NAV */
 	 
   .wrt-sidebar-nav { float: none;}
   .wrt-navbar-header {float:none;}
   .wrt-navbar-header:after, .wrt-navbar-header:before {display:table;content:" "; clear:both; }
   .navbar-default4 { background-color:#fff; border-color: #e7e7e7; }
   .navbar-default4 .wrt-navbar-nav > li > a { color:#4a4b49; border-bottom:1px solid #e7e7e7; border-left:5px solid #aaaaaa; }
   .navbar-default4 .wrt-navbar-nav > li > a:hover { border-left:5px solid #78839d; background-color:#f1f2f5;}
   .navbar-default4 .wrt-navbar-nav > .active > a { border-left:5px solid #78839d; background-color:#f1f2f5; color: #78839d; font-weight:bold; }
   .navbar-default4 .wrt-navbar-nav > .active > a:hover { background-color:#f1f2f5; }

   .navbar-default4 .navbar-toggle { border-color: #ddd; }
   .navbar-default4 .navbar-toggle:hover, .navbar-default4 .navbar-toggle:focus { background-color: #ddd; }
   .navbar-default4 .navbar-toggle .icon-bar { background-color: #888; }
	  
   .wrt-sidebar-nav .navbar .navbar-collapse {
	 padding: 0;
	 max-height: none;
	 }
   .wrt-sidebar-nav .navbar ul {
	 float: none;
	 }
   .wrt-sidebar-nav .navbar ul:not {
	 display: block;
	  }
   .wrt-sidebar-nav .navbar li {
	 float: none;
	 display: block;
	  }
   .wrt-sidebar-nav .navbar li a {
	 padding-top: 12px;
	 padding-bottom: 12px;
	  }
	  
	.wrt-people {
	background-image: url("../images/people.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	}

/* ACCESSIBILITY */
	
	.btn-ab {
	border-color: #5194a3;
	background-color: #00c1de;
	color: #fff;
	margin: 5px 0 20px 0;
	font-size: 25px;
	border-radius:4px;
	padding: 12px 24px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); 
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.04, #4DD3EB),
	color-stop(1, #00c1de) );
		
	background-image: -o-linear-gradient(bottom, #4DD3EB 4%, #00c1de 100%);
	background-image: -moz-linear-gradient(bottom, #4DD3EB 4%, #00c1de 100%);
	background-image: -webkit-linear-gradient(bottom, #4DD3EB 4%, #00c1de 100%);
	background-image: -ms-linear-gradient(bottom, #4DD3EB 4%, #00c1de 100%);
	background-image: linear-gradient(to bottom, #4DD3EB 4%, #00c1de 100%);
	}
	
	a.btn-ab { color: #fff; }
	.btn-ab:hover { 
	background: #00d0ff; 
	color: #fff;
	border-color: #5194a3;
	}	
	  						  	
/* MEDIA QUERIES */ 

	@media only screen and (max-width : 320px) {
    .gv-panel, #lv {
     margin-left: 10px;
     margin-right: 10px;
    }  
	.navbar-nav { margin:0px; }

    }

	@media only screen and (max-width : 480px) {
   .gv-panel, #lv {
    margin-left: 10px;
    margin-right: 10px;
    }
	.navbar-nav { margin:0px; }
	.sub-area1, .sub-area2, .sub-area3, .sub-area4, .sub-area5, .sub-area6 { min-height:214px !important; }
    }

	@media only screen and (min-width:480px) and (max-width:767px) {
	.gv-panel, #lv {
    margin-left: 10px;
    margin-right: 10px;
    }
	.navbar-collapse { overflow-x:hidden; }	
	.navbar-collapse { overflow-y:hidden; }	
	.navbar-nav { margin:0px; }

	}
	  	
	@media only screen and (max-width : 767px) {
	
	.navbar-collapse { overflow-x:hidden; }	
	.navbar-collapse { overflow-y:hidden; }	
			
    #lv {
	margin-left: 10px;
    margin-right: 10px;   
	}

    /* Force table to not be like tables anymore */
	#lv table, 
	#lv thead, 
	#lv tbody, 
	#lv th, 
	#lv td, 
	#lv tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#lv thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#lv tr { border: 1px solid #ccc; }
 
	#lv td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#lv td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
   /* Calendar table */
   
	#eventscal-header ul li.today {
    	display: none;
  		}
	table.eventscal td, table.eventscal th {
   		display: none;
  		}
	table.eventscal td.howc-events, table.eventscal th.howc-events {
    	display: block;
    	width: auto;
    	border: none;
    	border-bottom: 1px solid #e4decb;
    	padding: 13px 10px 10px;
    	margin: 0;
    	height: auto;
  		}
	table.eventscal td.prev_month.howc-events, table.eventscal th.prev_month.howc-events,
	table.eventscal td.next_month.howc-events, table.eventscal th.next_month.howc-events {
    	display: none;
  		}
	table.eventscal td h3, table.eventscal th h3 {
    	border: none;
    	float: left;
    	width: 26.66666667%;
    	font-size: 14px;
  		}
	table.eventscal td h3.today, table.eventscal th h3.today {
    	float: none;
  		}
	table.eventscal td ul, table.eventscal th ul {
   	 	margin: 0 0 0 26.66666667%;
    	padding: 0;
    	display: block;
    	font-size: 14px;
  		}
	table.eventscal td span.suffix, table.eventscal th span.suffix,
	table.eventscal td span.day, table.eventscal th span.day {
    	display: inline;
  		}

	/* Label the data */
	#lv td:before { content: attr(data-title); }

		.tabs-menu { border-bottom: none; }
		
		.tabs-menu li { display: block; }
	
		.tabs-menu li a { 
			float: none; 
			display: block;
			padding: 20px 25px;
			border: 1px solid #c4c4c4;
			border-top: none;
			margin: 0;
		}
		
		.tabs-menu li a:hover { text-decoration: none; }
		
		.tabs-menu li:first-child a { border-top: 1px solid #c4c4c4; }
		
		.tabs-menu li.active a {  
			padding: 20px 25px;
			border-bottom-color: #fff;
			margin: 0px;
			color: #666; 
		}
		 
    	}

@media only screen (min-width:768px) and (max-width:979px) {  
 
		}
	
@media only screen and (max-width : 1024px) {
	
		
    	}

@media only screen and (max-width : 1200px) {
	   
	   .sub-area1, .sub-area2, .sub-area3, .sub-area4, .sub-area5, .sub-area6 { min-height:262px; }
	   .dd { display:inline !important; }
	     .navbar-default3 .howcright-navbar-nav > li.hdg { display: none;}
	 }


@media only screen and (max-width : 1600px) {
	   
	  .dd { display:none;}
	 }