/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 03 November 2017 13:32:29
*/


/**
 * Response Ability - Global Style Sheet
 *
 * global.css
 * author: Squiz Australia
 */

/*
 * Table of Contents
 *
 * 1. General
 *     1.1 Reset
 *     1.2 General Typography
 *     1.3 Headings
 *     1.4 Links
 *     1.5 Lists
 *     1.6 Tables
 *     1.7 Forms
 *     1.8 Images
 *
 * 2. Page elements
 *     2.1 Structure
 *     2.2 Accessibility
 *     2.3 Header
 *     2.4 Footer
 *
 */

/*
--------------------
1. General
--------------------
*/

/*-- 1.1 Reset --*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
ol, ul {
    list-style: none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after {
    content: '';
}
abbr, acronym {
    border: 0;
}
a {
    color: #009790;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
/*-- 1.2 General Typography --*/
body {
    font: normal 75%/1.333333em arial, helvetica, sans-serif; /* 12px */
}
.hide, .js-enabled hr {
    display: none;
}
.hidden {
    visibility: hidden;
}
.clear {
    clear: both;
}
strong {
    font-weight: bold;
}
p {
    line-height: 20px;
}
#main-content p {
    color: #333333;
    padding-bottom: 10px;
}
/*-- 1.3 Headings --*/
.inside #content h1,
.inside #content h2,
.inside #content h3,
.inside #content h4,
.inside #content h5,
.inside #content h6 {
    padding-bottom: 15px;
}
h1, h2, h3, h4, h5, h6 {
    color: #007973;
    
}
h1 {
    font-size: 18px;
}
h2 {
    font-size: 16px;
}
h3 {
    font-size: 16px;
}
.home h3 {
    color: #115a7f;
    font-size: 18px;
    line-height: 19px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 12px;
}

/*-- 1.4 Links --*/
#content a {
    text-decoration: none;
}
#content a:hover,
#content a:focus {
    text-decoration: underline;
}

/*-- 1.5 Lists --*/
#content #main-content ul,
#content #main-content ol {
    margin: 0 0 10px 10px;
    list-style: none;
    line-height: 23px;
}
/*BOF overriding list styles*/
  #content #main-content li {
    list-style:none;
  }
  #content #main-content li:before {
    content:'\2022';
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -17px;
    top: 0px;
    color:#330066;
    font-size:170%;
  }
  #content #main-content li li {
    list-style: none;
  }
  #content #main-content li>li:before{
    content: '\25CF';
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -17px;
    top: 0px;
    color:#00205B;
    font-size:170%;
  }
  
  #content #main-content td ul,
  #content #main-content td ol {
    margin-left: 20px;
  }

  
#content #main-content li.page-listing:before {
    content: '';
    display:inline;
}

  
  /*EOF overridding list styles*/ 


 #content ul li {
    /*background: transparent url(http://www.responseability.org/__data/assets/image/0003/4449/arrow_purple.png?v=0.1.1) no-repeat -1px 5px;*/
    padding-left:12px;  
}
 #content ul li ul li{
    margin-left: -9px;
}
#content ul li ul {
    margin: 0.5em 0 0.5em 20px;
}
#content #main-content ol {
    margin: 0 0 10px 30px;
    list-style: decimal;
}
#content #main-content ol li ol {
    margin: 0.5em 0 0.5em 16px;
}
#content .pagination ul,
#content .pagination ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#content dl {
    margin-left: 10px;
}
#content dl dt {
    padding: 0 0 0 20px;
}
#content dl dd {
    padding: 0 0 0 30px;
}

/*-- 1.7 Forms --*/
#content #main-content .form-container ul {
    margin: 0;
}
    #content .form-container ul li {
        background-image: none;
        padding-left: 0;
    }
/*-- 1.8 Images --*/
.align-left {
    float: left;
    margin: 0 20px 10px 0;
    padding: 1px;
}
.align-right {
    float: right;
    margin: 0 0 10px 20px;
    padding: 1px;
}
img.right {
   float:right;
   padding:0px 0px 10px 10px;
}
img.left {
   float:left;
   padding:0px 10px 10px 0px;
} 
/*
--------------------
2. Page Elements
--------------------
*/

