/* Layout stylesheet
----------------------------------------------
    Name: Joshua Deidun
    Date: 1st September 2013
*/

/* Index
----------------------------------------------
    1. Layout
    2. Head
    3. Content
    4. Foot
    5. General Styles
*/

/* 1. Layout
----------------------------------------------*/

body {
    padding: 0;
    height: 100%;
    background: #fff;
}

#snHead, #snHead #mobiMenu {
    display: none;
}

#head {
    position: relative;
    z-index: 101;
    background: url(../images/aasw-header-bg.png) 0 0 repeat-x;
}

#content {
    z-index: 10;
}

#home {
    background: #fff;
}

/* 2. Head
----------------------------------------------*/

/* This area should include logo, search and main navigation */

div#head #logo {
    float: left;
    padding: 35px 0;
    max-height: 103px;
    max-width: 283px;
    /*margin: -20px 0 0 0;*/
}

div#head #logo img {
    width: 100%;
    margin: 0;
}

#head .renewmembershiplink {
    margin: 80px 27% 0 0;
}

div#head form {
    float: left;
    height: 28px;
    padding: 23px 0;
    width: 100%;
}

div#head .branches-form {
    border-right: 1px dotted #666;
}

div#head label {
    float: left;
    margin: 1.53% 0;
    padding: 0;
    font-weight: 700;
    font-size: 17px;
    color: #777;
    text-transform: uppercase;
}

div#head label a {
    color: #777;
}

div.select-field {
    float: right;
    width: 57.9%;
    margin: 0 7.66% 0 0;
    position: relative;
    background: #fff;
    border: 1px solid #e5e5e5;
    overflow: hidden;
}

div.select-field .arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 23px;
    height: 27px;
    background: url(../images/select-arrow.gif) 0 0 no-repeat;
}

div#head select {
    position: relative;
    width: 120%;
    padding: 3px 6.06%;
    background: none;
    border: none;
    -webkit-appearance: none;
       -moz-appearance: none;
    z-index: 2;
    font-style: italic;
    height: 27px;
}

div#head input {
    float: left;
    width: 60%;
    padding: 3.1% 6.06%;
    font-style: italic;
    border: 1px solid #e5e5e5;
}

#snLinks, div#head button {
    margin: 0;
    padding: 0;
}

div#head span.contact-us-link {
    display: inline-block;
    padding: 30px 0;
}

div#head .search-form {
    width: 42.5%;
    padding: 22px 0%;
}

div#head button {
    float: left;
    width: 25px;
    height: 28px;
    text-indent: -999em;
    background: url(../images/btn-search.gif) 0 0 no-repeat !important;
}

div#head #snLinks {
    float: left;
    width: 31.3%;
    padding: 7% 0 6.5% 3.5%;
}

div#head #snLinks li {
    width: 30px;
    height: 30px;
}

#snLinks li {
    float: left;
    list-style: none;
    list-style-image: none;
    padding: 0;
    margin: 0 1.94%;
}

#snLinks li a {
    display: inline-block;
    text-indent: -999em;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
}

#snLinks a.iconFacebook {
    background-image: url(../images/facebook-icon.png);
}

#snLinks a.iconTwitter {
    background-image: url(../images/twitter-icon.png);
}

#snLinks a.iconVimeo {
    background-image: url(../images/vimeo-icon.png);
}

/* --- top navigation */

ul#topNav {
    background: #d8d8d8;
    width: 100%;
}

ul#topNav li {
    float: left;
    width: 33.33%;
}

ul#topNav li a {
    margin: 0;
    padding: 0 20%;
    width: 33%;
    height: 74px;
    font-size: 13px;
    text-align: center;
    line-height: 16px;
    text-decoration: none;
    text-transform: uppercase;
    color: #777;
    display: table-cell;
    vertical-align: middle;
    background: #eaeaea;
}

ul#topNav li a span {
    display: inline-block;
    text-align: left;
}

ul#topNav li.staff a {
    border-left: 1px dotted #AAABAF;
    border-right: 1px dotted #AAABAF;
    color: #fff;
    background: #AAABAF;
}

ul#topNav li.board a {
    background: #d8d8d8;
}

ul#topNav li.members a {
    color: #fff;
    background: #777;
}

ul#topNav li.members span {
    display: inline-block;
    /* background: url(../images/login-arrows.png) 55px 20px no-repeat; */
}

