/**
 * @file
 * Positioning for a responsive layout.
 *
 * Define CSS classes to create a fluid grid layout with optional sidebars
 * depending on whether blocks are placed in the left or right sidebars.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */

/**
 * Center the page.
 *
 * For screen sizes larger than 1200px, prevent excessively long lines of text
 * by setting a max-width.
 */
#page,
.region-bottom,
.header,
#navigation,
.region-highlighted,
.bottomnav >.region-navigation,
#footer,
.region-contentextra {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
 /* max-width: 978px;*/
}

/* Apply the shared properties of grid items in a single, efficient ruleset. */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
.region-highlighted,
.region-contentextra,
#footer,
.bdm_B,
.extratitle,
.bottomnav .region-navigation{
  padding-left: 10px;
  padding-right: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  *behavior: url("/path/to/boxsizing.htc");
  _display: inline;
  _overflow: hidden;
  _overflow-y: visible;
}

/* Containers for grid items and flow items. */
#header,
#main,
#footer {
  *position: relative;
  *zoom: 1;
}
#header:before,
#header:after,
#main:before,
#main:after,
#footer:before,
#footer:after {
  content: "";
  display: table;
}
#header:after,
#main:after,
#footer:after {
  clear: both;
}

#main-menu {
display:block;	
}
.bottomnav {
	width: 100%;
	background-color: #514c49;
}

#block-search-form {
display:none;	
}
.mainwrap {
background-color: #f3f2f1;	
width: 100%;
float:left;
clear:both;
}
.contentextrawrap {
background-color: #d1cdcd;
width: 100%;
float:left;	
}

.no-sidebars #content {
padding-bottom: 30px;	
min-height: 400px;

}

.headercenter {
float: left;
line-height: 34px;	
}
.headerwrap {
background-color:#27201b;	
/*height: 40px;*/
}
#block-cfbblocks-sitetop {
margin-bottom:0;	
}
.headerwrap a {
color:white;
font-size: 12px;	
color: #9e9c9b;
padding: 10px 6px;
}

.tile0 li {
	width: 100%;
	padding: 10px 0;
	list-style:none;
}
.homepagetile .tile1 li,
.homepagetile .tile2 li  {
	width: 100%;
	/*height: 190px;*/
	float: left;
	list-style:none;
	box-sizing:border-box;
	padding: 10px 0;
	}
.contentextrawrap #block-views-latest-news-block,
.contentextrawrap #block-views-meeting-widget-block,
.contentextrawrap #block-cfbblocks-twittertimeline
 {
		padding: 10px 0;
	float:left;
	width: 100%
}

.navsection .region-navigation {
	display:none;
}
#main-menu ul.links {
display:none;	
}

.bottomnav .region-navigation {
	display: none;
}
.footerwrap {
  background-color: #27201b;
    clear: both;
    float: left;
    width: 100%;
}
.bottomlogo {
float:left;
width: 65px;
}
.footerextra {
float: left;
width: calc(100% - 65px - 70px);
}
.footermedia {
float:right;
width: 70px;	
}
.footerleft li,
.footerright li{
float: left;
list-style:none;
padding: 0 10px;	
}
.bottomnav .region-navigation >.region-navigation {
padding-left:0;
padding-right:0;	
}

#content {
padding-bottom: 20px;	
}

.view-homepage-slider-flat {
/*	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
	color:#fff;
	padding: 20px;*/
}
#navigation {
position: relative;	
}
.sitelogo {
padding: 20px 15px 10px 0;
}
.navsection .searchbutton {
	display:none;
}

.homepagetile .vservice,
.homepagetile .cservice{
	 color: #fff;
    /*position: absolute;
    z-index: 11;*/
	padding: 30px;
	float: left;
	margin-top: 20px;
	}
.front .slideshowwrap {
   /* background-image: url("../images/nyc_day.jpg");*/
   padding: 20px 0;
}

