﻿/*-------------------------------------------------------------------------------------
    
    Handcrafted by Chris MacDonald -  Rangelog, LLC.
    Version 1.0  
    Master starting CSS base
    
    
    1. Reset and Clearfix
    2. Color Palette
    3. Basic Formatting
    4. Page Header
    5. Page Menus
    6. Major Page Parts by Section
    7. Page Widgets
    8. Headers and Iconology
    9. Buttons
    10. Scratch CSS - can be removed just for trying things out . . .

/*-----------------------------------------------------------------------------------*/
/*  1.	CSS Reset & Clearfix
/*-----------------------------------------------------------------------------------*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

:focus {
    outline: 0;
}

img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}
/* Hide from IE Mac \*/

.clearfix {
    display: block;
}
/* End hide from IE Mac */

.none {
    display: none;
}
/* End Clearfix */


/*--------------------------------------------------------------------------------------

Border-Box for Box Model Elements if this works for IE 8+

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

----------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------

	2. Color Palette
	
/*---------------------------------------------------------------------------------------*/

.baseBlue {
    color: #1b6293 !important;
}

.baseBlueBg {
    background: #1b6293 !important;
}

.red {
    color: #ab1e23 !important;
}

.green {
    color: #7da850 !important;
}

.greenBg {
    background: #7da850;
}

.lgtBlue {
    color: #91BEE3 !important;
}

.lgtBlueBg {
    background: #91BEE3 !important;
}

.ltGrey {
    color: #FAFAFA !important;
}

.ltGreyBg {
    background: #FAFAFA !important;
}

.drkGrey {
    color: #181818;
}

/*------------------------------------------------------------------------------------

	3. Base Styles
	
-------------------------------------------------------------------------------------*/

body {
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: url('../images/bg/pageBg.jpg') left top repeat #ffffff;
    color: #363636;  /*#B3B2B2;*/
    font-weight: normal;
    overflow-x: auto;
    overflow-y: auto;
}

/* Base Typography Styles */

a img {
    border: none;
}

p, pre, ul, ol, dl, dd, blockquote, address, fieldset, form {
    margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 800;
    padding: 0 0 20px 0;
}

h1 {
    color: #3c6092;
    font: 28px 'Helvetica Neue',HelveticaLTStdRegular,Helvetica,Arial,sans-serif;
    line-height: 28px;
    font-weight: 400;
    padding: 0;
    margin: 20px 0;
}

h2 {
    color: #ab1e23;
    font: 26px 'Helvetica Neue',HelveticaLTStdRegular,Helvetica,Arial,sans-serif;
    line-height: 26px;
    font-weight: 400;
    padding: 0;
    margin: 20px 0;
}

h3 {
    color: #3c6092;
    font: 22px 'Helvetica Neue',HelveticaLTStdRegular,Helvetica,Arial,sans-serif;
    line-height: 28px;
    font-weight: 600;
    padding: 0;
    margin: 20px 0;
}

h4 {
    color: #666666;
    font: 18px 'Helvetica Neue',HelveticaLTStdRegular,Helvetica,Arial,sans-serif;
    line-height: 24px;
    font-weight: 400;
    padding: 0;
    margin: 20px 0;
}

h5 {
    color: #3c6092;
    font: 16px 'Helvetica Neue',HelveticaLTStdRegular,Helvetica,Arial,sans-serif;
    line-height: 28px;
    font-weight: 400;
    padding: 0;
    margin: 20px 0;
}

h6 {
    color: #ab1e23;
    font: 14px 'Helvetica Neue',HelveticaLTStdRegular,Helvetica,Arial,sans-serif;
    font-weight: 400;
    padding: 0;
    margin: 20px 0;
}

a:link, a:active {
    color: #363636;
    text-decoration: none;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

a:hover {
    color: #686767;
    text-decoration: underline;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

a:visited {
    color: #808080;
}

    a:visited:hover {
        color: #515151;
        text-decoration: underline;
    }

blockquote {
    margin-left: 20px;
    padding-left: 10px;
    border-left: 10px solid #EDEDED;
}

hr, html hr {
    border: 0;
    height: 3px;
    background: #fbfafa;
    margin: 20px 0 20px 0;
    display: block;
}

p {
    color: #363636;
    font: 14px'Helvetica Neue',HelveticaLTStdRegular,Helvetica,Arial,sans-serif;
    font-weight: 300;
    line-height: 20px;
    padding: 0;
    margin: 0 0 20px 0;
}

/* Align Misc Elements */

.alignleft {
    float: left;
}

.alignTextLeft {
    text-align: left;
}

.alignright {
    float: right;
}

.alignTextRight {
    text-align: right;
}

.alignTextCenter {
    text-align: center;
}

.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
}

.imgAlignRight {
    float: right;
    margin: 0px 0px 20px 20px;
    padding: 5px;
    border: 1px solid #ededed;
    background: #FAFAFA;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.imgAlignLeft {
    float: left;
    margin: 0px 20px 20px 0px;
    padding: 5px;
    border: 1px solid #ededed;
    background: #FAFAFA;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%;
}

.margin0 {
    margin: 0 !important;
}

.margin20 {
    margin: 20px 0;
}

.floatImageRight {
    float: right;
    margin: 0 0 10px 20px;
}

.floatImageLeft {
    float: left;
    margin: 0 20px 10px 0;
}

/* Text Selection Colors */

::-moz-selection {
    color: #2f5e93;
    color: rgba(47, 94, 147, 0.85);
    background: #e8f1ff;
    background: rgba(232, 241, 255, 0.85);
}

::selection {
    color: #2f5e93;
    color: rgba(47, 94, 147, 0.85);
    background: #156091;
    background: rgba(232, 241, 255, 0.85);
}

p:-webkit-selection {
    background: #e8f1ff;
    background: rgba(232, 241, 255, 0.85);
    color: rgba(47, 94, 147, 0.85);
    color: #2f5e93;
}

/* Base Form Styles */

input[type="text"], input[type="email"], select, textarea {
    font: 13px "Helvetica Neue", Helvetica, Arial,sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #363636;
    height: 25px;
    line-height: 25px;
    padding: 5px;
    margin-bottom: 0px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*margin-top: 5px;*/
    border: 1px solid #C5C5C5;
    padding: 2px 0 2px 5px;
    font-size: 12px;
    background: #F1F1F1 url('../images/bg/formBg.gif') repeat-x top left;
}

.formRowSeparator {
    margin-bottom: 20px;
}

.formFieldWrapper {
    line-height: 20px;
    vertical-align: top;
}

.homesearch input[type="text"] {
    font-size: 14px !important;
    height: 24px;
}

.homesearch span.k-dropdown {
    margin-bottom:1px;
    margin-right:8px;
}

.homesearch span.k-dropdown-wrap {
    padding-bottom:6px;
    padding-top:6px;
}

.homesearch span.k-datepicker {
    margin-right:8px;
}

.homesearch input.k-input {
    font-size: 12px !important;
    height: 25px;
}

div.checkBoxGroup,
div.checkBoxGroup input {
	line-height: 20px;
}
div.checkBoxGroup input[type="checkbox"],
div.checkBoxGroup input[type="radio"]  {
    margin-right: 5px;
}

.wizard-nav {
    margin-left: 15px;
    padding-left: 10px;
}

textarea {
    font: 13px "Helvetica Neue", Helvetica, Arial,sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #363636;
    line-height: 20px;
    border: 1px solid #dcdcdc;
    background: #f8f8f8;
    padding: 5px;
    margin-bottom: 20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-top: 5px;
}

    input[type="text"]:focus, input[type="email"]:focus, select:focus, textarea:focus {
        background: url('../images/bg/formBgFocus.png') left top repeat-x #e8f2f9 !important;
        border: 1px solid #c0d7e8;
        color: #878282 !important;
    }

label {
    font-size: 12.5px;
    font-weight: 500;
    color: #363636;
    margin-right: 5px;
    margin-bottom: 5px;
    display: block;
}
/* Input placeholder text */
::-webkit-input-placeholder {
    font-size: 12px;
    color: #cfcdcd;
    font-weight: 300;
    text-shadow: 0px 1px 0px #ffffff;
    filter: dropshadow(color=#ffffff, offx=0, offy=1);
}

:-moz-placeholder {
    font-size: 12px;
    color: #cfcdcd;
    text-shadow: 0px 1px 0px #ffffff;
    filter: dropshadow(color=#ffffff, offx=0, offy=1);
    font-weight: 300;
}
/*-------------------------------------------------------------------------------------

	4. Page Header
	
--------------------------------------------------------------------------------------*/

#utilityNest {
    width: 100%;
    height: 25px;
    background: url('../images/bg/noise.png') #c40d0d;
    border-top: 1px solid #ef5a5a;
    border-bottom: 1px solid #a50b0b;
    vertical-align: middle;
    display: block;
    margin: 0 auto;
    height: 25px;
    color: #FFF;
    font-size: 12px;
    line-height: 25px;
    text-align: right;
}

#utilityNavNest {
    width: 1000px;
    margin: 0 auto;
    height: 25px;
    text-align: right;
}

ul#utilityMenu {
    height: 25px;
    font-weight: 500;
    width: 500px;
    margin: 0 auto;
    float: right;
    font-size: 11px;
    padding: 0 5px 0 5px;
    -webkit-text-shadow: 1px 0px 0px #a50b0b;
    text-shadow: 1px 0px 0px #a50b0b;
    /*background: url('../images/bg/utilityNavBg.png') top left repeat-x;*/
}

    ul#utilityMenu li {
        display: inline;
    }

        ul#utilityMenu li a,
        ul#utilityMenu li a:visited {
            margin: 0 10px 0 10px;
            color: #FFF;
            text-decoration: none;
            padding-left: 25px;
            background: url('../images/sprite/utilityNavSprite.png') left top no-repeat;
            -moz-background-clip: border-box;
            -webkit-background-clip: border-box;
            background-clip: border-box;
        }

            ul#utilityMenu li a:hover,
            ul#utilityMenu li a:visited:hover {
                -webkit-text-shadow: 0px 1px 0px #831b10;
                text-shadow: 0px 1px 0px #831b10;
            }

            ul#utilityMenu li a.memberLink {
                background-position: left top;
            }

            ul#utilityMenu li a.shoppingLink {
                background-position: left -16px;
            }

            ul#utilityMenu li a.contactLink {
                background-position: left -34px;
            }

            ul#utilityMenu li a.joinLink {
                background: url('../images/sprite/icon_20_flair_sprite.png') left top no-repeat;
                background-position: left -6px; /*-43px;*/
            }
                        

