@import url(/css/open_sans.css?family=Open+Sans:400,600,700,300);

/*   
Author: James @ HeX Productions
Author URI: http://www.horlix.com
Version: 1.0
Description: Main style for the RBC website. Main responsive changes to be placed in here
*/

body{
	background:#DCDDDE;
    color:#555;
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
  	line-height:17px;
    font-style: normal
}

.medium {font-size:120%; }
.large { font-size:140%;  }

h1,h2,h3,h4,h5,h6,p,li,ul{
	margin-bottom:20px;
}

h1, .h1 {font-size: 1.4em; font-weight: bolder;}
h2, .h2 {font-size: 1.4em; font-weight: bolder;}
h3, .h3 {font-size: 15px; font-weight: bolder;}
h4, .h4 {font-size: 1.1em; font-weight: bolder;}
h5, .h5 {font-size: 1.0em; font-weight: bolder;}

.rushcliffe a{
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
    color:#444;
}

.rushcliffe a:active, a:focus, a:hover{
	color:#57822B;
  	text-decoration: underline;
}

#skiptocontent{
  height:1px;
  width:1px;
  position:absolute;
  overflow:hidden;
  top:-1000px
}

#skiptocontent:active,#skiptocontent:focus{
  height:auto;
  width:auto;
  padding:1rem;
  background:#333;
  color:#fefefe;
  border:solid 3px #ddd;
  top:1rem;
  left:1rem;
  z-index:999
}

table caption{
	position: absolute;
  	left: -4000px;
}

.landing a{
    color:#00536f;
}
.landing a:hover,.landing a:active,.landing a:focus{
	color:#57822B;
  	text-decoration:none;
}

strong{
	font-weight:bold;
}

.textright{
	text-align:right
}

.floatLeft{
	float:left;
}

.floatRight,.floatRightWithMargin{
	float:right;
}

table{
	width:100%!important
}

td{
  	border: solid 1px #E6E6E6;
  	text-align:left;
  	font-weight:bold;
  	padding:5px 5px 0px 5px
}

td p{
	margin-bottom:-5px;
}

table.gsc-search-box td{
	vertical-align:top!important;
}

input.gsc-input{
	font-size:15px!important;
}

#___gcse_0 table{
	margin:0px!important
}

.gsc-search-button .gsc-search-button-v2{
	width: 25px!important;
}

.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
    height: 26px !important;
    margin-top: 0 !important;
    min-width: 13px !important;
    padding: 5px 26px !important;
}

.gsc-control-cse td, .gsc-completion-container td{
	border: none;
  	padding: 0;
  	text-align:left;
  	font-weight: 300;
}

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top{
	padding-left: 0!important;	
}

.gsc-selected-option-container{
width: auto!important	
}

#contentArea ul, #contentArea ol, #contentArea li{
  margin-left:20px;
  padding-left:10px;
  list-style:disc	
}

#contentArea ol li{
	list-style: decimal;
}

#subLandingList li, #subLandingList ul{
  	padding:0;
    margin: 0 0 10px 10px;
  	list-style:none;
}


img {
    height:auto!important;
}

header{
    background:#00457C;
    margin-bottom:20px;
}

footer{

}

.container{
    background:#FFF;
}

.border{
    border:solid 1px #CCC;
}

#phoneBullet {list-style-image:url('/media/rushcliffe/styleassets/images/rush_22.jpg'); margin-left:15px;}
#emailBullet {list-style-image:url('/media/rushcliffe/styleassets/images/rush_25.jpg'); margin-left:15px;}
.pdfBullet {list-style-image:url('/media/rushcliffe/styleassets/images/icon_pdf.gif');}
.wordBullet {list-style-image:url('/media/rushcliffe/styleassets/images/icon_doc.gif');}

.sidebarContent{
  	 -ms-word-break: keep-all;
    	 word-break: keep-all;
    	 word-break: keep-all;
	-webkit-hyphens: none;
		-moz-hyphens: none;
        	hyphens: none;
}

.sidebarContent li, .sidebarContent ul{
	margin:10px 0px 15px 0px!important;
  	padding:0!important;
  	list-style:none!important;
}

.sidebarContent .headerBackground{
	padding:5px 6px 4px 30px;	
}


.subLandingBullet {
    float: left;
    list-style: none;
    width:16px;
    height: 16px;
    background: url('/media/rushcliffe/styleassets/images/whiteArrowXSmall.png') no-repeat center center #666666;
    list-style:none!important;
}

