@charset "utf-8";
/* CSS Document */

body {
		background-color: #313131; /*Body Background Color*/
}

.registrationhide {visibility: hidden;}
.grayline {width: 100%; background-color: #C8C8C8; height: 3px; }
#ccm-highlighter {z-index:100!important;}

/*HEADER*/

#wrapfull #headerbanner {
	width: 100%;
	background-color: #8db3d8;
	background-image: url(../images/Header-Banner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: relative;
	z-index: 1;
	-moz-box-shadow:  3px 3px 3px #171d26;
	-webkit-box-shadow:   3px 3px 3px #171d26;
	box-shadow:  3px 3px 3px #171d26;
}

#wrapfull #headerbanner .container .sixteen.columns {
	/* [disabled]background-color: #FFF; */ /*Header Container Background Color*/
	/*width:1100px !important;*/
}

#wrapfull .container .sixteen.columns #SiteName {
float: left;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left:0px;
}

#wrapfull .container .sixteen.columns #SiteName h1 {
	color: #fff;
margin-top: -20px;
margin-bottom: 0px;
font-size: 23px;
font-weight: bold;
}

#wrapfull #headerbanner .container .sixteen.columns #SiteName a {
	color: #FFF; /*change color of site name text*/
text-decoration: none;
font-size: 23px;
font-family: "Helvetica", Arial, sans-serif;
}

#wrapfull #headerbanner .container .sixteen.columns #SiteName a:hover {
opacity: 0.7;
}


#wrapfull .container .sixteen.columns #headerright {
	width: 250px;
	float: right;
	text-align: right;
	/*margin-top: 30px;*/
	color: #FFF; /*change color of header right area*/
}

#wrapfull .container .sixteen.columns #headerright h3 {
	font-size: 13px;
	font-weight: bold;
color: #FFF;
margin-bottom: -8px;
}

#wrapfull  #headerright .ccm-search-block-form input[type="text"] {display: inline;}

/*NAVIGATION*/


#wrapfull #headerbanner .container .sixteen.columns #navigation {
	position: relative;
	z-index: 10;
	margin: 0px 0px 5px 0px; /* Change bottom margin value to move nav bar up or down*/
}

#wrapfull .container .sixteen.columns #navigation li { margin-bottom: 0px; font-weight: bold; }

#wrapfull .container .sixteen.columns #navigation ul {
  text-transform: uppercase;
  font-size: 14px;
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
  font-family: "Helvetica", Arial, sans-serif;
}

#wrapfull .container .sixteen.columns #navigation ul li {
  display: block;
  /*position: relative;*/
  float: left;
   width: auto;
   text-align: center;
}

#wrapfull .container .sixteen.columns #navigation li ul { display: none; }

#wrapfull .container .sixteen.columns #navigation ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  padding: 5px 15px 5px 15px;
  /*background: #2C5463;*/ /*Background color for nav bar*/
  margin-left: 1px;
  /*white-space: nowrap;*/
}
#wrapfull .container .sixteen.columns #navigation ul li a:hover { background: #55565a; padding-bottom: 5px; opacity: 1.0;}

#wrapfull .container .sixteen.columns #navigation li:hover ul {
  display: block;
  position: absolute;
}

#wrapfull .container .sixteen.columns #navigation li:hover li {
  float: none;
  font-size: 11px;
  text-align: left;
  font-weight: normal;
  text-transform: capitalize;

}
#wrapfull .container .sixteen.columns #navigation li:hover a { background: #55565a; opacity: 1.0;  }

#wrapfull .container .sixteen.columns #navigation li:hover li a:hover { background: #8db3d8;   opacity: 1.0; }

/*secondary nav*/
#wrapfull .secondnav {
	position: relative;
	margin: -20px 0px 5px -10px; /* Change bottom margin value to move nav bar up or down*/
}

#wrapfull .secondnav li { margin-bottom: 0px; font-weight: bold; }