ul#topNav li a:hover {
    color: #525152;
}

ul#topNav li.members a:hover {
    color: #fff;
    background: #525152;
}

ul#topNav li.staff a:hover {
    color: #fff;
    background: #A6A6A6;
}

.name {
    width: 48.92%;
    font-style: italic;
    color: #a90834;
}

#renew-button {
    margin: 0px 0 0 0%;
    display: inline-block;
}

/* user */

#user {
    position: absolute;
    top: 74px;
    right: 0;
    background: #b9b9b9;
            border-radius: 0 0 10px 10px;
       -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    font-size: 13px;
    border-right: 1px solid #fff;
}

#user p {
    border-top: 1px dotted #eaeaea;
    margin: 0;
    padding: 6px 6.11%;
    color: #535353;
}

#user .underline {
    float: right;
    color: #fff;
}

ul.nav {
    margin: 0;
    padding: 0;
}

ul.nav li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}

ul.nav li a {
    font-size: 15px;
    display: block;
    text-decoration: none;
}

/* --- red navigation */

#redNav {
    position: absolute;
    right: 0;
    bottom: 77px;
    width: 63.11%;
    margin: 0;
    padding: 0;
    z-index: 101;
}

#redNav li {
    float: right;
    position: relative;
}

#redNav li a {
    float: left;
    display: block;
    margin: 0 0 0 4px;
    padding: 8px 14px;
    color: #fff;
    background: #aa233f;
    -webkit-border-radius: 8px 8px 0 0;
       -moz-border-radius: 8px 8px 0 0;
            border-radius: 8px 8px 0 0;
}

#redNav li.on a, #redNav li a:hover {
    background: #7b182c;
}

/* --- main navigation */

.siteNav {
    height: 74px;
}

#mainNav {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 103%;
    z-index: 101;
}

#mainNav li {
    float: left;
    position: relative;
    margin: 0;
    padding: 0 !important;
    list-style: none !important;
    text-align: left;
}

#mainNav li span {
    display: inline-block;
    padding: 12px 19px;
    border-left: 1px solid #ebebeb;
}

#mobiNav li a, #mainNav li a {
    display: block;
    color: #535353;
    padding: 15px 0;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
}

#mainNav li.first {
    width: 3.9%;
}

#mainNav li a.home {
    text-indent: -999em;
    background: url(../images/home-icon.png) 0 26px no-repeat;
}

#mainNav li:last-child span, #mainNav li.last span {
    padding-right: 0;
}

#mainNav li.on a, #mainNav li a:hover, #mainNav li.on a:hover {
    color: #136991;
}

#mobiNav {
    display: none;
}

/* --- drop down navigation */

#redNav ul, #mainNav ul {
    display: none;
    width: 185px;
    position: absolute;
    top: 61px;
    left: 21px;
    z-index: 101;
    padding: 11px 0 0;
    background: url(../images/dd-bubble.gif) top left no-repeat;
    -webkit-border-radius: 0 15px 15px 15px;
       -moz-border-radius: 0 15px 15px 15px;
            border-radius: 0 15px 15px 15px;
    overflow: hidden;
}

#redNav ul {
    top: 36px;
    left: 4px;
    background: url(../images/red-dd-bubble.gif) top left no-repeat;
}

#redNav ul li, #mainNav ul li {
    margin: 0;
    float: none;
    display: block;
    background: #b9b9ba;
}

#redNav ul li {
    background: #aa233f;
}

#redNav ul li:first-child, #mainNav ul li:first-child {
    -webkit-border-radius: 0 15px 0 0;
       -moz-border-radius: 0 15px 0 0;
            border-radius: 0 15px 0 0;
    overflow: hidden;
}

#redNav ul li span, #mainNav ul li span {
    padding: 0;
    border: 0;
}

#mainNav ul li:hover a, #mainNav ul li a, #mainNav li.on ul li a {
    color: #fff;
    margin: 0 15px;
    padding: 8px 0;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    height: auto;
    border-bottom: 1px dotted #fff;
}

#redNav ul li:hover a, #redNav ul li a, #redNav li.on ul li a {
    float: none;
    margin: 0;
    padding: 8px 15px;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    height: auto;
    border-bottom: 1px dotted #fff;
}

