@import url("dynamicMenu/dynamicMenu.css");
@import url("dynamicMenu/autoScalingMenu.css");
@import url("ace15.css");
/*---===<<< UNIVERSAL RESETS AND STYLES >>>===---*/
*
{
    margin: 0;
    padding: 0;
}

.clear
{
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
}

a img
{
    border: 0;
}

a:focus
{
    border: none;
    outline: none;
}
/* body .DnnModule {z-index:auto; position:relative; }*/
.dnnCPHeader li, ul.dnnActionMenuBody li, li.rcbItem, li.rcbHovered
{
    background: none;
    font-size: 12px;
}

input, textarea
{
    font-family: Helvetica, Arial, sans-serif;
    resize: none;
}

    input[type="text"], input[type="password"], textarea, select
    {
        outline: none;
    }

.DNNEmptyPane
{
    display: none;
}

#Body #RibbonBar_EditPage_SkinLst_DropDown
{
    width: 250px !important;
}

    #Body #RibbonBar_EditPage_SkinLst_DropDown li
    {
        font-size: 11px !important;
    }

#Body #RibbonBar_EditPage_SkinLst
{
    width: 252px !important;
}

    #Body #RibbonBar_EditPage_SkinLst .rcbInput
    {
        font-size: 11px !important;
        width: 220px !important;
    }

#Body #dnnCurrentPage .megaborder
{
    width: 610px;
}

#Body #dnnCurrentPage .cbcpPageEdit.dnnRight
{
    width: 340px;
}

#Body #dnnCommonTasks .megaborder
{
    width: 340px;
}

#Body .dnnCPModSelection .dnnClear
{
    width: 336px;
}

    #Body .dnnCPModSelection .dnnClear #RibbonBar_AddMod_ModuleLst .RadComboBox
    {
        width: 260px !important;
    }

    #Body .dnnCPModSelection .dnnClear #RibbonBar_AddMod_ModuleLst .rcbInput
    {
        font-size: 11px !important;
    }

#Body #RibbonBar_AddMod_ctl02_DropDown li
{
    font-size: 11px !important;
}

.skin-wrap .dnnActionMenu.ui-draggable
{
    position: relative;
    width: 100px;
}

#Body .dnnadminmega li.leaf
{
    left: 0;
}

.ui-menu
{
    z-index: 10000 !important;
}
/*---===<<< CONTENT STYLES >>>===---*/
#Body
{
}
/*---=== HEADING STYLES ===---*/
h1
{
    margin: 0 0 8px;
}

    h1, h1 .Head
    {
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        color: #000;
        font-weight: 400;
        line-height: 18px;
    }

h2
{
    margin: 0 0 16px;
}

    h2, h2 .Head
    {
        font-family: 'Rokkitt', sans-serif;
        font-size: 26px;
        text-transform: uppercase;
        color: #ec9311;
        font-weight: 400;
        line-height: 20px;
    }

        h2 .Head span
        {
            color: #505050;
        }

h3
{
}

    h3, h3 .Head
    {
        font-family: 'Rokkitt', sans-serif;
        color: #ec9311;
        font-size: 20px;
        font-weight: 400;
        line-height: 18px;
    }

h4
{
}

    h4, h4 .Head
    {
        font-family: 'Rokkitt', sans-serif;
        font-size: 16px;
        color: #ec9311;
        font-weight: 400;
        line-height: 18px;
    }

h5
{
}

    h5, h5 .Head
    {
        font-family: 'Open Sans', sans-serif;
        color: #ec9311;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0 0 18px;
        line-height: 18px;
    }

/*AWWA Font styles*/
.h2b
{
    margin: 0 0 16px;
    font-family: 'Rokkitt', sans-serif;
    font-size: 26px;
    text-transform: uppercase;
    color: #505050;
    font-weight: 400;
    line-height: 26px;
}

.h3b
{
    font-family: 'Rokkitt', sans-serif;
    color: #505050;
    font-size: 20px;
    font-weight: 400;
    line-height: 18px;
}

.h3bb
{
    font-family: 'Rokkitt', sans-serif;
    color: #505050;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0px;
}
/*edit for rotator after upgrade*/
.h4b
{
    font-family: 'Rokkitt', sans-serif;
    font-size: 16px;
    color: #505050;
    font-weight: 400;
    line-height: 18px;
}

.h4t {
    font-family: 'Rokkitt', sans-serif;
    font-size: 16px;
    color: #4EC3D2;
    font-weight: 400;
    line-height: 18px;
}

.h5b
{
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 18px;
    line-height: 18px;
}

.h5t {
    font-family: 'Open Sans', sans-serif;
    color: #4EC3D2;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 18px;
    line-height: 18px;
}

.subHead1
{
    font-family: 'Open Sans', san-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #111111;
    text-decoration: none;
}

.importantNote
{
    color: #ff2222;
    font-family: 'Open Sans';
    font-size: 10px;
    font-weight: bold;
}

.infoText
{
    font-family: 'Rokkitt',san-serif;
    color: #88898D;
    font-size: 13px;
    font-weight: lighter;
}

.body1
{
    font-family: 'Open Sans', san-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: none;
    color: #000000;
    font-weight: 400;
}

.body2
{
    font-family: 'Open Sans', san-serif;
    font-size: 11px;
    text-decoration: none;
    text-transform: none;
    color: #C0C0C0;
    font-style: italic;
    font-weight: 400;
}

.body3
{
    font-family: 'Open Sans', san-serif;
    font-size: 11px;
    text-decoration: none;
    text-transform: none;
    color: #000000;
    font-weight: 400;
}

.smallerBlackText
{
    font-family: 'Open Sans', san-serif;
    font-size: 10px;
    color: Black;
}

.caption
{
    font-family: 'Open Sans', san-serif;
    font-size: 10px;
    color: #88898d;
    font-style: italic;
}

.purpleCallOut
{
    font-family: 'Cabin Sketch', san-serif;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    color: #7c2b68;
}

.blackCallOut
{
    font-family: 'Cabin Sketch', san-serif;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    color: #000000;
}

.teal_title
{
    color: #4EC3D2;
    font-family: Rokkitt;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
}

/*h1 {margin:0 0 8px;}
h1, h1 .Head {font-family: 'Rokkitt', sans-serif; font-size: 20px; color:#ec9311; font-weight:400; line-height:20px;}
h2 {margin:0 0 16px;}
h2, h2 .Head {font-family: 'Rokkitt', sans-serif; font-size: 26px; text-transform:uppercase; color:#ec9311; font-weight:400; line-height:26px;}
h2 .Head span {color:#505050;}
h3 {}
h3, h3 .Head {font-family: 'Open Sans', sans-serif; color:#000; font-size: 12px; font-weight: 700; text-transform: uppercase;}
h4 {}
h4, h4 .Head {font-family: 'Rokkitt', sans-serif; font-size: 20px; color:#ec9311; font-weight:400; line-height:20px;}
h5 {}
h5, h5 .Head {font-family: 'Open Sans', sans-serif; color:#eb9211; font-size: 12px; font-weight: 700; text-transform: uppercase; margin:0 0 18px;}
h6 {margin:0 0 16px;}
h6, h6 .Head {font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:400; line-height:1.3em; color:#000;}
/*---=== TEXT STYLES ===---*/
body, p, .Normal, .NormalRed, .NormalDisabled, .NormalBold, .SkinObject, .CommandButton
{
    font-family: 'Open Sans', sans-serif;
}

p
{
    font-size: 12px;
    color: #000;
    line-height: 16px;
    margin: 0 0 18px;
}

    p.disclaimer
    {
        font-size: 10px;
        color: #555;
    }
/* BODY 1 */
.hp-rotator p
{
    font-weight: 400;
}
/* BODY 2 */
.hp-news p
{
    font-weight: 600;
}
/*---=== HORIZONTAL RULE ===---*/
hr
{
    background-color: #DADADA;
    border: 0 none;
    color: #DADADA;
    height: 1px;
    margin-bottom: 20px;
}
/*---=== LINK STYLES ===---*/
a:link, a:visited, a:active
{
    color: #0098D7;
    font-weight: 700;
}

a:hover
{
    text-decoration: underline;
}
/*---=== BUTTON STYLES ===---*/
a.primaryButton1, .primaryButton1
{
    height: 42px;
    padding: 0 23px;
    line-height: 42px !important;
    font-family: 'Rokkitt', sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    background: #0098d7;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-style: none;
    font-weight: bold 700;
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
}

a.primaryButton2, .primaryButton2
{
    height: 32px;
    padding: 0 12px;
    line-height: 32px !important;
    font-family: 'Rokkitt', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    background: #0098d7;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-style: none;
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
}

a.primaryButton3, .primaryButton3
{
    height: 28px;
    padding: 0 10px;
    line-height: 28px !important;
    font-family: 'Rokkitt', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    background: #0098d7;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-style: none;
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
}

a.primaryButton4, .primaryButton4,
a.primaryButton5, .primaryButton5
{
    height: 24px;
    padding: 0 10px;
    line-height: 24px !important;
    font-family: 'Rokkitt', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    background: #0098d7;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-style: none;
}

a.primaryButton5, .primaryButton5
{
    font-size: 11px;
    margin-top: 12px;
    margin-left: 4px;
}

.primaryButton1:hover
{
    background-color: #0485BA;
    text-decoration: none;
}

a.btn1:hover, a.btn2:hover, a.primaryButton2:hover, .primaryButton2:hover, a.btn3:hover, a.primaryButton3:hover, .primaryButton3:hover, a.primaryButton4:hover, .primaryButton4:hover, a.primaryButton5:hover, .primaryButton5:hover
{
    background: #0485BA;
    ;
    text-decoration: none;
}

a.btn4:hover
{
    background: #0098d7;
    text-decoration: none;
}

a.secondaryButton1, .secondaryButton1
{
    height: 42px;
    padding: 0 23px;
    line-height: 42px !important;
    font-family: 'Rokkitt', sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    background: #88898d;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-style: none;
    font-weight: bold 700;
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
}

a.secondaryButton2, .secondaryButton2
{
    height: 32px;
    padding: 0 12px;
    line-height: 32px !important;
    font-family: 'Rokkitt', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    background: #88898d;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-style: none;
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
}

a.secondaryButton3, .secondaryButton3
{
    height: 28px;
    padding: 0 10px;
    line-height: 28px !important;
    font-family: 'Rokkitt', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    background: #88898d;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-style: none;
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
}

a.secondaryButton4, .secondaryButton4
{
    height: 24px;
    padding: 0 10px;
    line-height: 24px !important;
    font-family: 'Rokkitt', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    background: #88898d;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-style: none;
}

    a.secondaryButton1:hover, .secondaryButton1:hover, a.secondaryButton2:hover, .secondaryButton2:hover, a.secondaryButton3:hover, .secondaryButton3:hover, a.secondaryButton4:hover, .secondaryButton4:hover
    {
        background-color: #6d6e72;
        text-decoration: none;
    }

.donateButton, /*note - don't put in editor.css - this is special for footer*/
.donateButtonLarge /*this shouldn't go in editor.css either - WYSIWYG does not apply style correctly*/
{
    background-color: #80c342;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-style: none;
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
}

.donateButton
{
    margin-top: 10px;
    padding: 3px 15px 1px 15px !important;
}

.donateButtonLarge
{
    padding: 15px 23px 12px 23px;
    text-align: center;
    display: inline-block;
    line-height: 24px !important;
}

    .donateButton:hover,
    .donateButtonLarge:hover
    {
        background-color: #6AAF2A;
    }

a.donateButton,
a.donateButtonLarge
{
    font-family: 'Rokkitt';
    text-transform: uppercase !important;
    color: #FFFFFF;
}

a.donateButton
{
    font-size: 16px !important;
    font-weight: 600 !important;
}

a.donateButtonLarge
{
    font-size: 24px !important;
    font-weight: 700 !important;
}

    a.donateButtonLarge .SecondLine
    {
        font-size: 18px;
        text-transform: none;
    }

    a.donateButton:hover,
    a.donateButtonLarge:hover
    {
        text-decoration: none;
    }

.donateHeaderGray
{
    font-family: 'Rokkitt';
    font-size: 32px;
    color: #505050;
}

.donateHeaderGreen
{
    font-family: 'Rokkitt';
    font-size: 32px;
    color: #80c342;
}

.donateSubHeader
{
    font-family: 'Rokkitt';
    font-size: 22px;
    color: #505050;
}

.donateHeadline
{
    font-family: 'Open Sans';
    font-size: 22px;
    line-height: 34px;
    color: black;
}

.donateBody
{
    font-family: 'Open Sans';
    font-size: 14px;
    line-height: 16px;
    color: black;
}


