/******************************************************************
Site Name: Compass
Author: Soapbox Communications - Stuart Brockwell

Stylesheet: Main Stylesheet

******************************************************************/

/*******************************
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, 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;
}
/*******************************
TYPOGRAPHY
*******************************/

body {
    background-color         : #CCCCCC;
    color                    : #4D4D4D;
    font-family              : Arial;
    font-size                : 12px;
    font-weight              : 500;
    -webkit-font-smoothing   : antialiased;
    -webkit-text-size-adjust : none;
}
@font-face {
    font-family : 'AvantGardeBold';
    src         : url('../fonts/AvantGardeBold.eot'); /* IE9 Compat Modes */
    src         : url('../fonts/AvantGardeBold.eot') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/AvantGardeBold.woff') format('woff'), /* Modern Browsers */ url('../fonts/AvantGardeBold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/AvantGardeBold.svg#AvantGardeLT-Bold') format('svg'); /* Legacy iOS */
}
p {
    color     : #666666;
    font-size : 13px;
}
a, p.meta a {
    color           : #4D4D4D;
    text-decoration : none
}
a:hover {
    text-decoration : underline
}
p a {
    text-decoration : underline
}
.strong, strong, b {
    font-weight : bold
}
em, i {
    font-style : italic;
}
h2, .h2 {
    font           : 16px AvantGardeBold, Arial, sans-serif;
    text-transform : uppercase
}
h3, .h3, .page-intro p {
    font-family : Georgia, serif;
    font-size   : 16px;
    font-style  : italic;
    font-weight : bold;
    max-height  : 116px;
    overflow    : hidden;
}
h3.paypal-success {
    text-align : center;
}
h4, .h4, .sub-pages ul li, .footer-links li a, .contact-regions ul li a {
    font           : 11px/11px AvantGardeBold, Arial, sans-serif;
    text-transform : uppercase
}
h5, .h5 {
    color       : #666666;
    font-size   : 13px;
    font-weight : bold
}
/*******************************
COLOURS
*******************************/

.dark-grey {
    color : #191919
}
.green, .green a, .sort-green a, .idea a, #main .latest-items.green .recent-activity .load-more, .entry-colour-green a, p.meta.topic-list a.green, .page-green p a {
    color : #90A942
}
.red, .red a, .sort-red a, .sidebar-red h3, .sidebar-red .h2, .action a, .upcoming-events a.h3, #main .latest-items.red .recent-activity .load-more, .entry-colour-red a, p.meta.topic-list a.red, .page-red p a {
    color : #942021
}
.yellow, .yellow a, .bg-yellow p, .sidebar-page-title.bg-yellow h2 a, .sub-pages.sp-yellow ul li a, .bg-yellow a {
    color : #191919
}
.blue, .blue a, .sort-blue a, .twitter-date a, .twitter-text a, .discussion a, #main .latest-items.blue .recent-activity .load-more, .entry-colour-blue a, p.meta.topic-list a.blue, .page-blue p a {
    color : #134A6D
}
.white, .white p, .idea a.bg-green, .action a.bg-red, .discussion a.bg-blue, .footer-links li a {
    color : #FFFFFF
}
.grey {
    color : #696969
}
.bg-green,
.sp-green ul li,
.sidebar-green .large-button {
    background-color : #90A942;
    color            : #FFFFFF
}
.bg-red,
.sp-red ul li,
.sidebar-red .large-button {
    background-color : #942021;
    color            : #FFFFFF
}
.bg-yellow,
.sp-yellow ul li,
.sidebar-yellow .large-button {
    background-color : #FDC330;
    color            : #191919
}
.bg-blue,
.sp-blue ul li,
.sidebar-blue .large-button {
    background-color : #134A6D;
    color            : #FFFFFF
}
.bg-green a,
.bg-red a,
.bg-blue a,
.sp-green a,
.sp-red a,
.sp-blue a {
    color : #FFFFFF
}
/*******************************
LAYOUT/STRUCTURE
*******************************/

body {
    box-shadow         : inset 0 0 10px #CCCCCC, 0 0 10px #A5A5A5;
    -moz-box-shadow    : inset 0 0 10px #CCCCCC, 0 0 10px #A5A5A5;
    -webkit-box-shadow : inset 0 0 10px #CCCCCC, 0 0 10px #A5A5A5;
}
#container {
    background-color   : #FFFFFF;
    box-shadow         : inset 0 0 10px #CCCCCC, 0 0 10px #A5A5A5;
    -moz-box-shadow    : inset 0 0 10px #CCCCCC, 0 0 10px #A5A5A5;
    -webkit-box-shadow : inset 0 0 10px #CCCCCC, 0 0 10px #A5A5A5;
    margin             : 0 auto;
    width              : 1000px
}
.header {
    border-bottom : 1px solid #CCCCCC;
    float         : left;
    margin-bottom : 20px;
    margin        : 0 20px;
    width         : 960px
}
#content {
    float  : left;
    margin : 0 20px 60px 20px;
    width  : 960px
}
#inner-content {
    background : url(../images/content-bg.gif) repeat-y;
    float      : left;
}
.home #main {
    border  : 0;
    padding : 0;
    width   : 100%
}
#main {
    color     : #666666;
    float     : left;
    font-size : 13px;
    padding   : 20px 10px;
    width     : 460px
}
#full {
    border-left : 2px solid #CCCCCC;
    float       : left;
    padding     : 20px 0;
    width       : 794px
}
.top-footer {
    background-color   : #636466;
    box-shadow         : 0px -2px 10px #A5A5A5;
    -moz-box-shadow    : 0px -2px 10px #A5A5A5;
    -webkit-box-shadow : 0px -2px 10px #A5A5A5;
    clear              : both;
    color              : #FFFFFF;
    height             : 140px;
    width              : 100%
}
.bottom-footer {
    background-color   : #414042;
    box-shadow         : inset 0 0 10px #323233;
    -moz-box-shadow    : inset 0 0 10px #323233;
    -webkit-box-shadow : inset 0 0 10px #323233;
    height             : 32px;
    width              : 100%
}
/*******************************
PAGE SPECIFIC CONTENT STYLES
*******************************/