#headerNest {
    width: 100%;
    height: 80px;
    margin: 0;
    padding: 0;
    background: #1b6293 url('../images/bg/noise.png') left bottom repeat;
    display: block;
}

#header {
    margin: 0 auto;
    height: 80px;
    width: 1000px;
    padding: 0;
    vertical-align: top;
    display: block;
}

    #header p {
        float: left;
        margin: 0px;
    }

    #header a {
        text-decoration: none;
        color: #444;
    }

        #header a.logo {
            height: 47px;
            width: 212px;
            display: block;
            float: left;
            margin-top: 15px;
            text-indent: -999px;
            background: url('../images/logo/idpa_logo_white.png') no-repeat;
            opacity: .99;
        }

            #header a.logo:hover {
                opacity: .50;
                filter: alpha(opacity = 50);
                -webkit-transition: opacity .2s ease-in-out;
                -moz-transition: opacity .2s ease-in-out;
                -o-transition: opacity .2s ease-in-out;
                transition: opacity .2s ease-in-out;
            }

        #header a.poweredBy {
	        height: 40px;
	        width: 150px;
	        text-indent: -9999px;

            float: right;
            display: block;
            text-indent: -9999px;
            margin-top: 20px;
            background: url('../images/logo/rangelog_PoweredBy.png') no-repeat;
            opacity: .99;
            filter: alpha(opacity = 99); /* for IE */
        }

            #header a.poweredBy:hover {
                transform: scale(1.21, 1.21);
                -webkit-transform: scale(1.21, 1.21);
                -moz-transform: scale(1.21, 1.21);
                -o-transform: scale(1.21, 1.21);
                -ms-transform: scale(1.21, 1.21);
            }
/* White Area that overlays the Slider Image at the top of the page under the navigation */
#sliderTopBlur {
    background: url('../images/slider/sliderTopBlur.png') left top repeat-x;
    width: 100%;
    height: 104px;
    display: block;
    z-index: 99;
}

div#homeSliderNest {
    display: block;
    width: 100%;
    height: 562px;
    margin-top: -104px;
    border: 1px solid aqua;
}

/* Slider Nest and Slider NavNest and Slider Nav */
div#sliderNest {
    width: 100%;
    background: url('../images/slider/sliderTopBlur.png') left top repeat-x;
    margin: 0 auto;
    margin-top: 0;
    height: 500px;
    text-align: center;
    display: block;
    display: block;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: -999;
}

div#sliderNavNest {
    width: 1000px;
    margin: 0 auto;
    margin-top:-570px;
    height: 500px;
    text-align: center;
    padding-top: 20px;
    display: block;
}

div#sliderNav {
    height: 413px;
    width: 409px;
    display: block;
    margin-left: 570px;
    text-align: left;
}

ul#accordion {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 413px;
    width: 409px;
    text-align: left;
    display: block;
    z-index: 100;
}

    ul#accordion li {
        list-style: none;
        text-align: left;
        display: block;
        padding: 0px;
        margin: 0;
    }

        ul#accordion li a {
            font-family: RockwellStdRegular,'Times New Roman',Times,serif;
            font-size: 30px;
            font-weight: 700;
            text-transform: uppercase;
            margin: 0;
            width: 387px;
            list-style: none;
            padding: 15px 0 15px 35px;
            display: block;
            background: url('../images/slider/accMenuItemBg.png') repeat-y;
            color: #FFF;
            text-decoration: none;
            margin-bottom: 1px;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -ms-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
            box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        }

            ul#accordion li a:hover {
                color: #91bee3 !important;
                background: url('../images/slider/accMenuHoverBg.png') repeat-y !important;
                -moz-transform: scale(1.03);
                -webkit-transform: scale(1.03);
                -o-transform: scale(1.03);
                -ms-transform: scale(1.03);
                transform: scale(1.03);
                -webkit-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -ms-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
                z-index: 100;
                cursor: pointer;
            }

    ul#accordion ul {
        padding: 0px 10px 10px 35px;
        margin: 0 0 1px 0;
        color: #fff;
        background: url('../images/slider/accMenuItemBg.png') repeat-y;
    }

    ul#accordion input {
        margin-top: -14px !important;
    }

ul.expandMenuArea.activeNav p {
    width: 320px !important;
    color:#fff !important;
    display: block;
    font-size: 14px!important;
    line-height: 18px;
}

/* Sets the top Level li to active */
.activeNav {
    background: url('../images/slider/accMenuActiveBg.png') repeat-y !important;
    margin-bottom: 0;
}

a.activeNav:hover {
    background: url('../images/slider/accMenuActiveBg.png') repeat-y !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    transition: none !important;
}

ul#accordion li a.activeNav:hover {
    background: url('../images/slider/accMenuActiveBg.png') repeat-y !important;
}

a.activeNav {
    color: #FFF !important;
}
/* The UL area that contains the Text and Button CTA that is hidden */
.expandMenuArea {
    margin-top: -1px !important;
    padding-bottom: 10px !important;
}

#accordion ul {
    display: none;
}

/*-------------------------------------------------------------------------------------
	
	5. Page Menus
	
--------------------------------------------------------------------------------------*/

div#menuNest {
    font-size: 11px;
    height: 40px;
    width: 100%;
    display: block;
    background: url(../images/bg/navBgTile.png) left bottom repeat-x #1b6293;
    padding: 0;
    margin: 0;
}

div#mainMenu {
    height: 40px;
    margin: 0 auto;
    text-align: left;
    width: 1000px;
    vertical-align: bottom;
    padding-top: 5px;
}

    div#mainMenu ul {
        margin: 0;
        list-style: none;
        padding: 0;
        height: 35px;
        display: block;
    }

        div#mainMenu ul li {
            display: inline;
            line-height: 35px;
            margin-top: 4px;
            text-decoration: none;
        }

            div#mainMenu ul li a, div#mainMenu ul li a:visited {
                background: url(../images/bg/noise.png);
                padding: 9px 48px 10px 45px;
                color: #FFF;
                margin: 0 -3px 0 0;
                font-weight: 500;
                font-size: 14px;
                line-height: 35px;
                text-decoration: none;
                border-top: 1px solid #16537c;
                border-right: 1px solid #266490;
                border-left: 1px solid #144a6e;
                -webkit-transition: all 100ms ease-in-out;
                -moz-transition: all 100ms ease-in-out;
                -ms-transition: all 100ms ease-in-out;
                -o-transition: all 100ms ease-in-out;
                transition: all 100ms ease-in-out;
            }

                div#mainMenu ul li a:hover, div#mainMenu ul li a:visited:hover {
                    background: #306890;
                    padding: 9px 48px 10px 45px;
                    margin: 0 -3px 0 0;
                    border-top: 1px solid #16537c;
                    border-right: 1px solid #266490;
                    border-left: 1px solid #144a6e;
                    text-decoration: none;
                    -webkit-transition: all 100ms ease-in-out;
                    -moz-transition: all 100ms ease-in-out;
                    -ms-transition: all 100ms ease-in-out;
                    -o-transition: all 100ms ease-in-out;
                    transition: all 100ms ease-in-out;
                }

                div#mainMenu ul li a.active {
                    background: #FFF !important;
                    color: #1b6293;
                    border: none;
                    margin: 0 1px 0 0;
                    -moz-border-radius: 6px 6px 0 0;
                    -webkit-border-radius: 6px 6px 0 0;
                    border-radius: 6px 6px 0 0;
                    padding: 15px 45px 11px 45px;
                    text-decoration: none;
                    -webkit-transition: all 100ms ease-in-out;
                    -moz-transition: all 100ms ease-in-out;
                    -ms-transition: all 100ms ease-in-out;
                    -o-transition: all 100ms ease-in-out;
                    transition: all 100ms ease-in-out;
                    -webkit-box-shadow: 4px -6px 8px 2px rgba(0, 0, 0, .1);
                    box-shadow: 4px -6px 8px 2px rgba(0, 0, 0, .1);
                }

                    div#mainMenu ul li a.active:hover {
                        background: #FFF;
                        color: #a52816;
                        margin: 0 1px 0 0;
                        -moz-border-radius: 6px 6px 0 0;
                        -webkit-border-radius: 6px 6px 0 0;
                        border-radius: 6px 6px 0 0;
                        padding: 13px 45px 13px 45px;
                        text-decoration: none;
                        -webkit-transition: all 100ms ease-in-out;
                        -moz-transition: all 100ms ease-in-out;
                        -ms-transition: all 100ms ease-in-out;
                        -o-transition: all 100ms ease-in-out;
                        transition: all 100ms ease-in-out;
                        -webkit-box-shadow: 4px -6px 8px 2px rgba(0, 0, 0, .1);
                        box-shadow: 4px -6px 8px 2px rgba(0, 0, 0, .1);
                    }

