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

.dkimg { display: block; }
.dkimg img
{
 width: 100%;
 max-width: 643px;
 height: auto;
 margin: 0 0 10px 0;
}
.mbimg { display: none; }
.mbimg img
{
 width: 100%;
 max-width: 457px;
 height: auto;
}

.blurb1
{
 font-size: 15px; 
 margin: 0 15px 15px 0;
} 

.blurb2
{
 font-size: 14px;
 margin: 0 15px 0px 0;
}

.blurb3
{
 font-size: 13px;
 display: inline-block;
 margin: 0 15px 10px 0;
}
.blurb3 img
{
 float: left;
 margin: 0 15px 0 0;
 width: 100%;
 max-width: 250px;
 height: auto; 
}      

.greybox
{
 padding: 5px 10px 5px 10px;
 background-color: #eeeeee;
}       

.greybox2
{
 margin: 10px 10px 0 0;
 padding: 5px 10px 5px 10px;
 background-color: #eeeeee;
}        

.greybox3
{
 font-size: 15px;
 padding: 5px 10px 5px 10px;
 background-color: #eeeeee;
}  

.greyboxheader
{
 color: #990022;
 font-weight: bold;
}

.howheader
{
 font-size: 20px;
 font-weight: bold;
 padding: 9px 0 0px 0px;
 color: #0C4664;    
}  

.howheader2
{
 font-size: 20px;
 font-weight: bold;
 margin-top: -25px;
 padding: 9px 0 0px 0px;
 color: #0C4664;    
}

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

.subsubhead
{
 color: #0C4664;
 font-size: 16px;
 font-weight: bold;
 margin: -10px 0 -10px 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)
{ 
  .mobile
  {
   display: block;
  }
}

@media only screen and (max-width: 700px)
{
  .dkimg { display: none; }
  .mbimg
  {
   display: block;
   text-align: center;
  }
  .blurb3 img
  {
   float: left;
   margin: 0 15px 0 0;
   width: 100%;
   max-width: 200px;
   height: auto; 
  }      
}     

@media only screen and (max-width: 400px)
{ 
  .blurb3 img
  {
   float: left;
   margin: 0 15px 0 0;
   width: 100%;
   max-width: 180px;
   height: auto; 
  }
}