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

* {
    box-sizing: border-box;
}

body {

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


/* 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: 75px 20px 0px 0px;     }

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

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


/* ============== Forum columns =============================== */

.Fcolumn {  float: left;   /* padding: 10px; */    /* margin: 20px; */  }
/* Left column */
.Fcolumn.left {        width: 30%;   max-width:325px;    padding: 75px 20px 0px 0px;     }
/* Right column */
.Fcolumn.right {        width: 70%;   max-width:1050px;    padding: 10px 0px 15px 30px;     }







/* 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) {   
    .column.left, .column.middle, .column.right {  width: 100%; }  
    .Fcolumn.left, .Fcolumn.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 --------------------------------*/

.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;   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;   }