

.footer{
font-size:12px;	
font-weight: bold;
}


.top-level-nav .nav-item {
    padding: 0;
    margin-top: 0;
    background: none;
    width: auto;
    display: table-cell;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.home-navigation {
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    margin-top: 0 px;
    padding-left: 0px;
}
	






/****Single Dropdown

.single {
	max-width: 250px; 
	min-width: 250px;
	left: initial;  
	right: initial;		
}
****/
/***** Photo Gallery Panel 10% padding***/
.panel .photo_gall {
    background-position: 50% 50%;
    background-size: cover;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 10%;
    width: 25%;;
}
.panel.photo-left .panel-body .photo_gall {
    left: 0;
}

/***** Colored Text***/
.redContent
{
color: #990000;  
}

.blueSubtitle
{
                font-family: Arial, Helvetica, sans-serif;
                font-weight: bold;
                color: #1d3b66;
                font-size: 1.1em;
}

.greenSubtitle
{
                font-family: Arial, Helvetica, sans-serif;
                font-weight: bold;
                color: #088110;
                font-size: 1.1em;
}

.list_decorative_blue
{
                list-style-image:url(http://www.waterboards.ca.gov/images/ca_department/bullet_blue.gif);
                text-decoration:none;/* display:block; *//* border-bottom:1px dotted #253B5A;*/
}              
                


/***** This Code allows for smallers padding in the photos Panel ***/
.panel.photo-left .panel-body_boardmembers {
    padding-left: 13%;
}

.panel.photo-left .panel-body_boardmembers .photo_boardmembers {
    left: 0;
}

.panel .photo_boardmembers {
    
    background-size: cover;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 21%;
    width: 25%;
	 background-size:150px 200px; 
	 background-repeat:no-repeat; background-position:0% 0%;
}
/***** This code adjusts the appearance of the second level navigation links in the heading include 'navigation2.html' **********/
.main-navigation.dropdown .sub-nav {
  max-width: 250px;
  min-width: 250px;
  left: auto;
  right: auto;
}

.second-level-link-custom {
  color: #046B99;
}
.second-level-link-custom [class^="ca-gov-icon-"] {
  color: #046B99;
}

a.second-level-link-custom {
  font-size: 17.6px;
  font-size: 1.1rem;
  margin: 15px;
}
a.second-level-link-custom:hover,
a.second-level-link-custom:focus {
  text-decoration: none !important;
}
a.second-level-link-custom [class^="ca-gov-icon-"] {
  display: inline-block;
  font-size: 22px;
  font-size: 1.375rem;
  vertical-align: -2px;
  margin-right: 3px;
}
@media (max-width: 767px) {
  a.second-level-link-custom {
    padding: 10px 15px 10px 40px !important;
  }
}

li.customUnit{
border-top: 0px solid #FDB81E;
  border-bottom: 0px solid #046B99;
  border-left: 0px solid #d6d6d6;
  border-right: 0px solid #d6d6d6;
  background: #F5F9FB; 
}
  
  li.customUnit2{
border-top: 0px solid #FDB81E;
  border-bottom: 0px solid #046B99;
  border-left: 0px solid #d6d6d6;
  border-right: 0px solid #d6d6d6;
  background: #FFFFFF; 
}


img.partners {padding:4px;}



.blueSubtitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #1d3b66;
	font-size: 1.1em;
}
.greenSubtitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #088110;
	font-size: 1.1em;
}

.list_decorative_blue
{
	list-style-image:url(http://www.waterboards.ca.gov/images/ca_department/bullet_blue.gif);
	text-decoration:none;/* display:block; *//* border-bottom:1px dotted #253B5A;*/
}	
	
	


/* This code is to allow anchors to work with fixed headers.  */
.offset:before { 
	display: block; 
 	content: " "; 
  	height: 150px;      /* Give height of your fixed element */
        margin-top: -150px; /* Give negative margin of your fixed element */  	
        visibility: hidden; 
}



/*This code is to remove the bullets and padding for section lists.  */
.list-section ul {
	font-size: 0;
}	
	
.list-section li {
  margin: 0%;
  background: none;
  padding-left: 0;
}


/*This code allows for text padding and photo size adjustment in the panel between the text and photo*/
.panel.photo-left .panel-body_boardmembers {
	padding: 15px;
	position: relative;
	padding-left: 13.5%;
	min-height: 200px;
}

.panel.photo-left .panel-body_boardmembers .photo_boardmembers {
  background-origin: content-box;
  background-repeat: no-repeat;
  background-size: 155px 200px;
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 25%;
}

/*This code adds green to "green" glyphicon"*/
.epacomplaint {
    class:ca-gov-icon-green;
    font-size:36px;
    color:green;
    text-shadow:2px 2px 4px #000000;
}

/***** This code changes the <h1> font size for the home page header-slideshow-banner *****/ 
h1.homepage {
    font-size: 31px;
    font-weight: bold;
    color:#FFFFFF;
}

/*This adds the style for "Coming Soon! & Video notes"*/
.noteHighlight {
  color: #d34a37;
  font-size:small;
  font-style:italic;

}

/*This adds style for smaller font to note anything*/
.noteSmall  {
	font-size:0.85em;
}

/*  This adds style for "New!" things on pages */
.newsHighlight  {
  color: #d34a37;
  font-style:italic;
  font-weight:bold;
}


/* This will add an italics and smaller font to the dates on the Press Room page */
.newsDate  {
	font-size:0.85em;
}


/****This code adds a vertical line inside a column to the LEFT *****/
.borderLeft  {
  border-left: 5px solid #d6d6d6;
}


/****This code adds a vertical line inside a column to the RIGHT *****/
.borderRight  {
  border-right: 5px solid #d6d6d6;
}

/****This code adds a vertical line inside a column to the BOTTOM *****/
.borderBottom  {
  border-bottom: 1px solid #d6d6d6;
}

/****This code adds a vertical line inside a column to the TOP *****/
.borderTop  {
  border-top: 1px solid #d6d6d6;
}

/*This adds the style for "Photograph Block on Home Page"*/
.photoBlock {
  background:rgba(0,0,0,0.3);
  color:#FFFFFF;
}

/*This adds the style for "Photograph Credits on Home Page"*/
.photoCredit {
  color:#FDB81E;
  font-size:small;
  font-style:italic;
}



