﻿/*      Initial Setup

This site is based on a full screen being 1200 px or 100%
A medium device => 992px or 82.66%
A small device => 768px or 64%
An extra small device <= 480px or 40%  (based on Iphone)
The conversion is 1em = 16px
Conversion formula = Target / content = result
None of the original bootstrap css has been changed from the "bootstrap download"
Any styling and changes to the original bootstrap css is contained in navMaster.css (for Navbar/Footer) or mainSite.css and
the cascading of the style sheets takes over. 
All media queries are located at the bottom of the custom style sheets.  This is for faster response time.
For line-height, no type px, em, or % given on purpose. Will auto adjust to text and give the site a more uniform appearance and changes can be 
made in one location for the entire site.
*/

html
{
    font-size: 16px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height:1.5;
    font-size:1em;
    background-color:#fbfbfb; 
    margin:0;  /*Added Margin and padding to over ride browser settings.*/
    padding:0;
}
.masthead
{
   /*margin-top:-1.5em;*/
   border-bottom:0.15em solid #990033;/*#870801;*/ 
   /*background-color:#fbfbfb;*/
  background-image:url(/images/Navigation/backTexture2.png);
   /*background-repeat:repeat-x; */
   max-width:100%;

    }
    
.title {
    font-size: 3em;
    color: #898989;
    text-align:center;
    
}

.smTitle {
    font-size: 1em;
    font-weight:bold;
    color: /*#898989;*/ #636363;
    text-align:center;
    /*padding-bottom:2px;*/
    background-image:url(/images/Navigation/backTexture2.png);
    background-repeat:repeat-x; 
}

.topLogo {
    height:65px;
    width:135px;
}



/*===================================*/
/* ====== ALTERED BOOTSTRAP CODE === */
/*===================================*/

/*.navbar {
  position: relative;
  min-height: 55px;
  margin-bottom: 15px; */
  /* border: 1px solid transparent;
}*/
/*.navbar-nav {
    width:100%;*/
    /*text-align:center;
    /*float: none;
   
        }*/
.navbar .navbar-nav {
   display:inline-block;
    float:left;
    vertical-align: top;
    min-height: 3.4em;
}
.navbar .navbar-collapse {
    text-align:center;
}

.navbar-default {
  background-color: /*#003399;*/#315e97; /*This is the background color Navigation bar*/
 /* border-color: #e7e7e7;*/ /*=====TOOK THIS OUT AS A TEST=====*/
  /*height:60px;*/ /* ====== IF YOU ADD HEIGHT HERE, THE TOGGLE DOES NOT WORK!! ====== */
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #898989;
  background-color: #fbfbfb;
}

.navbar-default .navbar-nav > li > a {  /*THIS IS FOR TOGGLE MODE*/
  color: #fff;
 }

.navbar-default .navbar-nav > li > a:hover,  /*THIS IS FOR TOGGLE MODE*/
.navbar-default .navbar-nav > li > a:focus {
  color: /*#003399;*/#315e97;
  background-color: /*#e6ffff;*/#ffffff;
  height: 53px;
}
.navbar-default .navbar-toggle {
  border-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #315e97;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}


.navbar-brand > img {
  display: block;
  overflow:visible;
  vertical-align:middle;
  height: 50px;
  width:100px;
  /*padding: 0;
  float:left;
  margin:-15px;*/
  margin-top:-15px;
 
 }
#wrapperNav {
    z-index:5000;
}



/*===================================*/
/* ===== MEGA MENU - YAMM ===========*/
/*===================================*/


/*.yamm .nav,*/
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
 /* z-index:900; ADDED THIS TO CORRECT DROPDOWN FALLING BEHIND VIDEO'S*/
}

.yamm .container {
  position:relative;
  /*z-index:900; ADDED THIS TO CORRECT DROPDOWN FALLING BEHIND VIDEO'S*/

}

.yamm-content
{
    color:#636363;
    background-color:/*#ffffff;*/ #fbfbfb;
    }

.yamm .dropdown-menu {
  left: auto;
 /* background-color:#ffffff;*/
  border-bottom:0.10em solid #990033;/*#973f31;*/
}
.dropdown .yamm-fw li {  /*added this as a test to add more space between NAVBAR items*/
 margin-left:5em;
}
   /*CHANGED THIS TO SEE IF I COULD ADD SPACE BETWEEN TEXT ON NAV BAR*/
/*.yamm .dropdown.yamm-fw .dropdown-menu {   
  left: 0;
  right: 0;
}*/
.yamm .dropdown-menu {
    left: 0;
    right: 0;
}