#mainNav ul li a:hover, #mainNav li.on ul li a:hover {
    font-weight: 500;
    color: #136991;
}

#redNav ul li:last-child a, #mainNav ul li:last-child a {
    border: none;
}

#redNav ul ul, #mainNav ul ul {
    top: 0;
    left: 185px;
}

/* 3. Content
----------------------------------------------*/

/* --- Banner */

#banner {
    background: #f7f7f5;
    border-top: 1px dotted #e1e1d6;
    border-bottom: 1px dotted #e1e1d6;
    margin-bottom: 25px;
    height: 300px;
    overflow: hidden;
}

#banner ul.sbBanner {
    position: relative;
    margin: 0;
    padding: 0;
}

#banner .bannerItem {
    padding: 0;
    width: 100%;
    background: #777;
}

#banner .bannerImage {
    float: right;
    width: 61.9%;
}

.bannerImage img {
    float: right;
}

#banner h2 {
    font-size: 21px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    border: 0;
}

#banner .bannerText {
    float: left;
    padding: 2.5%;
    color: #fff;
    width: 33%;
    font-size: 13px;
    line-height: 18px;
    height: 200px;
    overflow: hidden;
}

#banner .bannerText p {
    padding: 0;
}

#banner .cycle-pager {
    position: absolute;
    bottom: 22.5%;
    left: 0;
    z-index: 101;
    list-style: none;
    width: 29%;
}

#banner .cycle-pager a {
    float: right;
    width: 11px;
    height: 11px;
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 0;
    background: url(../images/white-dot.png) 0 0 no-repeat;
    text-decoration: none;
    text-indent: -999em;
}

#banner .cycle-pager a.cycle-pager-active {
    background: url(../images/red-dot.png) 0 0 no-repeat;
}

/* --- Home Rows & Columns */

.homeSection h3 {
    margin: 15px 0;
    padding: 0 0 5px;
    font-size: 16px;
    color: #aa233f;
    line-height: 16px;
    border-color: #aa233f;
}

.homeSection .feature h3, .homeSection h4 {
    font-size: 16px;
    font-weight: 500;
    border: 0;
    margin: 10px 0 15px;
    line-height: 18px;
}

.cycle-slideshow {
    margin-bottom: 20%;
}

.cycle-slideshow h2.categoryTitle {
    display: none;
}

.feature h2.categoryTitle {
    margin: 5px 0 15px;
    border-bottom: 1px dotted #aa233f;
    display: block;
    color: #aa233f;
}

.cycle-nav {
    position: absolute;
    bottom: 0;
    width: 12.4%;
    z-index: 99;
}

.block_1 .cycle-nav {
    right: 6.5%;
}

.block_2 .cycle-nav {
    right: 3.25%;
}

.block_3 .cycle-nav {
    right: 0;
}

.cycle-nav a {
    width: 40%;
}

.cycle-prev, .cycle-next {
    cursor: pointer;
}

.cycle-prev {
    float: left;
}

.cycle-next {
    float: right;
}

.feature .slideItem {
    background: #fff;
    margin: 0 1.5% 0 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
}

.feature .slideItem h3, .feature .slideItem .wysiwygcontent {
    white-space: normal !important;
}

.feature .slideItem .wysiwygcontent {
    height: 90px;
    max-height: 90px;
}

.feature .slideItem {
    height: 300px;
    max-height: 300px;
}

.homeSection .feature h3 {
    margin: 10px 0;
}

.feature h3 a, .homeSection h4 a {
    color: #535353;
}

.homeSection .news h4 {
    font-size: 14px;
    margin: 15px 0 0;
}

.homeSection ul, .homeSection li.listItem {
    margin: 0;
    padding: 0;
}

.homeSection li {
    list-style: none;
}

.homeSection .grid_6 li {
    list-style: none;
    padding: 0;
}

.container_12 .quicklinks, .container_12  .block_4, .container_12.row_3 .block_3 {
    float: right;
    width: 23%;
    margin-left: 2%;
}

.quicklinks .links_list {
    padding: 0 0 20px;
}

.container_12.row_3 .block_1 {
    width: 49.2%;
}

.container_12.row_3 .block_2 {
    margin-left: 2.2%;
    width: 23.5%;
}

.container_12 .row_2 .grid_3 {
    width: 33.33%;
}

.row_2 {
    margin-bottom: 25px;
}