.home #inner-content,
.library #inner-content,
.search #inner-content {
    background : none
}
.ideas #inner-content,
.blog #inner-content {
    border-top : 2px solid #CCCCCC;
    margin-top : 5px
}
/*******************************
NAVIGATION
*******************************/

.main-navigation {
    float      : right;
    margin-top : 27px;
    width      : 700px
}
#menu-main-navigation {
    float : right;
}
#menu-main-navigation li {
    background : url(../images/main-nav-border.gif) no-repeat;
    float      : left;
}
#menu-main-navigation li:first-child {
    background : none
}
#menu-main-navigation li a {
    color           : #666666;
    display         : block;
    font            : 16px/17px AvantGardeBold, Arial, sans-serif;
    padding         : 10px;
    text-decoration : none;
    text-transform  : uppercase
}
#menu-main-navigation li.current-menu-item a, #menu-main-navigation li.current_page_parent a {
    color : #FFFFFF
}
#menu-main-navigation li.nav-about.current-menu-item a, #menu-main-navigation li.nav-media.current-menu-item a, #menu-main-navigation li.nav-about.current-page-ancestor a {
    color : #191919
}
.nav-home a:hover {
    background : url(../images/nav-grey-arrow.png) no-repeat 27px 30px
}
.nav-about a:hover {
    background : url(../images/nav-grey-arrow.png) no-repeat 30px 30px
}
.nav-ideas a:hover {
    background : url(../images/nav-grey-arrow.png) no-repeat 27px 30px
}
.nav-discussion a:hover {
    background : url(../images/nav-grey-arrow.png) no-repeat 51px 30px
}
.nav-action a:hover {
    background : url(../images/nav-grey-arrow.png) no-repeat 36px 30px
}
.nav-media a:hover {
    background : url(../images/nav-grey-arrow.png) no-repeat 30px 30px
}
.nav-events a:hover {
    background : url(../images/nav-grey-arrow.png) no-repeat 33px 30px
}
.nav-library a:hover {
    background : url(../images/nav-grey-arrow.png) no-repeat 38px 30px
}
.nav-home.current-menu-item a, .nav-home.current_page_parent a {
    background : url(../images/nav-red-arrow.png) no-repeat #942021 27px 30px
}
.nav-about.current-menu-item a, .nav-about.current_page_parent a, .nav-about.current-page-ancestor a {
    background : url(../images/nav-yellow-arrow.png) no-repeat #FDC330 27px 30px
}
.nav-ideas.current-menu-item a, .nav-ideas.current_page_parent a, .nav-ideas.current-page-ancestor a {
    background : url(../images/nav-green-arrow.png) no-repeat #90A942 27px 30px
}
.nav-discussion.current-menu-item a, .nav-discussion.current_page_parent a, .nav-dicusssion.current-page-ancestor a {
    background : url(../images/nav-blue-arrow.png) no-repeat #134A6D 51px 30px
}
.nav-action.current-menu-item a, .nav-action.current_page_parent a, .nav-action.current-page-ancestor a {
    background : url(../images/nav-red-arrow.png) no-repeat #942021 36px 30px
}
.nav-media.current-menu-item a, .nav-media.current_page_parent a, .nav-media.current-page-ancestor a {
    background : url(../images/nav-yellow-arrow.png) no-repeat #FDC330 30px 30px
}
.nav-events.current-menu-item a, .nav-events.current_page_parent a, .nav-events.current-page-ancestor a {
    background : url(../images/nav-red-arrow.png) no-repeat #942021 33px 30px
}
.nav-library.current-menu-item a, .nav-library.current_page_parent a, .nav-library.current-page-ancestor a {
    background : url(../images/nav-green-arrow.png) no-repeat #90A942 38px 30px
}
#menu-main-navigation li.current-page-ancestor.nav-ideas a,
#menu-main-navigation li.current-page-ancestor.nav-discussion a,
#menu-main-navigation li.current-page-ancestor.nav-action a,
#menu-main-navigation li.current-page-ancestor.nav-events a,
#menu-main-navigation li.current-page-ancestor.nav-library a {
    color : #FFFFFF
}
/*******************************
HEADER
*******************************/

.logo {
    float  : left;
    margin : 10px 0 5px
}
/* Header navigaton */