#wrapfull .secondnav ul {

  font-size: 90%;
  margin: 0px;
  padding: 0;
  list-style: none;
  font-family: "Helvetica", Arial, sans-serif;
}

#wrapfull .secondnav ul li {
  display: block;
  /*position: relative;*/
  float: left;
   width: auto;
   text-align: center;
}

#wrapfull .secondnav li ul { display: none; }

#wrapfull .secondnav ul li a {
  display: block;
  text-decoration: none;
  color: #353535;
  padding: 5px 15px 5px 15px;
  background: #c1c3c6; /*Background color for nav bar*/
  margin-left: 3px;
  /*white-space: nowrap;*/
}
#wrapfull .secondnav ul li a:hover { background: #989898; padding-bottom: 5px; opacity: 1.0;}

#wrapfull .secondnav li:hover ul {
  display: block;
  position: absolute;
}

#wrapfull .secondnav li:hover li {
  float: none;
  font-size: 11px;
  text-align: left;
  font-weight: normal;
text-transform: capitalize;

}
#wrapfull .secondnav li:hover a { background: #989898; opacity: 1.0;  }

#wrapfull .secondnav li:hover li a:hover { background: #8db3d8;   opacity: 1.0; }



/*Breadcrumb*/
#wrapfull .breadcrumbstyle {margin-top: -10px; margin-bottom: 40px; font-family: "Helvetica", Arial, sans-serif; font-size: 10px;}

/*BODY*/

#wrapfull #bodybanner {
	background-color: #fff; /*Body Banner Background Color*/
		margin: 0px 0px 0px 0px;
		-moz-box-shadow: inset 0 0 5px 5px #888;	
		-webkit-box-shadow: inset 0 0 5px 5px#888;
		box-shadow: inset 0 0 5px 5px #888;
}

/*Slideshow*/
#wrapfull #bodybanner .container #bannerimage {
	margin-top: 0px;
	margin-left: 125px;
	margin-bottom: 0px; /*hide this to reove the margin between the image and the body*/
	height: 320px; 
	overflow: hidden;
	background-color: transparent;
}



#wrapfull #bodybanner .container #bannerimage .showcase-button-wrapper {
margin-top: 0px;
padding-left: 50px;
}

#wrapfull #bodybanner .container #bannerimage .showcase {
padding-top: 0px;
}

#wrapfull #bodybanner .container #bannerimage .showcase-button-wrapper span
		{
			color: #585c5f;
		}

#wrapfull #bodybanner .container #bannerimage .showcase-button-wrapper span.active
		{
			color: #8db3d8;
		}

#wrapfull #bodybanner .container .sixteen.columns {
	background-color: #FFF; /*Body Container Background Color*/
	

}

/*Banner Box*/

#wrapfull #bannerbox .ccm-page-list {color: #fff; font-family: "Helvetica", Arial, sans-serif; font-size: 75%; }
#wrapfull #bannerbox .ccm-page-list a {color: #19327a; text-decoration: none; font-family: "Helvetica", Arial, sans-serif;}
#wrapfull #bannerbox .ccm-page-list a:hover {text-decoration: underline;}
#wrapfull #bannerbox .ccm-page-list h3 {margin-bottom: -6px; font-size: 15px; font-weight: bold; line-height: 1em; margin-bottom: 5px; margin-top: 20px;}

#wrapfull #bannerbox #easy_news_rss{
float: left;
text-align: left;
margin-top: 8px;
margin-bottom: 3px;
}

#wrapfull #bannerbox {
height: 330px;
/*background-color: #868686;*/
width: 230px;
position: absolute;
top:-2px;
left: 0px;
background-image: url(../images/banner-box.png);
	background-repeat: no-repeat;
	background-position: top;
	/*-moz-box-shadow:  5px 5px 5px #171d26;
	-webkit-box-shadow:   5px 5px 5px #171d26;
	box-shadow:  5px 5px 5px #171d26; */
}

/*Body Content*/