.yamm-content .page-header 
{
  color:/*#636363;*/#973f31;  
  padding-bottom: 0.5625em;
  padding-left:1em;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

.yamm-content p 
{
   color:#636363;
   text-align:center;
   padding-top:0.5em; 
    }
 .yamm-content p.info
 {
     color:#636363;
     text-align:left;
     
     }
.yamm-content ul h4 
{
   /*text-align:center;
   color:#636363;*/
   /* border-bottom: 0.08em solid #003399;*/
   text-decoration: underline;
    }
 
.yamm-content ul.commish h4 
{
   text-align:center;
   color:#636363;
   /* border-bottom: 0.08em solid #003399;*/
   text-decoration: underline;
    }

.yamm-content ul li 
{
  /* font-weight:bold;*/
   font-size:1em;
   /*color:#002266;*/
    text-decoration: none;
   list-style:none;  /*This impacts LI in dropdowns*/
   padding: 8px 0 0 0;  /*this was 10 0 10 0*/
      }

.yamm-content ul li a:hover
{
  /* text-align:center;*/
   color:#fff;
   text-decoration: none;
   list-style:none;  /*This impacts LI in dropdowns*/
   /*padding: 2px 0 0 20px;
   padding-top:2px;*/
   /*padding-left:0.25em;*/
   padding:0 0 0.6em 0.35em;
   height:1.350em;
   display:inline-block;
   /*width:85%;*/ 
   width:100%;
   font-size:1em;                         /*DIANE THIS IS THE PLACE*/
   background-color:/*#003399;*/#315e97;
   border-radius:4px; 
    }

/*.yamm-content ul.commish h4
{
  text-align:center;
  color: #636363;
    }*/

/*.yamm-content ul.commish li 
{
  text-align:center;
  vertical-align:text-top;
  list-style:none;
  display:inline-block;
  padding: 20px 30px;
    }*/

.yamm-content img 
{
    margin: 0 auto;
    border:5px solid #626262;
    
    }


/* =================== */
/* ====== FOOTER ===== */
/* =================== */

/*  =================================================  */
/*  ==========  THIS IS FOOTER NAV ==================  */
/*  =================================================  */
.navbar .navbar-nav {
    display:inline-block;
    float:none;
    vertical-align: top;
    min-height: 3.4em;
    }
/*
.navbar .navbar-collapseFoot {
    text-align:center;
}
*/
.navbar-defaultFoot .navbar-collapse {
    text-align:center;
}

.navbar-defaultFoot {
  background-color: /*#003399;*/#898989; /*This is the background color Navigation bar*/
  /*height:60px;*/ /* ====== IF YOU ADD HEIGHT HERE, THE TOGGLE DOES NOT WORK!! ====== */
}
.navbar-defaultFoot .navbar-nav > .open > a,
.navbar-defaultFoot .navbar-nav > .open > a:hover,
.navbar-defaultFoot .navbar-nav > .open > a:focus {
  /*color: #973F31;
  background-color: #fbfbfb;  /*THIS IS WHEN YOU CLICK ON HEAD ITEM IN DD*/
  border-radius:2px 2px;
  color: #898989;
  font-weight:600;
  background-color: #fbfbfb;

}

.navbar-defaultFoot .navbar-nav > li > a {  /*THIS IS FOR TOGGLE MODE*/
  color: #fff;

 }

.navbar-defaultFoot .navbar-nav > li > a:hover,  /*THIS IS FOR TOGGLE MODE*/
.navbar-defaultFoot .navbar-nav > li > a:focus {
  color: /*#003399;#315e97;*/#315e97;
  font-weight:500;
  background-color: /*#e6ffff;*/#fbfbfb;
  height: 40px;
  /*border-radius:10px 10px;*/
   border-radius: 4px;
}

.navbar-defaultFoot .navbar-toggle {   /*THIS IS THE TOGGLE BUTTON*/
  border-color: /*#ddd;*/#fff;
}
.navbar-defaultFoot .navbar-toggle:hover,
.navbar-defaultFoot .navbar-toggle:focus {
  /*background-color: #315e97;*/
}
.navbar-defaultFoot .navbar-toggle .icon-bar {
  background-color: #fff;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  /*border-bottom: 4px solid \9;*/
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu h5  {
  top: auto;
  bottom: 100%;
  padding-left:1em;
  margin-bottom:2px;
  color:#333;
  font-size:1.25em;
  font-weight:400;
  /*text-align:center;*/
  text-decoration:underline;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu a  {
  top: auto;
  bottom: 100%;
  margin-bottom:2px;   
  color:#fff;
  /*text-align:center;*/
  font-size:1em;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu a:hover  {
  top: auto;
  bottom: 100%;
  margin-bottom:2px;
  color:#315e97;
  font-size:1em;
  font-weight:600;
  background-color:#fff;
 /*text-align:center;*/
  border-radius:4px;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu p.names a  {           /* COMMISSION NAMES ON PHONE FOOTER */
  top: auto;
  bottom: 100%;
  margin-bottom:2px;
  color:#315e97;
  
  /*text-align:center;*/
  font-size:1em;
}
.navbar-fixed-bottom .dropdown .dropdown-menu p.names a:hover  {           /* COMMISSION NAMES ON PHONE FOOTER */
  top: auto;
  /*text-align:center;*/
  /* bottom: 20%;*/
  margin-bottom:2px;
  color:#fff;
  background-color:#898989;
  /*text-align:center;*/
  font-size:1em;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu .drtest a  {
  top: auto;
  bottom: 100%;
  margin-bottom:2px;
  color:#315e97;                  /* HERE DIANE  3/8/17 */
  /*color:#fff;*/
  /*text-align:center;*/
  font-size:1em;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu .drtest a:hover  {
  top: auto;
  bottom: 100%;
  margin-bottom:2px;
  color:#fff;
  font-size:1em;
  font-weight:600;
  background-color:#898989;
 /*text-align:center;*/
  border-radius:4px;
}



/*=====================================================*/
/* ===== END OF BOOTSTRAP CHANGES NAVBAR/FOOTER ====== */
/*=====================================================*/


.footerBasicCentered {
	background-color:/* #afafaf; #898989;*/#fbfbfb;
	/*box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);*/
	/*box-sizing: border-box;*/
	height:auto;
	width: 100%;
    /*position:absolute;*/
    bottom:0;
	/*text-align: center;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*font: normal 0.8125em sans-serif;*/
	border-top:0.25em solid /*#990033;*/#973f31;
    padding-top: 1.25em;  /*was 25*/
	margin-top: 0.625em;
}

    .footerBasicCentered .footerHead a {
        font-size:1em;
        color:#636363;
        font-weight:800;
        line-height:1.5;
        
    }
  .TitleVI a {
        font-size:1em;
        color:#636363;
        font-weight:bold;
        line-height:1.5;
        text-align:center;
  
    }
  .TitleVI a:hover {
        font-size:1em;
        color:#fff;
        text-decoration: none;
        background-color:/*#003399;*/#315e97;
        border-radius:4px;
        padding:5px; 
        font-weight:bold;
        line-height:1.5;
        text-align:center;
  
    }
    .footerBasicCentered .footerHeader  {
        font-size:1em;
        color:#636363;
        text-align:center;
        font-weight:bold;
        line-height:1.5;
    }

.footerBasicCentered .footerHead .footerList h5 {
    font-size:1em;
    color:#636363;
    font-weight:bold;
    /*text-decoration:underline;*/
    padding:0;
    margin-top:0;
    margin-bottom:2px;
} 

.footerList {
    list-style:none;
    padding:0;
    
}



.footerBasicCentered .footerHead .footerList li a {
  font-size:0.85em;
  font-weight:600;  /*was 100 DR changed 4_13_17 */
  color:#003399;
  }

.footerBasicCentered .footerHead .footerList li a:hover {
  font-size:0.85em;
  font-weight:100;
  text-decoration:none;
  padding:0.25em;
  color:#fff;
  background-color:/*#003399;*/#315e97;
  border-radius:4px;  
}

.footerBasicCentered > p 
{
    color: #ffffff;
    font-size:0.875em;
    margin:0;
    }

.footerBasicCentered .footerACHDmotto{
	color:  /*#8d9093;#898989;*/#636363;
	font-size: 1em;
    text-align:center;
	
}

.footerBasicCentered .footerYear {
	color:  /*#8f9296;*/#636363;
	font-size: 0.875em;
    text-align:center;
	margin-bottom:20px;
}

.footerBasicCentered .footerLinks{
	list-style: none;
	font-weight: bold;
	color:  #ffffff;
	padding: 35px 0 23px;
	margin: 0;
}

.footerBasicCentered .footerLinks a{
	display:inline-block;
	text-decoration: none;
	color: inherit;
}
.footerLogo {
    align-content:center;
    display:inline-block;
    margin-bottom:-13em;
}

/* Aaron's Logo Goodness*/
.header-container {
    text-align: center;
}
.header-logo {
    display: inline-block;
    margin: 0 auto;
}
.header-logo img {
    display: inline;
}
.header-logo h3 {
    display: inline;
    margin-bottom: 0;
    position: relative;
    top: 10px;
    color: #898989;
    font-size: 1.8em;
}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 600px) {

	.footerBasicCentered{
		padding: 35px;
	}

	.footerBasicCentered .footerACHDmotto{
		font-size: 1.125em;
	}

	.footerBasicCentered .footeryear{
		font-size: .75em;
	}

	.footerBasicCentered .footerLinks{
		font-size: 0.845em;
		padding: 25px 0 20px;
	}

	.footerBasicCentered .footerLinks a{
		line-height: 1.8;
	}
}