.homepagetile .tile1 li .hbtwrap,
.homepagetile .tile2 li .hbtwrap{
	/*width: 95%;
	height: 254px;
	float: left;
	padding:30px;
	list-style:none;
	background-color: #fff;
	border-left: #ff7e00 2px solid;
	border-right: #d8d8d8 1px solid;
	border-bottom: #d8d8d8 1px solid;
	box-shadow:0 0 4px 1px #ccc;
	margin-left: 30px;
	box-sizing:border-box;*/
	   background: #fff none repeat scroll 0 0;
    border-left: 3px solid #f27900;
    box-shadow: 1px 1px 0 1px #e1e0df;
     float: left;
    padding: 30px;
    width: 100%;
	box-sizing:border-box;
	min-height:254px;

}
.flexslider .slides {
	width: 100%;
	min-height: 260px;	
}


  #main {
    /* Move all the children of #main down to make room. */
    /*padding-top: 3em;*/
	padding-top: 30px;
    position: relative;
  }
  #navigation {
    /* Move the navbar up inside #main's padding. */
   /* position: absolute; */
    top: 0;
    /*height: 3em;*/
	height: 81px;
    width: 100%;
	
	
  }
  
  #main-menu {
display:none;	
}

#navigation ul.menu li > ul.menu {
	display: none;
}
#navigation ul.menu li {
/*padding: 15px; */
position: relative;
/*width: 94px;*/
}
#navigation ul.menu li > ul.menu:before {
content: "";	
width: 0;
height: 0;
border-style: solid;
border-top: 10px solid #f27900;
border-right: 10px solid transparent;
border-bottom: 0 solid transparent;
border-left: 10px solid transparent;
/*border-width: 0 20px 20px 20px;*/
/*border-color: transparent transparent red transparent;*/
z-index: 100;
position:absolute;
top: -1px;
left: 15px;
}

#navigation ul.menu li a {
font-weight: bold;
font-size: 100%;
width: 100%;
display:inline-block;
color:#fff;
text-decoration:none;
font-family: 'Roboto Slab', serif;
padding: 22px 0 25px 0;
line-height: 17px;
text-shadow: -3px 1px 2px rgba(0, 0, 0, 0.2)
}


#navigation ul.menu li:hover > ul.menu {
	display: block;
	position:absolute;
	background-color: #fff;
	z-index: 100;
	border-left:1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	/*box-shadow: 5px 0 5px -5px #333;
	box-shadow: 0 5px 5px -5px #333;*/
	box-shadow: -5px 5px 10px -5px #333,
	            5px 0 5px -5px #333;
			
	
}

#navigation ul.menu li > ul.menu {
	position:absolute;
	background-color: #fff;
	z-index: 100;
	border-left:1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	/*box-shadow: 5px 0 5px -5px #333;
	box-shadow: 0 5px 5px -5px #333;*/
	box-shadow: -5px 5px 5px -5px #333,
	            5px 0 5px -5px #333;
	
}

#navigation ul.menu li:hover li:after {
display:block;	
}
.searchbutton {
padding-top: 23px;
float:right;
display:block !important;	
}

#navigation ul.menu li > ul.menu li{
	width: 250px;
	float: left;	
	padding-left: 15px;
	padding-right: 15px;
}
#navigation ul.menu li > ul.menu li.expanded a:after {
	content: "+";
	padding-left: 5px;
	float:right;
}
#navigation ul.menu li ul.menu li.expanded > ul.menu li a:after  {
display:none;	
}
#navigation ul.menu li > ul.menu li:first-child{
	padding-top: 15px;
}
#navigation ul.menu li > ul.menu li:last-child {
	padding-bottom: 5px;
}
#navigation ul.menu li > ul.menu li a {
	border-bottom: 1px solid #ccc;
	display:inline-block;
	padding: 10px 0;
	color: #6b6a6a;
	text-decoration:none;
	text-shadow:none;
	font-family: 'Roboto', serif;
}
#navigation ul.menu li > ul.menu li.last a {
border:none;	
}
#navigation ul.menu li ul.menu li > ul.menu li a {
border-bottom:none;	
}
#navigation ul.menu li ul.menu li > ul.menu li {
border-bottom: 1px solid #ccc;	
}
#navigation ul.menu li ul.menu li > ul.menu li:last-child{
border-bottom:none;	
}
#navigation ul.menu li > ul.menu li a:hover {
color:#ff7e00;
}
/*#navigation ul.menu li:hover > ul.menu ul.menu {
	display: block;
		
}*/