#wrapfull #bodybanner #bodycontent .sixteen.columns {
		/*border-radius: 15px;*/
		margin-top:30px;
			margin-bottom: 30px;
	/*-moz-box-shadow:  5px 5px 5px #171d26;
	-webkit-box-shadow:   5px 5px 5px #171d26;
	box-shadow:  5px 5px 5px #171d26; */
}

.file-tree {font-size: 11px;}
.jstree a {font-size: 13px;}
.file-tree-list th {font-weight: bold; text-decoration: underline;}

/*Lightboxed Image*/

#wrapfull .lightboxed-image-caption-content {font-family:Helvetica, Arial, sans-serif; font-size: 11px;}
#cboxContent #cboxTitle {font-family:Helvetica, Arial, sans-serif;}

/*Gallery*/
.ccm-gallery {border: none!important;}
.ccm-gallery tbody tr td img {margin:10px!important}

/*Form*/

#wrapfull .documentLibraryWrap input[type="text"] {display: inline;} /*document library*/
#wrapfull #bodycontent .miniSurveyView {
font-family: "Helvetica", Arial, sans-serif;
}

#wrapfull #bodycontent .miniSurveyView label {
text-align: right;
font-size: 80%;
font-weight: bold;
}

#wrapfull select {
margin-bottom: 0px;
}

#wrapfull #bodycontent .miniSurveyView .radioPair {
font-size: 80%;
}

/*Page List Plus - Project Profile Table*/

#wrapfull .ccm-page-list input[type="submit"] {margin-top:0px;}
.project_profile_table {
	margin:0px;
	padding:0px;
	width:100%;

}

.project_profile_table table{
    border-collapse: collapse;
        border-spacing: 0;
	width:960px;
	height:100%;
	margin:0px;padding:0px;
}
.project_profile_table a {color: #064a82!important;}

.project_profile_table td{
	vertical-align:middle;
		border:1px solid #000000;
	text-align:left;
	padding:7px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}

.project_profile_table tr:hover td{background-color: #fff;}

.project_profile_table tr:nth-child(odd){ background-color:#e6eff7; }
.project_profile_table tr:nth-child(even)    { background-color:#c1d6e9; }

.project_profile_table td.first-pp-column {width: 600px;}
.project_profile_table td.second-pp-column {width: 270px;}
.project_profile_table td.third-pp-column {width: 90px;}

.pp-header tr:first-child td{
	background-color:#091a3a;
	text-align:left;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}


/*Page List*/

#wrapfull #bodycontent .ccm-page-list { font-family: "Helvetica", Arial, sans-serif;  }
#wrapfull #bodycontent .ccm-page-list a {color: #8db3d8; text-decoration: none; font-family: "Helvetica", Arial, sans-serif;}
#wrapfull #bodycontent .ccm-page-list a:hover {text-decoration: underline; opacity: 0.7;}
#wrapfull #bodycontent .ccm-page-list h3 {margin-bottom: 0px;  font-weight: bold;}
#wrapfull #bodycontent .ccm-page-list-description {margin-bottom: 30px; font-family: "Helvetica", Arial, sans-serif; font-size: .8em; }
.pagination-left {font-family: "Helvetica", Arial, sans-serif; font-size: .8em; font-weight: bold; float:left;}
.pagination-right {font-family: "Helvetica", Arial, sans-serif; font-size: .8em; font-weight: bold; float:right; }
.ccm-pagination {font-family: helvetica; font-size: .9em; margin-top: 20px; border-top-style: solid; border-top-width: 1px; border-top-color: #656565;}

#wrapfull #bodycontent .ccm-page-list-rss-icon{
margin-top: 25px;
}

#wrapfull #bodycontent .sidebarnav a {font-size:0.75em; width:200px; line-height: 0px;}
#wrapfull #bodycontent .sidebarnav h3 {line-height: 0px;}

/*BLOG*/
#wrapfull #breadcrumbs {
	margin-bottom:0.75em;
	font-family: Helvetica, Arial, sans-serif;
	font-size:0.75em;
	text-transform:uppercase;
	/*color:#999;*/
	float:right;
}
/*#breadcrumbs a {
	color:#999;
}
#breadcrumbs a:hover {
	color:#777;
}*/
#wrapfull .ccm-autonav-breadcrumb-sep {
	margin:0 3px;
}

/* Easy Tables */
#wrapfull .dataTables_filter {float:left;text-align:left;}
#wrapfull .dataTables_filter input[type="text"] {display: inline!important; width:210px;}
#wrapfull .dataTables_wrapper {font-family:Helvetica, Helvetica, Helvetica, Arial, sans-serif!important; font-size: 85%;}
#wrapfull .dataTables_scrollBody td {vertical-align:middle!important; padding:10px;}

/* Expand/Collapse*/

#wrapfull #FAQ .ccm-remo-expand-title {
font-size: 13px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 10px;
}

#wrapfull .ccm-remo-expand-title {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 8px;
margin-top: 20px;
}