/*--------------------------------------------------------------

  Page Menus - Secondary Menus

---------------------------------------------------------------*/

ul#secondaryNav {
    margin: -60px 0 0 0;
    list-style: none;
    padding: 0;
    height: 35px;
    height: 30px;
    text-align: left;
    display: inline-block;
    line-height: 35px;
    float: right;
}

#siteBreadcrumb ul#secondaryNav {
    margin-top: 0;
}
div#siteBreadcrumb ul#secondaryNav li a:after {
    content: none;
}

    div#siteBreadcrumb ul#secondaryNav li a:hover,
    div#siteBreadcrumb ul#secondaryNav li a:visited:hover {
        color: #1b6293;
    }

    div#siteBreadcrumb ul#secondaryNav li a.active,
    div#siteBreadcrumb ul#secondaryNav li a.active:hover,
    div#siteBreadcrumb ul#secondaryNav li a.active:visited,
    div#siteBreadcrumb ul#secondaryNav li a.active:visited:hover {
        color: #FFF;
    }

    ul#secondaryNav li {
        display: inline-block;
        line-height: 35px;
    }

        ul#secondaryNav li a {
            background: #FFF;
            padding: 8px 10px 8px 10px;
            color: #181818;
            font-weight: 400;
            font-size: 14px;
            line-height: 38px;
            text-decoration: none !important;
            -webkit-transition: all 100ms ease-in-out;
            -moz-transition: all 100ms ease-in-out;
            -o-transition: all 100ms ease-in-out;
            transition: all 100ms ease-in-out;
        }

            ul#secondaryNav li a:hover,
            ul#secondaryNav li a:visited:hover {
                background: #f9f9f9;
                color: #1b6293;
                text-decoration: none !important;
                -webkit-transition: all 100ms ease-in-out;
                -moz-transition: all 100ms ease-in-out;
                -o-transition: all 100ms ease-in-out;
                transition: all 100ms ease-in-out;
            }

            ul#secondaryNav li a:active {
                background: #1b6293;
                color: #FFF;
                text-decoration: none !important;
                -webkit-transition: all 100ms ease-in-out;
                -moz-transition: all 100ms ease-in-out;
                -o-transition: all 100ms ease-in-out;
                transition: all 100ms ease-in-out;
            }

            ul#secondaryNav li a.active,
            ul#secondaryNav li a.active:visited {
                background: #1b6293;
                color: #FFF;
                text-decoration: none !important;
                -webkit-transition: all 100ms ease-in-out;
                -moz-transition: all 100ms ease-in-out;
                -o-transition: all 100ms ease-in-out;
                transition: all 100ms ease-in-out;
            }

/*---------------------------------------------------------------

   Page Menus - Signup Membership Menu

----------------------------------------------------------------*/

ul#secondaryNavOrder {
    margin: -40px 0 0 0;
    list-style: none;
    padding: 0;
    height: 35px;
    display: block;
    height: 30px;
    margin: 0 0 0 450px;
    text-align: left;
    display: inline;
    line-height: 35px;
    margin-top: -60px !important;
    float: right;
}

    ul#secondaryNavOrder li {
        display: inline;
        line-height: 35px;
        margin-left: 10px;
    }

    ul#secondaryNavOrder li {
        padding: 8px 18px 8px 18px;
        color: #dcdbdb !important;
        font-weight: 400;
        font-size: 11px;
        line-height: 38px;
        text-decoration: none !important;
    }

        ul#secondaryNavOrder li.completed {
            color: #181818 !important;
            text-decoration: none !important;
        }

        ul#secondaryNavOrder li.active {
            background: #1b6293;
            color: #FFF !important;
            text-decoration: none !important;
        }

        ul#secondaryNavOrder li.activeGreen {
            background: #73a341;
            color: #FFF !important;
            text-decoration: none !important;
        }

/*-------------------------------------------------------------

  Page Menus - Details Menu

---------------------------------------------------------------*/

#detailsMenuNest {
    height: 48px;
    color: #fff;
    background: #ededed;
    margin-bottom: 20px;
    z-index: 100;
}

#detailsMenu ul {
    list-style: none;
    padding: 0;
    margin-left: 40px;
}

    #detailsMenu ul li {
        display: inline;
    }

        #detailsMenu ul li a {
            color: #FFF;
            text-shadow: 1px 0px 0px #093958;
            font-weight: 600;
            text-decoration: none;
            -webkit-transition: all 0.2s ease-in-out;
        }

        #detailsMenu ul li #active {
            color: #000;
            border: 1px solid #000;
            background: #FFF;
            text-shadow: 1px 0px 0px #093958;
            font-weight: 600;
            text-decoration: none;
            -webkit-transition: all 0.2s ease-in-out;
        }

        #detailsMenu ul li a:hover {
            background: rgba(0,0,0,0.4);
            color: #a9d3f5;
            text-decoration: none;
            -webkit-transition: all 2ms ease-in-out;
            -moz-transition: all 2ms ease-in-out;
            -ms-transition: all 2ms ease-in-out;
            -o-transition: all 2ms ease-in-out;
            transition: all 2ms ease-in-out;
        }

        #detailsMenu ul li a.active {
            background: url('images/bg/navOn.png') left top repeat-x;
            color: #a9d3f5;
            margin: 0;
            text-shadow: 1px 0px 0px #093958;
            -webkit-transition: all 0.2s ease-in-out;
        }

            #detailsMenu ul li a.active:hover {
                background: rgba(0,0,0,0.4);
                color: #e4f1fc;
                margin: 0;
                text-shadow: 1px 0px 0px #093958;
                -webkit-transition: opacity .2s ease-in-out;
                -moz-transition: opacity .2s ease-in-out;
                -o-transition: opacity .2s ease-in-out;
                transition: opacity .2s ease-in-out;
                opacity: .99;
                filter: alpha(opacity = 99); /* for IE */
            }

/*--------------------------------------------------------------

  Page Menus - Actions Menu / Button

---------------------------------------------------------------*/

#actionsMenu {
    font-size: 12px;
    line-height: 48px;
    height: 48px;
    background: #ededed;
    text-align: right;
    margin-top: -50px;
}

    #actionsMenu a:link {
        font-size: 12px;
        font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
        text-shadow: 0px 1px 0px #ffffff;
        color: #38560F;
        text-decoration: none;
        background: #A5D75F url('../images/button/buttonGreenBg.png') repeat-x scroll 0 0;
        border: 1px solid #919191 !important;
        padding: 8px 14px 8px 14px;
        font-weight: bold;
        cursor: pointer;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 0;
    }

    #actionsMenu a:hover {
        background-position: 0 -50px;
    }

/*--------------------------------------------------------------

  Page Menus - Breadcrumb and Social Menus

---------------------------------------------------------------*/

div#crumbNav {
    text-align: left;
    line-height: 25px;
    margin: 10px;
}

#shareNav {
    text-align: right;
    line-height: 25px;
    margin: 10px;
}

    #crumbNav p, #shareNav p {
        line-height: 20px;
    }

#crumbNav, #shareNav {
    height: 25px;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: -0.25px;
}

    div#crumbNav a:link, #crumbNav a:active {
        color: #1b6293;
        text-decoration: none;
    }

div#crumbNav a:hover {
    color: #165784;
    text-decoration: underline;
}

div.crumbNav a:visited {
    color: #aaaaaa;
}

    div.crumbNav a:visited:hover {
        color: #959798;
    }



#siteBreadcrumb {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 11px;
    vertical-align: middle;
}

div#siteBreadcrumb ul {
    display: inline;
}

    div#siteBreadcrumb ul li {
        margin-right: 1px;
        display: inline;
        line-height: 20px;
        padding: 5px 5px 5px 0px;
        background: none;
    }

        div#siteBreadcrumb ul li:hover {
            color: #AB1E23;
            background: none;
        }

        div#siteBreadcrumb ul li a {
            margin-right: 0px;
            font-size: 11px;
        }

            div#siteBreadcrumb ul li a,
            div#siteBreadcrumb ul li a:link,
            div#siteBreadcrumb ul li a:visited {
                text-decoration: none;
                color: #949494;
            }

                div#siteBreadcrumb ul li a:hover,
                div#siteBreadcrumb ul li a:visited:hover {
                    text-decoration: none;
                    color: #AB1E23;
                }

                div#siteBreadcrumb ul li a#active,
                div#siteBreadcrumb ul li.active {
                    text-decoration: none;
                    color: #AB1E23;
                }

#siteBreadcrumb a#homeLink {
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
    background: url('../images/icon/icon_breadcrumb_home.png') no-repeat;
    text-indent: -999px;
    display: inline-block;
    margin-left: 10px;
}

div#siteBreadcrumb ul li a:after {
    content: ' →';
}

div#siteBreadcrumb ul li a#active:after {
    content: none;
}


/*--------------------------------------------------------------

  Page Menus - Directory Listing by Letter - Table Top Nav

---------------------------------------------------------------*/

div#directoryNav {
    height: 30px;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: 10px 0 0px 0;
    background: #FFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding-top: 3px;
}

    div#directoryNav label {
        font-size: 9px;
        font-weight: 500;
        color: #8c8b8b;
        letter-spacing: -1px;
        display: inline-table;
        float: left;
        padding-left: 5px;
    }

    div#directoryNav ul {
        line-height: 13px;
        font-size: 9px;
        font-weight: 500;
        display: block;
        list-style: none;
    }

        div#directoryNav ul li {
            display: inline;
            margin: 0 2px 0 0;
            padding: 0;
        }

            div#directoryNav ul li a,
            div#directoryNav ul li a:link,
            div#directoryNav ul li a:visited {
                text-decoration: none;
                background: #f3f3f3;
                color: #8c8b8b;
                font-weight: 500;
                font-size: 11px;
                line-height: 20px;
                padding: 1px 3px 1px 3px;
                text-align: left;
                text-shadow: 0px 1px 0px #ffffff;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
            }

                div#directoryNav ul li a:hover,
                div#directoryNav ul li a:visited:hover {
                    background: #d7d7d7;
                    color: #8c8b8b;
                    text-shadow: 0px 1px 0px #ffffff;
                }

                div#directoryNav ul li a.active {
                    background: #8c8b8b;
                    color: #FFF;
                }