.subLandingList li{
	list-style:none;
}


/* Header */

#headerLinks{
    margin-top:10px;
}

#headerLinks li {
    display: inline;
    padding: 0 10px 0 10px;
    margin: 0;
    border-left: 2px solid white;
}

#headerLinks li.first {
    border-left: none;
}

#headerLinks a, atozcontain a {
    color: white;
    text-decoration: none;
}

#headerLinks a:hover, atozcontain a:hover {
    color: white;
    border-bottom: 1px solid;
}

#searchInput,#q{
	padding:2px;
	margin: 2px 5px 0 15px
}

#searchBox .searchButton {
    float: right;
    background: url('/images/headerBlockCorner.jpg') top right no-repeat #939598;
    border: 0;
    font-weight: bolder;
    color: white;
    height: 30px;
    width: 80px;
    margin: 1px 10px 0 0;
    padding: 0;
}

.h2SubHeaderBullet {
    width: 32px;
    height: 32px;
    padding: 5px;
    background: url('/images/whiteArrowSmall.png') no-repeat center center #666666;
    float: left;
}

.h3SubHeaderBullet {
    width: 16px;
    height: 16px;
    padding:5px;
    background: url('/images/whiteArrowSmall.png') no-repeat center center black;
    float: left;
}

.h4SubHeaderBullet {
    width: 20px;
    height: 20px;
    padding:5px;
    background: url('/images/whiteArrowXSmall.png') no-repeat center center #666666;
    float: left;
}


/* Homepage Promo Tabs */

#promoBox{
	height:200px;
    overflow:hidden
}

#promoBoxContainer {
	margin:0 10px;
}

.promoText h2 {
    font-size: 30px;
    line-height: 30px;
    background: none;
    text-align: left;
    padding: 0;
    font-weight:700;
}

.promoText h2 a{
    text-decoration:none;
}

#promoLinks li{
    margin-bottom:5px;
    position: relative;
}

#promoLinks li{
    background:#999;
    height:45px;
}

#promoLinks li a{
    display: block;
    height: 45px;
    margin-top:-20px;
    padding: 15px 0 0 70px;
    color: #FFF;
    text-decoration: none;
}

#promoLinks li.active, #promoLinks li:hover,#promoLinks li.active a{
    background:#CCC;
    color:#444;
}

#promoLinks li:before{ 
    display: inline-block;
    margin: 0 20px -29px 0px;
    width: 50px;
    height: 45px;
    text-align: center;
    background:url('/media/1rushcliffe/styleassets/images/bulleticons/right-arrow-large.png') no-repeat #CFD85B;
    background-position: center;
    color: #FFF;
    font-weight: bold;
    font-size: 35px;
    content: " ";
}

#promoLinks li.active:before{ 
    background:url('/media/1rushcliffe/styleassets/images/bulleticons/right-arrow-large.png') no-repeat -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
    background-color: #235F93;
    background-position: center;
    content: " ";
}

#promoLinks li:after{ 
    content: '';
    position: absolute;
    top: 0; right: 0;
    border-top: 10px solid #FFF;
    border-left: 10px solid #999;
    width: 0;
}

#promoLinks li.active:after{ 
    border-left: 10px solid #CCC;
}

/* Homepage Items */

.headerbackground{
    background: #dcddde!important;
    padding: 5px;
    font-weight:bold;
    position: relative;
}

.headerbackground:before{ 
    display: inline-block;
    margin: -5px 10px -5px -5px;
    width: 35px;
    height: 30px;
    text-align: center;
    padding: 1px 0 0 0;
    background:url('/images/right-arrow-medium.png') no-repeat #669933;
    background-position: center;
    color: #FFF;
    font-weight: bold;
    font-size: 35px;
    padding: 2px 0 0 0;
    vertical-align: top;
    content: " ";
}

.headerbackground:after{ 
    content: '';
    position: absolute;
    top: 0; right: 0;
    border-top: 10px solid #FFF;
    border-left: 10px solid #dcddde;
    width: 0;
}

.headerbackground a{
    text-decoration:none
}
 
#homepageLinks a{
	text-decoration:none;
}

/* Homepage News */

.lnewsbox {
    background-color: #e7e7e8;
    padding:5px;
    margin-bottom:5px;
}

.lnewsbox p{
    margin-top:-10px;
    font-size:12px;
}

