.fixwidth{
	width: 986px; /* edit to change the width of the page */
	margin: 0 auto; /* remove 'auto' and the width to switch to a fluid width */
	padding: 0 31px;
}

.fluidwidth {
	min-width:1006px; /*same as the fixwidth */
	max-width:1300px; /*really depends on your content */
	margin:0 auto;
}

.l-header, .l-main, .l-footer {

}

/** LAYOUT RULES
---------------------------------
*  do not change if you're not sure you know what you're doing
*/

body {
	background: url(../../images/bg-body.png) repeat;
	color: #24241d;
}

#container {
	height: 100%;
}

#container-inner {
	background: url(../../images/bg-content-white.png) center repeat-y;
	position: relative;
	margin-bottom: -51px;
	min-height: 100%;
}

header {
	padding-top: 10px;
	background-color: #fff;
	height: 96px;
	margin-bottom: 91px;
	width: 985px;
	position: relative;
	left: -10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
}

body.front header {
	margin-bottom: 49px;
}



#main {
	height: 100%;
	position: relative;
	padding-left:0;
  padding-right:0;
}

#content {
  float: left;
  width: 100%;
  margin-right: -100%;
  padding: 0;
}

#content-inner {
	height: 100%;
}

.clearfooter {
	clear: both;
	height: 36px;
	margin-top: 36px;
}

.sidebar {
  float: left;
}
#sidebar-second {
  float: right;
}
#footer {
  float: none;
  clear: both;
}

span.read-more {
	font-size: 0.9em;
}


/* Layout Helpers */

#header, #footer, .mission, .breadcrumb, .node {
  clear: both;
}

/** Sidebars width
---------------------------------
*  Changing the width of the sidebars is dead easy, just change the
*  values below corresponding to the sidebar you want to modify.
*  Make sure you keep negative values as negative values.
*  For example, if I want to increase the width of the left sidebar
*  to 300px, I would have to change each '190' to '300'.
*/

.has-sidebar-first .center,
.two-sidebars .center,
.sidebar-left .center {
  margin-left: 239px;     /* LEFT value */
}
#sidebar-first {
  width: 239px;           /* LEFT value */
	margin-right: -239px;    /* negative LEFT value */
}
.two-sidebars .center,
.sidebar-right .center {
  margin-right: 239px;    /* RIGHT value */
}
#sidebar-second {
  width: 239px;           /* RIGHT value */
}

/** Columns inner
---------------------------------
*  You can change the padding inside the columns without changing the
*  width of them by just usinbg the INNER div of each column
*/

.inner {
	padding: 5px 0;
}

/** Logo
---------------------------------
*  do not change if you're not sure you know what you're doing
*/
#logo-title {
	float: left;
	height: 92px;
}


/** Header
---------------------------------
*  do not change if you're not sure you know what you're doing
*/
#header-info {
	float: right;
	width: 400px;
	text-align: right;
}

#header-info .header-social a {
	margin-left: 5px;
}

#header-info .header-social {
	clear: both;
	margin: 12px 0 4px;
}


/** Navigation
---------------------------------
*  do not change if you're not sure you know what you're doing
*/


#navigation {
	clear: both;
	display: block;
	width: 1048px;
	height: 52px;
	background: url(../../images/bg-main-nav.png) 0 1px no-repeat;
	margin-left: -31px;
	padding-top:1px;
}


#navigation a.active,
#navigation .active-trail a,
#navigation .active a {
	background: #00B6DE;
}

.block ul.p1-ul {
	font: normal 13px "Lucida Grande",Lucida,Verdana,sans-serif;
	list-style: none;
	position: relative;
	padding: 0 0 0 21px;
	margin: 3px 0 0;
}
.p1-ul li ul, .p1-ul .sub {
display: none;
}
.p1-ul .sub ul {
display: block;
}
.p1-ul {
/* background: #5085b6; */
width: 100%;
height: 36px;
position: relative;
}
.p1-ul li {
float: left;
margin: 0;
padding: 0;
font-weight: bold;
}
.p1-ul li a {
	float: left;
	display: block;
	color: #ecf0f1;
	padding: 0 20px;
	height:36px;
	line-height:36px;
	/* background: #5085b6; */
	text-decoration: none;
	font-size: 1.1em;
}
.p1-ul li.menu-item-9979,
.p1-ul li.menu-item-7570,
.p1-ul li.menu-item-8200 {
	float: right;
	padding-right: 40px;
}
.p1-ul li.menu-item-9979 a,
.p1-ul li.menu-item-7570 a,
.p1-ul li.menu-item-8200 a {
	background-image: url(../../images/twitter-logo.png);
	background-repeat: no-repeat;
	text-indent: -99999px;
	background-position: 0px 8px;
	overflow: hidden;
}
.p1-ul li.menu-item-9979 a:hover,
.p1-ul li.menu-item-7570 a:hover,
.p1-ul li.menu-item-8200 a:hover {
	background: transparent url(../../images/twitter-logo.png) no-repeat 0px -72px !important;
}