.row_2 .block_1 .cycle-slideshow, .row_2 .block_2 .cycle-slideshow,
.row_2 .block_1 h2.categoryTitle, .row_2 .block_2 h2.categoryTitle {
    width: 94%;
}

.row_2 .block_2 .cycle-slideshow, .row_2 .block_2 h2.categoryTitle {
    margin-left: 3%;
    margin-right: 3%;
}

.row_2 .block_3 .cycle-slideshow, .row_2 .block_3 h2.categoryTitle {
    float: right;
    width: 94%;
}

.row_2 img {
    float: none;
    margin: 0;
    max-height: 144px;
}

.red_line {
    border-top: 4px solid #aa233f;
}

.welcome {
    text-align: right;
    padding: 6.5% 5%;
}

.welcome h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    color: #136991;
    border: 0;
}

.welcome p {
    font-size: 16px;
    line-height: 22px;
    color: #136991;
    padding: 0;
}

.cycle-headings ul {
    margin: 0;
    padding: 0;
}

.cycle-headings li {
    float: left;
    display: inline-block;
    width: 31.3%;
    margin: 0;
    padding: 0;
}

.cycle-headings li.menu_even {
    margin: 0 3%;
}

.cycle-headings li a {
    margin: 15px 0;
    padding: 0 0 5px;
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #aa233f;
    line-height: 16px;
    border-bottom: 1px dotted #aa233f;
}

.feature p {
    font-size: 13px;
}

.container_12 .grid_9 .involved {
    width: 30%;
    float: right;
}

.quicklinks #getInvolved {
    display: none;
}

.quicklinks h3 {
    display: block;
    margin: 0;
    padding: 4% 11%;
    color: #fff;
    text-transform: uppercase;
    background: #a90834;
    border: 0;
    font-weight: normal;
}

.quicklinks ul li a {
    display: block;
    padding: 5% 11%;
    color: #535353;
    background: #f7f7f5;
}

.quicklinks ul li a:hover {
    color: #a90834;
    background: #fff;
    text-decoration: none;
}

.quicklinks ul li {
    border: 1px dotted #e1e1d6;
}

.news h3 {
    margin: 15px 0 5px;
}

.news li a {
    text-decoration: none;
}

.news li h4 {
    display: inline-block;
}

.news li a:hover h4 {
    border-bottom: 1px solid #535353;
}

.news li a:hover span {
    border-bottom: 1px solid #a90834;
}

.viewAll {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 12px;
    color: #535353;
    text-decoration: underline;
}

.viewAll:hover {
    text-decoration: none;
}

.date {
    color: #a90834;
}

#getInvolved {
    margin: 0 0 20px;
}

#getInvolved li {
    margin: 0 0 5px;
    padding: 0;
}

#getInvolved li a {
    color: #535353;
    padding: 0 0 0 20px;
    background: url(../images/red-arrow-right.png) left center no-repeat;
}

#getInvolved li a:hover {
    color: #a90834;
}

.branchesSection #map {
    margin: 20px auto;
    width: 60.5%;
}

.branchesSection #map, #branchMap #map {
    position: relative;
    line-height: 0;
}

#branchMap #map {/*width: 230px;
    height: 202px;*/
}

.branchesSection #map a, #branchMap #map a {
    position: absolute;
    display: block;
    text-indent: -999em;
    background: url(../images/trans-block.png);
}

#map a.act {
    top: 70%;
    right: 0;
    width: 17.3%;
    height: 8%;
    z-index: 99;
}

#map a.nsw {
    top: 52.3%;
    right: 0;
    width: 32.2%;
    height: 28.2%;
}

#map a.nqld {
    top: 0;
    right: 0;
    width: 39%;
    height: 34%;
}

#map a.nt {
    top: 0;
    right: 39%;
    width: 23%;
    height: 47%;
}

#map a.qld {
    top: 34%;
    right: 0;
    width: 39%;
    height: 22.2%;
}

#map a.sa {
    top: 46%;
    right: 32%;
    width: 29%;
    height: 37%;
}

#map a.tas {
    bottom: 0;
    right: 0;
    width: 28.5%;
    height: 11%;
}

#map a.vic {
    bottom: 11.9%;
    right: 10%;
    width: 22.1%;
    height: 17.4%;
}