.lnewsbox a{
    text-decoration: none;
    font-weight:bold;
}

.accordionButton:hover{
	cursor:pointer;
}

/*************************************************
 * calendar
 */

#t4_calendar {
	/*padding: 0 0 10px 0;*/
}

#calendar table{
    width:100%;
}

#calendar .links {
	padding-left: 2px;
	padding-top: 5px;
	font-weight: bold;

}
#calendar .links a {
	font-weight: normal;
}


#calendar caption {
	display:none;
}

#calendarFilter {padding-top: 8px; padding-left: 25px;}

#calendar a {
	text-decoration:none;
	display:block;
	color: #444;
	  padding: 0.3em;
	background: none;

}

#calendar table, th {
    border: 1px solid #999999;
}

#calendar a:hover, #calendar a:active{
	color:#ffffff;
	background:#666666;
}
#calendar th {
	font-weight: bold;
	color: #FFFFFF;
	background: #00457c;
    	padding: 0.5em 0.5em;
        text-align: center;
	border-top: 0.1em solid #cccccc;
}
#calendar th a {
	color:#ffffff;
}
#calendar th a:hover, #calendar a:active {
	background: #333333;
}
#calendar td {
	border: 0.1em solid #FFFFFF;
}

#calendar td.filterMainMonth {
	background-color: #e3e3e3;
}

#calendar table tbody tr td.filterMainMonth a.hasEvents {
background-color: #666666;
color: #fff;
}


#calendar td.filterPreMonth {
	background-color: #e3e3e3;
}

#calendar td.filterPostMonth {
	background-color: #e3e3e3;
}

#calendar td.mainMonth a {
	color: #505050;
}

#calendar td.postMonth a {
	color: silver;
}

#calendar td.preMonth a {
	color: silver;
}

#calendar td a:hover {
	color: white;
        border:none;
}

#calendarCategories {padding-top: 0px; padding-left: 3px; padding-bottom: 15px; padding-right: 5px;}


.caltopbr {
 	margin: 10px 0;
    padding: 10px;
    background:#E7E7E8;
}

.caltopbr .headerbackground {
    margin:-10px -10px 0

}

.caltopbr label{
    display: block;
    margin: 10px 5px
}


/*************************************************
 * calendarFilter
 */
 
#calendarFilter {
	font-size: 1em;
}

/*************************************************
 * search
 */
#search {

}

#calendarSearch {
padding-top:20px;
padding-bottom:20px;

}

/*************************************************
 * categories
 */


#categories fieldset{
padding-bottom:8px;
border: none;
	
}

#categories fieldset legend {
color: #006699;
font-weight: bold;
padding-top:20x;
padding-bottom:5px;
}


#categories div .mainCategory {
padding-top:12px;
padding-bottom:10px;

}

#categories div.subCategory {
margin-left: 2em;
padding-top:5px;
padding-bottom:5px;
}

#categories div.mainCategory .calendarCheckbox{
}

#categories .input #EventsSearch{
padding-top:5px;
padding-bottom:5px;
}



/*************************************************
 * calendarResults
 */

#calendarResults span.left {
	float: left;
}

#results span.right {
	float: right;
}

#calendarResults p.right {
	margin-top: 1px;
	margin-bottom: 1px;
}

#calendarResults a{
	color: black; text-decoration: none; font-weight: bold;
}

#calendarResults a:visited{
	color: black; text-decoration: none;
}

#calenderResults table, #calenderResults th, #calenderResults td{
	border-color: #ffffff;
}

#calenderResults h1.landingPageHeader {	
    margin-right: 0px;
}

#calendarResults th {
	font-weight: bold;
	padding: 7px;
	background-color: #00457c;
	color: #ffffff;
}


.h2SubHeaderBulletcal {
    width: 18px;
    height: 18px;
    padding: 5px;
    background: url('/media/1rushcliffe/styleassets/images/bulleticons/right-arrow-small.png') no-repeat center center #ff9c31;
    float: left;
}

#calendarResults tr {
	background-color: black;
}

#calendarResults td.even {
background-color: #F7F7F7;
padding: 5px;
text-align: left;
vertical-align: top;
}

#calendarResults td.odd {
background-color: #E3E3E3;
padding: 5px;
text-align: left;
vertical-align: top;
}

#results p.result {
 font-size: medium;
 font-weight: bold;