#wrapfull .ccm-remo-expand-title:hover {
opacity: 0.7;
}

#wrapfull .ccm-remo-expand-open {
  padding-left:30px;
background-color: #e6e7e7;
margin-bottom: 25px;
background-position: 10px;
color: #000000;
}

#wrapfull .ccm-remo-expand-content {
  padding-left: 25px;
} 

#wrapfull .ccm-remo-expand-closed {
  padding-left:30px;
background-color: #cae7f9;
background-position: 10px;
color: #000000;
}

#wrapfull .twentyeleven .ccm-remo-expand-content  {margin-bottom: 430px;}
#wrapfull .twentyten .ccm-remo-expand-content  {margin-bottom: 460px;}
#wrapfull .twentynine .ccm-remo-expand-content  {margin-bottom: 350px;}
#wrapfull .twentyeight .ccm-remo-expand-content  {margin-bottom: 300px;}
#wrapfull .threehundred .ccm-remo-expand-content  {margin-bottom: 300px;}
#wrapfull .onehundred .ccm-remo-expand-content  {margin-bottom: 100px;}
#wrapfull .twohundred .ccm-remo-expand-content  {margin-bottom: 200px;}
#wrapfull .fourhundred .ccm-remo-expand-content  {margin-bottom: 400px;}
#wrapfull .fivehundred .ccm-remo-expand-content  {margin-bottom: 500px;}
#wrapfull .sixhundred .ccm-remo-expand-content  {margin-bottom: 600px;}
#wrapfull .sevenhundred .ccm-remo-expand-content  {margin-bottom: 700px;}
#wrapfull .eighthundred .ccm-remo-expand-content  {margin-bottom: 800px;}
#wrapfull .ninehundred .ccm-remo-expand-content  {margin-bottom: 900px;}
#wrapfull .onethousand .ccm-remo-expand-content  {margin-bottom: 1000px;}
#wrapfull .onethousandonehundred .ccm-remo-expand-content  {margin-bottom: 1100px;}
#wrapfull .onethousandfivehundred .ccm-remo-expand-content  {margin-bottom: 1500px;}
#wrapfull .onethousandeighthundred .ccm-remo-expand-content  {margin-bottom: 1800px;}
#wrapfull .onethousandninehundred .ccm-remo-expand-content  {margin-bottom: 1900px;}
#wrapfull .twentythreehundred .ccm-remo-expand-content  {margin-bottom: 2300px;}
#wrapfull .threethousand .ccm-remo-expand-content  {margin-bottom: 3000px;}
#wrapfull .threethousandfivehundred .ccm-remo-expand-content  {margin-bottom: 3500px;}
#wrapfull .fourthousand .ccm-remo-expand-content  {margin-bottom: 4000px;}
#wrapfull .fivethousand .ccm-remo-expand-content  {margin-bottom: 5000px;}
#wrapfull .fivethousandfivehundred .ccm-remo-expand-content  {margin-bottom: 5500px;}
#wrapfull .sixthousand .ccm-remo-expand-content  {margin-bottom: 6000px;}
#wrapfull .eightthousand .ccm-remo-expand-content  {margin-bottom: 8000px;}
#wrapfull .eightthousandthreehundred .ccm-remo-expand-content  {margin-bottom: 8300px;}
/*#wrapfull #ccm-remo-expand-content-605 {max-height:330px!important;}*/