#map a.wa {
    top: 10.3%;
    left: 0;
    width: 38.3%;
    height: 64.5%;
}

/*
#map a.tas:hover
{
    background-position: 100% 38.65%;
    background-size: 350.87%;
}

#map a.vic:hover
{
    background-position: 87.12% 35.4%;
    background-size: 452.48%;
}

#map a.act:hover
{
    background-position: 100% 95.88%;
    background-size: 578.03%;
}

#map a.nsw:hover
{
    background-position: 100% 53.88%;
    background-size: 310.55%;
}

#map a.nqld:hover
{
    background-position: 100% 64.51%;
    background-size: 256.41%;
}

#map a.nt:hover
{
    background-position: 49.21% 22.15%;
    background-size: 434.78%;
}

#map a.qld:hover
{
    background-position: 100% 28.26%;
    background-size: 256.41%;
}

#map a.sa:hover
{
    background-position: 54.71% 96.8%;
    background-size: 344.82%;
}

#map a.wa:hover
{
    background-position: 0 48.35%;
    background-size: 261.09%;
}
*/

.grid_3.buttons {
    padding: 20px 0;
}

.grid_3.buttons .sbBanner img {
    max-width: none;
}

.grid_3.buttons li {
    margin: 0 0 5px;
}

/* --- Inner pages */

#sideBar {
    float: left;
    margin: 0;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    background: url("../images/bg-content.gif") bottom right no-repeat;
}

#innernav {
    padding: 0;
}

#innernav li {
    list-style: none;
    list-style-image: none;
    padding: 0;
}

#innernav li a {
    display: block;
    padding: 12px 8px;
    font-size: 15px;
    color: #aa233f;
    font-weight: 500;
    text-decoration: none;
    line-height: 20px;
}

#innernav li ul {
    padding: 0;
    margin: 0;
}

#innernav li li ul {
    display: none;
}

#innernav li li.on > ul {
    display: block;
}

#innernav li li a {
    background: none;
    color: #535353;
    padding: 7px 8px;
    font-size: 14px;
    font-weight: normal;
    width: auto;
    margin: 0 !important;
    border-bottom: 1px solid #d9d9d9;
}

#innernav li li a:hover {
    color: #b9b9ba;
}

.faswSection #innernav li li a.findasocialworker, #innernav li li.on a,
#innernav li li.on a:hover {
    font-weight: 500;
    border-left: 2px solid #136991;
    color: #136991;
}

#innernav li li ul {
    padding: 10px 0;
    margin: 0;
    border-left: 2px solid #aa233f;
    border-bottom: 1px solid #d9d9d9;
}

#innernav li li li a, #innernav li li.on li a {
    background: none;
    color: #535353;
    font-size: 13px;
    padding: 4px 22px;
    width: auto;
    font-weight: normal;
    border: none;
}

#innernav li li li.on a, #innernav li li li.on li.on a,
#innernav li li li.on li.on li.on a {
    color: #aa233f;
    font-weight: 500;
    background: url(../images/red-block.gif) 8px 11px no-repeat;
}

#innernav li li li a:hover, #innernav li li.on li a:hover {
    font-weight: normal;
    border: none;
    color: #b9b9ba;
}

#innernav li li li.on:hover, #innernav li li li.on a:hover {
    font-weight: 500;
    color: #aa233f;
}

#innernav li li li.on li a, #innernav li li li.on li.on li a {
    color: #444;
    font-weight: normal;
}

#innernav li li li li {
    margin: 0 0 0 20px;
    list-style: circle;
}

#innernav li li li li li {
    list-style: square;
}

#innernav li li li li {
    list-style: none;
}

#innernav li li li ul {
    border-left: 0;
    border-bottom: 0;
    padding: 0;
}

#sideBar p {
    margin: 10px 10px 0;
}

#mainBar {
    position: relative;
    z-index: 10;
}

#mainBar .appendCrumb {
    display: none;
}

.breadcrumb .appendCrumb {
    padding: 0;
    display: inline;
}

.inner {
    padding: 40px 0 40px 30px;
}

.breadcrumb {
    border-top: 1px dotted #e1e1d6;
    border-bottom: 1px dotted #e1e1d6;
    background: #f7f7f5;
}

.breadcrumb p {
    font-size: 12px;
    padding: 10px 0;
}

.breadcrumb span {
    overflow: hidden;
    text-indent: -6px;
}

