@font-face{
  font-family:"Optima W01_R4";
  src:url("36a73a3c-1fe5-4986-92cf-92879e7d3ac3.eot?#iefix") format("embedded-opentype")
}
@font-face{
  font-family:"Optima W01";
  src:url("36a73a3c-1fe5-4986-92cf-92879e7d3ac3.eot?#iefix");
  font-weight: 400;
  font-style: Regular;
}

#spnExportToExcel
{
	display:none;
}


body {
	
}


body { 
	font-family: "Neue Helvetica eText W01",Arial, sans-serif;
	background: none repeat scroll 0 0 #f5f5f1;; 
	color: #505a66;
	 }

#innerBanner {
  height:100%;
  width:100%;
  max-width: 960px;
  border-bottom: 5px solid #f4d033;
  margin:0px auto;

}

#centerMain, #leftArticle
{
  margin-top:24px;
}

h2 { 
	color: #343c47;
	margin: 0 0 24px; } 

h3 { 
	color: #343c47;
	margin: 0 0 24px;} 

p { margin: 0 0 24px }

@media screen and (max-width: 767px) {
    body {
      
    }
}

@media screen and (min-width: 768px) {
   
}


.navbar-toggle
{

  float:left;
  margin-left:1em;
  margin-right:1em;
  border:solid #ABACB6 1px !important;
  width:42px;
  height:42px;
  margin-top: -7px;
}

.navbar-inverse .navbar-toggle .icon-bar
{
  background-color: #ABACB6 !important;
}

.navbar-inverse{
                background-color:transparent; 
                border-color:transparent;
                margin-top:20px;
                font-size:.9em;
                max-width:960px;
                margin-left:auto;
                margin-right:auto;
              }

.navbar-brand{height:60px;padding:5px 15px;}

.navbar-brand{color:#fff !important;}
.navbar-nav{clear:left;}
.navbar-nav li a{
	padding:4px 6px !important;
	color:#DEE2E5 !important;
}
.navbar-nav li a:hover,.navbar-nav li.active a{
	background-color:#142230 !important;
	border-bottom: 1px dotted #fff;
}

.social{
    display: inline-block;
    border: solid #3f5065 1px;
    width: 39px;
    height: 39px;
    padding: 0;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    transition: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-position: center;
    -webkit-background-size: 50%;
    -moz-background-size: 50%;
    -o-background-size: 50%;
    background-size: 80%;
}

.social:hover{
background-color:#23527c;
}

.tw-icon{
    background-image: url(../images/twitter-24.png);
    background-repeat:no-repeat;
}
.fb-icon{
    background-image: url(../images/facebook-24.png);
    background-repeat:no-repeat;
}
.yt-icon{
    background-image: url(../images/youtube-24.png);
    background-repeat:no-repeat;
}


.text-white{color:#fff;}
.text-offwhite{color:#637484;}

footer
{
    font-size:0.9em;
    background-color:#132940;
    padding:10px;
    overflow:hidden;
}


#MainContent {
    min-height: 300px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.events{
padding-bottom:10px;
}

.eEvent{
clear:both;
}

.eDate
{
	float:left;
	width:70px;
	background-color:#fff;
	text-align:center;
	border:2px solid #085DAD;
	margin-bottom:10px;
}

.eDay
{
	font-weight:bold;
}

.eMonth
{
	color:#fff;
	background-color:#085DAD;
	font-weight:bold;
}

.eTitle
{
	float:left;
	margin-top: 10px;
}

.eTitle a
{
	padding:0px 0px 0px 10px;
	font-weight:bold;
	font-size:small;
	color:#085DAD;
}

#MainPage{min-height:400px;padding-bottom: 80px;}

#PageContainer{min-height:400px;padding-bottom: 150px;}


#RBKCBanner {
    background:url(../csstogetherwecan/images/header-image1.jpg) no-repeat  top center;
    background-position-x:0px;
    background-position-y:0px;
    background-size:100% 127px;
    position:absolute;
    width:100%;
    height: 127px;
}



.inner {
  clear:both;
  display:block;
  margin: 0 auto;
  max-width:960px;
  position:relative;
}

.heading {
	/*border-bottom:5px solid #f4d033;*/
	margin:0 auto;
	height:99px;
}

.heading__h1
{
	color:#fff;
	margin:0px;
	text-align:center;
	font-family: "Optima W01","Neue Helvetica eText W01",Arial,sans-serif;
	/*font-size:3em;*/
	/*height:95px;*/
	padding-top: 40px;
}

.navbar
{
	margin-bottom:0px;
}


#BreadCrumbTrailTop {color:#DEE2E5;padding:3px  8px 3px 16px;padding:0.2rem 0.5rem 0.15rem 1rem;background:#6083a8;background:rgba(96,131,168,.65);margin-bottom:0.3rem;}

#BreadCrumbTrailTop a {color:#DEE2E5;}


#RBKCLinks {color:#DEE2E5;padding:3px  8px 3px 16px;padding:0rem 0.5rem 0.15rem 1rem;background:#6083a8;background:rgba(96,131,168,.65);margin-bottom:0rem;float:left;margin-left:0;}
#RBKCLinks li{float:left;display:none;margin-right:4px;margin-right:0.3rem;font-size:13px;line-height:18px;width:auto;list-style-position:outside;}
#RBKCLinks li + li:before{content:"/ " !important;}
#RBKCLinks li:first-child{background:url(https://www.rbkc.gov.uk/sites/all/themes/rbkc/images/refresh/bread-home.png) left center no-repeat;display:block;width:10px;height:16px;transition:none;box-sizing:border-box;}
#RBKCLinks li:first-child + li{display:block;}
#RBKCLinks li:first-child  a{text-indent:300%;white-space:nowrap;overflow:hidden;display:block;width:10px;height:16px;transition:none;box-sizing:border-box;}

#BreadCrumbTrailTop {font-size:13px;max-width:960px;}

#BreadCrumbTrailBottom {display:none;}

footer .container
{margin-left: 100px;padding-top:15px; padding-right: 70px;height:60px;}

footer p
{margin-top:0px;margin-bottom:8px;}

/*footer, #MenuFooter
{
  position: fixed;
  bottom:0;
  left:0;
  width:100%;
}*/

#MenuFooter
{
	display:none;
	background-color:#132940;
}

#FooterCopyright table
{width:87%;
color:#fff;
font-size:smaller;}


#FooterCopyright table a
{color:#fff;}



@media screen and (max-width:767px)
{
  .heading__h1
  {font-size:2.2rem;}

  #BreadCrumbTrailTop {margin-left:0px !important; margin-top:0px;}

  #RBKCBanner
  {margin-top:-2px !important;}

  footer, #MenuFooter
  {
    position: relative;
    bottom:0;
    width:100%;
  }

  footer .container
  {margin-left: 0px;padding-top:0px; padding-right: 0px;}

  #govmetric,.gm_sidebar_anchor
  {display:none;}

}

@media screen and (max-width:480px)
{
	  #BreadCrumbTrailTop
  		{font-size:1.6rem;}

	   #RBKCBanner
  	{margin-top:0px !important;
	height:105px;
	}

	.heading
	{
		height:76px;
		}

	.heading_h1 {
		padding-top:20px;
	}

}

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


	.heading
	{
		height:80px;
		}

	#RBKCBanner
  	{margin-top:0px !important;
	height:127px;
	}

}




      /* Sticky footer styles
      -------------------------------------------------- */

      html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */

      #PageContainer {
	max-width:960px;
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -60px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 60px;
      }
      #footer {
        background-color: #f5f5f5;
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }

/*.gm_sidebar
{
  margin-bottom: 123px;
}*/