/*#navigation .p1-ul li.mega-hover a, */
#navigation .p1-ul li a:hover {
	/*background: #FFF;*/
	/*color: #03355a;*/
	/*color: #003458;*/
	background: #00B6DE;
	color: #FFF;
}

#navigation .p1-ul li .sub-container.non-mega li a {
	color: #000;
	display: block;
	position: relative;
}

#navigation .p1-ul li .sub-container.non-mega li a img {
	position: absolute;
	right: 10px;
	top: 10px;
}

.p1-ul li .sub-container {
	position: absolute;
	padding-bottom: 4px;
	background: transparent url(../../images/bg-nav-bottom-bg.png) bottom no-repeat;
}

.p1-ul li .sub {
	padding: 15px;
	background: url(../../images/bg-nav-bg.png) repeat-y;
}

.p1-ul li .sub .row {
	width: 100%;
	overflow: hidden;
	clear: both;
}

.p1-ul li .sub li {
	list-style: none;
	float: none;
	width: 170px;
	font-size: 1em;
	font-weight: normal;
}
.p1-ul li .sub li.mega-hdr {
	margin: 0 10px 10px 0;
	float: left;
}

.p1-ul li .sub li.mega-hdr.last {
	margin-right: 0;
}

.p1-ul li .sub a {
	background: none;
	color: #111;
	padding: 7px 10px;
	display: block;
	float: none;
	font-size: 1em;
}

.p1-ul li .sub li.mega-hdr a.mega-hdr-a {
	padding: 5px 15px;
	margin-bottom: 5px;
	/*background: #6B6B6B; */
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}

.p1-ul li .sub li.mega-hdr a.mega-hdr-a:hover {
	color: #000;
}

.p1-ul .sub li.mega-hdr li a {
	padding: 4px 5px;
	font-weight: normal;
}

.p1-ul .sub li.mega-hdr li a:hover {
	/* color: #a32403;
	background: #efefef; */
}

.p1-ul .sub ul li {
	padding-right: 0;
}

.p1-ul li .sub-container.non-mega .sub {
	padding: 10px;
}

.p1-ul li .sub-container.non-mega li {
	padding: 0;
	width: 226px;
	margin: 0;

}

.p1-ul li .sub-container.non-mega li.p2-active {
	font-weight: 700;
}

#navigation .p1-ul li .sub-container.non-mega li.p2-active a {
	/*color: #003360;*/
	color: #FFF;
}

.p1-ul li .sub-container.non-mega li a {
	padding: 2px 10px;
	color: #111;
}

#navigation .p1-ul li .sub-container.non-mega li a:hover {
	/*color: #003360;*/
	background-color: #00B6DE;
	color: #FFF;
}


/** Search
---------------------------------
*/
.search-results dd {
	margin-bottom: 20px;
}

/** Search
---------------------------------
*/

/*.view-meetings .views-row {
	margin-bottom: 20px;
}*/


/** Footer
---------------------------------
*  do not change if you're not sure you know what you're doing
*/
footer {
	background: #dbdbdb;
	padding: 5px 15px;
	color: #636363;
	font-size: 0.9em;
	font-weight: 700;
	height: 26px;
	position:relative;
	margin: 0 auto 15px;
	width: 956px;
	line-height: 26px;
}

footer .footer-block {
	float: left;
	width: 600px;
}

footer .footer-block ul {
	margin: 0;
	padding: 0;
}

footer .footer-block li {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
}

footer .footer-copy {
	float: right;
	width: 200px;
	text-align: right;
}