text-align: left;
vertical-align: top;
	
}

#calendarResults td.even {
background-color: #ffffff;
padding: 5px;
text-align: left;
vertical-align: top;
}

#calendarResults td.odd {
background-color: #f3f3f3;
padding: 5px;
text-align: left;
vertical-align: top;
}

#calendarResults table td {
background-color: #eeeeee;
padding: 3px;
}

#calendarResults table tr.even td {
background-color: #ffffff;
padding: 3px;
}

#calendarResults p.right {
text-align: right;
}

#calendarResults p.left {
text-align: left;
}

.gettoknow li.last {
width: 65%;
}
#content-main table.filterTable {
margin-top: 10px;
}
.filterTable tbody tr td {
width: 33%;
}
.filterTable tbody tr{
width: 100%;
}
#page_navigation {
float: right;
}
#page_navigation, .tablefilter {
font-size: 13px;
}

/* div#calendar table tbody tr th {
	padding: 3px 9px 3px 9px;
} */
div#calendar table tbody tr td {
	padding: 2px 0 2px 0;
        text-align: center;
}
div.sidebarContent form#t4_calendar div#calendar table tbody tr th {
	padding: 3px 15px 3px 15px;
}
div.sidebarContent form#t4_calendar div#calendar table tbody tr td {
	padding: 2px 0 2px 0;
        text-align: center;
}

.caltopbr .headerBackground{
  margin:-10px -10px 20px;
}

#calendarSearch input{
	width:100%;
  	padding:5px;
}

/* Homepage Tabs */
#homepageTabBox {
    position: relative;
}

#homepageTabBox a {color:#444444;}

.tabContent .tabContentBottom ul li {float: left; width: 45%}

.tabContentBottom {
    position: relative;
    bottom: 0;
    background-color: #dcddde;
}

.tabContentBottom a {padding-left:10px;}
.tabContentBottom img {margin-right:5px; float:left;}
.tabContentBottom div {margin-right: 5px}

ul.tabs {
    margin: 0;
    padding: 0;
    text-align: right;
    zoom:1;
    }

.tabs li {
    float: left;
    display: inline-block;
    margin: 0 5px;
    height:25px;
    width: 144px;
    text-align: center;
    line-height: 23px;
    list-style: none;
}

.tabs a {color: #444444; border: none; display:block; padding-left:10px; padding-top:2px;}

#tab1link {
    background: url('/media/rushcliffe/styleassets/images/tabsMostPopularInactive.gif') no-repeat top left;
    width: 146px;
    margin-left:0;
}

#tab1link.active { background: url('/media/rushcliffe/styleassets/images/tabsMostPopularActive.gif') no-repeat top left;}
#tab1link:hover {background: url('/media/rushcliffe/styleassets/images/tabsMostHover.gif') no-repeat top left;}

#tab2link {background: url('/media/rushcliffe/styleassets/images/tabsReportInactive.gif') no-repeat top left;}
#tab2link.active {background: url('/media/rushcliffe/styleassets/images/tabsReportActive.gif') no-repeat top left;}
#tab2link:hover {background: url('/media/rushcliffe/styleassets/images/tabsReportHover.gif') no-repeat top left;}

#tab3link {background: url('/media/rushcliffe/styleassets/images/tabsPayInactive.gif') no-repeat top left;}
#tab3link.active {background: url('/media/rushcliffe/styleassets/images/tabsPayActive.gif') no-repeat top left;}
#tab3link:hover {background: url('/media/rushcliffe/styleassets/images/tabsPayHover.gif') no-repeat top left;}

#tab4link {background: url('/media/rushcliffe/styleassets/images/tabsApplyInactive.gif') no-repeat top left; margin-right: 0;}
#tab4link.active {background: url('/media/rushcliffe/styleassets/images/tabsApplyActive.gif') no-repeat top left;}
#tab4link:hover {background: url('/media/rushcliffe/styleassets/images/tabsApplyHover.gif') no-repeat top left;}

#tab1link.active, #tab2link.active, #tab3link.active, #tab4link.active {
    background-color: #00457c;
    color: white;
    margin-bottom: 0;
}

#homepageTabBox .tabs li.active a {color: white;}
#homepageTabBox .tabs li.active a:hover {color:black;}
.tabContainer {
}

.tabContent {
    clear: left;
    border: 2px solid #00457c;
}

.tabContent ul{
    margin:0;
}

