* {
    padding: 0;
    margin: 0;
}

body {
    padding: 11px 11px 11px 11px;
    background-color: #2d546c;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

td {
    text-align: left;
    vertical-align: top;
}

strong {
    font-weight: bold;
}

.paddingTop {
    padding-top: 4px;
}

.alignTop {
    vertical-align: top;
}

.alignRight {
    text-align: right;
}

.alignCenter {
    text-align: center;
}

.alignMiddle {
    vertical-align: middle;
}

.alignBottom {
    vertical-align: bottom;
}

.fLeft {
    float: left;
    margin: 0 15px 6px 0px;
}

div.slideshow{
    float: left;
    padding: 3px 9px 6px 0;
}

.fRight {
    float: right;
    margin: 0 0 6px 15px;
}

.clear {
    clear: both;
}

.red {
    color: #9A2C26;
}

.green {
    color: #889428;
}

.blue {
    color: #3C6781;
}

.blue2 {
    color: #2d546c;
}

div.clear2 {
    height: 1px;
}

div.spacing {
    height: 8px;
}

#loading {
    background-color: #ffffff;
    position: absolute;
    left: 346px;
    top: 75px;
    padding: 2px;
    z-index: 20001;
    height: auto;
}

#loading .indicator {
    font-size: 12px;
    padding: 10px;
    margin: 0;
    height: auto;
}

#wrap {
    width: 766px;
    margin: 0 auto;
    padding-left: 4px;
    padding-bottom: 8px;
    background-color: #ffffff;
}

#header {
    clear: both;
}

/*
 * Content Area Styles
 */

#content {
    margin: 0 11px 0 7px;
    clear: both;
}

#content p,
#content ol,
#content hr,
#content form {
    padding-bottom: 8px;
}

#content .hrDashed {
    border-bottom: dashed 1px #555555;
    padding-top: 12px;
    margin-bottom: 6px;
}

#content h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #417a9d;
    line-height: 32px;
    padding-left: 10px;
}

#content h3 {
    font-size: 12px;
    margin-bottom: 5px;
}

#content .more {
    text-align: right;
}

#content .redBG div.head {
    font-weight: bold;
    margin-bottom: 4px;
}

#content .redBG div.head {
    color: #9A2C26;
}

#content .greenBG div.head {
    font-weight: bold;
    color: #5d671c;
}

#content a:link,
#content a:visited,
#content .greenBG .more a:link,
#content .greenBG .more a:visited,
#content .redBG .more a:link,
#content .redBG .more a:visited {
    color: #556B72;
    text-decoration: underline;
}

#content a:hover,
#content a:active,
#content .greenBG .more a:hover,
#content .greenBG .more a:active,
#content .redBG .more a:hover,
#content .redBG .more a:active {
    color: #CD362B;
}

#content .padding {
    padding: 8px 14px 0 14px;
}

#content .paddingBottom {
    padding-bottom: 8px;
}

#content .articleHeadline1 {
    color: #2d546c;
}

#content .articleHeadline2 {
    color: #889428;
}

#content .articleHeadline3 {
    color: #3C6781;
}