/*---=== LIST STYLES ===---*/
/*--- ORDERED ---*/
ol
{
    margin: 0;
    padding: 0 0 18px 17px;
}

    ol li
    {
    }

        ol li li
        {
        }

            ol li li li
            {
            }
/*--- UNORDERED ---*/
ul, ul ul
{
    margin: 0;
    padding: 0;
}

/*this should remove blue dots for most generic lists*/
/* ul li 
{
    list-style:none !important; 
    background:url(images/li-bg-disc.png) no-repeat 0 6px; 
    padding:0 0 10px 10px;
} */

.hp-left-col ul li {list-style:none !important; background:url(images/li-bg-disc.png) no-repeat 0 6px; padding:0 0 10px 10px;}

/* .containerWrapper ul li, .DnnModule-DNN_HTML ul li, .DnnModule-LiveTabs ul li */
.containerWrapper ul li, .DnnModule-LiveTabs ul li, .ModLiveWrapperC ul li, .ModLiveAccordionC ul li, .int-left .DNNModuleContent.ModDNNHTMLC ul li, .int-right .DNNModuleContent.ModDNNHTMLC ul li, .engage-rotator-container div.desc ul li , .ModPackFlashPublishDetailsC ul li
{
    list-style: none !important;
    background: url(images/li-bg-disc.png) no-repeat 0 6px;
    padding: 0 0 10px 10px; 
}

#dnn_LeftRailPane ul li, .aceGrayBar > li
{
    /* background:none !important; */
    padding-left:0 !important;
}

.content-left-pane ul li 
{
    background:none;
}

ul li li
{
}

    ul li li li
    {
    }