.tabContent li {
    margin: 10px 0;
    display:inline-flex;
    width:100%
}

.tabContent i{
    padding:5px;
    margin:-10px 25px -10px -10px;
    color:#FFF;
    font-size:20px;
}

.tabContent li:before {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right:20px;
    text-align: center;
    background:url('/media/1rushcliffe/styleassets/images/bulleticons/right-arrow-small.png') no-repeat #C5D149;
    background-position: center;
    vertical-align: top;
    content: " ";
}

.tabContent li.nobullet:before{
    width:0px;
    height:0px;
    background:none;
}

.tabContent .five.columns{
    margin-right:0;
}

.tabContent .additional-services{
    background:#DCDDDE;
    padding-top:10px;
    margin:20px 0 -10px 0;
}

.tabContent .additional-services .five.columns{
    padding:0px;
    margin-right:10px;
}

.tabContent .additional-services p{
    margin-bottom:3px;
}

.twoColumList li:before{

width:0px;
height:0px
}


#social-icons i{
    font-size:30px;
    margin-left: 20px;
}

#contact-footer i{
    padding:5px;
    margin:-5px 25px -5px -5px;
    color:#FFF;
    font-size:20px;
    height:30px;
    width: 30px;
    text-align: center;
	background:#669933;
}


#rbc-map{
    float: right;
}

.our-services ul li{
    display:inline;
    border-right:solid 1px #333;
    margin-right:5px;
    padding-right:5px;
}

.our-services ul li:last-of-type{
    border:none;
}

.our-services li:before {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 20px;
    text-align: center;
    background:url('/media/1rushcliffe/styleassets/images/bulleticons/right-arrow-small.png') no-repeat #C5D149;
    background-position: center;
    vertical-align: top;
    content: " ";
}

.our-services li li:before{
    background:none;
    margin:0;
    width: 0;
    height:0;
}

.our-services li ul{
    margin:10px 0 0 35px;
}


#s-icons{
padding:6px;
margin:-5px 0 10px 0;
}

#footerNavigation{
	margin-top:10px;
        line-height:20px;
}

#footerNavigation li.first {
    border: medium none;
}
#footerNavigation li {
    border-left: 1px solid;
    display: inline;
    margin: 0;
    padding: 0 5px;
}
#footer li {
    list-style: outside none none;
}

footer{
    background:#1fb25a;
    padding:10px 0;
    text-align: center;
    text-transform: uppercase;
    color:#0f294a;
    font-weight: 700;
    font-size: 33px;
    line-height:33px;
}

footer span{
    color:#0f294a;
}

.landingPageBox {
    background-color: #dcddde;
	height: 300px;
    margin-bottom: 10px;
}

.landingPageBox .headerBackground{
	margin:-5px -5px 0px;
}

.landingPageBox ul {
    margin-top: 8px;
}

.landingPageBox .headerBackground{
	padding:6px 6px 6px 30px;
}

.landingPageHeader {
    margin-right: 13px;
}


.landingPageBox a img{
padding:0;
margin:0;
}

.landingPageBox a:active, .landingPageBox a:hover, .landingPageBox a:focus{
	color: #4A6321;
  	text-decoration: underline;
}

.landingPageBox h4 {
    margin-bottom: 0;
}

.landingPageBox li {
    display: block;
    list-style: none;
    margin:0px 0px 8px 7px!important
}

.landingPageBox ul{
	padding:0px!important;
  	margin:0px!important;
}

.landingPageBox li a {
    color:#444444;
  	
}

.landingPageBox a{
	text-decoration:none;
}

.landingPageBox h2 a {color:#444444; border:none;}

.landingPageBox a {padding-left:0px;}

/* Navigation
--------------------------------------*/

#mainNavigation ul {
    margin:0;
  	padding:0;
}

#mainNavigation li {
    list-style: none;
    display: block;
	margin:0;
    margin-bottom: 5px;
  	padding:0;
}

#mainNavigation li.mainNavBullet {
    float: left;
    width: 25px;
    height: 24px;
    background: url('/media/rushcliffe/styleassets/images/whiteArrowSmall.png') center no-repeat #00457C;
}

#mainNavigation a {
    background: url('/media/rushcliffe/styleassets/images/cornerLight.jpg') top right no-repeat #dcddde;
}