/*#navigation ul.menu li ul.menu li:hover > ul.menu {
	display: block;
	position:absolute;
	border:none;
	float:left;
	clear:both;
	background:#fce4cc;
	
}*/
#navigation ul.menu li ul.menu li > ul.menu:before {
content: "";	
width: 0;
height: 0;
/*border-style: solid;
border-width: 15px 0 15px 30px;*/
border:none;
border-color: transparent transparent transparent #fff;
/*border-width: 0 20px 20px 20px;*/
/*border-color: transparent transparent red transparent;*/
z-index: 102;
position:absolute;
top: 3px;
left: -15px;
}
#navigation ul.menu li ul.menu li:hover > ul.menu li {
height:auto;

}

#navigation ul.menu li  ul.menu li > ul.menu li a{
font-weight: normal;
text-shadow:none;
/*padding: 10px 15px;*/
width: 100%;
border-bottom: 1px solid #ccc;
}
#navigation ul.menu li ul.menu li > ul.menu li.last a {
border-bottom:none;	
}

#navigation ul.menu li ul.menu li > ul.menu {

	top:0;
left: 301px;
border-top: 1px solid #ccc !important;
border-right: 1px solid #ccc !important;
border-bottom: 1px solid #ccc !important;
background:#fce4cc;
box-shadow:none;
}

#navigation ul.menu li  ul.menu li > ul.menu li {
margin:0;
padding:0 15px;
float:left;
clear:both;
white-space:nowrap;
width:85%;
border-bottom:none;
}

#navigation ul.menu li.menu-mlid-2461 > ul.menu {
left: -85px;	
width: 200px;	
}
#navigation ul.menu li.menu-mlid-2461 > ul.menu li {
width: 180px;	
}

#navigation ul.menu li.menu-mlid-2461 > ul.menu:before {
left: 90px;	
}
#navigation ul.menu li.menu-mlid-2461 ul.menu li > ul.menu:before {
content: "";	
width: 0;
height: 0;
/*border-style: solid;
border-width: 15px 30px 15px 0;
border-color: transparent #fff transparent transparent;*/
border:none;
/*border-width: 0 20px 20px 20px;*/
/*border-color: transparent transparent red transparent;*/
z-index: 102;
position:absolute;
top: 3px;
right: -15px;
left: inherit;
}

#navigation ul.menu li.menu-mlid-2461 ul.menu li > ul.menu {
right: 211px;	
left:auto !important;
border-right:none !important;
border-left: 1px solid #ccc;

}
#navigation ul.menu li.menu-mlid-304 > ul.menu {
left: -130px;
width: 300px;	
}
#navigation ul.menu li.menu-mlid-304 > ul.menu  li {
width: 280px;	
}
#navigation ul.menu li.menu-mlid-304 > ul.menu:before {
left: 135px;	
}
#navigation ul.menu li.menu-mlid-304 ul.menu li > ul.menu:before {
content: "";	
width: 0;
height: 0;
/*border-style: solid;
border-width: 15px 30px 15px 0;
border-color: transparent #fff transparent transparent;*/
border:none;
/*border-width: 0 20px 20px 20px;*/
/*border-color: transparent transparent red transparent;*/
z-index: 102;
position:absolute;
top: 3px;
right: -15px;
left: inherit;
}
#navigation ul.menu li.menu-mlid-304 ul.menu li > ul.menu {
right: 310px;	
left:auto !important;
border-right:none !important;
border-left: 1px solid #ccc;
}
#navigation ul.menu li.menu-mlid-701 > ul.menu {
left: -110px;	
width: 300px;
}
#navigation ul.menu li.menu-mlid-701 > ul.menu li {
width: 280px;	
}
#navigation ul.menu li.menu-mlid-701 > ul.menu:before {
left: 135px;	
}
#navigation ul.menu li.menu-mlid-701 ul.menu li > ul.menu:before {
content: "";	
width: 0;
height: 0;
border-style: solid;
/*border-width: 15px 30px 15px 0;
border-color: transparent #fff transparent transparent;*/
border:none;
/*border-width: 0 20px 20px 20px;*/
/*border-color: transparent transparent red transparent;*/
z-index: 102;
position:absolute;
top: 3px;
right: -15px;
left: inherit;
}
#navigation ul.menu li.menu-mlid-701 ul.menu li > ul.menu {
right: 311px;	
left:auto !important;
border-right:none !important;
border-left: 1px solid #ccc;
}

