body	{
	background: #ffffff url(/grafix/frontpage/background-grad.png) repeat-x;
	font-family: 'Open Sans', sans-serif;
	color: #000000; 
	font-size: 13px;
	}
                                              
:root
{
 --lwblue:         #0C4964;
 --lwltblue:       #3C7994;
 --lwltback:       #5D9AB5;
 --postit:         #fff9dd;
 --lwgrey:         #999;
 --verygrey:       #bbb;
 --xgrey:          #eee;
 --darkred:        #ab0000;
 --reddish:        #cf3d29;
 --redback:        #ffd3d3;
 --blueback:       #eeffff;  
 --bluebackhover:  #e3f4f4;
 --greenback:      #f1fff1;
 --greenbackhover: #eaf8ea;  
 --pinkback:       #fff5f5;
 --pinkbackhover:  #F8E4E4;
}     

.termsheader
{
 font-size: 26px;
 margin: 5px 0 14px 3px;
 color: #004488;
 font-weight: bold;
}      

.header2
{
 font-size: 18px;
 font-weight: bold;
 color: #0C4664; 
 padding: 8px 0 8px 0;
}     

.intropara
{
 font-size: 14px;
 margin: 3px 20px 10px 0px;
 //background-color: pink;
}

.family
{ 
 float: left;
 
}

.family img
{
 margin: 5px 25px 15px 0px;
 width: 100%;
 max-width: 300px;
 height: auto;
}    

.years
{ 
 font-size: 18px;
 font-weight: bold;
 color: #0C4664;
 margin: 0px 0 5px 0;
 //background-color: pink; 
}  

.illus
{
 float: left;
 padding: 5px 15px 5px 0; 
}  

.subheader
{
 font-size: 16px;
 font-weight: bold;
 color: #0C4664;
 padding: 8px 0 4px 0; 
}

.topblurb
{
 color: #dd0000;
 border-top: 1px solid red;
 border-bottom: 1px solid red;
 padding: 3px 0 3px 0;
 margin: 0 15px 0 0;     
}          

a.redlink                { color: #dd0000; text-decoration: underline; }
a.redlink:link           { color: #dd0000; text-decoration: underline; }
a.redlink:visited        { color: #dd0000; text-decoration: underline; }
a.redlink:hover          { color: #dd0000; text-decoration: none; background-color: #eee; }

.notexperts
{
 font-size: 18px;
 padding: 5px 0 10px 0px;
 color: #004488;
}

.termhr { margin: 0 15px 0 0; }

.termsbody
{
 font-size: 13px;
 padding: 0 15px 10px 0px;
}            

.blurb
{
 font-size: 14px;
 padding: 0 15px 10px 0px;
}

article
{
 -webkit-column-count: 3;
    -moz-column-count: 3;
         column-count: 3;
 -webkit-column-width: 200px;
    -moz-column-width: 200px;
         column-width: 200px; 
 -webkit-column-gap: 1.5em;
    -moz-column-gap: 1.5em;
         column-gap: 1.5em; 
 -webkit-column-rule: 1px solid #ddd;
    -moz-column-rule: 1px solid #ddd;
         column-rule: 1px solid #ddd;
} 

.mobile
{
 display: none;
}

.columnlogo
{
 max-width: 100%;
 height: auto;
}

#wrapper
{
 width: 100%;
 max-width: 1000px;
 margin: 0px auto;
}

.mainwrapper
{
 padding: 10px;
}
 
.contact
{
 font-size: 13px;
 color: #004488;
 //font-weight: bold;
}

/* ::::::::::::::::  MEDIA QUERIES :::::::::::::::::::: */ 

@media only screen and (max-width: 850px)
{ 
  .termsheader
  {
   font-size: 20px;
   margin: -10px 0 8px 0;
   padding: 0;
   color: #004488;
   font-weight: bold;
   //background-color: pink;
  }

  .family
  {
//   float: left;
   margin: 5px 0px 0px 0px;
//   width: 100%;
//   height: auto;
  }  

  .mobile
  {
   display: block;
  }
}

@media only screen and (max-width: 600px)
{
  .family img
  {
   float: left;
   margin: 5px 25px 15px 0px;
   width: 100%;
   max-width: 250px;
   height: auto;
  }  
}     

@media only screen and (max-width: 500px)
{    

  .intropara
  {
   clear: left;
   font-size: 14px;
   margin: 3px 20px 10px 0px;
   //background-color: pink;
  }

  .family
  {
   margin: 0 0 15px 0;
  }
 
  .family img
  {
   padding: 0 0 0px 0;
   margin: auto;
   display: block;
   width: 100%;
   max-width: 300px;
   height: auto;
  }  
}