.navArrowForward {
    margin-left: 25px;
}

.navArrowBack {
    margin-right: 25px;
}

/*--------------------------------------------------------------

  Page Menus - Number Navigation

---------------------------------------------------------------*/

div.numberNav {
    height: 30px;
    vertical-align: middle;
    text-align: left;
    margin: 20px 0 20px 0;
    padding-top: 20px;
    display: block;
}

    div.numberNav ul {
        line-height: 15px;
        font-size: 9px;
        font-weight: 700;
        display: block;
        list-style: none;
        background: none;
        border: none;
        margin-top: 20px;
    }

        div.numberNav ul li {
            display: inline;
            margin: 0 5px 0 0;
            padding: 0;
        }

            div.numberNav ul li a:link, div.numberNav ul li a:visited {
                text-decoration: none;
                background: #f3f3f3;
                color: #828282;
                font-weight: 500;
                font-size: 11px;
                padding: 5px 9px 5px 9px;
                text-align: left;
                display: block;
                text-shadow: 0px 1px 0px #ffffff;
                -moz-border-radius: 2px;
                -webkit-border-radius: 2px;
                border-radius: 2px;
            }

                div.numberNav ul li a:hover, div.numberNav ul li a:visited:hover {
                    background: #747474 !important;
                    color: #FFF;
                }

            div.numberNav ul li a.active {
                background: #828282;
                color: #FFF;
            }

                div.numberNav ul li a.active:hover {
                    background: #6a6a6a !important;
                    color: #FFF;
                }

/*----------------------------------------------------------------------------------------

	6. Page Parts by Section
	
/*---------------------------------------------------------------------------------------*/

/* This holds the page Bg image on all pages minus the homepage */

#pageImgArea {
    display: block;
    width: 100%;
    height: 466px;
}
/* Sets Image */
.aboutPageBack {
    background: url('../images/bg/pageBackImage1.jpg') center top repeat-x #fff;
}

/* Page Nest - Holds all other layout Divs */

div#pageNest {
    /*min-height: 1000px;*/
    margin-bottom: 20px;
    margin-top: 30px;
    background: #fff;
    -moz-box-shadow: 0px -3px 5px rgba(0,0,0,.03);
    -webkit-box-shadow: 0px -5px 9px rgba(0,0,0,.03);
    box-shadow: 0px -3px 5px rgba(0,0,0,.03);
}

    /* Page Nest - Secondary Pages - This Adds the page Top that is the Red Stripe and Pulls the page up over the BG images */

    div#pageNest.secondary {
        border-top: 15px solid #a5281b;
        margin-top: -440px;
        /*min-height: 1000px;*/
        margin-bottom: 20px;
        background: #fff;
        -moz-box-shadow: 0px -3px 5px rgba(0,0,0,.03);
        -webkit-box-shadow: 0px -3px 5px rgba(0,0,0,.03);
        box-shadow: 0px -3px 5px rgba(0,0,0,.03);
    }

    div#pageNest div#pageLeft.secondary h1 {
        color: #3c6092;
        font: 28px'Helvetica Neue',HelveticaLTStdRegular,Helvetica,Arial,sans-serif;
        font-weight: 400;
        padding: 0;
        margin: 0px 0 5px 0;
        padding: 0px 30px 0px 0px;
    }

div#secondaryNavNest h6 {
    color: #a5281b;
    font: 16px 'RockwellStdRegular', 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 400;
    padding: 0;
    margin: -15px 0 0 0px;
}
/* Holds the page Title and secondary Nav */

#secondaryNavNest {
    padding: 0px 15px 0 15px;
}

/*--------------------------------------------------------------

  Page Left - Base Content Area

---------------------------------------------------------------*/

#pageLeft,
.pageLeft {
    display: block;
    padding-left: 10px;
    padding-top: 10px;
}

    #pageLeft strong {
        color: #3c6092;
        font-weight: 400;
        padding: 0;
        margin: 25px 0 20px 0;
    }

    #pageLeft h1 {
        color: #3c6092;
        font: 28px'Helvetica Neue',HelveticaLTStdRegular,Helvetica,Arial,sans-serif;
        font-weight: 400;
        padding: 10px 0 0 0;
        margin: 0px 0 5px 0;
    }

    #pageLeft h2 {
        color: #a5281b;
        font: 24px HelveticaLTStdRegular, 'Helvetica Neue',,Helvetica,Arial,sans-serif;
        font-weight: 600;
        padding: 0;
        margin: 10px 0;
        text-transform: uppercase;
    }

    #pageLeft h3 {
        color: #3c6092;
        font: 20px RockwellStdRegular,'Times New Roman',Times,serif;
        font-weight: 500;
        padding: 0;
        margin: 10px 0;
        text-transform: uppercase;
    }

    #pageLeft h4 {
        color: #181818;
        font: 17px RockwellStdRegular,'Times New Roman',Times,serif;
        font-weight: 500;
        padding: 0;
        margin: 10px 0;
        text-transform: uppercase;
    }

    #pageLeft h5 {
        color: #176291;
        font: 16px HelveticaLTStdRegular, 'Helvetica Neue',,Helvetica,Arial,sans-serif;
        font-weight: 500;
        padding: 0;
        margin: 10px 0;
    }

    #pageLeft h6 {
        color: #a5281b;
        font: 16px RockwellStdRegular, 'Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        padding: 0;
        margin: 10px 0;
    }

        #pageLeft h6.subhead {
            margin: -35px 0 0 60px;
        }

    #pageLeft hr {
        border: 0;
        height: 3px;
        background: #fbfafa;
        margin: 20px 0;
    }

.inlineHr {
    border: 0;
    height: 3px;
    background: #fafafa;
    margin: 10px 0;
}

ul.starList {
    line-height: 26px;
    margin: 20px 0;
    padding-bottom: 20px;
    font-size: 13px;
}

    ul.starList li {
        background: url('../images/icon/bulletCircleStar.png') left 3px no-repeat;
        padding-left: 20px;
        line-height: 24px;
    }




/*--------------------------------------------------------------

  PAGE RIGHT - BASE CSS FOR PAGE RIGHTS

---------------------------------------------------------------*/


div#pageRight {
    background: url('../images/bg/pageRightColBg.png') left bottom no-repeat #fff;
    /*min-height: 1000px;*/
    font-family: 'Helvetica Neue',HelveticaLTStdRegular,Helvetica,Arial,sans-serif;
    padding-top: 20px;
}

    div#pageRight h1, div#pageRight h2, div#pageRight h3, div#pageRight h4, div#pageRight h5, div#pageRight h6,
    div#pageRight p, div#pageRight ul, div#pageRight form, div#pageRight hr, div#pageRight img,
    div#pageRight div.paddedDiv, div#pageRight div.scrollDiv {
        margin: 0 20px 20px 20px;
    }

    div#pageRight h1, div#pageRight h2, div#pageRight h3, div#pageRight h4, div#pageRight h5, div#pageRight h6 {
        font-family: 'Helvetica Neue',HelveticaLTStdRegular,Helvetica,Arial,sans-serif;
        line-height: 1.25em;
        text-transform: uppercase;
        letter-spacing: -.5px;
        text-shadow: 0px -1px 0px #ffffff;
    }

    div#pageRight h1 {
        font-size: 11px;
        padding-top: 9px;
        padding-bottom: 10px;
        font-weight: 600;
        color: #C40D0D;
        margin-bottom: 5px;
    }

    div#pageRight h2 {
        font-size: 11px;
        line-height: 13px;
        font-weight: 600;
        color: #1b6293;
        text-transform: uppercase;
    }

    div#pageRight h3 {
        font-size: 11px;
        line-height: 12px;
        font-weight: 600;
        color: #666;
    }

    div#pageRight h4 {
        font-size: 11px;
        line-height: 12.5px;
        font-weight: 600;
        color: #666;
    }

    div#pageRight h5 {
        font-size: 14px;
        font-family: 'Rockwell Std';
        font-weight: 600;
        color: #181818;
    }

    div#pageRight h6 {
        font-size: 11px;
        font-weight: 600;
        color: #181818;
    }

    div#pageRight p {
        font-size: 12.5px;
        font-weight: 400;
        line-height: 16px;
        text-shadow: 0px -1px 0px #ffffff;
        color: #181818;
    }

    div#pageRight div.paddedDiv {
        font-size: 12.5px;
        font-weight: 400;
        line-height: 16px;
        text-shadow: 0px -1px 0px #ffffff;
        color: #181818;
        margin-top: -15px;
    }

    div#pageRight div.scrollDiv {
        font-size: 11px;
        font-weight: 400;
        line-height: 16px;
        text-shadow: 0px -1px 0px #ffffff;
        color: #181818;
        overflow: scroll;
        overflow-x: visible;
        max-height: 125px;
    }

        div#pageRight div.scrollDiv p {
            margin-left: 0;
            margin-right: 5px;
        }

    div#pageRight strong {
        font-weight: 600;
    }

    div#pageRight hr {
        border-bottom: 1px solid #FFF;
        border-top: 1px solid #EDEDED;
        border-left: none;
        height: 1px;
        border-right: none;
        background: none;
        display: block;
        margin: 10px 20px !important;
    }

    div#pageRight ul {
        font-size: 11px;
    }

        div#pageRight ul li {
            line-height: 14.5px;
        }