.header-navigation {
    float : right;
    width : 600px
}
.header-nav-left, .header-nav-right {
    float    : right;
    height   : 40px;
    overflow : hidden;
}
.header-nav-right {
    width    : 195px;
    position : relative;
}
.header-nav-left li {
    float : left;
}
.header-nav-left li a {
    background      : url(../images/header-nav-border.gif) no-repeat;
    color           : #4D4D4D;
    display         : block;
    padding         : 14px;
    text-decoration : none
}
.header-nav-left li a.header-nav-left-first {
    background : none
}
.header-nav-left li a:hover, .header-navigation li.current_page_item a {
    text-decoration : underline
}
.header-nav-right li {
    margin-left : 1px;
    position    : relative;
    float       : left;
    z-index     : 10;
}
.header-nav-right li a {
    background-color : #0F486D;
    color            : #FFFFFF;
    display          : block;
    font-size        : 12px;
    font-family      : AvantGardeBold, Arial, sans-serif;
    font-weight      : normal;
    line-height      : 13px;
    padding          : 15px 10px 12px 10px;
    text-align       : center;
    text-decoration  : none;
    text-transform   : uppercase;
    width            : 132px
}
.search-button {
    background  : url(../images/search-button.gif) no-repeat;
    border      : 0;
    cursor      : pointer;
    height      : 40px;
    position    : relative;
    text-indent : -9999px;
    width       : 40px;
    z-index     : 100;
}
.header-nav-right li.search-button {
    z-index     : 20;
    background  : none;
    cursor      : default;
    text-indent : 0px;
}
.no-results {
    height     : 36px;
    margin-top : 20px;
    width      : 410px
}
#s {
    border             : 6px solid #809AAA;
    box-shadow         : inset 0 8px 6px -6px #B8BFC3;
    -moz-box-shadow    : inset 0 8px 6px -6px #B8BFC3;
    -webkit-box-shadow : inset 0 8px 6px -6px #B8BFC3;
    height             : 28px;
    margin-right       : -3px;
    width              : 289px;
}
.header-nav-right #s {
    position           : absolute;
    top                : 0;
    right              : -298px;
    padding-left       : 5px;
    width              : 288px;
    height             : 28px !important;
    -webkit-box-sizing : content-box;
    -moz-box-sizing    : content-box;
    box-sizing         : content-box;
}
.header-nav-right #s.open {
    right : 44px;
}
#s:focus {
    outline : none
}
.search #s {
    /*height:40px;
    width:301px*/
}
.post-type-archive-educationinquiry .header-nav-right li:first-child a, .single-educationinquiry .header-nav-right li:first-child a {
    text-decoration : underline
}
/*******************************
HOME
*******************************/

.home-content {
    float    : left;
    margin   : 20px 0 10px;
    position : relative;
    overflow : hidden;
}
.home-yellow-boxes {
    float : left
}
.home-yellow-boxes a, .home-yellow-boxes div.h2 {
    background-color : #FDC330;
    float            : left;
    height           : 30px;
    padding-top      : 15px;
    text-align       : center;
    width            : 478px
}
.home-yellow-boxes div.h2 a {
    background-color : transparent;
    float            : none;
    height           : auto;
    padding-top      : 0;
    width            : auto;
}
.home-yellow-boxes a:first-child {
    margin-right : 4px
}
.home-three-columns {
    border-top         : 1px solid #E5E5E5;
    box-shadow         : 0px -1px 0px #CCCCCC;
    -moz-box-shadow    : 0px -1px 0px #CCCCCC;
    -webkit-box-shadow : 0px -1px 0px #CCCCCC;
    float              : left;
    margin-top         : 10px
}
.three-column {
    border-left        : 1px solid #E5E5E5;
    box-shadow         : -1px 0px 0px #CCCCCC;
    -moz-box-shadow    : -1px 0px 0px #CCCCCC;
    -webkit-box-shadow : -1px 0px 0px #CCCCCC;
    float              : left;
    padding            : 10px 0 10px 10px;
    width              : 308px
}
.three-column:first-child {
    border             : 0;
    box-shadow         : none;
    -moz-box-shadow    : none;
    -webkit-box-shadow : none;
    padding            : 10px 10px 10px 0;
}
.three-col-center {
    padding : 10px;
    width   : 298px
}
#main .three-column ul {
    list-style-type : none;
    margin          : 0
}
#main .three-column ul li {
    margin-bottom : 0
}
#main .three-column ul li.h2 {
    font-size     : 19px;
    margin-bottom : 0
}
#main .three-column .ideas-top ul li.h2 {
    color : #90A942
}
#main .three-column .discussion-top ul li.h2 {
    color : #134A6D
}
#main .three-column .action-top ul li.h2 {
    color : #942021
}
.ideas-top, .discussion-top, .action-top {
    border-bottom : 2px dotted #CCCCCC;
    height        : 210px;
    position      : relative;
}
.ideas-top ul li:first-child,
.discussion-top ul li:first-child,
.action-top ul li:first-child {
    font-size : 19px
}
.home-ideas-icon {
    background  : url(../images/icon-sprite.jpg) no-repeat 0px 0px;
    height      : 150px;
    left        : 80px;
    position    : absolute;
    text-indent : -9999px;
    top         : 30px;
    width       : 150px
}
.home-ideas-icon:hover {
    background : url(../images/icon-sprite.jpg) no-repeat 0px -150px;
}
.home-ideas-icon:active {
    background : url(../images/icon-sprite.jpg) no-repeat 0px -300px;
}
.home-discussion-icon {
    background  : url(../images/icon-sprite.jpg) no-repeat -150px 0px;
    height      : 150px;
    left        : 80px;
    position    : absolute;
    text-indent : -9999px;
    top         : 30px;
    width       : 150px
}
.home-discussion-icon:hover {
    background : url(../images/icon-sprite.jpg) no-repeat -150px -150px;
}
.home-discussion-icon:active {
    background : url(../images/icon-sprite.jpg) no-repeat -150px -300px;
}
.home-action-icon {
    background  : url(../images/icon-sprite.jpg) no-repeat -300px 0px;
    height      : 150px;
    left        : 80px;
    position    : absolute;
    text-indent : -9999px;
    top         : 30px;
    width       : 150px
}
.home-action-icon:hover {
    background : url(../images/icon-sprite.jpg) no-repeat -300px -150px;
}
.home-action-icon:active {
    background : url(../images/icon-sprite.jpg) no-repeat -300px -300px;
}
.column-text {
    border-bottom : 2px dotted #CCCCCC;
    height        : 40px;
    padding       : 15px 0
}
.listing .recent-listing-text {
    position : relative
}
#main .three-column ul.discussion-social-links {
    float      : right;
    margin-top : -35px;
    width      : 30px;
}
#main .three-column ul.discussion-social-links li a {
    margin-bottom : 4px
}
/*******************************
SIDEBARS
*******************************/