#content div.border {
    border-bottom: 1px solid #AAA;
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA;
    background-color: #FFFFFF;
}

    /*
     * Background Color Divs
     */

    .error {
        color: #a32d25;
    }

    #content div.error {
        background-color: #ffffbf;
        border: solid 1px #a32d25;
        padding-left: 8px;
        padding-top: 8px;
        padding-right: 8px;
        margin-bottom: 3px;
    }
    
    #content div.error ul li {
        background-image: url(/images/icons/arrowsRed.gif);
    }

    .message {
        color: #545c19;
    }

    #content div.message {
        background-color: #ffffbf;
        border: solid 1px #545c19;
        padding: 8px;
        margin-bottom: 3px;
    }

    #content div.blueBG h2,
    #content div.blue2BG h2,
    #content div.greenBG h2,
    #content div.redBG h2,
    #content h2.blueBG,
    #content h2.blue2BG,
    #content h2.greenBG,
    #content h2.redBG {
        background-position: left top;
        background-repeat: repeat-x;
        color: #FFFFFF;
    }

    #content div.greenBG h2,
    #content h2.greenBG {
        background-image: url(/images/backgrounds/h2GreenBG.gif);
    }

    #content div.redBG h2,
    #content h2.redBG {
        background-image: url(/images/backgrounds/h2RedBG.gif);
    }

    #content div.blueBG h2,
    #content h2.blueBG {
        background-image: url(/images/backgrounds/h2BlueBG.gif);
    }

    #content div.blue2BG h2,
    #content h2.blue2BG {
        background-image: url(/images/backgrounds/h2Blue2BG.gif);
    }

    #content div.greenBG,
    #content div.redBG,
    #content div.blueBG,
    #content div.blue2BG,
    #content div.grayBG,
    .marginBottom {
        margin-bottom: 3px;
    }

    #content div.greenBG .padding,
    #content div.redBG .padding,
    #content div.blueBG .padding,
    #content div.blue2BG .padding {
        padding-top: 14px;
    }

    #content ol {
        margin-bottom: 0;
        margin-left: 28px;
        list-style-type: decimal;
    }

    #content ol li {
        padding-bottom: 8px;
    }

    #content div.error ul,
    #content div.greenBG ul,
    #content div.redBG ul,
    #content div.blueBG ul,
    #content div.blue2BG ul {
        list-style: none;
    }

        #content div.error ul li,
        #content div.greenBG ul li,
        #content div.redBG ul li,
        #content div.blueBG ul li,
        #content div.blue2BG ul li {
            background-position: left 5px;
            background-repeat: no-repeat;
            padding-left: 15px;
            padding-bottom: 8px;
        }

    #content div.greenBG {
        background-color: #e6eed7;
    }

        #content div.greenBG ul li {
            background-image: url(/images/icons/arrowsGreen.gif);
        }

        #content div.greenBG a:link,
        #content div.greenBG a:visited {
            color: #889428;
            text-decoration: none;
        }

        #content div.greenBG a:hover,
        #content div.greenBG a:active {
            text-decoration: underline;
        }

    #content div.redBG {
        background-color: #efe4d0;
    }

        #content div.redBG ul li {
            background-image: url(/images/icons/arrowsRed.gif);
        }

        #content div.redBG a:link,
        #content div.redBG a:visited {
            color: #CD362B;
            text-decoration: none;
        }

        #content div.redBG a:hover,
        #content div.redBG a:active {
            text-decoration: underline;
        }

    #content div.blue2BG {
        background-color: #e6f1f7;
    }

        #content div.blue2BG ul li {
            background-image: url(/images/icons/arrowsBlue.gif);
        }

    #content div.grayBG {
        background-color: #f4f4ec;
        padding-bottom: 8px;
    }

    #content div.blueBG ul li {
        background-image: url(/images/icons/arrowsBlue.gif);
    }

    /*
     * Use this to fix layout when having issues with parent containers
     * with background colors and content disappearing in IE7 and IE6.
     */

    #content div.redBG,
    #content div.greenBG,
    #content div.blue2BG,
    #content div.grayBG {
        min-height:0;

        /*
         * IE6 Hack
         */
        _height:0;
    }
    
    /*
     * Content Area Columns
     */

    #content #leftColOneFifth {
        width: 123px;
        float: left;
    }

    #content #leftCol {
        width: 207px;
        float: left;
    }

    #content #leftColWide {
        width: 237px;
        float: left;
    }
    
    #content #leftColTwoThirds {
        width: 508px;
        float: left;
    }

    #content #centerCol {
        background-color: #ffffff;
        width: 332px;
        float: left;
        margin: 0 3px;
    }

    #content #centerColNarrow {
        width: 302px;
        float: left;
        margin: 0 3px;
    }

    #content #rightCol {
        width: 203px;
        float: left;
    }
    
    #content #rightColWide {
        width: 237px;
        margin-left: 3px;
        float: left;
    }

    #content #rightColTwoThirds {
        width: 508px;
        margin-left: 3px;
        float: left;
    }
    
    #content #rightColThreeFifths {
        width: 622px;
        margin-left: 3px;
        float: left;
    }

    #content #bottomBanner {
        clear: both;
        margin-top: 3px;
    }

#content ul.horizontal {
    list-style: none;
    margin: 0 0 11px 0;
}

#content ul.horizontal li {
    display: inline;
    border-right: 1px solid #343030;
    padding: 0 8px;
}

#content ul.horizontal li.last {
    border-right: none;
}

#footer {
    clear: both;
    width: 748px;
    margin: 0 0 0 7px;
    border-top: 3px solid #b2b2b2;
    color: #343030;
    position: relative;
    text-align: center;
}

    #footer td {
        text-align: center;
        padding-top: 8px;
    }

    #footer ul {
        list-style: none;
        margin: 0 0 11px 0;
    }

        #footer ul li {
            display: inline;
            border-right: 1px solid #343030;
            padding: 0 8px;
        }

        #footer ul li.last {
            border-right: none;
        }

    #footer a:link,
    #footer a:visited {
        color: #343030;
    }

    #footer a:hover,
    #footer a:active {
        color: #CD362B;
    }

    div.greenPane {
        border: solid 1px #889428;
        background-color: #e6eed7;
        margin: 6px;
        padding: 6px;
    }

/*
 * Form Styles
 */

#content .form td {
    vertical-align: middle;
}

#content .form td.alignTop {
    padding-top: 1px;
    vertical-align: top;
}

#content .form td label {
    white-space: nowrap;
}

form input,
form textarea,
form select,
form .x-form-text,
form .x-form-textarea {
    font-size: 1em;
}

form input,
form textarea,
form select {
    padding: 2px;
}