/*--------------------------------------------------------------

  PAGE RIGHT COLUMN - BASE CSS FOR PAGE RIGHT

---------------------------------------------------------------*/


div#pageRightCol {
    background: url('../images/bg/pageRightColBg.png') left top no-repeat #fff;
    /*min-height: 1200px;*/
    font-family: 'Helvetica Neue',HelveticaLTStdRegular,Helvetica,Arial,sans-serif;
}

    div#pageRightCol h1, div#pageRightCol h2, div#pageRightCol h3, div#pageRightCol h4, div#pageRightCol h5, div#pageRightCol h6,
    div#pageRightCol p, div#pageRightCol ul, div#pageRightCol img, div#pageRightCol form, div#pageRightCol hr, div#pageRightCol img {
        margin: 0 20px 20px 20px;
    }

    div#pageRightCol h1, div#pageRightCol h2, div#pageRightCol h3, div#pageRightCol h4, div#pageRightCol h5, div#pageRightCol h6 {
        font-family: 'Helvetica Neue',HelveticaLTStdRegular,Helvetica,Arial,sans-serif;
        line-height: 1.25em;
        text-transform: uppercase;
        letter-spacing: -.5px;
        text-shadow: 0px -1px 0px #ffffff;
    }

    div#pageRightCol h1 {
        font-size: 11px !important;
        padding-top: 9px;
        padding-bottom: 10px;
        font-weight: 600;
        color: #C40D0D;
        margin-bottom: 5px;
    }

    div#pageRightCol h2 {
        font-size: 11px !important;
        line-height: 13px;
        font-weight: 600;
        color: #1b6293;
        text-transform: uppercase;
        margin-bottom: 0 !important;
        padding-bottom: 0!important;
    }

    div#pageRightCol h3 {
        font-size: 11px !important;
        line-height: 12px;
        font-weight: 600;
        color: #666;
    }

    div#pageRightCol h4 {
        font-size: 11px;
        line-height: 12.5px;
        font-weight: 600;
        color: #666;
    }

    div#pageRightCol h5 {
        font-size: 11px;
        font-weight: 600;
        color: #181818;
    }

    div#pageRightCol h6 {
        font-size: 11px;
        font-weight: 600;
        color: #181818;
    }

    div#pageRightCol p {
        font-size: 11.5px;
        font-weight: 400;
        line-height: 16px;
        text-shadow: 0px -1px 0px #ffffff;
        color: #181818;
    }

    div#pageRightCol strong {
        font-weight: 600;
        color: #181818;
    }

    div#pageRightCol hr {
        border-bottom: 1px solid #FFF;
        border-top: 1px solid #EDEDED;
        border-left: none;
        height: 1px;
        border-right: none;
        background: none;
        display: block;
        margin: 10px 20px !important;
    }

    div#pageRightCol img {
        border: 2px solid #ededed;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    div#pageRightCol ul {
        font-size: 11px;
    }

        div#pageRightCol ul li {
            color: #181818;
            line-height: 14.5px;
            padding-bottom: 15px;
        }

.pageRightMap {
    border: 2px solid #ededed;
}

.sidebarMap img {
    border: 2px solid #FFF;
    -moz-box-shadow: inset -1px 1px 14px #000000;
    -webkit-box-shadow: inset -1px 1px 14px #000000;
    box-shadow: inset -1px 1px 14px #000000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}



/*--------------------------------------------------------------

  PAGE LEFT - MATCH THE STYLE FOR  PAGE RIGHT

---------------------------------------------------------------*/


div#pageLeftCol {
    background: url('../images/bg/pageLeftColBg.png') right top no-repeat;
    /*min-height: 1200px;*/
    font-family: 'Helvetica Neue',HelveticaLTStdRegular,Helvetica,Arial,sans-serif;
}

    div#pageLeftCol h1, div#pageLeftCol h2, div#pageLeftCol h3, div#pageLeftCol h4, div#pageLeftCol h5, div#pageLeftCol h6,
    div#pageLeftCol p, div#pageLeftCol ul, div#pageLeftCol img, div#pageLeftCol hr, div#pageLeftCol form, div#pageLeftCol img {
        margin: 10px 20px 10px 20px;
    }

    div#pageLeftCol h1, div#pageLeftCol h2, div#pageLeftCol h3, div#pageLeftCol h4, div#pageLeftCol h5, div#pageLeftCol h6 {
        font-family: 'Helvetica Neue',HelveticaLTStdRegular,Helvetica,Arial,sans-serif;
        line-height: 1.25em;
        text-transform: uppercase;
        letter-spacing: -.5px;
        text-shadow: 0px -1px 0px #ffffff;
    }

    div#pageLeftCol h1 {
        font-size: 11px;
        padding-top: 9px;
        padding-bottom: 10px;
        font-weight: 600;
        color: #C40D0D;
        margin-bottom: 5px;
    }

    div#pageLeftCol h2 {
        font-size: 11px;
        line-height: 13px;
        font-weight: 600;
        color: #1b6293;
        text-transform: uppercase;
    }

    div#pageLeftCol h3 {
        font-size: 11px;
        line-height: 12px;
        font-weight: 600;
        color: #666;
    }

    div#pageLeftCol h4 {
        font-size: 11px;
        line-height: 12.5px;
        font-weight: 600;
        color: #666;
    }

    div#pageLeftCol h5 {
        font-size: 11px;
        font-weight: 600;
        color: #181818;
    }

    div#pageLeftCol h6 {
        font-size: 11px;
        font-weight: 600;
        color: #181818;
    }

    div#pageLeftCol p {
        font-size: 11.5px;
        font-weight: 400;
        line-height: 16px;
        text-shadow: 0px -1px 0px #ffffff;
        color: #181818;
    }

    div#pageLeftCol div.fieldWrapper {
        margin-bottom: 20px;
        margin-left: 20px;
    }

    div#pageLeftCol strong {
        font-weight: 600;
    }

    div#pageLeftCol hr {
        border-bottom: 1px solid #FFF;
        border-top: 1px solid #EDEDED;
        border-left: none;
        height: 1px;
        border-right: none;
        background: none;
        display: block;
        margin: 10px 20px !important;
    }

    div#pageLeftCol img {
        border: 2px solid #ededed;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    div#pageLeftCol ul {
        font-size: 11px;
    }

        div#pageLeftCol ul li {
            line-height: 14.5px;
        }

.formWrap {
    margin: 0 20px 20px 20px;
}

div#pageLeftCol form h2, div#pageLeftCol form hr, div#pageLeftCol input[type="text"], div#pageLeftCol input[type="email"] {
    margin-left: 0;
}

/* Page Right Public Pages - Image at top and Pull Quote Areas or Facts, etc. */


div#pageRight.marketing {
}

    div#pageRight.marketing h5.question {
        color: #181818;
        font: 14px RockwellStdRegular,'Times New Roman',Times,serif;
        font-weight: 500;
        padding: 0;
        margin: 5px 0 5px 25px;
        padding-left: 35px;
        padding-bottom: 15px;
        padding-top: 5px;
        text-transform: uppercase;
        background: url('../images/icon/icon28Question.png') left top no-repeat;
    }

    div#pageRight.marketing h5 {
        margin-bottom: 20px;
    }

    div#pageRight.marketing img {
        margin: 0;
        padding: 0;
    }


    div#pageRight.marketing p, div#pageRight.marketing ul {
        margin: 20px;
        line-height: 18px;
    }

.sidenoteHeadLine {
    color: #181818;
    font: 14px RockwellStdRegular,'Times New Roman',Times,serif;
    font-weight: 500;
    padding: 0;
    margin: 5px 0;
    padding-left: 30px;
    text-transform: uppercase;
    background: url('../images/icon/icon28Question.png') left top no-repeat;
}

div#pageRight.marketing p.sideNote {
    border-left: 10px solid #f3f3f3;
    color: #181818;
    font-size: 17px;
    line-height: 22px;
    padding: 0 10px 10px 10px;
    margin-left: 25px;
    font-weight: 300;
    width: 260px;
}

div#pageRight.marketing #sidebarSocial {
    color: #181818;
    font-size: 14px;
    line-height: 22px;
    padding: 0 10px 10px 10px;
    font-weight: 300;
    width: 290px;
    margin-left: 0px;
    margin-top: 50px;
}

div#pageRight.marketing div#sidebarSocial p {
    color: #181818;
    font-size: 14px;
    line-height: 17px;
    padding: 0 10px 5px 10px;
    border-left: 10px solid #f3f3f3;
    font-weight: 300;
    margin: 0 0 5px 25px;
}

div#pageRight.marketing div#sidebarSocial span {
    margin-left: 75px;
}

div#pageRight.marketing #sidebarSocial h6 {
    color: #181818;
    font: 14px RockwellStdRegular,'Times New Roman',Times,serif;
    font-weight: 500;
    padding: 0;
    margin: 5px 0 5px 25px;
    padding-left: 35px;
    padding-bottom: 15px;
    padding-top: 5px;
    text-transform: uppercase;
    background: url('../images/icon/icon28Social.png') left top no-repeat;
}


/*--------------------------------------------------------------

  Footer - layout and widgets

---------------------------------------------------------------*/

#footerNest {
    width: 100%;
    min-height: 450px;
    background: url('../images/bg/footerBg.png') #f5f5f5;
    vertical-align: middle;
    display: block;
    margin: 0 auto;
    color: #181818;
    font-size: 12px;
    line-height: 25px;
}

