/* Copyright: This CSS is designed as a part of Assignment 3 Prototype and testing of compliant site (group assignment)
GROUP 10

Tester: Kate Southam

Writer: Damian Nixey

Builder:Preetha Gopinath  */

* {
  box-sizing: border-box;
}

body {
  font: 300 100% 'Verdana', Arial;

}
.container {
  font-size:14px;
   
   position: relative;
}
.accessibility_items {
  float :right;
}
.menu_navigation {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

ul li {
  display: inline;
  text-align: center;
}

a {
  text-decoration: none;
}

nav > div > ul >li:hover {
  
  text-decoration: underline;
}
.first_item,.second_item,.third_item,.fourth_item,.fifth_item,.last_item {
  padding : 10px;
}

#header_background {
  height: 200px !important;
width: 100% !important;
  background: url('../images/happy_family.png') center center no-repeat #ffffff;
  
}
.headerfont {
  
  padding-top:200px;
  text-align: center;
}
.news_article {
  
  text-align: left;
 
}
article >section >h2:hover {
  
  text-decoration: underline;
}
article >section >h4:hover {
 
  text-decoration: underline;
}
article >section >h5:hover {
  
  text-decoration: underline;
}
.columns{
  
  display: table;
    width: 70%;
    margin: auto;
    padding:0;
    display: table;
    border: 1px solid ;
}
.first_column,.second_column{
  
    display: table-cell;
    width:150px;
    padding:1em;
 
    display: table-cell;

    
}




.sub_navigation{
  font-size: :12px !important;
  text-align: center;
}
.first_subitem {
  
  border:solid;
  border-right: thick double #650bf5;
  border-left-color: #ffffff;
  border-bottom-color: #ffffff;
  padding-right:1px;
  }
  .first_subitem:hover{
    text-decoration: underline;
  }
  .second_subitem {

  border:solid;
  border-right: thick double #650bf5;
  border-left-color: #ffffff;
  border-bottom-color: #ffffff;
  padding-right:1px;
  }
  .second_subitem:hover{
    text-decoration: underline;
  }
  .third_subitem {
 
  border:solid;
  border-right: thick double #650bf5;
  border-left-color: #ffffff;
  border-bottom-color: #ffffff;
  padding-right:1px;
  }
  .third_subitem:hover{
    text-decoration: underline;
  }
  .fourth_subitem {
 
  border:solid;
  border-right: thick double #650bf5;
  border-left-color: #ffffff;
  border-bottom-color: #ffffff;
  padding-right:1px;
  }
  .fourth_subitem:hover{
    text-decoration: underline;
  }
  .fifth_subitem {
 
  border:solid;
  border-right: thick double #650bf5;
  border-left-color: #ffffff;
  border-bottom-color: #ffffff;
  padding-right:1px;
  }
  .fifth_subitem:hover{
    text-decoration: underline;
  }
  .sixth_subitem {

  border:solid;
  border-right: thick double #650bf5;
  border-left-color: #ffffff;
  border-bottom-color: #ffffff;
  padding-right:1px;
  }
  .sixth_subitem:hover{
    text-decoration: underline;
  }
  .seventh_subitem {
 
  border:solid;
  border-right: thick double #650bf5;
  border-left-color: #ffffff;
  border-bottom-color: #ffffff;
  padding-right:1px;
  }
  .seventh_subitem:hover{
    text-decoration: underline;
  }
   .last_subitem{

  border:solid;
  border-right: none;
  border-left-color: #ffffff;
  border-bottom-color: #ffffff;
  padding-right:1px;
   }
  .last_subitem:hover{
  
  text-decoration: underline;
}
.helpline{
  border:solid;
 
  /*border-bottom-color: black;*/
  padding-right:1px;
  text-align: left;
}

.footer_class{
  padding: 30px 0 20px;
    max-width: 600px;
    margin: 0 auto;

   
     position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;

}
div>a>img{
  width: 210px;
    height: 150px;
    padding-left: 5px;
    padding-bottom: 5px;
}
.popular_programs{
  /*height:280px;*/
  border:solid;
 
 
  /*padding-right:1px;*/
  text-align: left;
  padding: 5px 15px 0px 6px;
}
.second_column .helpline h4{
  text-align: left;
  padding-left: 15px;
}
.popular_programs h4{
   text-align: left;
   padding-left: 15px;
}
#quicklinkcontainer {
    display: table;
    width: 70%;
    margin: auto;
    padding:0;
    display: table;
    border: 1px solid ;

    }

  #row_quicklink  {
    display: table-row;
    }
#left_quicklink{
  text-align: center;
}
  #left_quicklink, #right_quicklink, #middle_quicklink {
    display: table-cell;
    width:150px;
    padding:1em;

    display: table-cell;
    }
  .footer_left{
    text-align: center;
    width: 370px;
    padding: 1em;
    display: table-cell;
  }
  .footer_right{
    text-align: right;
    width: 750px;
    padding: 1em;
    display: table-cell;
  }