.container
{
	background-color: white;
}

@media (max-width: 767px) 
{
	.container 
	{
		background-color: white;
		background-image: none;
	}
}


/*-- ******************************************************* --*/
/*-- Jumbotron Header - Sub Page Modifications               --*/
/*-- ******************************************************* --*/

.jumbotron 
{
	min-height: 120px;
}

.jumboContent
{
	padding-top: 6px;
	padding-bottom: 0px;
}

.seal
{
	height: 100px;
	width: 100px;
	margin-top: 8px;
	margin-bottom: auto;
}

@media (max-width: 767px) 
{
	.seal 
	{
		height: 60px;
		width: 60px;
	}
}

.jumboColumn2
{
	min-height: 120px;
}

.col2text
{
	padding-top: 20px;	
}

.jumboColumn2 .county
{
	font-size: 36px;
}

.jumboColumn2 .ace
{
	font-size: 16px;
}

.jumboColumn3
{
	min-height: 120px;
}

.col3text .connect
{
	margin-top: 16px !important;
}


/*-- ******************************************************* --*/
/*-- Content Area - Sub Page                                 --*/
/*-- ******************************************************* --*/

.mainContent
{
	padding: 40px;
	padding-top: 5px;
}

.headImage
{
	margin-bottom: 24px;
}

.subPageTitle
{
	margin-bottom: 30px;
	color: #0e2876;
	font-size: 2em;
}

@media (max-width: 992px) 
{
	.noDisplay 
	{
		display: none;
	}
}

.mainContent .linkList
{
	list-style-type: none;
}	

.linkList a
{

}

.linkList p
{
	font-size: .85em;
}

.linkList li
{
	margin-bottom: 20px;
}

@media (max-width: 1200px) 
{
	.headImage 
	{
		display: none;
	}
	
	.mainContent
	{
 
	}	
	
	#contentStart
	{

	}
}

.PressReleaseList
{
	margin-bottom: 15px;
}

.pr_item
{
	margin-bottom: 20px;
}

.deptTable #pad1
{
	border-top: black solid 1px;
}

/*-- ******************************************************* --*/
/*-- Responsive Tables (not bootstrap)                       --*/
/*-- ******************************************************* --*/

.responsive table {
    width: 100%;
    border-collapse:collapse;
	border-spacing:0;
	border:0px
	
}

.responsive img{
	border:none;
}
	/* Zebra striping */
.striped-table tr:nth-of-type(odd) {
    background: #eee;
}

.responsive th {
    background: #333;
    color: white;
    font-weight: bold;
}

.responsive td, th {
    padding: 6px;
    text-align: left;
	padding-left: 16px;
	border-bottom:1px dotted #ccc;
}

.responsive .boundary{
	border-bottom:none;
	padding:12px
}

.primary-name{
	width:50%;
}

.responsive .division{
	background-color: #e0e0e0;
	border:none;
}

.responsive .right-align{
	text-align:right;
}

.responsive .alpha-letter {
	text-align: center;
	background-clip: padding-box;
	background-color: #428bca;
	background-image: -moz-linear-gradient(to bottom,#33A 0,#428bca 100%);
	background-image: -webkit-linear-gradient(to bottom,#33A 0,#428bca 100%);
	border-radius: 15px;
	-webkit-border-radius: 15px;
	color: #FFF;
	display: inline-block;
	font-size: 25px;
	height: 30px;
	width: 30px;
	line-height: 28px;
	margin-right: 2px;
	margin-top: 8px;
	margin-bottom:4px;
	text-shadow: 0 2px 2px rgba(0,0,0,.3);
	box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
}	

.responsive .alpha-letter a{
	color: #FFF !important;
}

 .valign-center tr{
	vertical-align: middle;
    padding-bottom:6px !important;
	padding-top:6px !important;
}

.responsive td img{
	padding:2px;
}

@media 
	only screen and (max-width: 720px),
	(min-device-width: 748px) and (max-device-width: 1024px) {
	
		/* Force table to not be like tables anymore */
    .responsive  table, thead, tbody, th, td, tr {
        display: block;
		border:none;
    }
		
		/* Hide table headers (but not display: none;, for accessibility) */
    .responsive  thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .responsive  tr {
        border: 1px solid #ccc;
    }

    .responsive td {
			/* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 15%;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .responsive  td:before {
			/* Now like a table header */
        position: absolute;
			/* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

   .responsive .boundary{
	display:none
	}
		
	.responsive .right-align{
	text-align:left;
	}
}
	
	/* Smartphones (portrait and landscape) ----------- */
@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
	
   .responsive .boundary{
	display:none
}

	.responsive .right-align{
	text-align:left;
	}
}
   
}
	
	/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 748px) and (max-device-width: 1024px) {
       .responsive .boundary{
	display:none
	}
	
		.responsive .right-align{
	text-align:left;
	}
}

}
	
/* END responsive tables */	


/*-- ******************************************************* --*/
/*-- Facility Maps                                           --*/
/*-- ******************************************************* --*/

.facMapTitle {
	color: #003399;
	font-weight: bold;
	font-size: 2em;
}