#navigation ul.menu li.menu-mlid-2462 > ul.menu{
	width: 200px;
	left: -60px;	
	}
#navigation ul.menu li.menu-mlid-2462 > ul.menu:before {
left: 78px;	
}	
#navigation ul.menu li.menu-mlid-2462 > ul.menu li {
	width: 180px;
}
.navigationwraper .menu li.menu-mlid-2896 {
bottom: 0;	
}
#navigation ul.menu li.menu-mlid-2462 ul.menu li > ul.menu {
left: 199px;	
top: 15px;
}
#navigation ul.menu li.menu-mlid-2460 > ul.menu {
left: -80px;	
}
#navigation ul.menu li.menu-mlid-2460 > ul.menu:before {
left: 95px;	
}
#navigation ul.menu li.menu-mlid-300 > ul.menu {
left: -65px;	
width: 255px;
}
#navigation ul.menu li.menu-mlid-300 > ul.menu li a {
	width: 240px;
}
#navigation ul.menu li.menu-mlid-300 > ul.menu:before {
left: 95px;	
}
#navigation ul.menu li.menu-mlid-2460 ul.menu li > ul.menu {
left: 280px;	
}
.bottomnav{
clear: both;
float: left;	
}

.bottomnav ul.menu li{
width: 16.6667%;
float: left;	
padding-right: 10px;
}
.bottomnav ul.menu li.menu-mlid-2462 {
width: 13%;	
}
.bottomnav ul.menu li.menu-mlid-304 {
width: 19%;	
}
.bottomnav ul.menu li.menu-mlid-2461 {
width: 13%;	
}
.bottomnav ul.menu li.menu-mlid-701 {
width: 18%;	
}

.bottomnav ul.menu li > ul.menu {
	padding:0;
	margin:0;
	
}

.bottomnav ul.menu li > ul.menu li{
 clear: both;
    line-height: 15px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0;
    width: inherit;
}

.bottomnav ul.menu li ul.menu li >ul.menu {
display:none;	
}

.sitelogo {
float: left;
display:table-cell;
}
.navigationwraper .region-navigation {
/*width: 610px;*/
float:left;	
height:81px;
padding-left: 30px;
min-width: 498px;
width: 93%;
display:table-cell;
}
.navigationwraper .navsection {
min-width: 650px;	
float:left;
width: 66.6666%;
background: #f27900 none repeat scroll 0 0;	
display:table;
position:relative;
}

.navigationwraper::after {
background: #f27900;	
  content: "";
height: 81px;
 position: absolute;
width: 50%;
 z-index: -1;
 top:0;
 right:0;
}

.navigationwraper {
/*background:#f27900;
background-repeat:no-repeat;
background-position:center;
background-size: 50% 100%;
background-position:right top;
*/

position:relative;
clear:both;
height: 76px;
}