#mainNavigation ul li ul li {background: url('/media/rushcliffe/styleassets/images/3rdLevelBullet.png') 13px 8px no-repeat #EEEEEE;}
#mainNavigation ul li ul li ul li {background: url('/media/rushcliffe/styleassets/images/4thLevelBullet.gif') 20px 8px no-repeat;}
#mainNavigation ul li ul li ul li ul li {background: url('/media/rushcliffe/styleassets/images/4thLevelBullet.gif') 26px 8px no-repeat;}

#mainNavigation li ul li, #mainNavigation li ul li ul li {
    background-color: #EEEEEE;
    margin-bottom: 0px;
}

#mainNavigation li ul li a {
    background: none;
}

#mainNavigation ul li ul li a {
	padding-left:0px;
    padding-left: 28px;
}

#mainNavigation ul li ul li ul li ul li a {
    padding-left: 45px;
}


#mainNavigation ul li ul li a:hover {
    font-weight: bolder;
}

#mainNavigation ul li ul li ul li {
    background-color: white;
}

#mainNavigation ul li ul li ul li a {
    padding-left: 38px;
}

#mainNavigation a {
    display: block;
    padding: 4px 0 4px 30px;
    min-height: 20px;
    text-decoration: none;
    color: #505052;
    border:none;
}

#mainNavigation ul li ul li a {border-bottom: 1px dotted #DDDDDD;}

#mainNavigation span.currentbranch0 a {
    background: url('/media/rushcliffe/styleassets/images/cornerDark.jpg') top right no-repeat #6d6e71;
    color: white;
	font-weight:bold;
}

.currentbranch1 a {
    color: #933;
    font-weight: bolder;
}

.currentbranch2 a, .currentbranch3 a, .currentbranch4 a, .currentbranch5 a, .currentbranch6 a, .currentbranch7 a,.currentbranch8 a, .currentbranch9 a  {
    font-weight: bolder;
}

#mainNavigation a:link {

}

#mainNavigation a:visited {

}

#mainNavigation a:hover {
    color: white;
	font-weight:bold;
    background: url('/media/rushcliffe/styleassets/images/cornerDark.jpg') top right no-repeat #6D6E71;
}

#mainNavigation ul li ul li a:hover {background: none; color: black;}

#mainNavigation a:active {

}

#mainNavigation span {display: block;}

#mainNavigation ul ul ul li {border: none;}

.tinynav{display:none;}

.headerBackground {background: url('/media/rushcliffe/styleassets/images/cornerLight.jpg') top right no-repeat #dcddde; padding:8px 6px 7px 50px}

#feedbackForm {
  	padding:10px;
}
 #feedbackForm #question {
          margin: 5px 5px 5px 0;
          font-size: 15px;
 }
 #feedbackForm #thumbUp {
          float: right;
          padding: 5px 10px 5px 0;
 }
 #feedbackForm #thumbUp img {
          float: right;

 }
 #feedbackForm #thumbDown {
          float: right;
          padding: 5px 0 5px 0;
  		  margin-right:10px;
 }
 #feedbackForm #form {
          float: left;
          width: 100%;
          clear: left;
          display: none;
 }
 #feedbackForm #form label {
          width: 100px;
          padding-left: 5px;
          vertical-align: top;
          display: inline-block;
 }
 #feedbackForm #form #button {
          margin: 5px;
 }
 #errMessage {
  padding-bottom:10px;
  color:#FF0000;
 }
 .comment {
         float: left;
         width: 446px;
         margin: 5px 0 0 0;
         padding: 5px;
         border: 1px #DCDDDE solid;
         color: #666666;
         font-size: 18px;
         display: inline;
 }
 .comment label {
  float: left;
         width: 100%;
         margin: 5px 0 0 0;
         font-size: 10px;
         display: inline;
 }

.onea{
 font-size:10px;
 }

.twoa{
 font-size:12px;
 }

.twoa{
 font-size:14px;
 }