.facMapImage {
	margin: 1em;
	float: left;
}

.facMapDescription {
	margin: 1em;
	float: left;
}

.facMapContact {
	margin: 1em;
	float: left;
}

.facMapContactTitle {
	text-align: center;
	background-color: #6091d5;
	color: #ffffff;
	font-weight: bold;
	padding-left: .5em;
	padding-right: .5em;
}

.facMapAddressTitle {
	font-weight: bold;
}

.facMapHoursTitle {
	font-weight: bold;
}

.facMapDeptTitle {
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: .5em;
	padding-right: .5em;
	background-color: #6091d5;
	color: #ffffff;
	font-weight: bold;
}

.facMapDept {
	margin-bottom: 1em;
	float: left;
}

.prYearPrev, .prYearPrevEnd
{
	padding-right: 1px;
}

.prYearNext, .prYearNextEnd
{
	padding-left: 1px;
}

/* REFUGIO CONTENT */

#owl-images {
	margin-top:8px;
	margin-bottom:16px;
}	

#owl-images .item img{
    display: block;
    width: 100%;
    height: auto;
}

/*Service*/
.service {
	overflow: hidden; 
	margin-bottom: 10px;
	padding: 15px 15px 10px;
}
.service:hover {
	background: #fafafa;
	box-shadow: 0 0 5px #ddd;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
.service:hover i {
	color: #656565;
}

.service .desc {
	padding: 0 15px; 
	overflow: hidden;
}
.service .desc h4 {
	font-size: 22px;
	line-height: 25px;
}

.service .service-icon {
	float: left;
	padding: 10px;
	color: #2C9EC0;
	font-size: 35px;  
	text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.service .service-icon.icon-cogs {
	font-size: 37px;
}
.service .service-icon.icon-plane {
	font-size: 43px;
}

/*subscribe Block*/
.subscribe {
	padding: 25px 10px 30px 10px;
	border: solid 1px #dcdcdc;
	background: #eee;
	margin-bottom:30px;

}
.subscribe p {
	margin-bottom: 0;
}
.subscribe span {
	color: #666;
	display: block;
	font-size: 24px;
	line-height: 35px;
	font-weight: normal;
	margin-bottom: 12px;
}

.subscribe .btn-buy {
	text-align: center;
}

.subscribe .btn-buy a {
	margin-top: 27px;
}

.subscribe .btn-buy a i {
	margin-right: 5px;
}

@media (max-width: 992px) {
	.subscribe{
		text-align: center;
	}

	.subscribe span {
		font-size: 22px;
		line-height: 29px;
	}

	.subscribe .btn-buy a {
		margin-top: 25px;
		font-size: 16px;
	}
}

.btn-u {
   border: 0;
   color: #fff;
   font-size: 14px;
   cursor: pointer;
   font-weight: 400;
   padding: 6px 13px;
   position: relative;
   background: #2C9EC0;
   white-space: nowrap;
   display: inline-block;
   text-decoration: none;
}
.btn-u:hover {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-u.btn-block {
  text-align: center;
}

a.btn-u {
   /*padding: 4px 13px;*/
   /*vertical-align: middle;*/
}

.btn-u-sm,
a.btn-u-sm {
   padding: 3px 12px;
}

.btn-u-lg,
a.btn-u-lg {
   font-size: 18px;
   padding: 10px 25px;
}

.updates {
	margin-top:28px;
	padding: 25px 10px 20px 10px;
	border-top: solid 1px #dcdcdc;
	border-left: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
	background: #fbfbfb;
}
.updates h3{
	color:#165F98;
	font-size: 32px;
	margin-top:0px;	
}
.updates .service-icon {
	
	font-size: 32px;  
	text-align: center;
	margin-left:16px;
}

.btn-u-xs,
a.btn-u-xs {
   font-size: 12px;
   padding: 2px 12px;   
   line-height: 18px;
}

/* CHUMASH CONTENT */

.chumash-primary{

	color: #0E5073 !important;

}
.btn-chumash{
	background:#A60311 !important;
}

.headline {
  border-bottom: 1px dotted #e4e9f0;
  display: block;
  margin: 10px 0 25px;
}

.headline h2, .headline h3, .headline h4 {
  border-bottom: 2px solid #0E5073;
  display: inline-block;
  margin: 0 0 -2px;
  padding-bottom: 5px;
}

.headline h2{
	font-size: 22px;
}

.second-headline{
	margin-top:-4px !important;
	margin-bottom:20px;
}

/*Responsive Video*/
.responsive-video {
   height: 0;
   padding-top: 1px;
   position: relative;
   padding-bottom: 56.25%; /*16:9*/
}

.responsive-video iframe {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   position: absolute;
}

/* MISSION-VISION-VALUES */

.mvvIcon{
    text-align: right;
}

.mvvIcon img{
    width: 100px;
    height: 100px;
}

.mvvSubTitle{
    font-size: 2em; 
    font-weight: bold; 
    color: #0a5d93;
}

.mvvText{
    font-size: 1.5em; 
    line-height: 24px;
}

@media (max-width: 767px)
{
    .mvvIcon{
        text-align: center;
    }
}