/*---===<<< SKIN SETUP >>>===---*/
.main-wrap
{
    padding-top: 20px;
    background: #0b5a79;
    background: -moz-linear-gradient(top, #0b5a79 0%, #0098d7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b5a79), color-stop(100%,#0098d7));
    background: -webkit-linear-gradient(top, #0b5a79 0%,#0098d7 100%);
    background: -o-linear-gradient(top, #0b5a79 0%,#0098d7 100%);
    background: -ms-linear-gradient(top, #0b5a79 0%,#0098d7 100%);
    background: linear-gradient(top, #0b5a79 0%,#0098d7 100%);
    -pie-background: linear-gradient(#0b5a79 0%,#0098d7 100%);
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
}

    .main-wrap .white-wrap
    {
        width: 960px;
        margin: 0 auto;
        padding: 0 32px 34px;
        background: #fff;
        -webkit-box-shadow: 0px 0px 3px 0px #094a64;
        box-shadow: 0px 0px 3px 0px #094a64;
        behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
        position: relative;
        z-index: 5;
    }
/*---=== HEADER ===---*/
.header
{
    position: relative;
    zoom: 1;
}

    .header .logo
    {
        position: absolute;
        left: 4px;
        width: 434px;
        padding-top: 35px;
        zoom: 1;
    }

        .header .logo a
        {
            display: block;
        }

        .header .logo img
        {
            margin: 0 0 5px;
        }

        .header .logo .tagline
        {
            font-family: 'Open Sans', sans-serif;
            font-size: 13px;
            font-style: italic;
            color: #88898d;
        }

    .header .utility
    {
        float: right;
        height: 32px;
        padding-bottom: 8px;
    }

.cart-wrap .header .utility
{
    padding-bottom: 26px;
}

.headerTopLinks
{
    font-family: 'Rokkitt';
    font-size: 28px;
    text-transform: uppercase;
    color: #7d7d7d !important;
    font-weight: 100;
    position: relative;
    display: inline-block;
    float: left;
    margin-top: 4px;
}

    .headerTopLinks a
    {
        font-size: 20px;
        color: #7d7d7d;
        font-weight: 600;
    }

.headerTopLinksPositioning
{
    display: inline-block;
    padding-bottom: 20px;
}

.headerJoinRenew
{
    display: inline-block;
    -webkit-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
    background-color: #0098D7;
    height: 28px;
    padding: 7px 20px 0 20px;
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
    color: #FFFFFF !important;
    font-family: 'Rokkitt' !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    margin-left: 20px;
}

.headerJoinRenewPositioning
{
    float: right;
    display: inline-block;
}

.headerJoinRenew:hover
{
    text-decoration: none !important;
    background-color: #0485BA;
}

.header .utility .utility-nav
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #7d7d7d;
    line-height: 32px;
    float: left;
    position: relative;
    z-index: 5;
}

    .header .utility .utility-nav a
    {
        color: #505050;
        padding: 0 11px;
        font-weight: 600;
    }

.header .utility .utility-shop
{
    float: left;
    display: block;
    height: 35px;
    background: #FFFFFF;
}

    .header .utility .utility-shop a
    {
        background: url(images/shop-bg.png) no-repeat right 5px;
        padding: 0 14px 0 12px;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        color: #505050;
        line-height: 32px;
        display: block;
        float: left;
    }

        .header .utility .utility-shop a.cart-link
        {
            background: url(images/cart.jpg) no-repeat 12px 5px;
            padding: 0 19px 0 40px;
            height: 35px;
        }

.headerDivider
{
    font-family: 'Open Sans';
    font-size: 20px;
    font-weight: 100;
}

.headerSpacer
{
    display: inline-block;
    width: 13px;
    height: 0px;
}

.headerSecondaryDivider
{
    font-size: 15px !important;
}

.header .user-area
{
    float: right;
    height: 42px;
    padding-bottom: 10px;
    clear: both;
}

.header .user-area-message
{
    float: right;
    height: 20px;
    padding-bottom: 6px;
    padding-right: 100px;
    clear: both;
    font-family: 'Open Sans';
    font-weight: 100;
    font-style: italic;
    color: #7D7D7D;
}

.header .user-area a.primaryButton1,
.header .user-area a.primaryButton3
{
    float: right;
    margin-left: 9px;
}

.header .user-area .logged-in a.primaryButton1
{
    margin-left: 2px;
}

.cart-wrap .header .user-area a.primaryButton3
{
    margin: 0 7px 0 0;
}

.cart-wrap .header .user-area a.primaryButton1:hover
{
    background: #0098d7;
}

.header .user-area a.primaryButton3
{
    margin-top: 7px;
}

.header .user-area .info
{
    float: right;
    line-height: 42px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #7d7d7d;
}

.header .user-area .infoLeft
{
    float: left;
    line-height: 42px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #7d7d7d;
}

.header .user-area .info .welcome
{
    font-weight: 600;
    padding: 0 11px;
}

.header .user-area .info a, .header .user-area .infoLeft a
{
    font-weight: 600;
    padding: 0 11px;
    color: #7D7D7D;
}

.loginButton
{
    background-color: #E2E2E2;
    padding: 4px 8px 5px 7px;
    margin-top: 9px;
    display: inline-block;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-style: none;
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
}

    .loginButton:hover
    {
        background-color: #D8D8D8; /*#DBDBDB seems a little better match wrt Join button delta, but it's pretty subtle*/
    }

a.loginButton
{
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    color: #7D7D7D !important;
    font-weight: 600;
}

    a.loginButton:hover
    {
        text-decoration: none !important;
    }

.storeLink
{
    /*dummy class for jQuery and hover*/
}

    .storeLink:hover
    {
        text-decoration: none;
        color: #8B3478;
    }

.donateLink
{
    /*dummy class for jQuery and hover*/
}

    .donateLink:hover
    {
        text-decoration: none;
        color: #80c342;
    }
/*---=== SOCIAL ===---*/
.social
{
    /*background: #197fa9;
    height: 85px;
    position: relative;
    z-index: 4;
    margin-top: -23px;
*/
}

    .social .social-wrap
    {
        margin: 0 auto;
        width: 947px;
        padding: 23px 13px 0 0;
    }

    .social h3.social-header
    {
        font-family: 'Cabin Sketch', cursive;
        color: #fff;
        font-size: 23px;
        padding-top: 18px;
        text-transform: uppercase;
        float: left;
        margin-right: 24px;
    }

    .social .social-rss
    {
        float: left;
        margin-top: 20px;
        width: 60px;
    }

    .social .social-linkedin
    {
        float: left;
        margin-top: 20px;
        width: 119px;
    }

    .social .social-twitter
    {
        float: left;
        margin-top: 22px;
        width: 164px;
    }

    .social .social-facebook
    {
        float: left;
        margin-top: 22px;
        width: 126px;
    }

    .social .social-youtube
    {
        float: left;
        margin-top: 20px;
        width: 52px;
    }

    .social .social-contact
    {
        float: right;
        background: url(images/social-divider.png) no-repeat 0 6px;
        height: 49px;
        padding-top: 11px;
        padding-left: 17px;
    }

        .social .social-contact span
        {
            color: #fff;
            font-size: 12px;
            padding: 0 0 7px 10px;
            display: block;
            line-height: 12px;
        }

        .social .social-contact .social-dropdown select
        {
            width: 165px;
            margin-right: 7px;
            float: left;
        }

        .social .social-contact .social-dropdown a
        {
            display: block;
            height: 20px;
            width: 25px;
            line-height: 20px;
            text-align: center;
            background: #5ea6c3;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
            font-family: 'Rokkitt', sans-serif;
            font-size: 12px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 400;
            float: left;
        }
/*---=== FOOTER ===---*/
.sub-footer
{
    padding: 20px 0 25px;
    background: #0099d6;
    background: -moz-linear-gradient(top, #0099d6 0%, #0b8dc2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099d6), color-stop(100%,#0b8dc2));
    background: -webkit-linear-gradient(top, #0099d6 0%,#0b8dc2 100%);
    background: -o-linear-gradient(top, #0099d6 0%,#0b8dc2 100%);
    background: -ms-linear-gradient(top, #0099d6 0%,#0b8dc2 100%);
    background: linear-gradient(top, #0099d6 0%,#0b8dc2 100%);
    -pie-background: linear-gradient(#0099d6 0%,#0b8dc2 100%);
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
}

    .sub-footer .sub-footer-wrap
    {
        margin: 0 auto;
        width: 916px;
        padding-left: 44px;
    }

    .sub-footer .sub-column
    {
        float: left;
        padding: 0 45px 0 16px;
        background: url(images/sub-footer-divider.png) repeat-y 0 0;
        min-height: 195px;
    }

        .sub-footer .sub-column.col1
        {
            padding-left: 15px;
            background: none;
        }

        .sub-footer .sub-column ul
        {
            margin: 0;
            padding: 0;
        }

            .sub-footer .sub-column ul li
            {
                list-style: none;
                padding: 0;
                background: none;
                font-weight: 700;
                color: #fff;
                font-size: 11px;
                text-transform: uppercase;
                text-align: left;
            }

                .sub-footer .sub-column ul li a
                {
                    font-weight: 700;
                    color: #fff;
                    font-size: 11px;
                    text-transform: uppercase;
                    padding-bottom: 8px;
                    display: inline-block;
                }

                .sub-footer .sub-column ul li ul
                {
                    padding: 8px 0 12px;
                }

                    .sub-footer .sub-column ul li ul li
                    {
                        list-style: none;
                    }

                        .sub-footer .sub-column ul li ul li a
                        {
                            font-weight: 400;
                            text-transform: none;
                            padding-bottom: 1px;
                            text-transform: none;
                        }

    .sub-footer .clear
    {
        height: 0 !important;
    }

.superfooterPlainText
{
    font-weight: 400;
    text-transform: none;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
}

/*---=== FOOTER ===---*/
.footer
{
    padding: 15px 0 0;
    height: 40px;
}

    .footer .footer-wrap
    {
        width: 980px;
        margin: 0 auto;
        text-align: center;
        color: #636363;
        font-size: 10px;
    }

        .footer .footer-wrap a
        {
            text-decoration: underline;
            color: #636363;
            padding: 0 6px;
            font-weight: normal;
        }

            .footer .footer-wrap a.copy-link
            {
                padding: 0;
                text-decoration: none;
            }

                .footer .footer-wrap a.copy-link span
                {
                    text-decoration: underline;
                }

            .footer .footer-wrap a:hover
            {
                color: #000;
            }

        .footer .footer-wrap .footer-space
        {
            padding: 0 6px;
        }

        .footer .footer-wrap .copyright
        {
            padding: 0 1px 0 6px;
        }
/*---=== CONTENT AREA ===---*/
.section-wrap
{
    position: relative;
    z-index: 1;
}
/*--- HOME CONTENT AREA ---*/
.home-wrap .campaign-pane
{
    width: 812px;
    height: 250px;
    float: left;
}

.home-wrap .ad-pane
{
    width: 134px;
    height: 250px;
    float: right;
}

    .home-wrap .ad-pane .siderail-ad
    {
        margin: 0;
    }

.home-wrap .hp-top-row
{
    clear: both;
    padding: 28px 0 42px;
}

.hp-left-col
{
    float: left;
    width: 586px;
}

.hp-right-col
{
    float: right;
    width: 339px;
    margin-top: 20px;
}

.home-wrap .membership-pane
{
    float: left;
    width: 243px;
    padding-right: 34px;
    border-right: 1px solid #d7d7d7;
}

.home-wrap .jobs-pane
{
    float: left;
    width: 285px;
    padding-left: 20px;
}

.home-wrap .news-pane
{
    clear: both;
}

    .home-wrap .news-pane p
    {
        font-weight: 600;
    }

.home-wrap .events-pane
{
    min-height: 512px;
    margin: 0 0 20px;
}
/*--- INTERIOR CONTENT AREA ---*/
.interior-wrap .section-wrap
{    
    background: url(images/int-divider.png) repeat-y 187px 0;
}

.search-wrap .special-top 
{
    background: none white !important;    
}

.section-wrap .int-left
{
    float: left;
    width: 165px;
}

.search-wrap .section-wrap .int-left
{
    float: left;
    width: 800px;
}

.section-wrap .int-right
{
    float: right;
    width: 748px;
}

.search-wrap .section-wrap .int-right
{
    width: 134px;
}

.section-wrap .int-right .content-col
{
    float: left;
    width: 589px;
}

.section-wrap .int-right .content-siderail
{
    width: 134px;
    float: right;
}

.breadcrumb
{
    font-size: 10px;
    color: #363636;
    margin: 0 0 29px;
}

.search-wrap .breadcrumb
{
    padding: 0 0 10px 201px;
    margin: 0;
    background: #fff;
}

.cart-wrap .breadcrumb
{
    margin: 0 0 16px;
}

.breadcrumb a.bread-link
{
    font-weight: 400;
}
/*--- TERTIARY 5 CONTENT AREA ---*/
/*.tertiary-5 .content-col {float:left; width:800px;}*/
.tertiary-5 .content-siderail
{
    width: 134px;
    float: right;
}
/*--- LANDING 1 CONTENT AREA ---*/
.interior-wrap.landing-wrap .section-wrap
{
    background: none;
}

.interior-wrap.landing-wrap .int-left
{
    width: 800px;
}

.interior-wrap.landing-wrap .int-right
{
    width: 134px;
}

.landing-wrap .landing-top-left
{
    float: left;
    width: 500px;
    padding: 0px;
    margin: 0 0 20px; /*border:1px solid #d7d7d7; -webkit-border-radius:6px; border-radius:6px; behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc); min-height:305px;*/
}

.landing-wrap.landing-1 .landing-top-right
{
    float: right;
    width: 284px;
    margin: 0 0 20px; /*padding:10px; border:1px solid #d7d7d7; -webkit-border-radius:6px; border-radius:6px; behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc); min-height:297px;*/
}

.landing-wrap .landing-content-pane
{
    clear: both;
    margin: 0 0 20px;
}
/*--- LANDING 2 CONTENT AREA ---*/
.landing-2 .landing-hero-pane
{
    margin: 0 0 10px;
}

.landing-2 .landing2-content-wrap
{
    background: url(images/int-divider.png) repeat-y 399px 0;
    margin: 0 0 20px;
}

.landing-2 .landing2-top-left
{
    float: left;
    width: 390px;
}

.landing-2 .landing2-top-right
{
    float: right;
    width: 390px;
}

.landing-2 .landing-content-pane
{
    margin: 0 0 20px;
}
/*--- LANDING 3 CONTENT AREA ---*/
.landing-3 .int-left-rail
{
    float: left;
    width: 188px;
}

.landing-3 .int-mid
{
    float: right;
    width: 587px;
}

.landing-3 .landing-hero-pane
{
    margin: 0 0 20px;
}

.landing-3 .landing3-content-wrap
{
    background: url(images/int-divider.png) repeat-y 293px 0;
    margin: 0 0 20px;
}

    .landing-3 .landing3-content-wrap .landing3-top-left
    {
        float: left;
        width: 281px;
    }

    .landing-3 .landing3-content-wrap .landing3-top-right
    {
        float: right;
        width: 281px;
    }

.landing-3 .landing-content-pane
{
    margin: 0 0 20px;
}
/*--- LANDING 4 CONTENT AREA ---*/
.landing-4 .landing-hero-pane,
.landing-4 .landing-content-pane
{
    margin: 0 0 20px;
}
/*--- SPECIAL 1 CONTENT AREA ---*/
.interior-wrap.special-wrap .section-wrap,
.interior-wrap.tertiary4 .section-wrap,
.interior-wrap.tertiary7 .section-wrap,
.interior-wrap.cart-wrap .section-wrap
{
    background: none;
}

.interior-wrap.special-wrap .int-left
{
    width: 800px;
}

.interior-wrap.special-wrap .int-right
{
    width: 134px;
}

.special-social-pane
{
    height: 20px;
    margin: 0 0 16px;
    border-bottom: 1px solid #D7D7D7;
    padding: 0 0 16px;
}

    .special-social-pane iframe
    {
        float: right;
    }

        .special-social-pane iframe.twitter-share-button
        {
            width: 75px !important;
        }

.interior-wrap.special-wrap .landing-top-wide
{
    margin: 0 0 16px; /*border-bottom: 1px solid #D7D7D7; padding: 0 0 16px;*/
}

.interior-wrap.special-wrap .specials-content-wrap
{
    background: url(images/int-divider.png) repeat-y 385px 0;
    margin: 0 0 20px;
}

.interior-wrap.special-wrap .landing-top-left
{
    float: left;
    width:;
}

.interior-wrap.special-wrap .landing-top-right
{
    float: right;
    width: 360px;
}

.interior-wrap.special-wrap .landing-content-pane
{
    clear: both;
}

.interior-wrap.special-wrap .special-nav
{
    height: 32px;
    width: 692px;
    float: left;
}

.interior-wrap.special-wrap .register-pane
{
    float: right;
    width: 90px;
    margin: 0 0 16px;
}

    .interior-wrap.special-wrap .register-pane .btn2
    {
        width: 90px;
        text-align: center;
        padding: 0;
    }
/*--- SPECIAL 2 CONTENT AREA ---*/
.special-wrap.special-2 .special-top-left
{
    float: left;
    width: 500px;
    margin: 0 0 40px;
}

.special-wrap.special-2 .special-top-right
{
    float: right;
    width: 284px;
    margin: 0 0 40px;
}

.special-content-wrap
{
    clear: both;
    background: url(images/int-divider.png) repeat-y 187px 0;
}

    .special-content-wrap .special-content-wrap-left
    {
        float: left;
        width: 165px;
    }

    .special-content-wrap .special-content-wrap-right
    {
        float: right;
        width: 589px;
    }
	.special-content-wrap .special-content-wrap-wide
    {
        float: right;
        width: 748px;
    }
/*--- SPECIAL 3 CONTENT AREA ---*/
/*.special-3 .title-pane {margin: 0 0 24px;}*/
.special-3 .special-top-links
{
    margin: 0 0 9px;
}

.special-3 .special-top
{
    margin: 0 0 27px;
}

.special3-content-wrap .special-content-wrap-left
{
    float: left;
    width: 520px;
}

.special-3 .special-top-left
{
    margin: 0 0 40px;
}

.special3-content-wrap .special-content-wrap-right
{
    float: right;
    width: 268px;
}
/*--- SECONDARY 1 CONTENT AREA ---*/
.secondary-1 .top-pane
{
    margin: 0 0 20px;
}

.secondary-1 .content-left
{
    float: left;
    width: 281px;
    margin: 0 0 20px;
}

.secondary-1 .content-right
{
    float: right;
    width: 281px;
    margin: 0 0 20px;
}

.secondary-1 .content-pane
{
    clear: both;
}
/*--- SECONDARY 2 CONTENT AREA ---*/
.secondary-2 .top-pane
{
    margin: 0 0 20px;
}

.secondary-2 .content-left
{
    float: left;
    width: 380px;
}

.secondary-2 .content-right
{
    float: right;
    width: 184px;
}

.secondary-2 .content-left .content-pane
{
    margin: 0 0 20px;
}
/*--- SECONDARY 3 CONTENT AREA ---*/
.secondary-3 .content-left
{
    float: left;
    width: 281px;
    margin: 0 0 20px;
}

.secondary-3 .content-right
{
    float: right;
    width: 281px;
    margin: 0 0 20px;
}

.secondary-3 .content-pane
{
    clear: both;
    margin: 0 0 20px;
}
/*--- TITLE PANE ---*/
.title-pane
{
    margin: 0 0 16px;
    position: relative;
    z-index: 903;
}

    .title-pane h1,
    .title-pane h2,
    .title-pane h3,
    .title-pane h4,
    .title-pane h5,
    .title-pane h6
    {
        margin: 0;
        font-family: 'Open Sans', sans-serif;
        color: #000;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.3em;
    }
/*--- ADMIN CONTENT AREA ---*/
.admin-wrap .section-wrap .int-nav
{
}

.admin-wrap .section-wrap .section
{
}
/*--- NAV BAR ---*/
.nav-bar
{
    height: 46px;
    margin: 0 0 12px;
    border: 1px solid #d7862a;
    background: #d7862a;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
    position: relative;
    z-index: 2;
}

.interior-wrap .nav-bar
{
    margin: 0;
    z-index: 2;
    border-bottom-color: #fff;
}

.nav-bar .search
{
    float: right;
    width: 246px;
    padding: 5px 11px 5px 17px;
}

    .nav-bar .search input
    {
        float: left;
        background: #fff;
        padding: 0;
        width: 187px;
        height: 34px;
        border: 1px solid #cdcdcd;
        color: #898989;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-weight: 400;
        padding: 0 8px;
    }

    .nav-bar .search .search-btn
    {
        display: block;
        height: 28px;
        width: 25px;
        line-height: 28px;
        text-align: center;
        background: #ac6b22;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
        font-family: 'Rokkitt', sans-serif;
        font-size: 15px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 400;
        padding: 0 4px;
        float: right;
        margin: 5px 0 0;
    }
/*--- MAIN NAVIGATION ---*/
.main-nav
{
    float: left;
    margin: 0;
    padding: 0;
    width: 684px;
}

    .main-nav li
    {
        list-style: none;
        height: 46px;
        float: left;
        margin: 0;
        padding: 0;
        background: none;
    }

        .main-nav li a.top-level
        {
            display: table-cell;
            height: 46px;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            text-transform: uppercase;
            text-shadow: 0px 1px 2px #af6d22;
            color: #fff;
            text-align: center;
            border-left: 1px solid #c17826;
            border-right: 1px solid #df9e55;
            position: relative;
            z-index: 2;
            vertical-align: middle;
            line-height: 15px;
        }

        .main-nav li a.top-level
        {
            *display: block;
        }

        .main-nav li.first a.top-level
        {
            border-left: 0;
            -webkit-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
            behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
        }

        .main-nav li.nav-item4
        {
            border-right: 1px solid #c17826;
        }

        .main-nav li.nav-item0 a.top-level
        {
            width: 127px; /*line-height:46px;*/
        }

        .main-nav li.nav-item1 a.top-level
        {
            width: 142px; /*line-height:15px; padding-top:8px; height:38px;*/
        }

        .main-nav li.nav-item2 a.top-level
        {
            width: 121px; /*line-height:15px; padding-top:8px; height:38px;*/
        }

        .main-nav li.nav-item3 a.top-level
        {
            width: 138px; /*line-height:46px;*/
        }

        .main-nav li.nav-item4 a.top-level
        {
            width: 144px; /*line-height:15px; padding-top:8px; height:38px;*/
        }

        .main-nav li a.top-level:hover
        {
            background: #AC6B22;
            text-decoration: none;
        }

        .main-nav li.selected a.top-level
        {
            background: #fff;
            color: #707070;
            text-shadow: none;
        }
    /* MEGA MENU */
    .main-nav .sub-level
    {
        display: none;
        margin: 0 0 13px -1px;
        border: 1px solid #d7862a;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        position: absolute;
        z-index: 1;
        width: 950px;
        left: 0;
        top: 45px;
        padding: 12px 4px;
        -webkit-box-shadow: 3px 3px 4px 0px #bbb;
        box-shadow: 3px 3px 4px 0px #bbb;
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 60%, #f7e7d4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#ffffff), color-stop(100%,#f7e7d4));
        background: -webkit-linear-gradient(top, #ffffff 60%,#f7e7d4 100%);
        background: -o-linear-gradient(top, #ffffff 60%,#f7e7d4 100%);
        background: -ms-linear-gradient(top, #ffffff 60%,#f7e7d4 100%);
        background: linear-gradient(top, #ffffff 60%,#f7e7d4 100%);
        -pie-background: linear-gradient(#ffffff 60%,#f7e7d4 100%);
        behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
    }

        .main-nav .sub-level .sub-column
        {
            float: left;
            width: 238px;
            padding: 0 15px 0 16px;
            background: url(images/int-divider.png) repeat-y 0 0;
        }

        .main-nav .sub-level .sub-level-nav .sub-column
        {
            width: 175px;
            background: none;
        }

            .main-nav .sub-level .sub-level-nav .sub-column.nav-col-2
            {
                padding-right: 0;
            }

            .main-nav .sub-level .sub-level-nav .sub-column.nav-col-1
            {
                padding-left: 0;
            }

        .main-nav .sub-level .sub-column.widget-title
        {
        }

        .main-nav .sub-level .sub-column.sub-level-nav
        {
            padding: 0 15px 0 16px;
        }

        .main-nav .sub-level .sub-column.sub-level-nav
        {
            width: 382px;
            background-position: 205px 0;
            padding: 0 15px;
        }

        .main-nav .sub-level h4
        {
            font-weight: 600;
            font-style: italic;
            color: #000;
            font-size: 13px;
            margin: 0;
            padding: 0 0 10px;
            line-height: 13px;
            background: #fff;
        }

        .main-nav .sub-level img
        {
            max-width: 238px;
        }

        .main-nav .sub-level p
        {
            margin: 0 0 5px;
        }

        .main-nav .sub-level strong, .main-nav .sub-level b
        {
            font-weight: normal;
            font-weight: 600;
        }

        .main-nav .sub-level .sub-column .mega-widget
        {
            background: url(images/int-divider.png) repeat-x 0 0;
            padding: 16px 0 0;
            margin: 15px 0 0;
        }

        .main-nav .sub-level .sub-level-nav .sub-column .mega-widget:first-child
        {
            padding: 0;
        }

        .main-nav .sub-level .sub-column .mega-widget.widget-title:first-child
        {
            background: none;
            padding: 0;
            margin: 0;
        }

        .main-nav .sub-level .sub-column .mega-widget:first-child
        {
            background: none;
            padding: 10px 0 0;
            margin: 0;
        }

        .main-nav .sub-level li
        {
            height: auto;
            float: none;
        }

            .main-nav .sub-level li.level-2
            {
                padding: 0 0 10px;
            }

            .main-nav .sub-level li a
            {
                display: block;
                padding: 5px 0;
            }

                .main-nav .sub-level li a:hover
                {
                    background: #ebebeb;
                    text-decoration: none;
                }

            .main-nav .sub-level li.level-2 a
            {
                text-transform: uppercase;
                padding: 5px 8px;
            }

            .main-nav .sub-level li.level-2 li.level-3
            {
                border-top: 1px solid #e1e1e1;
            }

                .main-nav .sub-level li.level-2 li.level-3.first
                {
                    border-top: none;
                }

                .main-nav .sub-level li.level-2 li.level-3 a
                {
                    text-transform: none;
                    padding: 5px 16px;
                }

                    .main-nav .sub-level li.level-2 li.level-3 a span
                    {
                        display: block;
                        background: url(images/side-dot.png) no-repeat 0 top;
                        padding-left: 8px;                        
                        background-position: 0px 6px;
                    }

        .main-nav .sub-level .button-widget a
        {
            float: left;
            padding: 0 15px;
        }

            .main-nav .sub-level .button-widget a span
            {
                display: block;
            }
/*--- SUBNAV BAR ---*/
.subnav-bar
{
    margin: 0 0 11px;
}

    .subnav-bar.has-child
    {
        min-height: 38px;
        margin: -2px 0 13px;
        border: 1px solid #d7862a;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        position: relative;
        z-index: 1;
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f7e7d4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7e7d4));
        background: -webkit-linear-gradient(top, #ffffff 0%,#f7e7d4 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#f7e7d4 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#f7e7d4 100%);
        background: linear-gradient(top, #ffffff 0%,#f7e7d4 100%);
        -pie-background: linear-gradient(#ffffff 0%,#f7e7d4 100%);
        behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
    }
/*--- SUB NAVIGATION ---*/
.tertiary-nav
{
    padding: 0;
}

    .tertiary-nav.level-r
    {
        padding: 0;
    }

.has-child .tertiary-nav
{
    margin: 0;
    padding: 5px 0;
}

.tertiary-nav li
{
    list-style: none;
    background: url(images/subnav-divider.png) no-repeat right center;
    float: left;
    margin: 0;
    padding: 0 10px;
}

    .tertiary-nav li.last
    {
        background: none;
    }

    .tertiary-nav li a
    {
        display: block;
        line-height: 27px;
        padding: 0 8px;
    }

        .tertiary-nav li a:hover
        {
            background: #f2d8ba;
            text-decoration: none;
        }

    .tertiary-nav li.selected a
    {
        color: #707070;
    }

        .tertiary-nav li.selected a:hover
        {
            background: none;
        }
/*--- SPECIAL NAVIGATION ---*/
.spec-nav td
{
    border-right: 1px solid #a0a1a4;
    border-left: 1px solid #7d7e82;
}

    .spec-nav td.first
    {
        border-left: 0;
    }

    .spec-nav td.last
    {
        border-right: 0;
    }

    .spec-nav td a.special-level
    {
        display: block;
        height: 32px;
        background: #88898d;
        color: #fff;
        text-align: center;
        width: 100%;
        line-height: 32px;
    }

    .spec-nav td.first a.special-level
    {
        -webkit-border-radius: 6px 0 0 6px;
        border-radius: 6px 0 0 6px;
        behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
        border-left: 0;
    }

    .spec-nav td.last a.special-level
    {
        -webkit-border-radius: 0 6px 6px 0;
        border-radius: 0 6px 6px 0;
        behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
        border-right: 0;
    }

    .spec-nav td a.special-level:hover
    {
        background: #757678;
        text-decoration: none;
    }

    .spec-nav td.selected a.special-level,
    .spec-nav td.selected a.special-level:hover
    {
        background: #5f6062;
    }
/*--- SIDE NAVIGATION ---*/
.side-nav
{
    margin: 0;
    padding: 0;
}

    .side-nav li
    {
        margin: 0;
        padding: 0;
    }

        .side-nav li a
        {
            display: block;
            background: none;
            font-size: 11px;
        }

            .side-nav li a.top-level
            {
                text-transform: uppercase;
                padding: 9px 0;
                background: #fff;
                border-top: 1px solid #cdcdcd;
            }

        .side-nav li.last a.top-level
        {
            margin: 0 0 20px;
        }

        .side-nav li.last.selected a.top-level
        {
            margin: 0;
        }

        .side-nav li.first a.top-level
        {
            border: 0;
        }

        .side-nav li a.top-level:hover
        {
            background: #f8f8f8;
            text-decoration: none;
            color: #707070;
        }

            .side-nav li a.top-level:hover span
            {
                background: url(images/side-arrow.png) no-repeat 9px 3px;
            }

        .side-nav li a.top-level span
        {
            display: block;
            padding: 0 0 0 19px;
        }

        .side-nav li.selected a.top-level
        {
            background: #f8f8f8;
            color: #707070;
            padding: 9px 0;
        }

        .side-nav li.selected.has-child a.top-level
        {
            padding: 9px 0 3px;
        }

        .side-nav li.selected a.top-level span
        {
            background: url(images/side-arrow.png) no-repeat 9px 3px;
        }

        .side-nav li.selected.has-child a.top-level span
        {
            background: url(images/side-arrow-active.png) no-repeat 6px 5px;
        }

    .side-nav .sub-level
    {
        background: #f8f8f8;
        padding: 0 0 6px;
    }

        .side-nav .sub-level li
        {
            background: none;
        }

            .side-nav .sub-level li a
            {
                padding: 3px 0 3px 19px;
            }

                .side-nav .sub-level li a:hover
                {
                    text-decoration: none;
                    color: #707070;
                }

                .side-nav .sub-level li a span
                {
                    display: block;
                    background: url(images/side-dot.png) no-repeat 0 6px;
                    padding: 0 0 0 10px;
                }

                .side-nav .sub-level li a:hover span
                {
                    display: block;
                    background: url(images/side-dot-active.png) no-repeat 0 6px;
                }

            .side-nav .sub-level li.selected a
            {
                color: #707070;
            }

                .side-nav .sub-level li.selected a span
                {
                    background: url(images/side-dot-active.png) no-repeat 0 6px;
                }

    .side-nav .tre-level
    {
        background: #ececec;
        border-bottom: 1px solid #fff;
    }

    .side-nav .selected .tre-level li a
    {
        padding: 3px 0 3px 29px;
        border-top: 1px solid #fff;
        color: #0098D7;
    }

        .side-nav .selected .tre-level li a:hover
        {
            color: #707070;
        }

        .side-nav .selected .tre-level li a span
        {
            display: block;
            background: url(images/side-dash.png) no-repeat 0 7px;
            padding: 0 0 0 10px;
        }

        .side-nav .selected .tre-level li a:hover span
        {
            display: block;
            background: url(images/side-dash-active.png) no-repeat 0 7px;
        }

    .side-nav .selected .tre-level li.selected a
    {
        color: #707070;
    }

        .side-nav .selected .tre-level li.selected a span
        {
            display: block;
            background: url(images/side-dash-active.png) no-repeat 0 7px;
        }

    .side-nav .quad-level
    {
        background: #ececec;
    }

    .side-nav .selected .tre-level .selected .quad-level li a
    {
        padding: 3px 0 3px 39px;
        color: #0098D7;
        border: 0;
    }

        .side-nav .selected .tre-level .selected .quad-level li a:hover
        {
            color: #707070;
        }

        .side-nav .selected .tre-level .selected .quad-level li a span
        {
            display: block;
            background: url(images/side-carrot.png) no-repeat 0 center;
            padding: 0 0 0 10px;
        }

        .side-nav .selected .tre-level .selected .quad-level li a:hover span
        {
            display: block;
            background: url(images/side-carrot-active.png) no-repeat 0 center;
        }

    .side-nav .selected .tre-level .selected .quad-level li.selected a
    {
        color: #707070;
    }

        .side-nav .selected .tre-level .selected .quad-level li.selected a span
        {
            display: block;
            background: url(images/side-carrot-active.png) no-repeat 0 center;
        }

    .side-nav .sub-level,
    .side-nav .tre-level,
    .side-nav .quad-level
    {
        display: none;
    }

    .side-nav .selected .sub-level,
    .side-nav .selected .sub-level .selected .tre-level,
    .side-nav .selected .sub-level .selected .tre-level .selected .quad-level
    {
        display: block;
    }
/*---===<<< TABLE STYLES >>>===---*/
table.general-table
{
    border-collapse: collapse;
    width: 100%;
}

    table.general-table th
    {
        text-align: left;
        vertical-align: top;
    }

    table.general-table td
    {
        text-align: left;
        vertical-align: top;
    }

    table.general-table .alt td
    {
    }

    table.general-table th.text-right, table.general-table td.text-right
    {
        text-align: right;
    }

    table.general-table th.text-center, table.general-table td.text-center
    {
        text-align: center;
    }

    table.general-table th.text-bottom, table.general-table td.text-bottom
    {
        vertical-align: bottom;
    }

    table.general-table th.text-middle, table.general-table td.text-middle
    {
        vertical-align: middle;
    }

    table.general-table .span-1
    {
        width: 5%;
    }

    table.general-table .span-2
    {
        width: 10%;
    }

    table.general-table .span-3
    {
        width: 15%;
    }

    table.general-table .span-4
    {
        width: 20%;
    }

    table.general-table .span-5
    {
        width: 25%;
    }

    table.general-table .span-6
    {
        width: 30%;
    }

    table.general-table .span-7
    {
        width: 35%;
    }

    table.general-table .span-8
    {
        width: 40%;
    }

    table.general-table .span-9
    {
        width: 45%;
    }

    table.general-table .span-10
    {
        width: 50%;
    }

    table.general-table .span-11
    {
        width: 55%;
    }

    table.general-table .span-12
    {
        width: 60%;
    }

    table.general-table .span-13
    {
        width: 65%;
    }

    table.general-table .span-14
    {
        width: 70%;
    }

    table.general-table .span-15
    {
        width: 75%;
    }

    table.general-table .span-16
    {
        width: 80%;
    }

    table.general-table .span-17
    {
        width: 85%;
    }

    table.general-table .span-18
    {
        width: 90%;
    }

    table.general-table .span-19
    {
        width: 95%;
    }

    table.general-table .span-20
    {
        width: 100%;
    }

.skin-wrap td
{
    vertical-align: top;
}

.skin-wrap .DnnModule-ActiveForums td
{
    vertical-align: middle;
}

.skin-wrap td p
{
    font-size: 12px;
    line-height: 16px;
}

.skin-wrap h4
{
    margin: 0 0 10px;
}
/*---===<<< FORMS >>>===---*/
.general-form fieldset
{
}

.general-form legend
{
}

.general-form label
{
}

.general-form input
{
}

    .general-form input.checkRadio
    {
    }

.general-form textarea
{
}

.general-form select
{
}

.req
{
    display: none;
}
/*---===<<< MODULE STYLES GO BELOW HERE >>>===---*/
/* HP ROTATOR (ENGAGE TEMPLATE) */
.hp-rotator
{
    width: 798px;
    height: 240px;
    padding: 6px;
    border: 1px solid #d7d7d7;
    position: relative;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

    .hp-rotator .hp-rotator-wrap
    {
        width: 755px;
        z-index: 1;
        position: relative;
    }

    .hp-rotator .hp-rotator-list-wrap
    {
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
    }

    .hp-rotator .hp-rotator-wrap .hp-rotator-img
    {
        width: 460px;
        height: 284px;
        float: left;
        margin-right: 25px;
    }

        .hp-rotator .hp-rotator-wrap .hp-rotator-img img
        {
            width: 460px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
        }

    .hp-rotator .hp-rotator-wrap .hp-rotator-info
    {
        float: left;
        padding-top: 27px;
        width: 270px;
    }

        .hp-rotator .hp-rotator-wrap .hp-rotator-info h2
        {
/*            display: none;*/
        }

        .hp-rotator .hp-rotator-wrap .hp-rotator-info .btn2
        {
            float: left;
        }

    .hp-rotator .hp-rotator-nav
    {
        position: absolute;
        right: 6px;
        bottom: 8px;
        z-index: 10;
    }

        .hp-rotator .hp-rotator-nav a
        {
            display: block;
            float: left;
            width: 20px;
            height: 21px;
            background: #fff;
            text-decoration: none;
            margin-right: 4px;
            line-height: 21px;
            text-align: center;
            color: #0098D7;
            font-size: 11px;
            background: url(images/awwa-pag.png) no-repeat 0 0;
        }

            .hp-rotator .hp-rotator-nav a.activeSlide
            {
                background-position: 0 bottom;
                color: #fff;
            }

    .hp-rotator .hp-rotator-arrow-left
    {
        position: absolute;
        z-index: 2;
        bottom: 90px;
        left: 9px;
        height: 118px;
        width: 33px;
        background: url(images/hp-rotator-arrows.png) no-repeat 0 -118px;
        cursor: pointer;
    }

    .hp-rotator .hp-rotator-arrow-right
    {
        position: absolute;
        z-index: 2;
        bottom: 90px;
        right: 9px;
        height: 118px;
        width: 33px;
        background: url(images/hp-rotator-arrows.png) no-repeat 0 0;
        cursor: pointer;
    }

    /* INTERIOR ROTATOR (ENGAGE TEMPLATE) */
    .hp-rotator.special-rotator
    {
        width: 786px;
        height: 224px;
        margin: 0 0 16px;
    }

        .hp-rotator.special-rotator .hp-rotator-arrow-left
        {
            bottom: 60px;
        }

        .hp-rotator.special-rotator .hp-rotator-arrow-right
        {
            bottom: 60px;
        }

        .hp-rotator.special-rotator .hp-rotator-wrap .hp-rotator-img
        {
            width: 400px;
            height: 224px;
        }

            .hp-rotator.special-rotator .hp-rotator-wrap .hp-rotator-img img
            {
                width: 400px;
                height: 224px;
            }

        .hp-rotator.special-rotator .hp-rotator-wrap .hp-rotator-info
        {
            width: 310px;
        }

/* AWWA ROTATOR OVERRIDES */
.rotator-prev, .rotator-next
{
    opacity: .35;
    -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=35)";
    filter: alpha(opacity=35);
}

    .rotator-prev:hover, .rotator-next:hover
    {
        opacity: .8;
        -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=80)";
        filter: alpha(opacity=80);
    }

.hp-rotator .hp-rotator-wrap .hp-rotator-img img
{
    width: auto;
}

/* SIDERAIL AD */
.siderail-ad
{
    padding: 6px;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
    margin: 0 0 16px;
}

    .siderail-ad .btn3
    {
        margin-top: 12px;
        padding: 0;
        text-align: center;
        width: 100%;
    }

.interior-wrap.special-wrap .siderail-ad .btn3
{
    margin-top: 8px;
}

/* BASIC GRADIENT STYLES */
.gradient-orange
{
    padding: 0 17px 18px;
    margin: 0 0 20px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #f9eddf;
    background: -moz-linear-gradient(top, #f9eddf 0%, #ffffff 30%, #ffffff 75%, #f9eddf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9eddf), color-stop(30%,#ffffff), color-stop(75%,#ffffff), color-stop(100%,#f9eddf));
    background: -webkit-linear-gradient(top, #f9eddf 0%,#ffffff 30%,#ffffff 80%,#f9eddf 100%);
    background: -o-linear-gradient(top, #f9eddf 0%,#ffffff 30%,#ffffff 75%,#f9eddf 100%);
    background: -ms-linear-gradient(top, #f9eddf 0%,#ffffff 30%,#ffffff 75%,#f9eddf 100%);
    background: linear-gradient(top, #f9eddf 0%,#ffffff 30%,#ffffff 75%,#f9eddf 100%);
    -pie-background: linear-gradient(#f9eddf 0%,#ffffff 30%,#ffffff 75%,#f9eddf 100%);
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
}

.gradient-blue
{
    padding: 0 17px 18px;
    margin: 0 0 20px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #e3f1f6;
    background: -moz-linear-gradient(top, #e3f1f6 0%, #ffffff 30%, #ffffff 60%, #e3f1f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f1f6), color-stop(30%,#ffffff), color-stop(60%,#ffffff), color-stop(100%,#e3f1f6));
    background: -webkit-linear-gradient(top, #e3f1f6 0%,#ffffff 30%,#ffffff 80%,#e3f1f6 100%);
    background: -o-linear-gradient(top, #e3f1f6 0%,#ffffff 30%,#ffffff 60%,#e3f1f6 100%);
    background: -ms-linear-gradient(top, #e3f1f6 0%,#ffffff 30%,#ffffff 60%,#e3f1f6 100%);
    background: linear-gradient(top, #e3f1f6 0%,#ffffff 30%,#ffffff 60%,#e3f1f6 100%);
    -pie-background: linear-gradient(#e3f1f6 0%,#ffffff 30%,#ffffff 60%,#e3f1f6 100%);
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
}

.interior-wrap .gradient-blue
{ /*margin: 0 0 40px;*/
}

/* H2 GRADEIENT BOXES */
.h2-title.gradient-blue,
.h2-title.gradient-orange
{
    padding-top: 15px;
}

.h2-title-icon
{
    position: relative;
    padding-top: 15px;
}

    .h2-title-icon h2 img
    {
        width: 55px;
        position: absolute;
        top: -27px;
    }

.jobs-pane .h2-title-icon img
{ /*padding-right:6px;*/
}

.h2-title-icon h2
{
    position: relative; /*top:-12px;*/
}

    .h2-title-icon h2 span.Head
    {
        padding-left: 65px;
    }

.h3-get-involved
{
    position: relative;
    padding: 20px 125px 23px 0;
    background: url(images/get-involved-divider.png) no-repeat center bottom;
    margin: 0 0 12px;
}

    .h3-get-involved h3
    {
        font-size: 29px;
        color: #000;
        font-family: 'Cabin Sketch', cursive;
        padding-left: 18px;
        margin: 0 0 5px;
        text-transform: uppercase;
    }

    .h3-get-involved .get-involved-arrow
    {
        position: absolute;
        top: 10px;
        left: -34px;
    }

    .h3-get-involved h3 img
    {
        position: absolute;
        right: -17px;
        top: -10px;
    }

    .h3-get-involved ul
    {
        padding: 0 0 0 18px;
        margin: 0;
    }

        .h3-get-involved ul li
        {
            background: url(images/li-bg-arrow.png) no-repeat 0 3px;
            padding-left: 14px;
        }

.events-wrapper
{
    font-weight: 600;
    margin: 0 0 14px; /*min-height:230px;*/
}

.slide-wrapper .see-all
{
    display: block;
    height: 60px;
}

.events-wrapper .events-block
{
    border-top: 1px solid #bcc5c9;
    padding: 12px 0 0;
    margin: 14px 0 0;
}

    .events-wrapper .events-block:first-child
    {
        border-top: 0;
        margin: 0;
        padding: 0;
    }

    .events-wrapper .events-block p
    {
        margin: 0;
        width: 232px;
        float: left;
    }

.events-wrapper p
{
    margin-top: 14px;
}

.events-wrapper .btn3
{
    display: block;
    float: right;
    margin-top: 2px;
}

/* H2 TITLE BAR */
.h2-title-bar
{
}

    .h2-title-bar .article
    {
        padding: 0 0px;
    }

    .h2-title-bar h2
    {
        height: 31px;
        padding: 0 17px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
    }

    .h2-title-bar.bar-orange h2
    {
        background: #d7862a;
    }

    .h2-title-bar.bar-blue h2
    {
        background: #0098D7;
    }

    .h2-title-bar h2 .Head
    {
        color: #fff;
        line-height: 31px;
        font-size: 20px;
    }

/* HOMEPAGE SLIDERS
TODO - for "Search all events" in Event Calendar - move to EC CSS */
.hidden-content
{
    min-height: 32px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    background: #fff;
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url('../../../../images/UpArrow.png') no-repeat #fff 8px 6px;
}

    .hidden-content .toggle-link
    {
        line-height: 32px;
        padding-left: 34px;
        display: inline-block;
    }

        .hidden-content .toggle-link.toggle-active
        {
            background-position: 8px 6px;
            background-image: url('../../../../images/DownArrow.png') !important;
            background-repeat: no-repeat;
            border-bottom: 0;
        }

    .hidden-content .awwa-press-list,
    .hidden-content .all-events
    {
        padding: 5px 10px 0;
        display: none;
    }

    .hidden-content .all-events
    {
        height: 150px;
    }

/* SPONSOR MODULE */
.sponsor
{
    padding-top: 9px;
    background: url(images/sponsor-top.png) no-repeat center 0;
}

    .sponsor .sponsor-wrap
    {
        padding-bottom: 8px;
        background: url(images/sponsor-bot.png) no-repeat center bottom;
    }

    .sponsor .sponsor-content
    {
        background: url(images/sponsor-mid.png) no-repeat center center;
    }

    .sponsor p
    {
        margin: 0;
        text-align: center;
        font-size: 155%;
        color: #000;
        font-family: 'Cabin Sketch',cursive;
        line-height: 1.1em;
        text-transform: uppercase;
    }

    .sponsor .middle-line
    {
        color: #7c2b68;
        font-size: 118%;
    }

    .sponsor .last-line
    {
        font-size: 92%;
    }

/* ROUNDED BORDER MODULE */
.rounded-border
{
    padding: 6px;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
    margin: 0 0 20px;
}

/* ROUNDED BORDER LIGHT BLUE MODULE */
.rounded-border-light-blue
{
    padding: 6px;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
    margin: 0 0 20px;
    background-color: #f1f9fc;
}

/* ROUNDED BORDER LIGHT GREEN MODULE */
.rounded-border-light-green
{
    padding: 6px;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
    margin: 0 0 20px;
    background-color: #e2f7d0;
}


/* LANDING STYLES */
.landing-featured
{
}

    .landing-featured .landing-img
    {
        float: left;
        float: left;
        width: 273px;
    }

        .landing-featured .landing-img img
        {
            -webkit-border-radius: 6px;
            border-radius: 6px;
            behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
            max-width: 273px;
        }

    .landing-featured .landing-cont
    {
        float: left;
        width: 187px;
        padding: 16px 10px 0 16px;
    }

        .landing-featured .landing-cont h5, .special-featured .special-cont h5
        {
            margin: 0 0 5px;
        }

            .landing-featured .landing-cont h5 .Head, .special-featured .special-cont h5 .Head
            {
                font-family: 'Rokkitt', sans-serif;
                font-size: 20px;
                text-transform: normal;
                color: #ec9311;
                font-weight: 400;
                line-height: 20px;
            }

        .landing-featured .landing-cont .article h5
        {
            font-size: 14px;
            font-weight: 600;
            color: #000;
        }

        .landing-featured .landing-cont p, .special-featured .special-cont p
        {
            margin: 0 0 5px;
        }

/* SPECIAL STYLES */
.special-featured
{
    padding: 6px;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
    margin: 0 0 15px;
}

    .special-featured .special-img
    {
        float: left;
        width: 400px;
    }

        .special-featured .special-img img
        {
            -webkit-border-radius: 6px;
            border-radius: 6px;
            behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
        }

    .special-featured .special-cont
    {
        padding: 16px 10px 0 16px;
        float: left;
        width: 360px;
    }

/* COLUMN TEMPLATE STYLES */
.three-col-module
{
}

    .three-col-module td
    {
        vertical-align: top;
        background: url(images/int-divider.png) repeat-y 0 0;
        padding: 0 10px 0 11px;
    }

        .three-col-module td.first-col
        {
            background: none;
            padding-left: 0;
        }

        .three-col-module td.last-col
        {
            padding-right: 0;
        }

.four-col-module
{
}

    .four-col-module td
    {
        vertical-align: top;
        background: url(images/int-divider.png) repeat-y 0 0;
        padding: 0 10px 0 11px;
    }

        .four-col-module td.first-col
        {
            background: none;
            padding-left: 0;
        }

        .four-col-module td.last-col
        {
            padding-right: 0;
        }

.five-col-module
{
}

    .five-col-module td
    {
        vertical-align: top;
        background: url(images/int-divider.png) repeat-y 0 0;
        padding: 0 10px 0 11px;
    }

        .five-col-module td.first-col
        {
            background: none;
            padding-left: 0;
        }

        .five-col-module td.last-col
        {
            padding-right: 0;
        }

    .three-col-module h4,
    .four-col-module h4,
    .five-col-module h4
    {
        color: #000;
        text-align: center;
        font-size: 16px;
        line-height: 1em;
    }

.three-col-module p,
.four-col-module p
{
    margin: 0 0 5px;
}

.two-col-siderail
{
    background: url(images/int-divider.png) repeat-y 575px 0;
}

    .two-col-siderail td
    {
        padding: 0 0 0 15px;
    }

        .two-col-siderail td.first-col
        {
            padding: 0 15px 0 0;
        }

/* Tabs Styles */
/* root element for tabs  */
ul.tabs
{
    list-style: none;
    margin: 0 !important;
    padding: 0;
    border-bottom: 1px solid #666;
    height: 30px;
}

    /* single tab */
    ul.tabs li
    {
        float: left;
        text-indent: 0;
        padding: 0;
        margin: 0 !important;
        list-style-image: none !important;
    }

    /* link inside the tab. uses a background image */
    ul.tabs a
    {
        background: url(images/blue.png) no-repeat -420px 0;
        font-size: 11px;
        display: block;
        height: 30px;
        line-height: 30px;
        width: 134px;
        text-align: center;
        text-decoration: none;
        color: #333;
        padding: 0px;
        margin: 0px;
        position: relative;
        top: 1px;
    }

        ul.tabs a:active
        {
            outline: none;
        }

        /* when mouse enters the tab move the background image */
        ul.tabs a:hover
        {
            background-position: -420px -31px;
            color: #fff;
        }

        /* active tab uses a class name "current". its highlight is also done by moving the background image. */
        ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a
        {
            background-position: -420px -62px;
            cursor: default !important;
            color: #000 !important;
        }

        /* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


        /* width 1 */
        ul.tabs a.s
        {
            background-position: -553px 0;
            width: 81px;
        }

            ul.tabs a.s:hover
            {
                background-position: -553px -31px;
            }

            ul.tabs a.s.current
            {
                background-position: -553px -62px;
            }

        /* width 2 */
        ul.tabs a.l
        {
            background-position: -248px -0px;
            width: 174px;
        }

            ul.tabs a.l:hover
            {
                background-position: -248px -31px;
            }

            ul.tabs a.l.current
            {
                background-position: -248px -62px;
            }


        /* width 3 */
        ul.tabs a.xl
        {
            background-position: 0 -0px;
            width: 248px;
        }

            ul.tabs a.xl:hover
            {
                background-position: 0 -31px;
            }

            ul.tabs a.xl.current
            {
                background-position: 0 -62px;
            }


/* initially all panes are hidden */
.panes .pane
{
    display: none;
}

.placeholder
{
    width: 99%;
    height: 200px;
    border: dashed 4px #DADADA;
}

.toolbox
{
    width: 100%;
    height: 52px;
    background-color: lightblue;
    margin-bottom: 15px;
}

.widget-type
{
    height: 30px;
    min-width: 75px;
    position: relative;
    float: left;
    border: solid 1px black;
    padding: 5px;
    margin: 5px;
    background-color: white;
    z-index: 3;
}

/* MINI CALENDAR STYLES */
.mini-cal
{
}

.mini-block
{
    padding: 0 0 14px;
}

.mini-left
{
    float: left;
    text-align: right;
    font-weight: 600;
    width: 75px;
}

.mini-right
{
    float: right;
    width: 150px;
}

    .mini-right .RadPicker_Default
    {
        width: 150px;
        !important;
    }

.mini-block select
{
    width: 150px;
}

.mini-block .RadPicker_Default .rcCalPopup
{
    display: block;
    width: 18px;
    height: 18px;
    background: url(images/filter-cal-icon.png) no-repeat 0 0;
}

.mini-block .RadInput input.riTextBox
{
    width: 119px !important;
    padding: 1px 2px;
}

.mini-block .btn3
{
    float: right;
}

.mini-cal p
{
    margin: 0;
    padding: 0 0 10px;
}

/* SEARCH RESULTS */
.event-results .dnnLeft.left-col,
.event-results .event-search-filter
{
    width: 176px;
    float: left;
}

    .event-results .dnnLeft.left-col .filter-block,
    .event-results .event-search-filter .filter-block
    {
        margin-bottom: 20px;
    }

        .event-results .event-search-filter .filter-block ul
        {
            overflow: hidden;
        }

        .event-results .dnnLeft.left-col .filter-block input[type="text"],
        .event-results .event-search-filter .filter-block input[type="text"]
        {
            background: #fff;
            width: 162px;
            height: 24px;
            border: 1px solid #c1e6f5;
            color: #898989;
            font-family: 'Open Sans', sans-serif;
            font-size: 11px;
            font-weight: 400;
            padding: 0 5px;
            -webkit-box-shadow: 0px 0px 0px 1px #c5c5c5;
            box-shadow: 0px 0px 0px 1px #c5c5c5;
            position: relative;
            left: 1px;
        }

    .event-results .dnnLeft.left-col h3,
    .event-results .event-search-filter h3
    {
        font-style: italic;
        text-transform: none;
        background: #ebebeb;
        padding: 2px 6px;
        margin: 0 0 10px;
    }

.event-results .title-block
{
    font-style: italic;
    text-transform: none;
    background: #ebebeb;
    padding: 2px 6px;
    margin: 0 0 10px;
}

    .event-results .title-block .title-slide
    {
        padding: 4px 0 6px;
    }

    .event-results .title-block span
    {
        display: block;
        background: url(images/mag-exp.png) no-repeat 146px center;
        cursor: pointer;
    }

        .event-results .title-block span.active
        {
            background-position: -154px center;
        }

        .event-results .title-block span.no-filter
        {
            display: block;
            background: none;
            cursor: auto;
        }

    .event-results .title-block .title-slide input[type="text"]
    {
        width: 150px;
    }

.event-results .dnnLeft.left-col .filter-dates-block,
.event-results .event-search-filter .filter-dates-block
{
    padding: 0 0 5px;
}

    .event-results .dnnLeft.left-col .filter-dates-block label,
    .event-results .event-search-filter .filter-dates-block label
    {
        display: block;
        font-size: 11px;
        padding: 0 0 2px;
    }

    .event-results .dnnLeft.left-col .filter-dates-block input[type="text"],
    .event-results .event-search-filter .filter-dates-block input[type="text"]
    {
        width: auto;
    }

    .event-results .dnnLeft.left-col .filter-dates-block .RadPicker,
    .event-results .dnnLeft.left-col .filter-dates-block .rcTable
    {
        width: 176px !important;
    }

        .event-results .dnnLeft.left-col .filter-dates-block .rcTable .riTextBox
        {
            width: 130px !important;
        }

    .event-results .dnnLeft.left-col .filter-dates-block .rcCalPopup
    {
        display: block;
        width: 18px;
        height: 18px;
        background: url(images/filter-cal-icon.png) no-repeat 0 0;
    }

.event-results .dnnLeft.left-col select,
.event-results .event-search-filter select
{
    margin: 0 0 10px;
    width: 160px;
}

.event-results .dnnLeft.left-col .filter-block ul li,
.event-results .event-search-filter .filter-block ul li
{
    background: none;
    padding: 0 0 5px;
    color: #0098D7;
    cursor: pointer;
}

    .event-results .event-search-filter .filter-block ul li a,
    .event-results .dnnLeft.left-col .filter-block ul li a
    {
        font-weight: 600;
    }

        .event-results .event-search-filter .filter-block ul li a span
        {
            display: block;
            color: #000;
            font-size: 11px;
            font-weight: 400;
            position: absolute;
            right: 0;
            top: 0;
        }

    .event-results .dnnLeft.left-col .filter-block ul.filteritemselected li,
    .event-results .event-search-filter .filter-block ul li.selected
    {
        background: url(images/search-close.png) no-repeat scroll right 2px transparent;
        color: #000;
    }

    .event-results .event-search-filter .filter-block ul li a
    {
        font-weight: 400;
        display: block;
        padding: 0 30px 0 0;
        position: relative;
        word-wrap:break-word;
    }

    .event-results .event-search-filter .filter-block ul li.selected a
    {
        color: #000;
    }

        .event-results .event-search-filter .filter-block ul li.selected a span
        {
            display: none;
        }

.event-results .dnnLeft.left-col .expand-search,
.event-results .event-search-filter .expand-search
{
    display: block;
    background: url(images/search-expand.png) no-repeat 0 17px;
    padding: 15px 45px 0 15px;
    border-top: 1px solid #dadada;
    font-weight: 600;
}

/* RIGHT COLUMN */
.event-results .dnnRight.right-col,
.event-results .event-results-right
{
    width: 600px;
}

    .event-results .dnnRight.right-col .search-box,
    .event-results .event-results-right .search-box,
    .search-box
    {
        padding: 10px;
        margin: 0 0 10px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        background: #e3f1f6;
        background: -moz-linear-gradient(top, #e3f1f6 0%, #ffffff 30%, #ffffff 60%, #e3f1f6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f1f6), color-stop(30%,#ffffff), color-stop(60%,#ffffff), color-stop(100%,#e3f1f6));
        background: -webkit-linear-gradient(top, #e3f1f6 0%,#ffffff 30%,#ffffff 80%,#e3f1f6 100%);
        background: -o-linear-gradient(top, #e3f1f6 0%,#ffffff 30%,#ffffff 60%,#e3f1f6 100%);
        background: -ms-linear-gradient(top, #e3f1f6 0%,#ffffff 30%,#ffffff 60%,#e3f1f6 100%);
        background: linear-gradient(top, #e3f1f6 0%,#ffffff 30%,#ffffff 60%,#e3f1f6 100%);
        -pie-background: linear-gradient(#e3f1f6 0%,#ffffff 30%,#ffffff 60%,#e3f1f6 100%);
        behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
    }

        .event-results .dnnRight.right-col .search-box input,
        .event-results .event-results-right .search-box .input-area,
        .search-box .input-area
        {
            background: #fff url(images/search-filter-mag.png) no-repeat 6px center;
            width: 455px;
            height: 34px;
            border: 1px solid #c1e6f5;
            color: #898989;
            font-family: 'Open Sans', sans-serif;
            font-size: 11px;
            font-weight: 400;
            padding: 0 5px 0 30px;
            -webkit-box-shadow: 0px 0px 0px 1px #c5c5c5;
            box-shadow: 0px 0px 0px 1px #c5c5c5;
            position: relative;
            left: 1px;
            float: left;
        }

        .event-results .event-results-right .search-box .input-area
        {
            width: 415px;
        }

            .event-results .event-results-right .search-box .input-area input,
            .search-box .input-area input
            {
                background: #fff;
                color: #898989;
                font-family: 'Open Sans', sans-serif;
                font-size: 14px;
                font-weight: 400;
                height: 34px;
                width: 240px;
                float: left;
                border: 0;
            }

        .event-results .event-results-right .search-box .filter-select,
        .search-box .filter-select
        {
            float: right;
            width: 185px;
            height: 21px;
            border-left: 1px solid #dadada;
            margin: 3px 0 0;
            padding: 7px 7px 0 12px;
        }

            .event-results .event-results-right .search-box .filter-select select,
            .search-box .filter-select select
            {
                width: 185px;
            }

            .event-results .event-results-right .search-box .filter-select .select,
            .search-box .filter-select .select
            {
                background: url(images/filder-dd.jpg) no-repeat right 2px;
                color: #898989;
                font-family: 'Open Sans', sans-serif;
                font-size: 11px;
                font-weight: 400;
                width: 170px;
                padding: 0 15px 0 0;
                display: block;
                position: absolute;
                overflow: hidden;
                height: 14px;
            }

        .event-results .dnnRight.right-col .search-box a,
        .event-results .event-results-right .search-box a,
        .search-box a
        {
            height: 26px;
            padding: 0 10px;
            line-height: 27px;
            font-family: 'Rokkitt', sans-serif;
            font-size: 15px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 400;
            display: block;
            background: #0098d7;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
            display: inline-block;
            margin-top: 5px;
            margin-left: 10px;
        }

            .event-results .event-results-right .search-box a.second-button
            {
                margin-left: 4px;
                font-size: 10px;
            }

        .event-results .dnnRight.right-col .search-box .input-area a,
        .event-results .event-results-right .search-box .input-area a,
        .nav-bar .search #main-suggest-menu a,
        .search-box .input-area a
        {
            background: none;
            border-radius: 0;
            display: block;
            text-transform: none;
            padding: 0 0 0 8px;
            margin: 0;
            line-height: 1.5em;
            font-family: 'Open Sans', sans-serif;
            float: none;
            color: #000;
            border: 0 !important;
            font-size: 13px;
        }

            .event-results .dnnRight.right-col .search-box .input-area a:hover,
            .event-results .event-results-right .search-box .input-area a:hover,
            .search-box .input-area a:hover,
            .nav-bar .search #main-suggest-menu a:hover,
            .event-results .dnnRight.right-col .search-box .input-area a.ui-state-focus,
            .event-results .event-results-right .search-box .input-area a.ui-state-focus,
            .search-box .input-area a.ui-state-focus,
            .nav-bar .search #main-suggest-menu a.ui-state-focus
            {
                background: #f3f3f3;
                cursor: pointer;
            }

.skin-wrap .ui-menu .ui-menu-item
{
    background: none;
}

.event-results .dnnRight.right-col .search-box a:hover,
.event-results .event-results-right .search-box a:hover,
.search-box a:hover
{
    background: #88898d;
    text-decoration: none;
}

.event-results .dnnLeft.sort-dropdown
{
    margin: 0 10px 0 0;
}

.event-results #evtSearchControls
{
    margin: 0 0 10px;
}

.event-results .search-info
{
    font-size: 11px;
    padding: 0 0 10px;
}

    .event-results .search-info .search-term
    {
        font-weight: 700;
        color: #d7862a;
    }

/* PAGINATION */
.event-results .pagerWrapper
{
    margin: 0;
    overflow: visible;
}

    .event-results .pagerWrapper ul
    {
        list-style-type: none;
        padding: 0;
        margin: 0 auto;
    }

        .event-results .pagerWrapper ul li
        {
            display: inline;
            list-style: none;
            padding: 0;
            margin: 0 0 0 7px;
            float: left;
            border: none;
            background-image: none;
        }

.event-results .pagercurrent
{
    margin: 0;
    padding: 0 7px;
    height: 20px;
    line-height: 21px;
    display: block;
    color: #000;
    background: #bfc0c5;
    text-decoration: none;
    font-weight: 600;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 14px;
    font-family: 'Rokkitt', sans-serif;
}

.event-results .pagernextdisabled, .event-results .pagerpreviousdisabled
{
    margin: 0;
    padding: 0;
    color: #787979;
    display: none;
}

.event-results a.pagerother
{
    background: #88898d;
    text-decoration: none;
    margin: 0;
    color: #fff;
    padding: 0 7px;
    height: 20px;
    line-height: 21px;
    display: block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 14px;
    font-family: 'Rokkitt', sans-serif;
    font-weight: 600;
}

.event-results a.pagerprevious, .event-results a.pagernext
{
    text-decoration: none;
    margin: 0;
    padding: 0;
    line-height: 20px;
    font-weight: 600;
    font-size: 11px;
}

    .event-results a.pagerprevious:hover, .event-results a.pagernext:hover
    {
        text-decoration: underline;
    }

.event-results a.pagerother:hover
{
    color: #fff;
    background: #59595a;
}

/* LISTINGS */
.event-results .evtList
{
    border-top: 1px solid #dadada;
    margin: 0 0 10px;
}

    .event-results .evtList .listing-block
    {
        border-bottom: 1px solid #dadada;
        padding: 20px 0;
    }

        .event-results .evtList .listing-block .dnnLeft
        {
            width: 163px;
        }

    .event-results .evtList.store-results .listing-block .dnnLeft.store-img
    {
        width: 100px;
        padding: 0 12px 0 0;
        text-align: center;
    }

        .event-results .evtList.store-results .listing-block .dnnLeft.store-img img
        {
            max-width: 100px;
        }

    .event-results .evtList.store-results .listing-block .dnnLeft.store-info
    {
        width: 375px;
    }

    .event-results .evtList .listing-block .dnnRight
    {
        width: 437px;
    }

    .event-results .evtList.store-results .listing-block .dnnRight.store-price
    {
        width: 80px;
        padding: 0 0 0 12px;
        border-left: 1px solid #dadada;
    }

        .event-results .evtList.store-results .listing-block .dnnRight.store-price div
        {
            text-transform: uppercase;
            font-weight: 700;
            font-size: 10px;
            color: #858586;
        }

        .event-results .evtList.store-results .listing-block .dnnRight.store-price .member
        {
            border-bottom: 1px solid #dadada;
            padding: 0 0 10px;
            margin: 0 0 10px;
        }

            .event-results .evtList.store-results .listing-block .dnnRight.store-price .member span
            {
                font-size: 12px;
                color: #d7862a;
            }

        .event-results .evtList.store-results .listing-block .dnnRight.store-price .list span
        {
            font-size: 12px;
            color: #000;
            font-weight: 400;
        }

    .event-results .evtList .listing-block .dnnRight .listing-detail,
    .event-results .evtList .listing-block .dnnLeft .listing-detail
    {
        font-size: 10px;
        text-transform: uppercase;
    }

    .event-results .evtList .listing-block .dnnRight .sub-title,
    .event-results .evtList .listing-block .dnnLeft .sub-title
    {
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 400;
        color: #505050;
    }

    .event-results .evtList .listing-block .dnnRight .listing-detail span,
    .event-results .evtList .listing-block .dnnLeft .listing-detail span
    {
        color: #d7862a;
        font-weight: 600;
    }

    .event-results .evtList .listing-block p
    {
        margin: 0;
    }

    .event-results .evtList.site-results .listing-block .search-meta
    {
        font-size: 10px;
        margin: 0 0 5px;
    }

        .event-results .evtList.site-results .listing-block .search-meta .listing-detail
        {
            color: #d7862a;
            text-transform: uppercase;
            display: block;
            float: left;
            margin-right: 10px;
        }

    .event-results .evtList.site-results .listing-block .dnnLeft.store-img
    {
        float: left;
        width: 58px;
    }

        .event-results .evtList.site-results .listing-block .dnnLeft.store-img img
        {
            max-width: 48px;
        }

    .event-results .evtList.site-results .listing-block .dnnLeft.store-info
    {
        float: left;
        width: 542px;
    }

    /* Career Center Search Styles - GS - 2015-5-6 */
    .event-results .evtList.site-results .listing-block .dnnLeft.job-details
    {
        float: left;
        width: 450px;
        border-right: 1px solid #dadada;
    }    
    
    .jobsavebutton
    {
    	padding-bottom: 5px;
    }

/* EVENT DETAIL */
.event-detail-wrap
{
}

    .event-detail-wrap h1
    {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.3em;
        font-family: 'Open Sans', sans-serif;
        color: #000;
        margin: 0 0 18px;
    }

    .event-detail-wrap .event-detail-date
    {
        font-size: 11px;
    }

    .event-detail-wrap .event-detail-info
    {
        margin: 0 0 20px;
        font-size: 11px;
    }

        .event-detail-wrap .event-detail-info .listing-detail
        {
            font-size: 10px;
            text-transform: uppercase;
        }

            .event-detail-wrap .event-detail-info .listing-detail span
            {
                color: #d7862a;
            }

.event-detail-footer
{
    border-top: 1px solid #dadada;
    padding: 10px 0;
}

    .event-detail-footer .btn4
    {
        float: left;
        line-height: 29px;
    }

/* TWITTER STYLES */
.content-siderail .tweet-target h4 .Head
{
    color: #000;
}

.tweet-target div.cs-twitter-container, .tweet-target .cs-twitter-body
{
    font-size: 11px;
    color: #000;
    line-height: 16px;
    font-family: 'Open Sans', sans-serif;
}

.tweet-target ul.cs-twitter-list li
{
    background: url(images/li-bg-disc.png) no-repeat 0 6px;
    margin: 0 0 10px;
    padding: 0 0 10px 10px;
    border-bottom: 1px solid #d8d8d8;
}

    .tweet-target ul.cs-twitter-list li div.cs-twitter-list-container
    {
        background: none;
    }

        .tweet-target ul.cs-twitter-list li div.cs-twitter-list-container .cs-twitter-content
        {
            padding: 0;
        }

    .tweet-target ul.cs-twitter-list li div.cs-twitter-content a.cs-twitter-content-reply
    {
        display: none;
    }

    .tweet-target ul.cs-twitter-list li div.cs-twitter-content a.cs-twitter-content-time
    {
        color: #999;
        display: inline;
        float: none;
        margin: 0;
        font-weight: normal;
    }

    .tweet-target ul.cs-twitter-list li div.cs-twitter-content span.cs-twitter-content-text a
    {
        color: #0098D7;
    }

    .tweet-target ul.cs-twitter-list li div.cs-twitter-content span.cs-twitter-content-text span.cs-twitter-content-hash
    {
        color: #000;
    }

.tweet-target div.cs-twitter-footer a.cs-twitter-follow
{
    background: url(images/follow-link.jpg) no-repeat 0 0;
    float: right;
    width: 128px;
    height: 20px !important;
    padding: 0;
}

.tweet-target div.cs-twitter-footer div.cs-twitter-footer-inner
{
    padding: 0;
}

.tweet-target div.cs-twitter-footer a.cs-twitter-follow span
{
    text-indent: -99999px;
    display: block;
    overflow: hidden;
}

/* ACTIVE FORUMS */
.DnnModule-ActiveForums,
.skin-wrap .afcontrolheader
{
    font-family: 'Open Sans', sans-serif !important;
    padding-left: 0;
}

.skin-wrap ul.af-list-flat li
{
    background: none;
    padding: 0;
}

.skin-wrap .afgrouprow
{
    background-color: #d7862a;
}

.skin-wrap .aftitlelg
{
    padding-left: 0;
    padding-bottom: 0;
}

    .skin-wrap .aftitlelg,
    .skin-wrap .aftitlelg a:link,
    .skin-wrap .aftitlelg a:active,
    .skin-wrap .aftitlelg a:visited
    {
        font-family: 'Rokkitt', sans-serif;
        font-size: 24px;
        color: #000;
    }

.skin-wrap .aftopicsum
{
    padding: 0;
}

.skin-wrap ul.af-rater li
{
    padding: 0;
    background: none;
}

.skin-wrap .DnnModule-ActiveForums input[type="checkbox"]
{
    margin-right: 5px;
}

.skin-wrap .afdropdown
{
    margin-left: 5px;
}

.skin-wrap .DnnModule-ActiveForums td.afpostinfo1,
.skin-wrap .DnnModule-ActiveForums td.afpostinfo2
{
    vertical-align: top;
}

.skin-wrap .DnnModule-ActiveForums .afgrid td,
.skin-wrap .DnnModule-ActiveForums .afgrid.awwa-forum .afsubgrid td
{
    padding: 5px;
}

.skin-wrap .DnnModule-ActiveForums .afgrid.awwa-forum td
{
    padding: 0px;
}

    .skin-wrap .DnnModule-ActiveForums .afgrid.awwa-forum td.afgrouprow
    {
        padding: 0px 5px;
    }

.skin-wrap .af-actions ul li
{
    background: none;
}
/*AWWA Font styles*/
.h1b
{
    margin: 0 0 8px;
    font-family: 'Rokkitt', sans-serif;
    font-size: 20px;
    color: #505050;
    font-weight: 400;
    line-height: 20px;
}

.importantNote
{
    color: #ff2222;
    font-family: 'Open Sans';
    font-size: 10px;
    font-weight: bold;
}

.infoText
{
    font-family: Rokkitt,san-serif;
    color: #88898D;
    font-size: 13px;
    font-weight: lighter;
}

.purpleCallOut
{
    font-family: 'Cabin Sketch', san-serif;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    color: #7c2b68;
}

.blackCallOut
{
    font-family: 'Cabin Sketch', san-serif;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    color: #000000;
}

/* Packflash List and Details CSS */
.AWWALst_Mn
{
    display: block;
    margin: 0px;
    padding: 15px 0px;
}

.AWWALst_RSS
{
}

    .AWWALst_RSS a, .AWWALst_RSS a:link, .AWWALst_RSS a:visited, .AWWALst_RSS a:active, .AWWALst_RSS a:hover
    {
        color: #0098D7;
        font-family: 'Open Sans',san-serif;
        font-size: 12px;
        font-weight: normal;
        line-height: 16px;
    }

.AWWALst_RSSInnr
{
    padding: 0px 0px 0px 20px;
    background-repeat: no-repeat;
    background-position: 0px 2px;
    line-height: 16px;
}

.AWWALst_Itm
{
    display: block;
    margin: 0px;
    padding: 10px 21px;
    border-top: 1px solid #DADADA;
    background: url(images/AWWALstBllt.jpg) 9px 16px no-repeat;
}

    .AWWALst_Itm:first-child
    {
        border: none;
    }

.AWWALst_Ttl
{
    display: block;
    margin: 0px;
    padding: 0px;
}

    .AWWALst_Ttl a, .AWWALst_Ttl a:link, .AWWALst_Ttl a:visited, .AWWALst_Ttl a:active, .AWWALst_Ttl a:hover
    {
        color: #0098D7;
        font-family: 'Open Sans',san-serif;
        font-size: 12px;
        font-weight: bold;
    }

.AWWALst_Dt
{
    display: block;
    margin: 0px;
    padding: 0px;
    color: #000000;
    font-family: 'Open Sans',san-serif;
    font-size: 11px;
}

.AWWALst_Pgntn
{
    display: inline-block;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

    .AWWALst_Pgntn .article_paging
    {
        display: block;
        float: right;
    }

        .AWWALst_Pgntn .article_paging span, .AWWALst_Pgntn .article_paging a, .AWWALst_Pgntn .article_paging a:link, .AWWALst_Pgntn .article_paging a:visited, .AWWALst_Pgntn .article_paging a:active, .AWWALst_Pgntn .article_paging a:hover
        {
            display: block;
            float: left;
            margin: 0px 0px 0px 4px;
            padding: 0px 6px;
            line-height: 20px;
            height: 20px;
        }

            .AWWALst_Pgntn .article_paging .first, .AWWALst_Pgntn .article_paging a.first, .AWWALst_Pgntn .article_paging a.first:link, .AWWALst_Pgntn .article_paging a.first:visited, .AWWALst_Pgntn .article_paging a.first:active, .AWWALst_Pgntn .article_paging a.first:hover
            {
                padding: 0px;
                font-weight: bold;
            }

            .AWWALst_Pgntn .article_paging .previous, .AWWALst_Pgntn .article_paging a.previous, .AWWALst_Pgntn .article_paging a.previous:link, .AWWALst_Pgntn .article_paging a.previous:visited, .AWWALst_Pgntn .article_paging a.previous:active, .AWWALst_Pgntn .article_paging a.previous:hover
            {
                padding: 0px;
                font-weight: bold;
            }

        .AWWALst_Pgntn .article_paging .current
        {
            color: #ffffff;
            font-weight: normal;
            text-align: center;
            background: #5a5a5c;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
        }

        .AWWALst_Pgntn .article_paging .page
        {
            color: #ffffff;
            font-weight: normal;
            text-align: center;
            background: #88898d;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
        }

            .AWWALst_Pgntn .article_paging .page:hover
            {
                color: #000000;
                background: #c0c1c5;
            }

        .AWWALst_Pgntn .article_paging .next, .AWWALst_Pgntn .article_paging a.next, .AWWALst_Pgntn .article_paging a.next:link, .AWWALst_Pgntn .article_paging a.next:visited, .AWWALst_Pgntn .article_paging a.next:active, .AWWALst_Pgntn .article_paging a.next:hover
        {
            padding: 0px;
            font-weight: bold;
        }

        .AWWALst_Pgntn .article_paging .last, .AWWALst_Pgntn .article_paging a.last, .AWWALst_Pgntn .article_paging a.last:link, .AWWALst_Pgntn .article_paging a.last:visited, .AWWALst_Pgntn .article_paging a.last:active, .AWWALst_Pgntn .article_paging a.last:hover
        {
            padding: 0px;
            font-weight: bold;
        }

        .AWWALst_Pgntn .article_paging .pipe
        {
            display: none;
        }

        .AWWALst_Pgntn .article_paging .empty_space
        {
            display: none;
        }

        .AWWALst_Pgntn .article_paging .empty_space2
        {
            display: none;
        }

.AWWADtls_Mn
{
    display: block;
    margin: 0px;
    padding: 0px;
}

.AWWADtls_Hdr
{
    display: block;
    margin: 0px;
    padding: 0px 0px 30px 0px;
}

.AWWADtls_Ttl
{
    display: block;
    margin: 0px;
    padding: 0px;
    font-family: 'Open Sans',san-serif;
    font-size: 16px;
    color: #000000;
}

.AWWADtls_Dt
{
    display: block;
    margin: 0px;
    padding: 0px;
    color: #000000;
    font-family: 'Open Sans',san-serif;
    font-size: 11px;
}

.AWWADtls_SbTtl
{
    display: block;
    margin: 0px;
    padding: 0px;
    color: #000000;
    font-family: 'Open Sans',san-serif;
    font-size: 11px;
}

.AWWADtls_Smmr
{
    display: block;
    margin: 0px;
    padding: 0px 0px 40px 0px;
    color: #000000;
    font-family: 'Open Sans',san-serif;
    font-size: 12px;
}

    .AWWADtls_Smmr a, .AWWADtls_Smmr a:link, .AWWADtls_Smmr a:visited, .AWWADtls_Smmr a:active, .AWWADtls_Smmr a:hover
    {
        color: #0098D7;
        font-family: 'Open Sans',san-serif;
        font-size: 12px;
        font-weight: normal;
    }

.AWWADtls_Scl
{
    display: block;
    float: right;
    margin: 0px;
    padding: 0px;
    text-align: right;
}

    .AWWADtls_Scl .AWWADtls_FB
    {
        display: block;
        float: left;
        margin: 0px;
        padding: 0px;
    }

    .AWWADtls_Scl .AWWADtls_TW
    {
        display: block;
        float: left;
        margin: 0px;
        padding: 0px;
    }

    .AWWADtls_Scl .AWWADtls_EM
    {
        display: block;
        position: relative;
        float: left;
        margin: 0px;
        padding: 2px 0px 1px 0px;
    }

    .AWWADtls_Scl #updateEmailWrapper
    {
        display: block;
        position: absolute;
        margin: 0px;
        padding: 0px;
        right: 0px;
        top: 20px;
    }

/* .livetabsawwadefault .ui-tabs .ui-tabs-nav li a {display: table-cell; vertical-align:middle; text-decoration: none; border: 1px solid #dadada;  background: #f0f9fd; padding: 0 18px; height: 33px; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; -webkit-box-shadow:  3px 3px 4px 0px #bbb; box-shadow:  3px 3px 4px 0px #bbb; behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc); position: relative; line-height:1em; font-size:90%;} */
/* .livetabsawwadefault .ui-tabs .ui-tabs-nav li.ui-state-hover a {background: #def3fc;}
.livetabsawwadefault .ui-tabs .ui-tabs-nav li.ui-state-active a {background: #fff; color: #000; border: 1px solid #dadada}
.livetabsawwadefault .ui-tabs .ui-tabs-nav li a hr {display:none !important;} 
.skin-wrap .livetabsawwadefault .ui-icon {float:left; height:21px; margin-right:10px; background-position:0 2px; display:none;} */

.link-arrow
{
    background-image: url(/portals/_default/skins/awwa-skins/images/li-bg-arrow.png);
    padding-left: 14px;
    background-position: 0px 3px;
    background-repeat: no-repeat no-repeat;
}

.skin-wrap .DynamicForms_Maintable
{
    padding: 0;
}

    .skin-wrap .DynamicForms_Maintable td
    {
    }

    .skin-wrap .DynamicForms_Maintable table.NormalTextBox
    {
        padding: 8px 0 0;
    }

        .skin-wrap .DynamicForms_Maintable table.NormalTextBox td
        {
        }

        .skin-wrap .DynamicForms_Maintable table.NormalTextBox label
        {
            padding: 0 10px 0 5px;
        }

    .skin-wrap .DynamicForms_Maintable label
    {
        padding: 10px 0;
        display: inline-block;
    }

        .skin-wrap .DynamicForms_Maintable label .NormalBold
        {
            font-weight: 600;
        }

    .skin-wrap .DynamicForms_Maintable input.NormalTextBox,
    .skin-wrap .DynamicForms_Maintable input[type="text"]
    {
        background: #fff;
        border: 1px solid #CDCDCD;
        color: #898989;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-weight: 400;
        padding: 7px 8px;
    }

    .skin-wrap .DynamicForms_Maintable select.NormalTextBox
    {
        margin: 6px 0 0;
    }

    .skin-wrap .DynamicForms_Maintable input[type="checkbox"]
    {
        margin: 8px 0 0;
    }

    .skin-wrap .DynamicForms_Maintable input[type="file"]
    {
        margin: 8px 0 0;
        background: #fff;
        border: 1px solid #CDCDCD;
        color: #898989;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-weight: 400;
        padding: 7px 8px;
    }

.skin-wrap .DynamicForms_MainPanel .DynamicForms_SaveFormDiv a:link
{
    height: 32px;
    padding: 0 12px;
    line-height: 32px;
    font-family: 'Rokkitt', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    background: #0098d7;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/Portals/_default/Skins/AWWA-Skins/Pie/PIE.htc);
}

.skin-wrap .DynamicForms_MainPanel .DynamicForms_SaveFormDiv a:hover
{
    background: #0485BA;
    ;
    text-decoration: none;
}

a.special-projects
{
}

.containerWrapper
{
    margin-bottom: 30px;
}

.feedback-wrap
{
    background: #fff;
    padding: 20px 0 0;
}

    .feedback-wrap .feedback-pane
    {
    }

/* Pricing Display */
.listPrice .memberPrice .yourPrice
{
    text-align: right;
    color: #000000;
}

.listPriceA
{
    text-align: left;
    color: #000000;
}

.memberPriceA
{
    font-weight: bold;
    text-align: left;
    color: #000000;
}

.yourPriceA
{
    text-align: left;
    font-weight: bold;
    color: #ec9311;
}


a, a:visited
{
    text-decoration: none;
}

    .dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction
    {
        color: #fff;
    }


.required label:after,
legend.required:after
{
    display: none;
}

.h3-get-involved blockquote p
{
    font-size: 12px;
    line-height: 1em;
    color: #000;
    font-style: normal;
}

.dnnEditState .DnnModule {
    opacity: 1 !important;
}

.int-left ul
{
    list-style: none;
}

#AbstractWrapper blockquote
{
    font-size: 12px;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 1em;
}

.RadEditor li, .dnnAdminTabNav li, .dnnActions li  {
background: none !important;
}

h1, h2, h3, h4, h5, h6
{
  letter-spacing: 0px !important;
}
.sc-left-col
{
    float: left;
    width: 690px;
}

.sc-right-col
{
    float: right;
    width: 240px;
}

/* Social Icons */
    #social_side_links
    {
        position: fixed;
        top: 100px;
        left: 0;
        padding: 0;
        list-style: none;
        z-index: 99;
    }
    
    #social_side_links li a
    {
        display: block;
    }
    
    #social_side_links li a img
    {
        display: block;
        max-width: 40px;
        -webkit-transition: background .5s ease-in-out;
        -moz-transition: background .5s ease-in-out;
        -o-transition: background .5s ease-in-out;
        transition: background .5s ease-in-out;
    }
    
    #social_side_links li a:hover img
    {
        opacity: 0.4;
        filter: alpha(opacity=40);
    }

    /*eToc styling*/
.article iframe {border-color:#0098D7;border-width: 1px; border-radius: 7px; background-color:#E5EBFF;align-content: center;vertical-align: middle; }

.ModDNNIFrameC {padding-top: 15px;}