form .redButton,
form .greenButton,
form .blueButton,
form .blue2Button {
    background-position: left Center;
    background-repeat: repeat-x;
    color: #ffffff;

    font-weight: bold;

    padding: 1px;

    border: solid 1px #aaa;

    cursor: pointer;
}

form .redButton {
    background-image: url(/images/backgrounds/h2RedBG.gif);
}

form .greenButton {
    background-image: url(/images/backgrounds/h2GreenBG.gif);
}

form .blueButton {
    background-image: url(/images/backgrounds/h2BlueBG.gif);
}

form .blue2Button {
    background-image: url(/images/backgrounds/h2Blue2BG.gif);
}

/*
 * RadioButton and Checkbox List Styles
 */

.rbList label,
.cbList label {
    margin-left: 3px;
}

.rbListHorizontal label,
.cbListHorizontal label {
    margin-left: 3px;
    margin-right: 4px;
}

/*
 * FormView Styles
 */

#content table.FormView {
    width: 100%;
}

/*
 * GridView Styles
 */

#content table.GridView th,
#content table.GridView td {
   border: solid 1px #fff;
   padding: 4px;
}

#content table.GridView tr.selectedRow td {
    background-color: #555555;
    color: #ffffff;
}

#content table.GridView tr.selectedRow td a {
    color: #cab4ad;
}

/*
 * Dues Structure
 */

div.duesStructure {
    text-align: center;
}

div.duesStructure h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #417a9d;
}

div.duesStructure p {
    margin-top: 12px;
    margin-bottom: 0;
    text-align: left;
}

div.duesStructure table {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

/*
 * Table With Borders Style
 */

table.border {
    border-collapse: collapse;
}

table.border td {
    border: solid 1px #000000;
    padding: 3px;
}

/*
 * Printable New Member Application Payment Form
 */

div.newMemberPaymentForm p {
    margin-top: 16px;
}

div.newMemberPaymentForm table td {
    padding-right: 12px;
    vertical-align: middle;
}

div.newMemberPaymentForm td img {
    margin-right: 3px;
    vertical-align: middle;
}

/*
 * Event Registration Other Activities Table
 */

table.otherActivities {
    width: 100%;
}

table.otherActivities th, table.otherActivities td {
    padding: 4px;
}

table.otherActivities thead th {
    text-align: center;
    font-weight: bold;
}

table.otherActivities tfoot th {
    padding-right: 8px;
    text-align: right;
    font-weight: bold;
}

/*
 * Staff Styles
 */

table.staff {
    width: 100%;
}

table.staff td {
    width: 50%;
}

table.staff img {
    float: left;
    margin-right: 6px;
}

/*
 * Calendar Styles
 */

.calendar {
    width: 100%;
}

.calendarTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 32px;
    padding-left: 10px;

    background-position: left top;
    background-repeat: repeat-x;
    color: #ffffff;

    background-image: url(/images/backgrounds/h2GreenBG.gif);
}

.calendarTitle a {
    color: #ffffff;
}

.calendarTitle td {
    text-align: center;
}

.calendarDayHeader {
    background-color: #e6eed7;
    padding: 4px;
    font-weight: bold;
}

.calendarDay {
    background-color: #e6eed7;
    padding: 4px;
}

.calendarOtherMonthDay {
    background-color: #cdd4bf;
    padding: 4px;
}

.calendarDayWithEvents {
    background-color: #f1fae2;
    padding: 4px;

    border: solid 1px #000000;
    font-weight: bold;

    cursor: pointer;
}    

/*
 * Member Directory Styles
 */

.memberDirectory {
    border-top: solid 1px #7eadd9;
    width: 100%;
    overflow-y: auto;
}

.memberDirectory .row td,
.memberDirectory .altRow td {
    border-left: solid 1px #7eadd9;
    border-right: solid 1px #7eadd9;
    padding: 8px;
}

.memberDirectory .row {
    background-color: #ffffff;
}

.memberDirectory .altRow {
    background-color: #f0f3f3;
}

.memberDirectory .footerRow td {
    border-top: solid 1px #7eadd9;
}

.memberDirectory .pagerRow td {
    padding-left: 6px;
}

.memberDirectory .pagerRow td td {
    padding-left: 2px;
    font-size: 12px;
}

.memberDirectory .companyName {
    font-weight: bold;
    text-transform: uppercase;
}

/*
 * Ext Styles
 */

.x-panel-content {
    padding: 8px;
}

.x-panel-content p {
    padding-bottom: 8px;
}

.x-tab .padding {
    padding: 8px 8px 8px 8px;
}

.x-tab p,
.x-tab h3 {
    padding-bottom: 8px;
}

.x-tab-event h2 {
    display: none;
}

.ext-mb-text p {
    margin-bottom: 6px;
}

.ext-mb-text ul {
    margin: 0;
    margin-left: 18px;
    list-style: disc;
}

.ext-mb-text ul li {
    padding-bottom: 6px;
}