/* Left sidebar */

.left-sidebar {
    float : left;
    width : 162px
}
.sidebar-page-title {
    margin  : 20px 0 40px;
    padding : 13px 20px 11px
}
.sub-pages {
    /*margin-top : 20px*/
}
.left-sidebar .sub-pages ul {
    margin : 20px 0
}
.sub-pages ul li {
    margin-bottom : 2px
}
.sub-pages ul li a {
    display : block;
    padding : 11px 10px 9px
}
.sp-red ul li.current_page_item {
    background : url(../images/nav-red-arrow-left.png) no-repeat #942021 154px 8px;
}
.sp-blue ul li.current_page_item {
    background : url(../images/nav-blue-arrow-left.png) no-repeat #0F486D 154px 8px;
}
.sp-yellow ul li.current_page_item {
    background : url(../images/nav-yellow-arrow-left.png) no-repeat #FDC330 154px 8px;
}
.sp-green ul li.current_page_item {
    background : url(../images/nav-green-arrow-left.png) no-repeat #90A942 154px 8px;
}
.back-button {
    padding : 11px 8px 8px 9px
}
/* Right sidebar */

.right-sidebar {
    float       : left;
    padding-top : 5px;
    width       : 318px
}
.textwidget {
    margin : 0 0 20px 10px
}
.sub-pages ul {
    margin : 20px 0 20px 10px
}
.right-sidebar .archive-title {
    padding-left : 10px
}
.large-button {
    display       : block;
    margin-bottom : 5px;
    padding       : 13px 15px 11px;
    text-align    : center
}
.sidebar-yellow .large-button:hover {
    text-decoration : underline
}
.sidebar-green .large-button:hover {
    text-decoration : underline
}
.sidebar-red .large-button:hover {
    text-decoration : underline
}
.sidebar-blue .large-button:hover {
    text-decoration : underline
}
.sidebar-title {
    border-bottom : 2px solid #CCCCCC;
    border-top    : 2px solid #CCCCCC;
    float         : left;
    padding       : 15px 0 13px 10px;
    width         : 308px
}
.upcoming-events-wrapper {
    float      : left;
    margin-top : 15px;
    width      : 100%
}
.upcoming-events li {
    border-bottom : 2px dotted #CCCCCC;
    float         : left;
    padding       : 15px 10px 15px 0;
    width         : 100%
}
.right-sidebar .recent-activity {
    float   : left;
    padding : 0 10px
}
.right-sidebar .recent-activity.related-items {
    margin-bottom : 30px
}
.right-sidebar .recent-activity .listing {
    width : 298px
}
.right-sidebar .recent-listing-text {
    float         : left;
    padding-right : 10px;
    width         : 238px
}
.right-sidebar .small-icon {
    float        : left;
    height       : 40px;
    margin-right : 10px;
    width        : 40px;
}
.right-sidebar li.listing .small-icon.action {
    background : url(../images/icon-sprite-small.jpg) no-repeat -80px 0;
}
.right-sidebar li.listing .small-icon.discussion {
    background : url(../images/icon-sprite-small.jpg) no-repeat -40px 0;
}
.right-sidebar li.listing .small-icon.idea {
    background : url(../images/icon-sprite-small.jpg) no-repeat 0 0;
}
.right-sidebar li.listing:hover .small-icon.action {
    background : url(../images/icon-sprite-small.jpg) no-repeat -80px -40px;
}
.right-sidebar li.listing:hover .small-icon.discussion {
    background : url(../images/icon-sprite-small.jpg) no-repeat -40px -40px;
}
.right-sidebar li.listing:hover .small-icon.idea {
    background : url(../images/icon-sprite-small.jpg) no-repeat 0 -40px;
}
.arrow.action, .arrow.discussion, .arrow.idea {
    margin-top : -10px
}
.small-icon.media {
    display : none
}
.arrow.media {
    margin-top : 0
}
.load-more, .see-all {
    cursor     : pointer;
    float      : left;
    margin-top : 10px
}
.load-more:hover, .see-all:hover {
    text-decoration : underline
}
.contact-regions ul {
    margin-top : 20px
}
.contact-regions ul li {
    background-color : #942021;
    margin           : 0 0 2px 10px
}
.contact-regions ul li a {
    color   : #FFFFFF;
    display : block;
    padding : 11px 10px 9px;
}
/* Twitter */

.twitter-widget {
    border-top : 2px dotted #E5E5E5;
    float      : left
}
.twitter-widget ul {
    padding-left : 10px
}
.twitter-widget ul li {
    background    : url(../images/twitter-feed-icon.png) no-repeat 0 15px;
    border-bottom : 2px dotted #CCCCCC;
    min-height    : 40px;
    padding       : 15px 0 15px 50px
}
.sidebar-social-wrapper {
    float          : left;
    padding-bottom : 15px
}
.sidebar-social {
    float         : left;
    margin-bottom : 30px
}
.sidebar-twitter {
    background   : url(../images/social-sprite-large.png) no-repeat 0 0;
    float        : left;
    height       : 89px;
    margin-right : 18px;
    width        : 90px
}
.sidebar-twitter:hover {
    background : url(../images/social-sprite-large.png) no-repeat 0 -89px;
}
.sidebar-facebook {
    background   : url(../images/social-sprite-large.png) no-repeat -90px 0;
    float        : left;
    height       : 89px;
    margin-right : 18px;
    width        : 90px
}
.sidebar-facebook:hover {
    background : url(../images/social-sprite-large.png) no-repeat -90px -89px;
}
.sidebar-rss {
    background : url(../images/social-sprite-large.png) no-repeat -180px 0;
    float      : left;
    height     : 89px;
    width      : 91px
}
.sidebar-rss:hover {
    background : url(../images/social-sprite-large.png) no-repeat -180px -89px;
}
.right-sidebar-intro-text {
    border-bottom  : 2px dotted #E5E5E5;
    margin         : 15px 0 0 10px;
    padding-bottom : 15px;
}
.sidebar-right-buttons {
    margin-top : 15px
}
.sidebar-right-buttons.sign-up-right {
    border-bottom  : 2px solid #E5E5E5;
    margin-bottom  : 15px;
    margin-left    : -11px;
    padding-bottom : 15px
}
.sign-up-right a {
    margin-left : 15px
}
/*******************************
FILTERS
*******************************/