#footer {
    min-height: 150px;
    line-height: 25px;
    color: inherit;
    text-align: left;
    background: url('../images/bg/footer4Bg.png') 765px top no-repeat;
}

    #footer a:link, #footer a:active, #footer a:visited, .gc-cs-link {
        color: inherit;
        text-decoration: none;
    }

    #footer a:hover, #footer a:hover, #footer a:hover {
        color: #5b5a5a;
        text-decoration: underline;
    }

#footer4 p {
    color:inherit;
    line-height: 16.5px;
    font-size: 12px;
}

#footer strong {
    font-weight: 400;
}

#footer1, 
#footer2, 
#footer3, 
#footer4 {
    min-height: 150px;
    padding-top: 40px;
}

#footer h1, 
#footer1 h1,
h1.twitter {
    color: #747373;
    font-size: 18px;
    line-height: 33px;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0px 1px 0px white;
    text-decoration: none;
    font-weight: 500;
    margin: 0 0 10px 0;
    padding: 0;
}

div#footer2 ul li strong a:link, 
div#footer3 ul li strong a:link {
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    text-shadow: 0px 1px 0px white;
    font-weight: 500;
    margin: 0 0 10px 0;
    padding: 0;
}

div#footer2 ul li strong a:hover, 
div#footer3 ul li strong a:hover {
    font-size: 13px;
    text-transform: uppercase;
    text-shadow: 0px 1px 0px white;
    font-weight: 500;
    margin: 0 0 10px 0;
    padding: 0;
}

div#footer2 ul li, 
div#footer3 ul li,
div#footer2 ul li a:link, 
div#footer3 ul li a:link, 
div#footer2 ul li a:visited, 
div#footer3 ul li a:visited {
    line-height: 18px;
    color: inherit;
    font-weight: 400;
    font-size: 12px;
    list-style: none;
}

    div#footer2 ul li a:hover, 
    div#footer3 ul li a:hover, 
    div#footer3 ul li a:visited:hover {
        font-size: 12px;
        color: inherit;
        font-weight: 400;
    }

.twitterText {
    background: url('../images/icon/icon_30_tweets.png') left top no-repeat;
    text-indent: 40px;
}

#twitter_update_list {
    margin: 0;
    padding: 5px 20px 0 0;
    border-top: 2px solid #eeeeee;
    width: 300px;
}

    #twitter_update_list li {
        padding-top: 8px;
        line-height: 14px;
        color: inherit;
        font-weight: 300;
        font-size: 11px;
        list-style: none;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 8px;
        max-height: 150px;
        overflow: hidden;
        margin-bottom: 8px;
    }

        #twitter_update_list li span {
            font-weight: 300;
        }

    #twitter_update_list a {
        color: inherit;
        text-decoration: none;
        font-weight: 300;
        display: block;
    }

        #twitter_update_list a:hover {
            color: inherit;
            text-decoration: underline;
            font-weight: 300;
        }

#footer a.followLink, 
#footer a.followLink:link, 
#footer a.followLink:visited {
    background: #bbbaba;
    color: #FFF;
    margin-left: 240px;
    font-size: 9px !important;
    text-transform: uppercase;
    padding: 0px 6px 0px 6px;
    float: right;
    text-decoration: none;
    margin: -40px 20px 0 -20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: right;
}

    #footer a.followLink:hover, 
    #footer a.followLink:visited:hover {
        background: #a9a7a7;
        color: #FFF;
        font-size: 9px !important;
        text-decoration: none !important;
        text-transform: uppercase;
        padding: 0px 6px 0px 6px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

#utilityFooter {
    color: inherit;
    height: 35px;
    font-size: 10.5px;
    margin-top: 40px;
    text-align: center;
}

    #utilityFooter a:link, 
    #utilityFooter a:active, 
    #utilityFooter a:visited {
        color: inherit;
        padding-right: 15px;
    }

#footer4 a.socialLink:link, 
#footer4 a.socialLink:visited {
    margin-right: 5px;
}

#footerRLPBLogo {
    height: 40px;
    width: 150px;
    margin: 40px 0 0 0px;
    text-indent: -9999px;
    background: url('../images/logo/rangelog_PoweredBy_small.png') no-repeat;
}

#footerRLPBLogo a,
#footerRLPBLogo a:visited {
    display:block;
    line-height:40px;
}

    #footerRLPBLogo a:hover,
    #footerRLPBLogo a:visited:hover {
    }

/*------------------------------------------------------------------------------------------

  7. Page Widgets

--------------------------------------------------------------------------------------------*/

div#sponsorList {
    margin-top: 100px;
    height: 75px;
    vertical-align: middle;
    text-align: left;
    padding: 0;
    overflow: hidden;
    display: block;
    width: 800px;
}

/* Slide Divs */

.slide {
    width: 800px;
    height: 75px;
    float: left;
    /* if 6 slides */
    /*margin-left: 20px;*/
    /* if 5 slides */
    margin-left: 30px;
    margin-bottom: 20px;
}

#sponsorList .slide a {
    display:inline-block;
    opacity: .65;
    filter: alpha(opacity = 65); /* for IE */
    margin-right:15px;
}

    div.slide a:hover {
        opacity: .99;
        filter: alpha(opacity = 99);
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
    }

div.slide img {
    /* if 6 slides */
    /*padding-right: 20px;*/
    /* if 5 slides */
    padding-right: 50px;
    border: none;
}

#slideControls {
    width: 275px;
    height: 30px;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
    margin-left: 810px;
    margin-top: -65px;
}

a.becomeSponsor:link, a.becomeSponsor:visited {
    /*background: url('../images/becomeSponsor.png') right top no-repeat;*/
    width: 29px;
    height: 10px;
    opacity: .65;
    filter: alpha(opacity = 65); /* for IE */
}

    a.becomeSponsor:hover, a.becomeSponsor:visited:hover {
        opacity: .99;
        filter: alpha(opacity = 99);
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
    }

#cycleForward {
    margin-right: 20px;
}

/* Back to Top Arrow Link */

#back-top {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 100;
}

    #back-top a {
        width: 58px;
        display: block;
        text-align: center;
        font: 10px/100% 'Helvetica Neue',HelveticaLTStdRegular,Helvetica,Arial,sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        color: #BBBABA;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
    }

        #back-top a:hover {
            color: #BBBABA;
            text-decoration: none;
        }

    #back-top span {
        width: 58px;
        height: 58px;
        display: block;
        margin-bottom: 7px;
        background: #ddd url(../images/icon/up-arrow.png) no-repeat center center;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
    }

    #back-top a:hover span {
        background-color: #BBBABA;
    }


/*------------------------------------------------------------------------------------------

  8. Headers and Iconology

--------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------

  Headers - H1 - H3 Items with icons set here with class name

---------------------------------------------------------------*/

/* Headers with Icons - 50px */

.iconHeader {
    margin: 0px 0 10px 0px !important;
    padding: 10px 0px 20px 55px !important;
}

.calendarIcon {
    background: url('../images/icon/calendar2.png') left top no-repeat;
}

.findShooterIcon {
    background: url('../images/icon/shooter.png') left top no-repeat;
}

.squadsIcon {
    background: url('../images/icon/squadsIcon.png') left top no-repeat;
}

.checkIcon {
    background: url('../images/icon/icon_check.png') left top no-repeat;
    color: #73a341;
}

.featuredEvents {
    background: url('../images/icon/icons50_featuredEvent.png') left top no-repeat;
}

.featuredClubs {
    background: url('../images/icon/shooter.png') left top no-repeat;
}

.locations {
    background: url('../images/icon/icon50_location.png') left top no-repeat;
}

.overview {
    background: url('../images/icon/icon50_overview.png') left top no-repeat;
}

.scores {
    background: url('../images/icon/icon50_scores.png') left top no-repeat;
}

.media {
    background: url('../images/icon/icon50_media.png') left top no-repeat;
}

.press {
    background: url('../images/icon/icon50_press.png') left top no-repeat;
}

.search {
    background: url('../images/icon/icon50_Search.png') left top no-repeat;
}

/* Headers with Icons - 25px */

.community25 {
    background: url('../images/icon/icon25_Community.png') left top no-repeat;
    text-indent: 35px;
    padding-bottom: 5px !important;
}

.location25 {
    background: url('../images/icon/icon25_Location.png') left top no-repeat;
    text-indent: 35px;
    padding-bottom: 5px !important;
}

/* Headers with Icons - 28px */

.iconHeader28 {
    margin: 0px 0 0px 0px !important;
    padding: 5px 0px 0px 35px !important;
}

.iconHeader28wThumb {
    margin: 10px 0 0px 165px;
    padding: 5px 0px 5px 35px !important;
    float: left;
    display: block;
    width: 375px;
}

/* Sets Icons at 28px size*/

.officialClubs {
    background: url('../images/icon/icon_28_Club.png') left top no-repeat;
    padding-bottom: 8px;
}

.eventSponsors {
    background: url('../images/icon/icon_28_EventSponsors.png') left top no-repeat;
}

.advertisers {
    background: url('../images/icon/icon_28_Advertisers.png') left top no-repeat;
}

/* General Icon usage */

.approved {
    color: #73a341;
}

.denied {
    color: #ab1e23;
}

.xIcon {
    background: url('../images/icon/icon_x.png') left top no-repeat;
    color: #ab1e23;
}


/*-------------------------------------------------------------------------------------

	9. Buttons
	
--------------------------------------------------------------------------------------*/