#wrapfull .readmore .ccm-remo-expand-title {
font-size: 13px;
padding-top: 0px;
padding-bottom: 5px;
margin-top: 10px;
margin-left:0px;
}

#wrapfull .readmore .ccm-remo-expand-closed {
background-color: #fff;
background-position: 10px;
}

#wrapfull .readmore .ccm-remo-expand-open {
margin-bottom: 15px;
}

#wrapfull .readmore .ccm-remo-expand-title:hover {
color: #212121;
}

/*BB Easy Tables*/
.ccm-remo-expand-content .dataTables_scroll table.display {width: 100%!important;}
.ccm-remo-expand-content .dataTables_scrollHeadInner {width: 100%!important;}

/*Document Library*/
#wrapfull .document_library_manageFiles {
visibility: hidden;
}

#wrapfull .addfiles .doc_library_advanced_search_wrap {
visibility: hidden;
height: 0px;
}

/*PROJECT PROFILE*/
.graybackground {background: #e3e3e3; padding: 8px 4px 2px 15px;  margin-bottom:10px;}
.bluebackground {background:#232e57; padding: 8px 4px 4px 15px; margin-bottom:10px;}
.bluebackground h3 {color: #fff;}

/*FOOTER*/
#wrapfull #footerbanner {
	background-color: #313131;
	height: 100%;
	/* background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x; */
	background-position: top;
	color: #FFF;
}

#wrapfull #footerbanner a: hover { text-decoration: underline;}

#wrapfull #footerbanner .container {
	height: 100%;

}

#wrapfull #footerbanner #footer {
	padding-top: 20px;
	height: 100%;
}

#footerbanner .container .sixteen.columns {
	/* [disabled]background-color: #FFF; */ /*Footer Container Background Color*/
	padding-top: 30px;
	padding-bottom: 30px;
}

#wrapfull #footerbanner .container .sixteen.columns a {
color: #FFF;
}

#wrapfull #footerbanner .container .sixteen.columns a:hover {
opacity: 0.5;
}

/*MEDIA ADJUSTMENTS*/

/* Note: Design for a width of 768px */

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

#wrapfull #headerbanner {
	background-position: center bottom;
}

/*Navigation*/
#wrapfull .container .sixteen.columns #navigation ul {
  font-size: 90%;
}

#wrapfull .container .sixteen.columns #navigation ul li a {
  padding: 5px 15px 5px 15px;
}

#wrapfull .container .sixteen.columns #navigation ul li {
   width: auto;
}

	}
	
	    /* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	#wrapfull #headerbanner {
		background-image: none;
	}
#wrapfull #subnavspacer {clear: both;}
#wrapfull .container .sixteen.columns #headerright {float: left; clear: both; 	margin-top: 10px;}

#wrapfull .container .sixteen.columns #navigation ul li {
   width: auto;
   text-align: left;
}

#wrapfull .container .sixteen.columns #navigation li:hover li { display: none; }

#wrapfull .container .sixteen.columns #SiteName {
	margin-bottom: 0px;
	margin-left:0px;
}

#wrapfull #bodybanner { margin: 0px; }

#wrapfull #bodybanner .container #bannerimage { visibility: hidden; margin-top: 0px; height: 0px;}

#wrapfull #bodybanner .container .sixteen.columns {
	border-radius: 0px;
}

/*Navigation*/
#wrapfull .container .sixteen.columns #navigation ul {
  font-size: 90%;
}

#wrapfull .container .sixteen.columns #navigation ul li a {
  padding: 5px 15px 5px 15px;

}

/*Banner Box*/

#wrapfull #bannerbox {
background-image: none;
background-color: #81c56c;
position: relative;
height: auto;
}
	}