html, body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:1em;font-family:Arial, Helvetica, sans-serif;vertical-align:baseline;}
body {line-height:1.6;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
.clear {clear: both;}
* {

color:gray;
 }
 
 
 
  h1, h2, h3 ,h4, h5, h6  {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font: normal normal normal 95% sans-serif;
	margin: 0;
	padding: 0;
	/*color: #DBDBDB;
	color:#0F52A6;*/
    color:#20407D;
}

p {
color:gray;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;

 }
 
 p.center_text {
 text-align:center;
  }

h1 {

font-size:1.5em;

	
}

h2 {

font-size:

1.1em;
 }
 
 h2 span{
 color: #DBDBDB;/*light gray*/
  }

img {
width:100%;
max-width:100%;

 }
 
 
  html{
height: 100%;
border:0px purple dashed;
/*background-color:brown; */

}

#header {
position:relative;
margin-left:0%;
margin-right:auto;
margin-bottom:20px;
max-width:100%;
max-height:100%;
border:0px solid red;
 }
  
 body {
height:100%;
background-color:white;
 border:0px green dashed;

 }


 
 #wrapper {
 max-width:1538px;
 min-height:100%;
 height: auto !important;
 height: 100%;
 position:relative;
 margin: 0 auto -50px;  /*sticking footer requirement-must match footer and push value css below*/
 /*background-color:yellow;*/
  border:0px red dashed;
  
   
  }
  
 .services_blue-1 {
 position:relative;
 float:left;
 width:45%;
 height:210px;
 border:0px solid red;
display:block;
 background-color:#00ADEF;
 padding-top:15px;
 padding-left:10px;
  
  }
  
  .services_blue-1 h2 {
  text-decoration:underline;
  color:white;
  
   }
   .services_blue-1 ul li {
 
  color:white;
  }
  
  .services_green-1 {
 position:relative;
 float:right;
 width:45%;
 height:210px;
 border:0px solid red;
display:inline-block;
 background-color:#6CA49B;
 padding-top:15px;
 padding-left:10px;
  
  }
  
  .services_green-1 h2 {
  text-decoration:underline;
  color:white;
  
   }
   .services_green-1 ul li {
 
  color:white;
  }
  
  .services_blue-2 {
 position:relative;
 float:right;
 width:45%;
 height:240px;
 border:0px solid red;
display:block;
 background-color:#00ADEF;
 padding-top:15px;
 padding-left:10px;
 margin-top:30px;
  }
  
  .services_blue-2 h2 {
  text-decoration:underline;
  color:white;
  
   }
   .services_blue-2 ul li {
 
  color:white;
  }
  
  .services_green-2 {
 position:relative;
 float:left;
 width:45%;
 height:240px;
 border:0px solid red;
display:inline-block;
 background-color:#6CA49B;
 padding-top:15px;
 padding-left:10px;
 margin-top:30px;
  
  }
  
  .services_green-2 h2 {
  text-decoration:underline;
  color:white;
  
   }
   .services_green-2 ul li {
 
  color:white;
  }
  
  
   
  .content {
 /*overflow:hidden;this is so that scroll bar won't show on short pages*/
  position:relative;
  margin:0 auto;
  max-width:1140px;
  width:74.1%;
  /*background-color:white;*/
  border:0px gray solid;
  height:100%;

   }
  
  
  /*left side of page*/
  
   
   .left_sidebar {
   position:relative;
   float:left;
   width:18%;
   border:0px red solid;
   margin-top:25px;
    font-size:100%; 
    }
    
    /*nav_include*/
      
    .menu {
    position:relative;
    top:0px;
    border:0px green solid; 
     
     }
     
     .menu li {
     position:relative;
     top:0px;
     left:10%;
     max-width:80%;
     border:0px coral dashed;
      }
      
      
      
     
      .menu_title {
     position:relative;
     width:100%;
     border:0px blue solid;
     height:20px;
      }
      .menu_title h2 {
      text-align:center;
      position:relative;
      
       }
       
       .menu a:hover {
       color:black;
        }
   
    
    .mini_logo img{
    width:185px;
    height:130px;
    padding-left:13%;
    border:0px red solid;
     }
    
    .featured_links {
    position:relative;
    top:0px;
    border:0px orange dashed;
        
     }
     
     .featured_links li {
     position:relative;
     top:0px;
     left:10%;
     max-width:80%;
     border:0px coral dashed;
      } 
      
        
       .featured_links_title {
     position:relative;
     width:100%;
     border:0px blue solid;
     height:20px;
      }
          
      .featured_links h2 {
      text-align:center;
      position:relative;
      
       }
       
     
       
       
       
    /*end nav_include menu*/
    /*end of left side of page*/
    
    
    .center {
    position:relative;
    float:left;
    width:80%;
    margin-top:25px;
    border:0px blue solid;
    padding-left:1.4%;
    min-height:500px;
    
     }
     
     .right_side_line {
     position:absolute;
     left:-1%;
     border-right:thin   solid;
     height:100%;
     width:1px;
     top:0%;
    
      }
      
      
      /*index*/
     
      @media only screen and (max-device-width : 768px)  
  {
    .index_images_center{
    width:22%;
    height:400px;
    display:inline-block;
    padding-right:0px;
    position:relative;
	float:left;
	margin-left:0px;
	margin-right:2%;
    border:0px #DBDBDB solid;
    background-color:#6648B5;
    
     }  
 
  } 
  
    @media only screen and (min-device-width : 769px) 
   {
     .index_images_center{
    width:22%;
    height:289px;
    display:inline-block;
    padding-right:0px;
    position:relative;
	float:left;
	margin-left:0px;
	margin-right:2%;
    border:0px #DBDBDB solid;
    background-color:#6648B5;
    
     } 
     
 }  
    .index_images_center p {
    color:white!important;
    padding-left:7px;
    padding-right:7px;
     } 
     
     
     /*about*/
     
     
  .about_images_pati {
    width:115px;
    height:auto;
    display:inline-block;
    padding-right:0px;
    position:relative;
	float:left;
	margin-left:0px;
	padding-right:25px;
     }
     
 .about_images_bob {
    width:90px;
    height:auto;
    display:inline-block;
    padding-right:0px;
    position:relative;
	float:right;
	right:0px;
	padding-left:25px;
	
     }
 
 .footer {
 
    position: relative;
	/*margin-top: -150px;*/ /* negative value of footer height */
	/*height: 150px;*/
	clear:both;
   /* background-color: #506FB9;
   background-color:#2D3A60;*/
   
   background-color:white;
    } 
    
    
    
     .footer, .push {
    height: 50px; /* must match wrapper div negative margin css value above*/
    border:0px green solid;
    }
   

    .footer, .push {
    clear: both;
    }
    
   .footer p, .footer li {
    font-size:.8em;
     }
    
    .footer_content {
  position:relative;
  margin: 0px auto;
  max-width:1140px;
  width:74.1%;
  height:100%;
  border:0px gray solid;
  
   }
   
     
   #footer_contact_info {
    position:absolute;
    top:15px;
    left:21%;
    width:210px;
    border:0px orange solid;
      
       }
    #footer_contact_info p {
     color:white;
     
      }
  
 
     .footer_papllc_logo {
      position:absolute;
      left:48%;
      top:15px;
      width:110px;
       
        }
       
    .footer_papllc_logo img{
    width:96px;
    height:116px;
    padding-left:0%;
    border:0px red solid;
     }  
     
       #footer_social_images_box {
      position:absolute;
      top:15px;
      left:65%;
      width:170px;
      border:0px orange solid;
       }
      
      
       .footer_social_images{
    width:38.23%;
    height:38.23%;
    display:inline-block;
        
     } 
     
     .center_social_icons {
     padding-left:25px;
     
     
      }
     
    .footer_nav_menu {
    position:absolute;
    top:15px;
    left:82%;
    width:150px;
    border:0px yellow solid;
    }
     .footer_nav_menu li, .footer_nav_menu li a {
    color:white;
    list-style-type:none;
    text-decoration:none;
     }
     .footer_nav_menu li a:hover {
     color:gray;
      }
      
    
      
      
    
    
    /*content for media queries*/
    
    .view_email_address {
    display:block;
    text-align:center;
     }
     
     .show_short_email_address {
     display:none;
     
      }
      
      /*end content for media queries*/
    
    /* media query for smaller screens*/
    
      @media only screen and (max-device-width : 768px)  
  {
  
  
     .view_email_address {
      display:none;
    
     }
     
     .show_short_email_address {
     display:block;
     text-align:center;
      }
       
        
    .menu li {     
     position:relative;
     top:0px;
     left:-20%;
     max-width:100%;
     border:0px coral dashed;
      }
      
       
     
     .featured_links li {
     position:relative;
     top:0px;
     left:-20%;
     max-width:100%;
     border:0px coral dashed;
     
      } 
      
         
   }