/*   Note: Divisional colour variations start around line 250,
     all other styles should be the same across all sites   */


body
{ 
    font-family: 'Open Sans', Arial, Verdana, sans-serif; 
    font-size: 80%; 
    color: #000; 
    font-weight: normal;
}

body, p, tr, ul, ol,li
{ h
    margin-bottom: 5px;
    margin-top: 2px; 
}

a img{border:0;outline:none;} /* CFa Squiz 24/01/2012 - to fix bordered img links */


li li, li ul{font-size:100%} /* CFa Squiz 24/01/2012 - to fix scaling down issue */


body {
    background-color: #FFFFFF;
      
}

#Top_Line1 {
    clear: both;
    width: 100%;

    margin: 0 auto 0 auto;
    min-height: 10em;
}

#Top_Line1_R1C1 {
    position: relative;
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

#Top_Line1_R1C2 {
    position: relative;
    float: left;
    font-size: 14px;
    padding-top: 10px;
}
   /* Small devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {
    #Top_Line1_R1C2 {
    position: relative;
    float: left;
    font-size: 32px;
    padding-top: 5px;
}
}

#Header_Right_Feature_Image {
    position: relative;
    float: right;
}

#Top_Line2 {
    background-color: #767676;
    text-align: left;
    clear: both;
    width: 100%;
    padding-top: 1px;
    padding-bottom: 1px;
    border-top: 1px solid #333333;
}

#Top_Line2_R1C1 {
    position: relative;
    float: left;
}

#Top_Line2_R1C2 {
    float: right;
    font-family: Arial, Verdana, Helvetica, san-serif;
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    padding: 0px 2px 0px 2px;
    position: relative;
}

#Top_Line2_R1C2 a {
    color: #FFFFFF;
    text-decoration: none;
}



/*   -----------   Divisional colour variations start here   -----------   */

h1 {	
      font-family: 'Open Sans', Arial, Verdana, sans-serif;
      font-size: 2em;
      color: #267373;
      font-weight: 400;
      margin-bottom: 0px;
      margin-top: 15px;
}	


  
/* main content, middle column, margins match left and right column widths */
#content-area {
}

#content-area-internal {
    overflow: visible; /* IE Italics FIX */
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}


 
/* IE 3px Float FIX (hide from IE5 Mac) \*/
* html #content-area-internal
{
    height: 1%;
}
/* end hide from IE5 Mac */



div.clearfloat {
clear: both;
}

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

    #Top_Line1 {
    clear: both;
    width: 100%;

    margin: 0 auto 0 auto;
    min-height: 4em;
}
h1 {	
      font-family: 'Open Sans', Arial, Verdana, sans-serif;
      font-size:1.5em;
      color: #267373;
      font-weight: 400;
      margin-bottom: 0px;
      margin-top: 15px;
}	
   
}