/*.slideshowwrap::after {
	background: linear-gradient(to left bottom, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.3) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	   bottom: 0;
    content: "";
    display: block;
    height: 350px;
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    z-index: 2;
} */
.slideshowwrap {
height: 350px;
   background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /*position: relative;*/
	float:left;
	clear:both;
	width: 100%;

}

.view-homepage-slider-flat{
/*	width: 490px;
	height: 260px;
	background: rgba(0, 0, 0, 0.6);
	color:#fff;
	margin-top: 30px;
	position:absolute;
	padding:20px;
	color:#fff;
	*/
}



.region-contentextra {
	padding-top: 30px; 
	padding-bottom: 30px;
}

.homepagetile .tile0 li {
	width: 50%;
	/*height: 195px;*/
	padding-left: 15px;
	padding-right: 15px;
	list-style:none;
	float:left;
	/*position:relative;*/
	
}
.homepagetile .tile1 li,
.homepagetile .tile2 li  {
	width: 33.3333%;
	/*height: 190px;*/
	float: left;
	list-style:none;
	box-sizing:border-box;
	padding-right:15px;
	padding-left:15px;
	margin-top:10px;
		}
.homepagetile .tile1 li.hbtwrapie {
	padding-right:0;
}
.homepagetile .tile1 li.hbtwraplaw{
	padding-left:0;
}
	.contentextrawrap #block-views-latest-news-block,
.contentextrawrap #block-views-meeting-widget-block,
.contentextrawrap #block-cfbblocks-twittertimeline
 {
		padding-left: 30px;
	float:left;
	width: 33%
}
.bottomnav .region-navigation {
	display: block;
}

.footerextra {
    width: 80%;
}
.homepagetile .vservice,
.homepagetile .cservice {
margin-top:0;	
}

.front .slideshowwrap {
   /* background-image: url("../images/nyc_day.jpg");*/
   padding: 0;
}
.navsearch #edit-submit--3 {
display:none;
}
.flexslider .slides {
	width: 490px;
	min-height: 260px;	
}
#navigation ul.menu li.menu-mlid-2460 {
min-width: 84px;
width: 15.8%;
}

#navigation ul.menu li.menu-mlid-300 {
	min-width: 121px;
	width:20.3%;
}

#navigation ul.menu li.menu-mlid-2462 {
	min-width: 83px;
	width: 15.6%;
}
#navigation ul.menu li.menu-mlid-701 {
	min-width: 106px;
	width: 19.6%;
}
#navigation ul.menu li.menu-mlid-304 {
	min-width: 53px;
	width: 9.6%;
}

#navigation ul.menu li.menu-mlid-2461{
	min-width: 51px;
	width: 9.2%;
}
.navsearch{
	display:none;
	width: 100%;
}
#navigation ul.menu li > ul.menu {
	display: none;
}
.navsearch {
height: 100%;	
}
#navigation h2.mobileheading {
	display:none;
}
#navigation .links li, #navigation .menu li {
    list-style-image: none;
    list-style-type: none;

}

*::before, *::after {
    box-sizing: border-box;
}
.headright {
    float: right;
}
.headermedia {
    float: left;
}
.headermedia .mediaicon a {
    display: inline-block;
    padding: 8px 6px;
}
.headerwrap a:first-child {
    padding: 10px 6px 10px 0;
}
.headermedia .mediaicon img {
    height: 12px;
    width: 18px;
}

#navigation ul.menu li a {
    color: #fff;
    display: inline-block;
    font-family: "Roboto Slab",serif;
    font-size: 100%;
    font-weight: bold;
    line-height: 17px;
    padding: 22px 0 25px;
    text-decoration: none;
    text-shadow: -3px 1px 2px rgba(0, 0, 0, 0.2);
    width: 100%;
}

#header {
    height:inherit;
    position:inherit;
    width: 100%;
    z-index:auto;
}
li {
margin:0;	
list-style:none;
}
.contentwrap{
background-color: #f3f2f1;
padding:0;
margin:0;	
}
#content {
margin:auto;
max-width: 1100px;	
}
body {
background:#fff;	
}