.filter-by-heading {
    color      : #FFFFFF;
    cursor     : pointer;
    height     : 9px;
    margin-top : 15px;
    padding    : 10px;
    width      : 142px
}
.sidebar-yellow .filter-by-heading {
    color : #191919
}
.sidebar-blue .filter-by-heading-down {
    background : url(../images/filter-arrow-down-blue.gif) no-repeat right #134A6D;
}
.sidebar-blue .filter-by-heading-up {
    background : url(../images/filter-arrow-up-blue.gif) no-repeat right #134A6D;
}
.sidebar-green .filter-by-heading-down {
    background : url(../images/filter-arrow-down-green.gif) no-repeat right #90A942;
}
.sidebar-green .filter-by-heading-up {
    background : url(../images/filter-arrow-up-green.gif) no-repeat right #90A942;
}
.sidebar-red .filter-by-heading-down {
    background : url(../images/filter-arrow-down-red.gif) no-repeat right #942021;
}
.sidebar-red .filter-by-heading-up {
    background : url(../images/filter-arrow-up-red.gif) no-repeat right #942021;
}
.sidebar-yellow .filter-by-heading-down {
    background : url(../images/filter-arrow-down-yellow.gif) no-repeat right #FFC40B;
}
.sidebar-yellow .filter-by-heading-up {
    background : url(../images/filter-arrow-up-yellow.gif) no-repeat right #FFC40B;
}
.filter-dropdown {
    color       : #FFFFFF;
    font-weight : bold;
    padding     : 6px 6px 6px 8px;
}
.sidebar-blue .filter-dropdown {
    background-color : #567F99
}
.sidebar-green .filter-dropdown {
    background-color : #B1C37A
}
.sidebar-red .filter-dropdown {
    background-color : #B46263
}
.sidebar-yellow .filter-dropdown {
    background-color : #FED56E
}
.filter-item input[type=checkbox], #subscribe input[type=checkbox] {
    display : none
}
.filter-item label, #subscribe label {
    cursor     : pointer;
    display    : block;
    height     : 20px;
    margin-top : 3px;
    font-size  : 11px
}
.filter-item label:before, #subscribe label:before {
    background-color : #F4F6EC;
    box-shadow       : inset 0px 1px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
    content          : "";
    float            : right;
    height           : 16px;
    margin           : -3px 1px 0 10px;
    padding          : 2px 0 0 1px;
    width            : 16px
}
.filter-item input[type=checkbox]:checked + label:before, #subscribe input[type=checkbox]:checked + label:before {
    color       : #4D4D4D;
    content     : "x";
    font-size   : 13px;
    font-weight : normal;
    text-align  : center
}
/*******************************
DROPDOWN ARROWS
*******************************/

.arrow {
    bottom   : 0px;
    cursor   : pointer;
    /*float      : right;*/
    height   : 19px;
    /*margin-top : -10px;*/
    position : absolute;
    right    : 0;
    opacity  : 0.8;
    width    : 20px
}
.arrow:hover {
    opacity : 1
}
.green.arrow-down, .idea.arrow-down {
    background : url(../images/arrows.png) no-repeat 0px 0px;
}
.green.arrow-up, .idea.arrow-up {
    background : url(../images/arrows.png) no-repeat 0px -19px;
}
.blue.arrow-down, .discussion.arrow-down {
    background : url(../images/arrows.png) no-repeat -20px 0px;
}
.blue.arrow-up, .discussion.arrow-up {
    background : url(../images/arrows.png) no-repeat -20px -19px;
}
.red.arrow-down, .action.arrow-down {
    background : url(../images/arrows.png) no-repeat -40px 0px;
}
.red.arrow-up, .action.arrow-up {
    background : url(../images/arrows.png) no-repeat -40px -19px;
}
.yellow.arrow-down, .media.arrow-down {
    background : url(../images/arrows.png) no-repeat -60px 0px;
}
.yellow.arrow-up, .media.arrow-up {
    background : url(../images/arrows.png) no-repeat -60px -19px;
}
/*******************************
LISTINGS PAGES
*******************************/

.page-intro {
    height  : 120px;
    padding : 20px;
    width   : 417px
}
.archive-header {
    border-bottom : 2px solid #CCCCCC;
    padding       : 15px 0;
}
.right-sidebar .archive-header {
    border-top : 2px solid #CCCCCC;
}
.right-sidebar.sidebar-green .archive-header {
    border-top : 0
}
#full .archive-header {
    padding : 8px 0 15px
}
.listing {
    border-bottom : 2px dotted #CCCCCC;
    float         : left;
    padding       : 15px 0;
    width         : 100%
}
.listing.last {
    border-bottom : 0
}
.listing-text {
    float    : left;
    position : relative;
    width    : 100%
}
.listing-text-with-thumb {
    float      : left;
    min-height : 98px;
    position   : relative;
    width      : 80%
}
.no-listing-thumb .listing-text-with-thumb {
    min-height : 78px;
    width      : 100%
}
.listing h2, .listing h3 {
    margin-bottom : 5px
}
.listing-excerpt {
    display    : none;
    float      : left;
    margin-top : 15px;
    width      : 100%
}
.page-listing-title {
    border-top : 2px solid #CCCCCC;
    float      : left;
    margin-top : 15px;
    width      : 100%
}
.attachment-publication-thumb {
    float        : left;
    margin-right : 15px
}
.see-more {
    float  : left;
    margin : 15px 0;
    width  : 100%
}
/* Listings pages with large banner */