#mainBar .branchDetail {
    float: left;
    width: 69%;
    margin: 4px 0;
}

.branchDetail .wysiwygcontent {
    width: 95%;
}

#branchRight {
    float: right;
    width: 31%;
}

#branchContact {
    background: #f7f7f5;
    padding: 2% 5%;
}

#branchEvents {/*padding: 30% 0 15% 5%;*/
    padding: 10% 0 15% 5%;
}

#branchEvents h5 {
    margin: 0 0 5px;
}

#branchEvents li {
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
    list-style-image: none;
}

.faqAnswer {
    display: none;
}

/* Used for responsive images in table cells */

#eventDescription > table > tbody > tr > td > img {
    max-width: none;
}

/* 4. Foot
----------------------------------------------*/

.foot ul, .foot ul li {
    margin: 0;
    padding: 0;
    border: none;
}

.foot ul li {
    float: left;
    color: #fff;
    list-style: none;
    list-style-image: none;
}

.foot ul li li {
    float: none;
}

.foot .listItemLeft {
    display: inline-block;
    width: 22.5% !important;
    margin: 0;
}

.foot img {
    margin: 0;
}

.foot p, .foot a {
    color: #fff;
}

.foot h5 {
    font-size: 14px;
    margin: 5px 0 0;
    line-height: 22px;
    color: #fff;
}

.foot p {
    font-size: 13px;
    line-height: 16px;
}

#red_foot {
    padding: 25px 0 10px;
    background: #ac0634 url(../images/red-swirl.jpg) top center no-repeat;
}

#red_foot ul#redCols li {
    width: 33.3%;
}

#red_foot ul li.col50 {
    width: 35%;
}

#red_foot ul li.col52 {
    float: right;
    width: 29.1%;
}

#red_foot .listItemRight {
    margin: 0 0 0 1.49%;
}

#red_foot ul li.col52 .listItemRight {
    margin: 0 0 0 3.5%;
}

#grey_foot {
    padding: 30px 0 10px;
    background: #777;
}

#grey_foot .grid_12 {
    padding: 0 0 15px;
}

#grey_foot .wysiwygcontent a, #grey_foot form a {
    color: #ebebeb;
    text-decoration: underline;
    font-style: normal;
}

#grey_foot .wysiwygcontent a:hover, #grey_foot form a:hover {
    text-decoration: none;
}

#grey_foot form p {
    font-style: italic;
    line-height: 18px;
}

#grey_foot p, #grey_foot ul li li a, #siteInfo ul.sec li a, #branches li a {
    font-size: 13px;
    color: #ebebeb;
    margin: 0;
    line-height: 16px;
}

#contactDetails {
    float: left;
    width: 40.35%;
    padding-right: 2.55%;
}

#contactDetails li {
    float: left;
    display: inline-block;
    width: 45%;
    padding-right: 5%;
}

#contactDetails .wysiwygcontent a, #contactDetails .wysiwygcontent {
    color: #ebebeb;
}

#branches {
    float: left;
    width: 17.77%;
    padding-right: 2.55%;
}

#branches li {
    float: none;
}

#siteInfo {
    float: left;
    width: 9.73%;
    padding-right: 2.55%;
}

#siteInfo li {
    float: none;
}

#searchForm {
    float: left;
    width: 23.55%;
}

#searchForm form {
    margin: 10px 0 5px;
}

#searchForm input {
    float: left;
    width: 79.5%;
            border-radius: 5px 5px 5px 5px;
       -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    font-style: italic;
}

#searchForm button {
    float: right;
    background: url(../images/bg-search.gif) top right;
    text-indent: -999em;
    width: 29px;
    height: 32px;
    padding: 0;
}

#light_grey_foot {
    padding: 25px 0;
    background: #919191;
}

#light_grey_foot p {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 13px;
}

#light_grey_foot #aoLogo {
    width: 75px;
    height: 26px;
    display: block;
    text-indent: -999em;
    background: url(../images/association-online-logo.png) no-repeat;
}

.addthis_toolbox {
    float: left;
    margin: 15px 0 0;
}

.addthis_button_print {
    margin: 0 8px;
}

/* 5. General Styles
----------------------------------------------*/

.left {
    float: left;
}

.right {
    float: right;
}

.form-link {
    display: block;
    margin: 0 0 1em;
}