a.buttonBlue:link, 
input.buttonBlue {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    color: #113a57 !important;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 7);
    background: url(../images/button/btnBlueLrgBg.png) repeat-x #aad1ef;
    border: 1px solid #c2dff7;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
    -moz-box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
    box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
    text-decoration: none;
    text-align: center;
    padding: 8px 10px 8px 10px;
}

    a.buttonBlue:hover, a.buttonBlue:active, a.buttonBlue:focus, input.buttonBlue:hover, input.buttonBlue:focus {
        color: #6ba0b7 !important;
        text-shadow: -1px 1px 2px rgba(255, 255, 255, 9);
        background: url(../images/button/btnBlueLrgBgOv.png) repeat-x #aad1ef;
        border: 1px solid #deeefb;
        -webkit-box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
        -moz-box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
        box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
        -webkit-box-shadow: inset 0px 0px 10px 2px rgba(129, 172, 193, .4);
        box-shadow: inset inset 0px 0px 10px 2px rgba(129, 172, 193, .4);
    }

/* Large Blue Button - Used on the bottom of pages */
a.buttonBlueLrg,
a.buttonBlueLrg:link,
a.buttonBlueLrg:visited,
input.buttonBlueLrg,
input.buttonBlueLrg:visited {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    color: #206ca1 !important;
    text-transform: uppercase;
    padding: 8px 15px 8px 15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 7);
    background: url(../images/button/btnBlueLrgBg.png) repeat-x #aad1ef;
    border: 1px solid #c2dff7;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
    -moz-box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
    box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
    text-decoration: none;
    text-align: center;
    width: 200px !important;
    display: inline-block;
}

    a.buttonBlueLrg:hover,
    buttonBlueLrg:visited:hover,
    a.buttonBlueLrg:active,
    input.buttonBlueLrg:hover,
    input.buttonBlueLrg:focus {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        cursor: pointer;
        font-weight: bold;
        font-size: 14px;
        color: #6ba0b7 !important;
        text-transform: uppercase;
        padding: 8px 15px 8px 15px;
        text-shadow: -1px 1px 2px rgba(255, 255, 255, 9);
        background: url(../images/button/btnBlueLrgBgOv.png) repeat-x #aad1ef;
        border: 1px solid #deeefb;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
        -moz-box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
        box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
        -webkit-box-shadow: inset 0px 0px 10px 2px rgba(129, 172, 193, .4);
        box-shadow: inset inset 0px 0px 10px 2px rgba(129, 172, 193, .4);
        text-decoration: none;
        text-align: center;
        width: 200px !important;
        display: inline-block;
    }
/* Small Blue Button - Used inline on pages */
a.buttonBlueSml:link,
a.buttonBlueSml:visited,
input.buttonBlueSml,
input.buttonBlueSml:visited {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    color: #113a57 !important;
    text-transform: uppercase;
    padding: 4px 7px 4px 7px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 7);
    background: url(../images/button/btnBlueLrgBg.png) repeat-x #aad1ef;
    border: 1px solid #c2dff7;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
    -moz-box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
    box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
    text-decoration: none;
    text-align: center;
    width: 180px !important;
    display: block;
}

    a.buttonBlueSml:hover,
    a.buttonBlueSml:visited:hover,
    a.buttonBlueSml:active,
    input.buttonBlueSml:hover input.buttonBlueSml:focus {
        color: #6ba0b7 !important;
        text-transform: uppercase;
        padding: 4px 7px 4px 7px;
        text-shadow: -1px 1px 2px rgba(255, 255, 255, 9);
        background: url(../images/button/btnBlueLrgBgOv.png) repeat-x #aad1ef;
        border: 1px solid #deeefb;
        -webkit-box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
        -moz-box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
        box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
        -webkit-box-shadow: inset 0px 0px 10px 2px rgba(129, 172, 193, .4);
        box-shadow: inset inset 0px 0px 10px 2px rgba(129, 172, 193, .4);
        text-decoration: none;
    }

/* Large Silver Button */

a.buttonSilverLrg:link,
a.buttonSilverLrg:visited,
input[type="button"].buttonSilverLrg {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    color: #181818 !important;
    padding: 8px 15px 8px 15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 7);
    background: url(../images/button/btnGreyLrgBg.png) left top #aad1ef;
    border: 1px solid #dbdada;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
    -moz-box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
    box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
    text-decoration: none;
    height: auto;
    text-align: center;
    width: 200px !important;
    display: block;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

    a.buttonSilverLrg:hover,
    a.buttonSilverLrg:visited:hover,
    a.buttonSilverLrg:active,
    input[type="button"].buttonSilverLrg:hover,
    input.buttonSilverLrg:focus {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        cursor: pointer;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px;
        color: #aaaaaa !important;
        padding: 8px 15px 8px 15px;
        text-shadow: -1px 1px 2px rgba(255, 255, 255, 9);
        background: url(../images/button/btnGreyLrgBgOv.png) left top #aad1ef;
        border: 1px solid #dbdada;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
        -moz-box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
        box-shadow: 0 1px 1px rgba(0, 1, 0, 0.10);
        -webkit-box-shadow: inset 0px 0px 10px 2px rgba(195, 195, 195, .5);
        box-shadow: inset 0px 0px 10px 2px rgba(195, 195, 195, .5);
        text-decoration: none;
        text-align: center;
        width: 200px !important;
        display: block;
        -webkit-transition: all 100ms ease-in-out;
        -moz-transition: all 100ms ease-in-out;
        -ms-transition: all 100ms ease-in-out;
        -o-transition: all 100ms ease-in-out;
        transition: all 100ms ease-in-out;
    }

/* Small Silver Button*/

a.buttonSilverSmall:link,
a.buttonSilverSmall:visited,
input[type="button"].buttonSilverSmall {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor: pointer;
    font-weight: bold;
    font-size: 10px;
    color: #181818 !important;
    background: url('../images/button/btnBgSilverOff.png') repeat-x #f6f6f6 !important;
    border: 1px solid #e0e0e0 !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
    width: auto;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 4);
    text-decoration: none;
    padding: 8px 10px 8px 10px;
    height: auto;
    display: inline;
    float: none;
    margin-top: 20px;
}

    a.buttonSilverSmall:hover,
    a.buttonSilverSmall:active,
    a.buttonSilverSmall:visited:hover,
    input[type="button"].buttonSilverSmall:hover,
    input.buttonSilverSmall:focus {
        cursor: pointer;
        background: url('../images/button/btnBgSilverOn.png') repeat-x #ffffff !important;
        border: 1px solid #e0e0e0;
    }

a.buttonBlueSmall:link,
a.buttonBlueSmall:visited,
input.buttonBlueSmall {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor: pointer;
    font-weight: bold;
    font-size: 11px;
    background: url('../images/button/btnBgBlue.png') repeat-x;
    border: 1px solid #b7d6df;
    border-color: #b7d6df;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
    width: auto;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    color: #437182;
    text-decoration: none;
    padding: 8px 12px 8px 12px;
    height: auto;
}

    a.buttonBlueSmall:hover,
    a.buttonBlueSmall:visited:hover,
    input.buttonBlueSmall:hover,
    input.buttonBlueSmall:focus {
        cursor: pointer;
        background-position: 0 -33px !important;
        border: 1px solid #9fbac0;
    }

/* Button Green*/

a.buttonGreen:link,
a.buttonGreen:visited,
input[type="button"].buttonGreen {
    font-size: 12px;
    font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
    text-shadow: 0px 1px 0px #ffffff;
    color: #557f21;
    text-decoration: none;
    background: #A5D75F url('../images/button/buttonGreenBg.png') repeat-x scroll 0 0;
    border: 1px solid #9fd858 !important;
    font-weight: bold;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0;
}

    a.buttonGreen:hover,
    a.buttonGreen:visited:hover,
    a.buttonGreen:active,
    input[type="button"].buttonGreen:hover,
    input.buttonGreen:focus {
        background-position: 0 -50px;
    }
/*



/* Image Sprite ReWorks for Links and Headers */

/* Social Links in Footer */

a.socialLink:link, a.socialLink:active, a.socialLink:visited {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url('../images/sprite/sprite_30_Social.png') left top no-repeat;
}

    a.socialLink:hover, a.socialLink:visited:hover {
        -moz-transform: none !important;
        -webkit-transform: none !important;
        -o-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }

#facebook {
    background-position: 0 -30px;
}

#twitter {
    background-position: 0 -60px;
}

#youtube {
    background-position: 0 -90px;
}

#linkedIn {
    background-position: 0 -120px;
}

#facebook:hover {
    background-position: -30px -30px;
}

#twitter:hover {
    background-position: -30px -60px;
}

#youtube:hover {
    background-position: -30px -90px;
}

#linkedIn:hover {
    background-position: -30px -120px;
}

/*-------------------------------------------------------------------------------------

	Icon Headers Universal Sets for Member Services
	
--------------------------------------------------------------------------------------*/



/* Headers with 50px icons */

#locations {
    /*background-position-y: 0px;*/
    background-position: 0px 0px;
}

#events {
    /*background-position-y: -50px;*/
    background-position: 0px -45px;
}

#community {
    /*background-position-y: -1000px;*/
    background-position: 0px -1000px;
}

#news {
    /*background-position-y: -150px;*/
    background-position: 0px -150px;
}

#date {
    /*background-position-y: -200px;*/
    background-position: 0px -200px;
}

.iconShowcase {
    /*background-position-y: -250px;*/
    background-position: 0px -250px;
}

#badge {
    /*background-position-y: -300px;*/
    background-position: 0px -300px;
}

#result {
    /*background-position-y: -350px;*/
    background-position: 0px -350px;
}

#firearm {
    /*background-position-y: -400px;*/
    background-position: 0px -400px;
}

#search {
    /*background-position-y: -450px;*/
    background-position: 0px -450px;
}

#delete {
    /*background-position-y: -500px;*/
    background-position: 0px -500px;
}

#results {
    /*background-position-y: -550px;*/
    background-position: 0px -550px;
}