.banner-header {
    padding  : 15px 0;
    position : relative;
    width    : 100%
}
.full-width-buttons {
    float      : left;
    margin-top : 10px;
    width      : 100%
}
.full-width-buttons a {
    float : left;
    width : 448px
}
.full-width-buttons a:first-child {
    margin-right : 4px
}
.banner-page-title {
    left     : 30px;
    padding  : 13px 20px 11px;
    position : absolute;
    top      : 15px
}
/* If the page has a top banner image, these styles will need to be applied */
.blog #inner-content, .action #inner-content {
    border-top : 2px solid #CCCCCC;
    margin-top : 10px
}
.icon-large {
    height   : 250px;
    position : absolute;
    right    : 50px;
    top      : 62px;
    width    : 250px
}
/* Discussion */

.discussion-icon {
    background : url(../images/discussion-icon-large.png) no-repeat;
}
/* Action */

.action-icon {
    background : url(../images/action-icon-large.png) no-repeat;
}
.action .page-entry-content {
    margin-top : 0
}
.double-listing-wrapper {
    border-top : 2px solid #CCCCCC;
    float      : left;
    margin-top : 20px
}
/* Ideas */

.ideas-icon {
    background : url(../images/ideas-icon-large.png) no-repeat;
}
.topic-list a {
    margin-left     : 10px;
    text-decoration : none
}
.topic-list a:first-child {
    margin-left : 0
}
.topic-list a:hover {
    text-decoration : underline
}
/* Campaigns */

.past-campaigns-list {
    float : left
}
/* Sorting */

.sorting {
    float      : right;
    margin-top : 18px
}
.current-sort {
    font-weight     : bold;
    text-decoration : underline
}
/*******************************
SINGLES
*******************************/

.single-section {
    border-bottom : 2px dotted #CCCCCC;
    padding       : 20px 0
}
.attachment-publication-single {
    border : 1px solid #CCCCCC
}
.page-entry-content {
    margin-top : 20px
}
.single-section.page-entry-content {
    margin-top : 0px;
}
.page-entry-content h3, .page-entry-content iframe {
    margin : 15px 0
}
.page-entry-content p, #main .page-entry-content ul, #main .page-entry-content ol {
    margin-bottom : 20px;
}
#main ul {
    list-style-type : disc;
    margin          : 15px 0 0 15px
}
#main ul li {
    color         : #666666;
    font-size     : 13px;
    margin-bottom : 5px
}
#main ul.recent-activity {
    list-style-type : none;
    margin          : 0;
    overflow        : hidden
}
.alignleft {
    float  : left;
    margin : 10px 10px 10px 0
}
.alignright {
    float  : right;
    margin : 10px 0 10px 10px
}
.ah-single {
    margin : -20px 0 20px
}
.single-section h3 {
    margin-bottom : 15px
}
/*******************************
LIBRARY
*******************************/

#full .archive-header {
    padding-left : 20px
}
.library-listing {
    border-bottom : 2px dotted #CCCCCC;
    float         : left;
    margin        : 20px 0 0 20px;
    height        : 300px;
    width         : 234px
}
.library-listing .library-listing-img {
    height : 145px;
}
.library-listing img, .ideas .listing img {
    border    : 1px solid #CCCCCC;
    min-width : 75px
}
.library-listing img:hover, .ideas .listing img:hover {
    border : 1px solid #E0E0E0
}
.library-listing-text h3 {
    margin : 5px 0
}
.library .load-more {
    margin-left : 20px
}
.library-type {
    margin : 20px 0 10px
}
.large-top-margin {
    margin-top : 165px
}
/*******************************
COMMENTS
*******************************/

#respond {
    background-color : #DBE4E9;
    float            : left;
    margin-top       : 20px;
    padding-bottom   : 10px;
    width            : 100%
}
.comment-subtitle {
    margin : 15px 0 5px 10px
}
#comment-form-title {
    padding : 10px 0 8px 10px
}
#commentform {
    padding : 0 10px 10px 10px
}
.comment-input, #commentform textarea {
    background-color : #FFFFFF;
    border           : 1px solid #B8C8D2;
    color            : #666666;
    font-family      : Arial, sans-serif;
    font-size        : 13px;
    margin-bottom    : 8px;
    max-width        : 420px;
    padding          : 7px;
    width            : 420px
}
#commentform textarea {
    height : 60px;
}
.submit-button, .filter-button {
    border     : 0;
    cursor     : pointer;
    float      : right;
    padding    : 10px 0 8px;
    text-align : center;
    width      : 70px
}
.submit-button {
    margin-top : 5px
}
.filter-button {
    background-color : #636466;
    margin           : 15px 8px 0 0
}
.comments {
    float      : left;
    margin-top : 20px;
    width      : 100%
}
.avatar, .comment-reply-link {
    display : none
}
.comment-author {
    background-color : #134A6D;
    color            : #FFFFFF;
    padding          : 8px 10px 10px
}
.comment_content {
    border-left   : 1px solid #CCCCCC;
    border-right  : 1px solid #CCCCCC;
    border-bottom : 1px solid #CCCCCC;
    padding       : 10px
}
.comment-liability {
    font-size   : 11px;
    margin-left : 10px;
    width       : 320px
}
#subscribe label:before {
    float  : left;
    margin : -3px 6px 0 0
}
#main ol.commentlist, #main ul#comment-form-elements {
    list-style-type : none;
    margin          : 0;
    padding         : 0
}
/*******************************
SEARCH
*******************************/