/* Footer */
.fa-facebook{color:#3B5998}
.fa-twitter{color:#00A0D1}
.fa-youtube{color:#C4302B}
.fa-pinterest-p{color:#cb2027}
.fa-rss{color:#FA9B39}

#contact-footer{
	font-size:18px;
  	-ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

/* Colour codes for various places */

.navyBlue:before{background-color:#003366!important;}
.lightBlue:before {background-color: #66CCFF!important;}
.turquoise:before {background-color: #009999!important;}
.purple:before {background-color: #663399!important;}
.blue:before {background-color: #0099CC!important;}
.green:before{ background-color: #669933!important;}
.maroon:before {background-color: #660000!important;}
.orange:before {background-color: #FF9933!important;}
.gold:before {background-color: #999933!important;}
.black:before {background-color: #000!important;}
.yellow:before {background-color: #FFF!important;}


/* Responsive Tweaks */

@media only screen and (min-width:960px) and (max-width:1199px) {
    #promoLinks{
        font-size:13px;
        line-height:13px;
    }
    #promoLinks a{
        margin-top:-5px;
    }
}

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

@media only screen and (min-width: 768px) and (max-width: 959px) {
     #promoLinks{
        font-size:12px;
        line-height:12px;
    }
    #promoLinks a{
        margin-top:-5px;
    }
    .tabs li{
    	width:115px;
        margin:0;
    }
}

@media only screen and (max-width: 767px) {
   .tinynav { display: block; width:100%}
   #mainNavigation ul { display: none }
    
   #flex-container{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}
  
  #online-services{
        -webkit-box-ordinal-group: 1;  
        -moz-box-ordinal-group: 1;     
        -ms-flex-order: 1;     
        -webkit-order: 1;  
        order: 1;
        margin-bottom:20px;
    }
    #promo-box{
        -webkit-box-ordinal-group: 2;  
        -moz-box-ordinal-group: 2;     
        -ms-flex-order: 2;     
        -webkit-order: 2;  
        order: 2;
    }
    #our-services{
        -webkit-box-ordinal-group: 3;  
        -moz-box-ordinal-group: 3;     
        -ms-flex-order: 3;     
        -webkit-order: 3;  
        order: 3;
    }
    #home-events{
        -webkit-box-ordinal-group: 4;  
        -moz-box-ordinal-group: 4;     
        -ms-flex-order: 4;     
        -webkit-order: 4;  
        order: 4;
    }
    #home-news{
        -webkit-box-ordinal-group: 5;  
        -moz-box-ordinal-group: 5;     
        -ms-flex-order: 5;     
        -webkit-order: 5;  
        order: 5;
    }
    #social-icons{
        -webkit-box-ordinal-group: 6;  
        -moz-box-ordinal-group: 6;     
        -ms-flex-order: 6;     
        -webkit-order: 6;  
        order: 6;
    }
    #contact-footer{
        -webkit-box-ordinal-group: 7;  
        -moz-box-ordinal-group: 7;     
        -ms-flex-order: 7;     
        -webkit-order: 7;  
        order: 7;
    }
    
    .tabs li, .tabs li.active{
		display:inline-block;
        width:auto;
        background:none;
    	margin:0;
    }
    #tab1link,#tab2link,#tab3link,#tab4link,#tab1link:hover,#tab2link:hover,#tab3link:hover,#tab4link:hover,.active{
    	background:none!important;
    	color:#333;
    }
  
  .active#tab1link, .active#tab2link, .active#tab3link, .active#tab4link{
  	background:#00457C!important;
  }
  .tabs a{
  	padding:2px 5px;
  }

    
    .tabContent .additional-services{
        margin:0;
    }
    .tabContent .additional-services p{
        margin-bottom:10px;
    }
    
    .tabContent i{
        margin:-10px 15px 0 0;
        width:30px;
    }
    .tabContent li{
        margin-bottom:10px;
    }
    .border{
        border:none;
    }
    #social-icons i{
        font-size:21px;
    }
  #headerLinks li{
  	padding:0px 5px;
  }
  .landingPageBox{
  	margin-bottom:20px!important;
    width:100%!important
  }
  #promoBox{
  	height:auto;
  }
   #contact-footer{
  	font-size:12px;	
  }
  #rbc-map{
  	margin: -60px 10px 30px 10px
  }
  #feedbackForm #thumbDown{
  	float:left
  }

}
@media only screen and (max-width: 479px) {
    header{
        padding:0;
    }
    header form{
        padding:0px 5px
    }
    header input{
        padding:5px!important;
    }
    #searchInput{
        width:65%;
    	margin:0 5px 0 0;
    }
    #headerLinks{
        font-size:12px;
        margin-bottom:0;
    }
}

.sr-only, .tinynav_label{
	position: absolute;
	left: -4000px;
}

.mainCategory.child label {
    width: 90%;
    display: inline-block;
    padding-bottom: 0.2rem;
}

#cookie-bar-prompt-button{display: none;}