#location2 {
    /*background-position-y: -600px;*/
    background-position: 0px -600px;
}

#book {
    /*background-position-y: -650px;*/
    background-position: 0px -650px;
}

/* Overide ShareThis Styles */


div#shareNav span.stButton span.chicklets {
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-right: 5px;
    white-space: nowrap;
    font-size: 10.5px !important;
    display: inline-block;
    height: 16px;
    color: #181818 !important;
    line-height: 16px;
    font: 10.5px 'Helvetica Neue',HelveticaLTStdRegular,Helvetica,Arial,sans-serif !important;
}

.chicklets {
    text-indent: 12px !important;
    padding-top: 3px;
}

/* Added for Official Twitter Widget */
.timeline {
    background: none !important;
    border: none !important;
}

.timeline-header {
    background: none !important;
    border: none !important;
    color: #bababa;
}

/* Kendo Styles for Tabstrip */

/* TabStrip Inline on the Page */
#tabstripInline,
#tabstripInline.k-widget,
#tabstripInline.k-header,
#tabstripInline.k-tabstrip {
    background: none;
    border: none;
    color: #8b8b8b;
    display: block;
    margin: 0;
    padding: 0;
    zoom: 1;
    z-index: 1000;
}

    #tabstripInline .k-tabstrip-items {
        background: #f3f3f3 url('../images/bg/tabBgTileNew.png') left bottom repeat-x;
        border: 1px solid #d7d7d7;
        color: #8b8b8b !important;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        display: block;
        list-style: none;
        vertical-align: bottom;
        margin: 0;
        padding: 0;
    }

    #tabstripInline .k-tabstrip-items .k-item {
        display: inline-block;
        *display: inline;
        zoom: 1;
        background: none;
        border-style: none;
        border-width: 0;
        border-left: 0px solid #f3f3f3;
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: relative;
    }

        #tabstripInline .k-tabstrip-items .k-item.k-first {
            margin-left: 8px !important;
            border-left: 1px solid transparent;
        }

        #tabstripInline .k-tabstrip-items .k-item.k-last {
            border-right: 1px solid transparent;
        }

    #tabstripInline .k-tabstrip-items .k-item, 
    #tabstripInline .k-tabstrip-items .k-link {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    #tabstripInline .k-tabstrip-items .k-tab-on-top, 
    #tabstripInline .k-tabstrip-items .k-state-active {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    #tabstripInline .k-tabstrip-items .k-tab-on-top {
        z-index: 1000;
    }

    #tabstripInline .k-item.k-state-default, 
    #tabstripInline .k-item.k-state-default:hover {
        text-decoration: none;
        border-left: 1px solid #d7d7d7;
        color: #8b8b8b;
        font-weight: normal;
        margin: 0;
        padding: 0;
        text-shadow: 0px 1px 0px #ffffff;
        z-index: 1000 !important;
    }

        #tabstripInline .k-item.k-state-default:hover {
            border-right: 1px solid #d7d7d7;
            margin-right: -1px;
        }

        #tabstripInline .k-item.k-state-default:hover {
            background: #ecebeb;
            text-shadow: 0px -1px 0px #ffffff;
        }

    #tabstripInline .k-item.k-state-active,
    #tabstripInline .k-item.k-state-active:hover {
        background-color: #fff;
        font-weight: 800;
        border-bottom: 2px solid #fff;
        border-left: 1px solid #d7d7d7 !important;
        border-right: 1px solid #d7d7d7 !important;
        border-top: 1px solid #d7d7d7;
        color: #8b8b8b;
        margin: -7px 0 0 0;
        padding: 6px 0 0 0;
        -webkit-box-shadow: 2px -2px 4px 0px rgba(0, 0, 0, .09);
        text-shadow: 0px 0px 0px #ffffff;
        box-shadow: 2px -2px 4px 0px rgba(0, 0, 0, .09);
    }

    #tabstripInline .k-tabstrip-items .k-link,
    #tabstripInline .k-tabstrip-items .k-link:link,
    #tabstripInline .k-tabstrip-items .k-link:visited {
        display: inline-block;
        border-bottom-width: 0;
        padding: 0px 40px 0px 40px;
        outline: 0;
        text-decoration: none;
        color:#8b8b8b;
    }

        #tabstripInline .k-tabstrip-items .k-link:hover {
            color: #AB1E23
        }

    #tabstripInline .k-content {
        border: none;
        position: static;
        margin: 0;
        padding: 20px 0 10px 0;
        zoom: 1;
        display: none;
    }



/*-------------------------------------------------------------------------------------

	10. Scratch CSS
	
--------------------------------------------------------------------------------------

/* Webkit, Safari, Chrome 
select{
      -webkit-appearance: button;
      -webkit-border-radius: 5px;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
      -webkit-padding-end: 20px;
      -webkit-padding-start: 2px;
      -webkit-user-select: none;
      background-image: url(../img/forms/arrow_blue.png), 
      -webkit-linear-gradient(#E1E1E1, #FFF 30%, #FFF);
      background-position: center right;
      background-repeat: no-repeat;
      border: 1px solid #CCC;
      color: #999;
      font-size: 13px;
      margin: 0;
      overflow: hidden;
      padding-top: 2px;
      padding-bottom: 2px;
      text-overflow: ellipsis;
      white-space: nowrap;
      height:40px; 
}
/* Mozmonster 
@-moz-document url-prefix() {
    select{
        border-radius: 5px;     
        background-image: url(../img/forms/arrow_blue.png), 
        background-position: center right;
        background-repeat: no-repeat;
        border: 1px solid #CCC;
        color: #999;
        font-size: 90%;
        font-family:Comfortaa, Arial, Helvetica, sans-serif;
        margin: 0;
        height:auto; 
        padding:10px;
    }
}
*/


/*
KENDO OVERRIDES
*/

.rssListView.k-widget,
.primaryListView.k-widget,
.primaryListView .k-widget,
.bottomListView.k-widget,
.calloutListView.k-widget,
.footerListView.k-widget {
    background: none;
    border: none;
}

div#pageRight .rssListView p > img {
    display: none;
    margin: 0;
}


/*
GLOBAL RL MS Kendo Default Theme Orange Color Override
*/
.k-state-active,
.k-state-active:hover,
.k-active-filter {
    border-color: #1B6293;
}

.k-state-selected,
.k-list > .k-state-selected,
.k-list > .k-state-focused,
.k-list > .k-state-highlight,
.k-panelbar > .k-state-selected,
.k-panel > .k-state-selected,
.k-button:active,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover {
    background-image: url('../images/bg/highlight.png');
    /*
    background-image: none,-webkit-linear-gradient(top,#fff0f0 0,#c12727 100%);
    background-image: none,-moz-linear-gradient(top,#fff0f0 0,#c12727 100%);
    background-image: none,-o-linear-gradient(top,#fff0f0 0,#c12727 100%);
    background-image: none,linear-gradient(to bottom,#fff0f0 0,#c12727 100%);
    */
    /*background:none;*/
    background-color: #1B6293;
    border-color: #1B6293;
}

.k-slider-selection {
    background-color: #1B6293;
}

.k-tiles li.k-state-selected {
    border-color: #1B6293;
}

.k-pager-wrap a {
    line-height: 22px;
    border-width: 1px;
}

.k-pager-numbers .k-link {
    border: 1px solid transparent;
    color: #828181;
    padding-left: 7px;
    padding-right: 7px;
}

.k-pager-info.k-label {
    color: #828181;
}

input.k-textbox {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 2px;
    border: 1px solid #d4d4d4;
    background: #fafafa !important;
    -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,.1);
    -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,.1);
    margin-right: 10px;
    height: 2.12em;
    line-height: 1.6em;
    margin: 0;
}

    input.k-textbox:focus {
        background: #f1f1f1 !important;
        -moz-box-shadow: inset 0px 2px 3px rgba(0,0,0,.2);
        -webkit-box-shadow: inset 0px 2px 3px rgba(0,0,0,.2);
        box-shadow: inset 0px 2px 3px rgba(0,0,0,.2);
        border: 1px solid #9e9e9e;
    }

.k-tooltip-validation {
    background-color: #fff0f0;
    border-color: #AB1E23;
    color: #AB1E23;
    margin-top: 2px;
}

.simpleGrid .k-widget {
    border-color: #fff;
}


.simpleGrid .k-grid-header,
.simpleGrid .k-header {
    background: none;
}

.simpleGrid .k-grid-header .k-header {
    border-width: 0 0 1px 0;
}

.simpleGrid .k-grid-header .k-header .k-link {
    color: #181818;
    font-weight: 600;
}
.simpleGrid .k-grid-header .k-header .k-link:hover {
    text-decoration:none;
}

.simpleGrid .k-grid tr:hover {
    background: #F9F9F9;
}
.simpleGrid .k-grid tr.k-detail-row {
    background: none;
    padding-bottom:10px;
}
.simpleGrid .k-grid tr.k-detail-row:hover {
    background: none;
}
.simpleGrid .k-grid td {
    border-width: 0;
    padding: 5px 7px;
    line-height:24px;
    color: #181818
}
.simpleGrid .k-alt {
    background: none;
}
.simpleGrid .k-group-cell {
    background:none;
}

.simpleGrid .k-grid-pager {
    background-color:#ebebeb;
    background-image:none;
    /*border:1px solid #c5c5c5;*/
}
.simpleGrid a.detailsLink, 
.simpleGrid a.detailsLink:link,  
.simpleGrid a.detailsLink:visited {
    display:inline;
    line-height:20px;
}

#ageWarning,
#eSigMessage {
    color:#A5281B;
}


/*
Stage Details Video Player dynamically resizable
*/

.videoWrapper {
    position: relative;
    padding-top: 25px;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