.search-header {
    border-bottom  : 2px solid #CCCCCC;
    float          : left;
    margin-bottom  : 20px;
    padding-bottom : 10px;
    width          : 100%
}
.search-header .sorting {
    margin-top : 0
}
.search-title {
    float       : left;
    margin-left : 15px
}
.searched-for {
    font-size   : 16px;
    margin-left : 5px
}
.search-results {
    float : left;
    width : 100%
}
.search-results article {
    border-bottom  : 2px dotted #CCCCCC;
    float          : left;
    margin         : 0 0 15px 15px;
    padding-bottom : 15px;
    width          : 100%
}
.search-icon {
    border-right  : 2px dotted #CCCCCC;
    float         : left;
    height        : 180px;
    margin-right  : 15px;
    padding-right : 18px;
    width         : 120px;
}
.search-results article .search-icon.action {
    background : url(../images/icon-sprite-search.jpg) no-repeat -280px 0px;
}
.search-results article .search-icon.discussion {
    background : url(../images/icon-sprite-search.jpg) no-repeat -140px 0px;
}
.search-results article .search-icon.idea {
    background : url(../images/icon-sprite-search.jpg) no-repeat 0px 0px;
}
.search-results article:hover .search-icon.action {
    background : url(../images/icon-sprite-search.jpg) no-repeat -280px -180px;
}
.search-results article:hover .search-icon.discussion {
    background : url(../images/icon-sprite-search.jpg) no-repeat -140px -180px;
}
.search-results article:hover .search-icon.idea {
    background : url(../images/icon-sprite-search.jpg) no-repeat 0px -180px;
}
.search-result-text {
    float : left;
    width : 550px
}
.attachment-search-thumb {
    border       : 1px solid #CCCCCC;
    float        : left;
    margin-right : 20px
}
/*******************************
FOOTER
*******************************/

.quick-links {
    float   : left;
    padding : 20px;
    width   : 620px
}
.footer-title-red {
    background-color : #942021;
    float            : left;
    font             : 12px/13px AvantGardeBold;
    margin-top       : -53px;
    padding          : 11px 10px 9px 10px;
    text-align       : center;
    width            : 85px
}
.footer-links {
    float       : left;
    margin-left : 11px;
    width       : 115px
}
.footer-links:first-child {
    margin-left : 0
}
.footer-links li {
    margin-bottom : 1px
}
.social-footer-links {
    border-left        : 1px solid #808080;
    box-shadow         : -1px 0px 0px #4D4D4D;
    -moz-box-shadow    : -1px 0px 0px #4D4D4D;
    -webkit-box-shadow : -1px 0px 0px #4D4D4D;
    float              : left;
    padding            : 18px 25px 17px
}
.social-footer-links ul {
    width : 30px
}
.social-footer-links ul li {
    float         : left;
    margin-bottom : 5px
}
.twitter-footer {
    background  : url(../images/social-sprite-footer.png) no-repeat 0px 0px;
    float       : left;
    height      : 30px;
    text-indent : -9999px;
    width       : 30px
}
.twitter-footer:hover {
    background : url(../images/social-sprite-footer.png) no-repeat 0px -30px;
}
.facebook-footer {
    background  : url(../images/social-sprite-footer.png) no-repeat -30px 0px;
    float       : left;
    height      : 30px;
    text-indent : -9999px;
    width       : 30px
}
.facebook-footer:hover {
    background : url(../images/social-sprite-footer.png) no-repeat -30px -30px;
}
.rss-footer {
    background  : url(../images/social-sprite-footer.png) no-repeat -60px 0px;
    float       : left;
    height      : 30px;
    text-indent : -9999px;
    width       : 30px
}
.rss-footer:hover {
    background : url(../images/social-sprite-footer.png) no-repeat -60px -30px;
}
.contact-footer {
    border-left        : 1px solid #808080;
    box-shadow         : -1px 0px 0px #4D4D4D;
    -moz-box-shadow    : -1px 0px 0px #4D4D4D;
    -webkit-box-shadow : -1px 0px 0px #4D4D4D;
    float              : left;
    height             : 105px;
    padding            : 18px 25px 17px
}
.footer-title-yellow {
    background-color : #FDC330;
    float            : left;
    font             : 12px/13px AvantGardeBold;
    margin-top       : -51px;
    padding          : 11px 10px 9px 10px;
    text-align       : center;
    width            : 85px
}
.footer-title-yellow a {
    color : #4D4D4D;
}
.footer-address {
    margin-bottom : 5px
}
.footer-address .yellow {
    color : #FDC330
}
.footer-bottom-nav {
    float  : right;
    height : 30px
}
.footer-bottom-nav li {
    border-right : 2px solid #4D4E4F;
    float        : left;
    height       : 23px;
    padding      : 9px 10px 0 10px
}
.footer-bottom-nav li a {
    color     : #FFFFFF;
    font-size : 10px
}
/*******************************
MISC
*******************************/