/*-- 2.1 Page Structure --*/
body {
    background: #ffffff;
}
#wrapper {
    margin: 0 auto;
    width: px;
}
#content {
    width: 980px;
    margin: 0 auto;
    padding: 20px 0;
}
/*-- 2.2 Accessibility --*/
#nav-accessibility h2,
#nav-accessibility ol li a {
    position: absolute;
    left: -999em;
    top: -999em;
}
#nav-accessibility ol li a:focus {
    position: static;
}
hr {
    display: none;
}
#content hr,
#aside hr {
    display: block;
}
/*-- 2.3 Header --*/

#header_wrapper {
    width: 980px;
    margin: 0 auto;
    background: url('../../../__data/assets/image/0013/4450/header_bg0472_v-0.1.1.jpg') no-repeat;
}
#header {
    width: 980px;
    height: 105px;
    margin: 0 auto;
    position: relative;
    padding-top: 10px;
}
#header .logo {
    display: inline-block;
    margin-top:10px;
}
#header ul.nav-info,
#header #search {
    position: absolute;
    right: 10px;
}
#header ul.nav-info {
    width: 190px;
}
    #header ul.nav-info li {
        float: left;
        display: inline-block;
        border-left: 1px solid #c8c0b4;
        font-size: 12px;
        padding: 0 5px;
        height:15px;
    }
        #header ul.nav-info li a {
            color: #ffffff;
        }
    #header ul.nav-info li.first {
        border-left: none;
    }
        #header ul.nav-info li img{
            margin-top: 2px ;
        }
        #header ul.nav-info li img.print{
            margin-top: 1px ;
        }

/*-- Search --*/

 #search {
    width: 231px;
    top: 40px;
}
     #search #search-site {
        margin-left: 8px;
    }
        #search #queries_keyword_query {
            border: 1px solid #e1e1e1;
            border-right: none;
            height: 25px;
            width: 200px;
            text-indent: 3px;
            font-style: italic;
            color: #666666;
        }
        #header #search .submit {
            border: 1px solid #E1E1E1;
            width: 25px;
            height: 20px;
            border-left: none;
            text-indent: -9999px;
            height: 27px;  
            margin-left: -3px;
            position: absolute;   
            background: #ffffff url(../../../__data/assets/image/0014/4451/search_icon0472_v-0.1.1.png) no-repeat 1px 5px;   
        }
         #search  input#search-site-keywords:focus { 
            font-style: normal;
        }

/*-- ShareThis Buttons --*/
#header .sharethis-buttons {
    float: right;
    margin: 68px 6px 0 8px;
}
.st_sharethis_himh .sharethis_himh {
    background: transparent url(../../../__data/assets/image/0004/8770/sharethis_himh_329514_v-0.0.4.png) no-repeat left top;
}
.st_sharethis_himh .stButton .chicklets {
    position: relative;
    padding: 0px;
    width: 32px;
    height: 32px;
}

/*-- 2.4 Footer --*/

#footer-wrapper {
    width: 100%;
    height: 85px;
    background-color: #f4f4f4;
    margin-top: 20px;
}
    #footer {
        width: 980px;
        margin: 0 auto;
        position: relative;
    }
    #footer ul#nav-footer {
        position: absolute;
        top: 15px;
        right: 0;
    }
        #footer ul#nav-footer li {
            float:left;
            display: inline-block;
            margin-left: 8px;
            height: 16px;
            border-left: 1px solid #575757;
            padding-left: 5px;
        }
        #footer ul#nav-footer li.first {
            border-left: none;
        }
        #footer ul#nav-footer li a,
        #footer ul#nav-footer li a:hover,
        #footer ul#nav-footer li a:active {
            color: #000000;
        }
    #footer span.generator{
            position: absolute;
            right: 0;
            top: 127px;
        }
            #footer span.generator a {
                color: #000000;
                text-decoration: underline;
            }
    #footer_logo,
    #footer .ad {
        height: 55px;
        position: absolute;
        top: 15px;
    }
    #footer_logo {
        right: 0;
        width: 200px;
        padding-left: 15px;
    }
    #footer #legal {
        position: absolute;
        top: 88px;
        width: 100%;
        border-top: 1px solid #dfe0e2;
        padding-top: 15px;
    }
        #footer #legal span {
            position: absolute;
            top: 36px;
            left: 0px;
        }
    #footer .ad {
        border-right: 1px solid #dfe0e2;
        padding-right: 15px;
    }
    #footer .ra-logo {
		text-align: center;
	}
    #footer .ra-logo img {
		margin-top: 10px;
	}