/* // CDS Mobile Friendly V-2.1 9-4-2018 */

* {      box-sizing: border-box; }
 /* Boxes */
.box {
  float: left;
  width: 33.33%;
  padding: 10px;
}

.box-l {
  float: left;
  width: 25%;
  padding: 10px;
  background-color: #fff;
}
.box-m {
  float: left;
  width: 50%;
  padding: 10px 00px 1px 25px;
  background-color: #fff;
  font-size: 10pt; 
}

.box-r {
  float: right;
  width: 25%;
  text-align: right;
  padding: 10px;
  background-color: #fff;
}


body {
    /*width: 100%; max-width:1350px; */
    width: 100%; max-width:1950px;
		 margin: 0 auto;   
    background:#fff;
    padding: 0px 0px 15px 0px;    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
}

 #wrapper{   width:100%;    height:auto; } 
 
#container { width:1400px; height:auto; margin: 0 auto;  }
.bar  {  background-color: #3b5998;   width:100%;   color: #fff;  height:50px; padding: 10px;10px; } 



a {
  color: #3b5998;
}

.navbar { background-color: #3b5998; }

.navbar-brand {    color: #fff;  }

 /* Fairly sure these are no longer used but will leave them now. */
 /*
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {   color: #fff; }

.navbar-default .navbar-nav>li>a {   color: #fff; }

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {   color: #fff; }
*/

 
 


/* Style the header */
      .header {     width: 100%; font-color: #844735; font-size:24px;    padding: 0px;      text-align: left; }
      
/* Style the Nav */
    .nav { font-color:#0033CC; font-size: 16px; line-height: 170%;  font-weight: bold;  }

/* Create 3 unequal columns that float next to each other */
.column {   float: left;   /* padding: 10px; */    /* margin: 20px; */  }

/* Left column */
.column.left {        width: 30%;   max-width:350px;    padding: 50px 20px 0px 0px;     }

/* Right column */
.column.right {        width: 20%;   max-width:4000px;    padding: 50px 0px 15px 40px;     }

/* Middle column */
.column.middle {    width: 50%;   max-width:650px;    padding: 0px 0px 15px 10px;      }



/* Clear floats after the columns */
.row:after {    content: " ";   display: table;   clear: both;      }

/* Style the footer */
.footer {       background-color: #fff;     float: left;    width: 100%;   padding: 10px;    text-align: center;   }


/* Style the the images */
img {     max-width: 100%;    height: auto;   }

.center { text-align: center; }

.float-right {  	float: right;   padding: 8px 10px 10px 30px; }	
	
.float-left {     float:left;    padding: 8px 30px 10px 10px;  }		


/* Responsive layout - makes the columns stack on top of each other instead of next to each other */
    @media (max-width: 800px) {   
    #wrapper, #container { width: 100%; }
     .column.middle, .column.left, .column.right { width: 100%; }  
    .nav { font-size: 24px; font-weight: bold; }
    .column.right {   width: 100%;   max-width:500px; line-height: 300%;   padding: 25px 0px 15px 30px;     }
    
    }

/* ----------------------------------- Span or Paragraph classes --------------------------------*/

.text-center

.tiny		{  	font-size: 7pt; 	}

.small		{ 	font-size: 8pt; 	}

.smallr 	{ 	font-size: 8pt; color: #FF0000;	}

.sbold  	{ 	font-size: 8pt; font-weight: bold;	}

.srbold		{ 	font-size: 8pt; font-weight: bold; color: #FF0000;	}

.medium		{	font-size: 10pt;	}

.mbold 		{	font-size: 10pt;	font-weight: bold;	}

.mrbold		{	color: #FF0000; font-size: 10pt;	font-weight: bold;	}

.large		{	font-size: 12pt;	}

.xlarge		{	font-size: 14pt;	}

.xxlarge	{ font-size: 20pt;	color:red;	}

/*-------------------------hyperlink behavior-----------------------------------*/

        A.nav-link {   font-size: 14px;   color:#0033CC; font-weight: bold; hover:red;  text-decoration: none;      } 
        
         }
      
         a.bar-link {  color:white;   text-decoration: none;      }
                    
        a.nav-link {  color:blue;   text-decoration: none;      }
        
        a.nav-link:visited {  color:blue;   }
        
        a.nav-link:hover {   color:red;  }
        
        a.body-link {   color: black;  font-weight: normal;   text-decoration: none;    }
        
        a.body-link:hover {  color: red;   }
        
        a.body-link:visited {  color: black;  text-decoration: none;  }
        
        a.body-link:hover {    color: red;   }