.clear {
    clear : both
}
.yellow-circle {
    background : url(../images/yellow-circle.png) no-repeat;
    height     : 160px;
    padding    : 70px 25px 20px 25px;
    position   : absolute;
    right      : 50px;
    text-align : center;
    top        : 45px;
    width      : 200px
}
.yellow-circle h4 {
    margin-bottom : 10px
}
.yellow-circle p {
    margin-top : 10px
}
.yellow-circle p a {
    text-decoration : none
}
.yellow-circle p a:hover {
    text-decoration : underline
}
.margin-top {
    margin-top : 10px
}
.margin-bottom {
    margin-bottom : 10px
}
.topic-box {
    display    : inline-block;
    margin     : 0 10px 10px 0;
    padding    : 10px 10px 8px;
    text-align : center;
}
.slideshow_description h2 {
    text-transform : none
}
#post-not-found {
    margin-top : 20px
}
.slideshow_container_slideshow-jquery-image-gallery-custom-styles_1 .slideshow_description {
    background : url(../images/banner-opacity.png);
}
#main object {
    display : block;
    margin  : 20px 0
}
.comment-edit-link {
    color : #FFFFFF;
}
#main ol {
    list-style-type : decimal;
    margin          : 15px 0;
    padding-left    : 30px
}
#main ol li {
    color         : #666666;
    font-size     : 13px;
    margin-bottom : 15px
}
.paypal {
    position : relative;
}
.paypal select {
    position    : absolute;
    top         : 18px;
    z-index     : 1;
    width       : 250px;
    margin-left : 108px
}
.overlay-select {
    background     : url(../images/select-background.png) no-repeat;
    font-family    : AvantGardeBold;
    height         : 40px;
    margin-left    : 108px;
    text-transform : uppercase;
    width          : 276px;
    position       : relative;
    z-index        : 9999;
    padding-top    : 2px;
}
.overlay-select span {
    width      : 222px;
    height     : 24px;
    display    : block;
    position   : relative;
    z-index    : 999;
    background : #FFFFFF;
    padding    : 12px 0 0 10px;
    font-size  : 11px;
}
#main ul.overlay-dropdown {
    background-color : #FFFFFF;
    border           : 2px solid #942021;
    list-style-type  : none;
    margin           : 0 0 0 -1px;
    padding          : 10px;
    width            : 211px
}
#main ul.overlay-dropdown li {
    border-top  : 1px solid #E5E5E5;
    cursor      : pointer;
    padding-top : 5px;
    font-size   : 11px;
}
#main ul.overlay-dropdown li:first-child {
    border-top : 0;
}
.paypal-subscribe {
    float      : left;
    margin-top : -42px;
    opacity    : 1
}
.paypal-subscribe:hover {
    opacity : 0.8
}
.paypal-logo {
    margin-top : -60px
}
.not-visible {
    visibility : hidden
}
/* iPhone support */

input {
    -webkit-appearance : none;
    border-radius      : 0;
}
.tel, .action a.tel, .idea a.tel, .discussion a.tel {
    color           : #FFFFFF;
    text-decoration : none
}
/*******************************
NEWSLETTER SIGN UP
*******************************/

.sign-up {
    position : relative;
    overflow : hidden;
}
.sml_subscribe, .esml_subscribe {
    position         : absolute;
    top              : 0;
    right            : -478px;
    display          : block;
    background-color : #FDC330;
    height           : 30px;
    text-align       : center;
    width            : 478px;
    padding-top      : 10px;
    overflow         : hidden;
}
.bg-green .sml_subscribe, .sidebar-green .sml_subscribe,
.bg-green .esml_subscribe, .sidebar-green .esml_subscribe {
    background-color : #90A942;
}
.bg-red .sml_subscribe, .sidebar-red .sml_subscribe,
.bg-red .esml_subscribe, .sidebar-red .esml_subscribe {
    background-color : #942021;
}
.bg-blue .sml_subscribe, .sidebar-blue .sml_subscribe,
.bg-blue .esml_subscribe, .sidebar-blue .esml_subscribe {
    background-color : #0F486D;
}
.sml_subscribe p, .esml_subscribe p {
    display    : inline-block;
    margin-top : 2px
}
.sml_name {
    display : none !important;
}
.sml_emailinput, .esml_emailinput {
    border       : 0;
    color        : #666666;
    font-size    : 13px;
    height       : 24px;
    margin-right : 10px;
    outline      : none;
    padding-left : 5px;
    width        : 385px
}
.sml_submitbtn, .esml_submitbtn {
    background-color : #942021;
    border           : 0;
    color            : white;
    cursor           : pointer;
    font-family      : AvantGardeBold;
    height           : 25px;
    padding          : 1px 5px 0 5px;
    text-transform   : uppercase;
}
.bg-green .sml_submitbtn, .bg-red .sml_submitbtn, .bg-blue .sml_submitbtn, .sidebar-green .sml_submitbtn, .sidebar-red .sml_submitbtn, .sidebar-blue .sml_submitbtn,
.bg-green .esml_submitbtn, .bg-red .esml_submitbtn, .bg-blue .esml_submitbtn, .sidebar-green .esml_submitbtn, .sidebar-red .esml_submitbtn, .sidebar-blue .esml_submitbtn {
    background-color : #636466;
}
.sml_subscribe p.sml_thankyou,
.sml_subscribe p.esml_thankyou {
    margin-top : 5px;
}
.bg-green .sml_thankyou, .bg-red .sml_thankyou, .bg-blue .sml_thankyou, .sidebar-green .sml_thankyou, .sidebar-red .sml_thankyou, .sidebar-blue .sml_thankyou,
.bg-green .esml_thankyou, .bg-red .esml_thankyou, .bg-blue .esml_thankyou, .sidebar-green .esml_thankyou, .sidebar-red .esml_thankyou, .sidebar-blue .esml_thankyou {
    color : #FFFFFF
}
.error .sml_emailinput, .error .esml_emailinput {
    border : 2px solid #942021;
    height : 20px;
    width  : 381px
}
/* Inner pages */

.large-button.sign-up {
    /*margin-left:11px;*/
    padding : 0
}
.large-button.sign-up-btn {
    padding : 12px 0 7px 0
}
.sidebar-right-buttons .sml_subscribe, .sidebar-right-buttons .esml_subscribe {
    padding-top : 5px;
    width       : 308px
}
.sidebar-right-buttons .sml_emailinput, .sidebar-right-buttons .esml_emailinput {
    width : 215px
}
.sidebar-right-buttons .sml_subscribe p, .sidebar-right-buttons .esml_subscribe p {
    margin-top : 6px
}