/*
     FILE ARCHIVED ON 16:26:29 Jul 16, 2014 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:22:48 Apr 29, 2015.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
Reset Default styles
**********************************/

a:hover {
  color: #008284;
}

/* 
Layout
**********************************/
body {
  font-size:70%;
  margin:0;
  width:100%;
  background:#FFF;
  text-align:center;
}

  #content {
    text-align: left;
  }

  #left_col {
    width: 139px;
    float: left;
    clear: left;
  }
  
  #content {
    width: 574px;
    float: right;
    clear: right;
    position: relative;
  }

  #further_info {
    float: left;
    clear: left;
    width: 100%;
  }

ul#footer_nav {
  clear:both;
}

/*
Header
**********************************/
div#header a#hpi_logo {
  float: left;
  width: 100%;
  text-align: center;
  margin: 0px 0 0 0;
  padding: 0;
}
div#header a#apho_logo {
  float: right;
  margin: 31px 0 0 0;
  padding: 0;
}
div#header #hpi_logo img,
div#header #apho_logo img {
  margin: 0;
  padding: 0;
}
 
/*
Top nav
**********************************/
div#mainNav ul {
  list-style:none;
  width:764px;
  float:left;
  background:#87d7d3;
}
  div#mainNav ul li {
    float:left;
  }
  div#mainNav ul li a {
    display:block;
    text-decoration:none;
    padding:6px 24px 6px 28px;/* 6px 29px;*/
    border-right:1px solid #87D7D3;
    color:#fff;
    font-size:115%;
    font-weight:bold;
    
    background:#0EAEA7 url(../images/nav_blue.jpg) center left no-repeat;
  }
    
    div#mainNav ul li a:hover {
      background:#639 url(../images/nav_purple.jpg) center left no-repeat !important;
    }
    /*
    div#mainNav ul li.item2 a:hover{
      background:#f60 url(../images/nav_orange.jpg) center left no-repeat !important;
    }
    */
  div#mainNav ul li.last a {
    border-right:none;
    padding:6px 28px 6px 30px;
  }
  div#mainNav ul li a:hover, div#mainNav ul li.active a.active {
    color:#fff !important;
    /* background:#007BC2 url(../images/nav_reallyblue.jpg) center left no-repeat !important; */
  }
  

  
/*
Main content
**********************************/
#content h1.title {
  font-size:140%;
  color:#663399;
  margin: 0.5em 0 1em 0;
}

#content p {
  margin: 0 0 1em 0 ;
}
#content p.title {
  margin: 1.5em 0 1em 0;
  font-size: 110%;
  font-weight: bold;
  color:#663399;
}

#content h2.title {
  font-size: 120%
  color:#663399;
  margin: 0 0 0.5em 0;
}

#content a {
  color: #663399;
}

#content hr {
  color: #663399;
  background-color: #663399;
  height: 1px;  
}


#content ul {
  list-style-type: disc;
  list-style-position: inside;
  margin-left: 0; 
  padding-left: 15px;
}

/*
Left Nav
**********************************/
div#navCol ul#subNav {
  list-style:none;
  margin:0 0 1em 0;
}
  div#navCol ul#subNav li {
    display:inline; 
  }         
    ul#subNav li a {
      display:block;
      padding:4px 0 4px 15px;
      background:url(../images/layout/sub_nav_back.gif) no-repeat 0 9px;
      color:#333;
      border-bottom:1px dotted #ccc;
    }     
    ul#subNav li.father a {
      color: #007BC2;
      font-weight: 700;
      border: 0;
      background:url(../images/layout/sub_nav_down.gif) no-repeat 0 9px;
    }
      ul#subNav li.father li a{
        font-weight: 400;
        background:url(../images/layout/bullet_colour3.gif) no-repeat 6px 10px;  
      }
      ul#subNav li.father li.active a{
        font-weight: 700;
      }

div#left_col div#left_hand_logos {
  clear: left;
  text-align: center;
  padding-top: 0.5em;
}
  div#left_col div#left_hand_logos a#ic_logo {
    display: block;
    margin-bottom: 1em;
  }

/* Add some space beneath left hand nav */
div#left_col div#navCol {
  margin-bottom: 10px;
}
      
/* Purple Section 1 styling */

ul#subNav li.father a{
  background:url(../images/layout/sub_nav_down_colour2.gif) no-repeat  0 9px;
}
  ul#subNav li.father li a{
    background:url(../images/layout/bullet_colour1.gif) no-repeat 6px 10px;  
  }
  ul#subNav li.father li.active a{
    font-weight: 700;
    background:url(../images/layout/bullet_colour2_strong.gif) no-repeat 6px 10px;
  }

/*  
Colours to override colours in general.css 
**********************************/
div#contentCol h1,
div#contentCol h2,
div#contentCol h3,
div#contentCol h4,
div#contentCol a,
div#mainNav ul li.active a,
div#navCol th,
div#contentCol div.illustration h3,
ul#subNav li.father a,
ul#subNav li ul li.active ul li a {
  color:#663399;
  
}



/*
Further Info
**********************************/
div#further_info h2.title {
  margin: 0 0 0.5em 0;
}

div#further_info p {
  margin: 0 0 1em 0 ;
}


/*
Lower section
**********************************/
#lower {
  width:764px;
  clear:left;
  overflow:hidden;
  border-bottom:1px solid #e6e6e6;
  padding:1.5em 0 1em 0;
} 

/*
Copyright
**********************************/
div#footerCopyRight {
  clear:left;
  float:left;
  width:100%;
  margin:0 0 1em 0;
}
  p#copyRight {
    width:45%;
    float:left;
  }
  p#siteCredit {
    width: 45%;
    float: right;
    text-align: right;
  }

/* 
Footer list
**********************************/
ul#footer_nav {  
  list-style-type:none;
  padding:10px 0;
  float:left;
}
  ul#footer_nav li { 
    float:left;
    border-left:1px solid #666;
  }
  ul#footer_nav li.first { 
    border-left:0;
  }
    ul#footer_nav li a { 
      padding:5px;
      color:#666;
    }
    ul#footer_nav li.first a { 
      padding-left:0;
    }



/**
About HPI/Background Page
**********************************/
hr.bghr {
  margin: 1em 0;
}

/**
 * Sitemap
 **********************************/
ul#sitemap,
ul#sitemap ul {
  margin-left: 4em;
  list-style-type: none;
  line-height: 1.3em;
}

/**
 * Demo Screenshots
 *********************************/
p.screenshot {
  width: 100%;
  text-align: center;
  padding-bottom: 1em;
}
img.screenshot {
  float: left;
  display: block;
  margin: 1em 20% 1em 10%;
  border: 1px solid #e9e9e9;
}