@charset "UTF-8";

#Body {
    background: #010101 url(Images/bg-main.png) top center no-repeat;
    color: #383838;
}

div {
    word-wrap: break-word;
}

.breadcrumb-div {
    margin-bottom: 10px;
    font-size: 14px;
    width: 100%;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}

.breadcrumb-div a:link {
    font-size: 14px;
}

.DnnModule-DNN_HTML {
    margin-bottom: 20px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}

.childlinks-header {
    margin-bottom: 8px;
    font-style: italic;
}

/*------------------------------------------------*/
/* FONT STYLE */
/*------------------------------------------------*/
body,
th,
td,
table,
h1,
h2,
h3,
h4,
h5,
h6,
.Head,
.SubHead,
.SubSubHead,
.Normal,
.NormalBold,
.NormalRed,
.NormalTextBox,
.NormalDisabled,
a:link,
a:visited,
a:hover,
input,
.CommandButton {
    font-family: "open-sans", helvetica;
    font-size: 14px;
}

.Normal {
    font-size: 14px;
    font-weight: 200;
    line-height: 22px;
    color: #383838;
}

em {
    font-style: italic;
    letter-spacing: 0;
}

strong {
    font-weight: 600;
}

small {
    font-size: 12px;
    letter-spacing: 0;
}

/*------------------------------------------------*/
/* HEADER STYLE */
/*------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1;
    margin: 0 0 5px 0;
}

.Head {
    margin: 0;
}

h1 {
    font-size: 24px;
    font-weight: 600;

}

h2 {
    font-size: 32px;
    border: 0;
}

h3,
h3 .Head {
    font-size: 18px;
}

h4,
h4 .Head {
    font-size: 16px;

}

h5,
h5 .Head {
    font-size: 14px;
}

h6,
h6 .Head {
    font-size: 13px;
}

/*------------------------------------------------*/
/* ANCHOR STYLE */
/*------------------------------------------------*/
a,
a:link,
a:visited,
a:active {
    color: #0072bc;
    text-decoration: underline;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

.ModDnnForgeChildLinksC a,
.ModDnnForgeChildLinksC a:link,
.ModDnnForgeChildLinksC a:visited,
.ModDnnForgeChildLinksC a:active {
    font-size: 15px;
    text-decoration: none;
    float: left;
    clear: both;
    width: 100%;
    padding: 10px 0 8px 0;
    border-bottom: 1px solid #efefef;
    position: relative;
}

.ModDnnForgeChildLinksC a:last-child {
    border-bottom: none;
}

.ModDnnForgeChildLinksC a:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 8px 7px 0;
    border-color: transparent #0072bc transparent transparent;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -7px 0 0 0;
    z-index: 99;
    opacity: 0;
    transition: 100ms ease-in all;
}

.ModDnnForgeChildLinksC a:hover:before {
    opacity: 1;
}

.ModDnnForgeChildLinksC a.active:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 8px 7px 0;
    border-color: transparent #ccc transparent transparent;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -7px 0 0 0;
    z-index: 1;
}

.link_module {
    box-sizing: border-box;
    float: left;
    padding: 15px;
    width: 100%;
    border: 1px solid #ddd;
}

.link_module ul>li {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
}

.link_module ul>li:before {
    content: ">";
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 0;
    line-height: 1;
}

.link_module a {
    box-sizing: border-box;
    float: left;
    padding: 0px 5px 0px 11px;
    margin: 4px 0 0 0;
    color: #000;
}

.link_module ul li:first-child a {
    margin-top: 0px;
}

table.View {
    width: 100%;
    float: left;
    margin: 20px 0 10px 0 !important;
}

/*------------------------------------------------*/
/* PARAGRAPH STYLE */
/*------------------------------------------------*/
p {
    margin: 0 0 15px 0;
}

hr {
    clear: both;
    height: 1px;
    border: none;
    border-width: 0;
    margin: 15px 0 15px 0;
    background: #135191;
}

ul,
ol {
    margin-top: 8px;
    margin-left: 22px;
    margin-bottom: 8px;
}

/*------------------------------------------------*/
/* IMAGE STYLES */
/*------------------------------------------------*/
img {
    border: 0;
}

/* Image Align Left 
    -------------------------------------*/
.imgLeft {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

/* Image Align Right 
    -------------------------------------*/
.imgRight {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
}

/* Image with border 
    -------------------------------------*/
.imgBorder {
    border: solid 3px #fff;
}

/* Polaroid Image Style 
    -------------------------------------*/
.imgPolaroid {
    color: #a6a6a6;
    font-size: 12px;
    text-align: left;
    padding: 13px 13px 17px 13px;
    background-color: #fff;
    box-shadow: 0 1px 2px #ccc;
}

.imgPolaroid img {
    margin-bottom: 12px;
}

/*------------------------------------------------*/
/* lIST STYLE */
/*------------------------------------------------*/


/* Ordered List */
ol li {
    list-style-type: decimal;
    margin-bottom: 8px;
    vertical-align: top;
}

ol ol {
    margin-top: 8px;
    margin-left: 30px;
}

ol ol li {
    list-style-type: lower-roman;
}

ol ol ol li {
    list-style-type: lower-alpha;
}

ol ul li {
    list-style-type: lower-roman;
}


/*------------------------------------------------*/
/* FORM STYLE
/*------------------------------------------------*/
input[type="text"],
select,
textarea,
input[type="email"],
input[type="search"],
input[type="password"] {
    padding: 6px;
    margin-bottom: 5px;
    background: #f3f3f3;
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #333;
    font-size: 13px;
}

.FormTextArea {
    width: 100%;
}


/*------------------------------------------------*/
/* BUTTONS STYLE */
/*------------------------------------------------*/
/* Primary Style Button (blue)*/
button.primaryButton,
a.primaryButton {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 5px;

    background-color: #3B96B6;
    background: -moz-linear-gradient(top, #1aa0c9 0%, #1aa0c9);
    background: -webkit-gradient(linear, left top, left bottom, from(#1aa0c9), to(#1aa0c9));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid #ffffff;
    -moz-box-shadow: 0px 1px 3px rgba(240, 240, 240, 0.5), inset 0px 0px 0px rgba(15, 177, 217, 0);
    -webkit-box-shadow: 0px 1px 3px rgba(240, 240, 240, 0.5), inset 0px 0px 0px rgba(15, 177, 217, 0);
    box-shadow: 0px 1px 3px rgba(240, 240, 240, 0.5), inset 0px 0px 0px rgba(15, 177, 217, 0);

    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 0px 0px rgba(000, 000, 000, 0), 0px 0px 0px rgba(255, 255, 255, 0);
}

/* Secondary Style Button (darkgray) */
button.secondaryButton,
a.secondaryButton {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 5px;

    background-color: #666;
    background: -moz-linear-gradient(top, #8a8a8a 0%, #8a8a8a);
    background: -webkit-gradient(linear, left top, left bottom, from(#8a8a8a), to(#8a8a8a));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid #ffffff;
    -moz-box-shadow: 0px 1px 3px rgba(240, 240, 240, 0.5), inset 0px 0px 0px rgba(15, 177, 217, 0);
    -webkit-box-shadow: 0px 1px 3px rgba(240, 240, 240, 0.5), inset 0px 0px 0px rgba(15, 177, 217, 0);
    box-shadow: 0px 1px 3px rgba(240, 240, 240, 0.5), inset 0px 0px 0px rgba(15, 177, 217, 0);
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 0px 0px rgba(000, 000, 000, 0), 0px 0px 0px rgba(255, 255, 255, 0);
}

/* Alternative Style Button (darkgray with arrow) */
button.altButton,
a.altButton {
    display: inline-block;
    padding: 9px 32px 9px 22px;
    margin-bottom: 5px;

    background: #484848 url('/Images/arrow.png') no-repeat 87% center;
    background: url('/Images/arrow.png') no-repeat 87% center, -moz-linear-gradient(top, #3d3d3d 0%, #3d3d3d);
    background: url('/Images/arrow.png') no-repeat 87% center, -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#3d3d3d));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid #ffbf00;
    -moz-box-shadow: 0px 0px 0px rgba(000, 000, 000, 0), inset 0px 0px 0px rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0px 0px 0px rgba(000, 000, 000, 0), inset 0px 0px 0px rgba(255, 255, 255, 0);
    box-shadow: 0px 0px 0px rgba(000, 000, 000, 0), inset 0px 0px 0px rgba(255, 255, 255, 0);
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-shadow: 0px 0px 0px rgba(000, 000, 000, 0), 0px 0px 0px rgba(255, 255, 255, 0);
}

a.dnnPrimaryAction {
    color: #efefef;
}

a.dnnSecondaryAction {
    color: #555;
}

button.primaryButton:hover,
button.secondaryButton:hover,
a.primaryButton:hover,
a.secondaryButton:hover {
    cursor: pointer;
    cursor: hand;
    background-image: none;
    background-color: #D00;
}

button.altButton:hover,
a.altButton:hover {
    cursor: pointer;
    cursor: hand;
    background: #D00 url('/Images/arrow.png') no-repeat 87% center;
}


/*------------------------------------------------*/
/* SITE STRUCTURE */
/*------------------------------------------------*/
#userControls {
    height: 32px;
}

/*------------------------------------------------*/
/* LOGIN */
/*------------------------------------------------*/
#login {
    float: right;
}

#login .registerGroup,
#login .registerGroup *,
#login .loginGroup,
#login .loginGroup * {
    display: block;
}

#login .registerGroup,
#login .loginGroup {
    float: left;
    padding: 0;
    margin: 0;
}

#login .registerGroup li:first-child:hover {
    border-left: #222;
}

/* Register Group Styles */
#login .registerGroup li {
    float: left;
}

#login .registerGroup .buttonGroup {
    margin-right: 0;
}

#login .registerGroup a,
#login .loginGroup a {
    display: block;
    position: relative;
    height: 25px;
    min-width: 12px;
    padding: 7px 15px 0 15px;

    color: #333;
    font-size: 11px;
    vertical-align: middle;
}

#login .registerGroup a:hover,
#login .loginGroup a:hover {
    background: rgb(45, 45, 45);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(45, 45, 45, 1)), color-stop(100%, rgba(86, 86, 86, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(45, 45, 45, 1) 0%, rgba(86, 86, 86, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d2d2d', endColorstr='#565656', GradientType=0);
    /* IE6-9 */

    color: #ddd;
    text-shadow: 0px -1px 0px #333333;
}

#login .registerGroup a:active,
#login .loginGroup a:active {
    color: #fff;
    text-shadow: 0px -1px 0px #333333;
}

#login .registerGroup a:hover,
#login .loginGroup a:hover {
    text-decoration: none;
}

#login .registerGroup a strong,
#login .loginGroup a strong {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;

    font-size: 11px;
    text-indent: -9999px;
}

#login .userMessages a,
#login .userNotifications a {
    background-color: #333;
}

#login .userMessages strong {
    height: 100%;

}

#login .userNotifications {
    border-right: 1px solid #CCC;
}

#login .userNotifications strong {
    height: 100%;
}

#login .registerGroup a span {
    display: inline-block;
    position: absolute;
    right: 2px;
    top: -9px;
    min-width: 7px;
    margin-right: 3px;
    background: rgb(59, 150, 182);
    /* Old browsers */

    text-align: center;
    font-size: 11px;
    color: #fff;
    text-shadow: 0px 1px 0px #333333;
}

#login .registerGroup .userProfileImg a {
    min-width: 25px;
    min-height: 32px;
    padding: 0;
    background: none;

}

#login .registerGroup a img {
    height: 32px;
    width: 32px;
    background: #333;

}

/* Login Group Styles */
#login .loginGroup {
    border-right: 1px solid #CCC;
}

#login .loginGroup a {
    color: #333;
}

/* Number of message next to the message icon*/
#login .userMessages a span,
#login .userNotifications a span {
    display: inline-block;
    margin-top: 9px;
    margin-right: 0px;
    background-color: transparent;

    font-size: 10px;
}

/*------------------------------------------------*/
/* NAVIGATION */
/*------------------------------------------------*/

/* Site Navigation */

ul#dnn_pnav {
    display: inline-block;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 54px;
}

#dnn_pnav li {
    position: relative;
    list-style: none;
    margin: 0;
    text-align: left;
    z-index: 1;

}

#dnn_pnav li ul {
    margin: 0;
}

#dnn_pnav li a {
    font-family: "bebas-neue";
}

#dnn_pnav>li {
    float: left;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

#dnn_pnav>li>a {
    display: block;
    position: relative;
    padding: 5px 2px 5px 2px;
    margin: 14px 5px 0 5px;
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    transition: 50ms ease-out all;
    -webkit-transition: 50ms ease-out all;
    text-shadow: 1px 1px 0px #000;
    text-transform: uppercase;
    border-bottom: 2px solid #000;
}

#dnn_pnav>li>a:hover,
#dnn_pnav>li:hover>a,
#dnn_pnav>li ul a:hover,
#dnn_pnav>li ul span:hover {
    color: #cdcdcd;
}

#dnn_pnav>li>a.selected {
    color: #cdcdcd;
    border-bottom: 2px solid #c6cb4d;
}


#dnn_pnav>li>span {
    cursor: default;
}

/* Secondary level */
#dnn_pnav>li ul {
    /* Styles for all sub levels */
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 999;
    width: 195px;
    padding: 4px 14px;
    background: #272727;

}

#dnn_pnav>li>ul {
    /* styles specific to secondary level */
    top: 100%;
    left: 8px;
    z-index: 1000;
    transition: 150ms ease-out all;
    -webkit-transition: 150ms ease-out all;
}

#dnn_pnav>li:hover>ul {
    visibility: visible;
    opacity: 1;
}

#dnn_pnav>li>ul>li:last-child {
    border-bottom: none;
}

#dnn_pnav>li ul a,
#dnn_pnav>li ul span {
    display: block;
    padding: 7px 0 7px 0;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px solid #333;
    font-family: "open-sans", helvetica;
}



#dnn_pnav>li ul li:last-child a {
    border-bottom: none;
}

#dnn_pnav>li>ul li:hover>ul {
    visibility: visible;
    opacity: 1;
}

#dnn_pnav>li>ul li>a.selected {}

/* Tertiary level */
#dnn_pnav li ul li ul {
    left: 99%;
    top: 2px;
    margin: 0 0 0 2px;
    padding: 5px 12px;
    border-top: 1px solid #3b3b3b;
    box-shadow: -5px -3px 6px rgba(0, 0, 0, .2);
    z-index: 1001;
}


/*------------------------------------------------*/
/* CONTENT PANES */
/*------------------------------------------------*/

/* Outer Structure */
#level1,
#level2,
#level3,
#levelSummary,
#level4,
#level5,
#ticker {
    float: left;
    width: 100%;
}

.container {
    width: 960px;
    margin: 0 auto;
}

.content {
    float: left;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

a.button {
    background: #ccd150 url(Images/bg-button.png) top left repeat-x;
    border: 1px solid #000;
    padding: 10px 0;
    min-width: 180px;
    text-align: center;
}

a.button:hover {
    background: #ccd150 url(Images/bg-button-hover.png) top left repeat-x;
}

a.button,
a.button:active,
a.button:visited {
    color: #353638;
    text-decoration: none;
    font-family: bebas-neue;
    text-shadow: 1px 0px 0 #fff;
    font-size: 19px;
}


/* Level 1 */
#level1 {
    padding: 0;
    background: url(Images/bg-header.png) top left repeat-x;
}

#level1 .content {
    padding: 0;
}

#level1 #logo {
    float: left;
    width: 100%;
    height: 394px;
    background: url(Images/water.png) center center no-repeat;
    position: relative;
    overflow: hidden;
}

#level1 #logo a {
    position: relative;
    z-index: 3;
}

#level1 #logo .water2 {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 125px;
    content: "";
    opacity: .12;
    background: url(Images/water-animate2.png);
    background-position: -960px -250px;
    background-repeat: repeat-y;
    animation: water2 17s linear infinite;
    -webkit-animation: water2 17s linear infinite;
    -moz-animation: water2 17s linear infinite;
    -ms-animation: water2 17s linear infinite;
    -o-animation: water2 17s linear infinite;
}


#level1 #logo .water1 {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 125px;
    content: "";
    opacity: .65;
    background: url(Images/water-animate2.png);
    background-position: 0 0;
    background-repeat: repeat-x;
    animation: water 235s linear infinite;
    -webkit-animation: water 235s linear infinite;
    -moz-animation: water 235s linear infinite;
    -ms-animation: water 235s linear infinite;
    -o-animation: water 235s linear infinite;
}

@keyframes water {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 1080px 0;
    }

    100% {
        background-position: 0 0;
    }
}

@-webkit-keyframes water {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 1080px 0;
    }

    100% {
        background-position: 0 0;
    }
}

@-moz-keyframes water {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 1080px 0;
    }

    100% {
        background-position: 0 0;
    }
}

@-ms-keyframes water {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 1080px 0;
    }

    100% {
        background-position: 0 0;
    }
}

@-o-keyframes water {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 1080px 0;
    }

    100% {
        background-position: 0 0;
    }
}

@keyframes water2 {
    0% {
        background-position: -960px -250px;
    }

    100% {
        background-position: -960px 0;
    }
}

@-webkit-keyframes water2 {
    0% {
        background-position: -960px -250px;
    }

    100% {
        background-position: -960px 0;
    }
}

@-moz-keyframes water2 {
    0% {
        background-position: -960px -250px;
    }

    100% {
        background-position: -960px 0;
    }
}

@-ms-keyframes water2 {
    0% {
        background-position: -960px -250px;
    }

    100% {
        background-position: -960px 0;
    }
}

@-o-keyframes water2 {
    0% {
        background-position: -960px -250px;
    }

    100% {
        background-position: -960px 0;
    }
}

#level1 .social {
    position: absolute;
    bottom: 20px;
    left: 25px;
    z-index: 5;
}

#level1 .social a {
    float: left;
    margin: 0 3px;
    padding: 0 2px;
    transition: margin-top ease-out 100ms;
    -webkit-transition: margin-top ease-out 100ms;
}

#level1 .social a:hover {
    margin-top: -2px;
}

#level1 .search {
    position: absolute;
    bottom: 13px;
    right: 20px;
    z-index: 5;
}

#level1 .search input[type="text"] {
    padding: 3px 5px;
    width: 125px;
    border: 1px solid #000;
    margin: 0;
}

#level1 .search a {
    color: #fff;
    text-decoration: none;
    margin-left: 5px;
}

#level1 .search .dnnSearchBoxClearText {
    margin: -21px -6px 0 0;
}

#level1 .button {
    position: absolute;
    bottom: 50px;
    right: 20px;
    z-index: 5;
}

#level1 #nav {
    float: left;
    width: 100%;
    text-align: center;
    background: #000;
    height: 54px;
    position: relative;
    z-index: 99;
}


/* Level 2 */
#level2 {
    background: transparent;
}

#level2.rotator {}

#level2 .content {
    background: #fff;
    padding: 30px;
}

#level2.rotator .content {
    padding: 0;
    width: 100%;
}

#level2 .DnnModule {
    float: left;
    width: 100%;
    clear: both;
}

.RotatorPane {
    width: 100%;
    clear: both;
    margin-bottom: 0;
}

.ContentPaneHome {
    float: left;
    padding: 30px 5% 0 5%;
    width: 90%;
}

.ContentPane {
    min-height: 0px;
}

.ContentPane.padding {
    padding: 30px;
}

.ContentPane,
.BottomPane {
    margin: 0 0 25px 0;
    float: left;
    width: 100%;
}

.ContentPane h1 .Head {
    font-size: 28px;
    font-weight: 900;
}

.LeftPane {
    float: left;
    width: 68%;
}

.LeftPane h1 .Head {
    font-size: 26px;
    font-weight: 900;
}

.RightPane {
    float: right;
    width: 29%;
    padding: 0;
}

.RightPane h2 {
    margin: 0;
    font-size: 0;
}

.RightPane h2 .Head {
    font-size: 22px;
    font-weight: 900;
    margin: 0 0 10px 0;
    width: 100%;
}

.RightPane .DnnModule {
    margin-bottom: 20px;
}

.RightPane .DnnModule:last-child {
    margin-bottom: 0;
}

.BottomPane {
    margin: 0;
}

.CoverPhotoPane h1 .Head {
    color: #ccd150;
}

.ChapterCommanderPane h2 .Head,
.ChapterDocumentsPane h2 .Head {
    text-transform: uppercase;
    font-size: 16px;
}

.NewsPane {}

.NewsPane .DnnModule {
    margin-top: 25px;
}

.NewsPane .DnnModule:last-child {
    margin-bottom: 25px;
}

.NewsPane .ModDnnForgeLatestArticlesC>div>hr:last-child {
    margin-bottom: 0px;
}

.ChapterDocumentsPane {}

.PhotoGalleryPane,
.StateNewsPane {
    margin: 0 0 0 -30px;
    width: 960px;
    box-sizing: border-box;
    padding: 25px !important;
    background: #deded0;
}

.StateNewsPane {
    background: #fdc847;
    margin: 0 0 -30px -30px;
    border-top: 3px solid #fff;
}

.PhotoGalleryPane h1,
.StateNewsPane h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
}

.PhotoGalleryPane h1 .Head,
.StateNewsPane h1 .Head {
    font-size: 22px;
    color: #000;
}

/* Ticker */
#ticker {
    width: 100%;
    background: #e8e8e8 url(Images/bg-ticker.png) top left repeat-x;
    position: relative;
    overflow: hidden;
}

#ticker .TickerPane {
    float: left;
    width: 100%;
    overflow: hidden;
    height: 18px;
    padding: 10px 0;
}

#ticker #ticker-command {
    position: absolute;
    top: -32px;
    right: 6px;
    background: #000;
    color: #fff;
    height: 26px;
    width: 26px;
    z-index: 10;
    cursor: pointer;
    border-radius: 50%;
    margin: 0;
}

#ticker #ticker-command.play {
    background: #000 url(Images/ticker-play.png) center center;
}

#ticker #ticker-command.stop {
    background: #000 url(Images/ticker-stop.png) center center;
}

#ticker #ticker-list .ticker-item,
#ticker #ticker-list .ticker-item a {
    font-size: 13px;
}

#ticker #ticker-list .ticker-item a {
    font-weight: normal;
    text-decoration: none;
    color: #000;
}

#ticker #ticker-list .ticker-item a:hover {
    text-decoration: underline;
    color: #0072bc;
}

#ticker #ticker-list .ticker-item p {
    padding: 0;
    margin: 0;
}

#ticker #ticker-list .ticker-item .ticker-edit {
    float: left;
    margin: 0 5px 0 0;
}

#ticker #ticker-list {
    width: 200000px;
    position: absolute;
    top: 0px;
    opacity: 0;
    height: 100%;
    transition: 300ms ease-out opacity;
    -webkit-transition: 300ms ease-out opacity;
}

#ticker #ticker-list .ticker-item {
    position: absolute;
    top: 12px;
    left: 0;
    padding: 0 12px 0 16px;
    border-right: 2px solid #444;
    line-height: 14px;
}

#ticker #ticker-list .ticker-item:last-child {
    border-right: none;
}

#ticker #ticker-list:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

.dnnEditState #ticker #ticker-list.active {
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
}

.showControlBar #ticker .TickerPane {
    height: auto;
}

.showControlBar #ticker #ticker-list,
.showControlBar #ticker #ticker-list .ticker-item {
    float: left;
    position: static;
    border-right: none;
    clear: both;
}


.dnnEditState #ticker #ticker-list .ticker-item {
    margin: 5px 0 0 0;
    clear: both;
}

.NewsArticles #tblActionDetail .CommandButton {
    padding: 8px;
    background: #0072bc;
    color: #fff;
    position: relative;
    top: 18px;
    text-decoration: none;
}

.NewsArticles .MenuTopSelected {
    font-weight: bold;
}

/* Level 3 */
#level3 {
    background: #e0e46b url(Images/bg-featured.png) top left repeat-x;
    padding: 0;
}

#level3 .DnnModule {
    border: 1px solid #67700f;
    background: #fff url(Images/bg-featured-box.png) bottom left repeat-x;
    margin: 0;
    padding: 0;
}

#level3 .DnnModule h3 {
    background: url(Images/bg-featured-header.png) top left repeat-x;
    margin: 0;
    text-align: center;
}

#level3 .DnnModule h3 .Head {
    color: #fff;
    padding: 9px 0;
    text-shadow: 2px 0 0px rgba(0, 0, 0, .9);
    font-family: "bebas-neue";
    font-size: 30px;
    font-weight: normal;
}

#level3 .DnnModule h3 img {
    margin: -12px 9px 0 0;
}

#level3 .DnnModule .Normal {
    padding: 20px;
}

#level3 .Featured {
    width: 290px;
    float: left;
    margin: 30px 0;
}

#level3 .Featured.f1 {
    margin-left: 30px;
}

#level3 .Featured.f2 {
    margin-left: 15px;
    margin-right: 15px;
}

#level3 .Featured p {
    margin: 0;
}

/* Summary Level */
#levelSummary {
    background: #292929;
    padding: 25px 0 25px 0;
}

#levelSummary .DnnModule {
    background: #292929;
    padding: 0;
    border-bottom: none;
    margin: 0;
}

#levelSummary .DnnModule h3 {
    background: url(Images/bg-featured-header.png) top left repeat-x;
    margin: 0;
    text-align: center;
}

#levelSummary .DnnModule h3 .Head {
    color: #fff;
    padding: 9px 0;
    text-shadow: -1px 0 0px rgba(0, 0, 0, .3);
    font-family: "bebas-neue";
    font-size: 30px;
    font-weight: normal;
}

#levelSummary .DnnModule h3 img {
    margin: -12px 9px 0 0;
}

#levelSummary .DnnModule .Normal {
    padding: 20px;
    font-size: 20px;
    font-weight: 200;
    line-height: 26px;
    color: #999;
    text-align: center;
}

#levelSummary .Featured {
    width: 304px;
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
}

#levelSummary .Featured.f2 {
    margin-left: 20px;
    margin-right: 20px;
}

#levelSummary .Featured p {
    margin: 0;
}

/* Level 4 */
#level4 {
    background: #1f1f1f;
    padding: 0;
}

#level4 .Normal {
    color: #fff;
}

#level4 .Normal table {
    width: 100%;
}

#level4 .Normal table img {
    border: 1px solid #fff;
    margin-bottom: 8px;
}

#level4 .bottom-links {
    float: left;
    text-align: center;
    width: 100%;
    margin: 15px 0 0 0;
}

#level4 .bottom-links .button {
    margin: 0 2% 2% 0;
    display: inline-block;
    width: 23%;
}

#level4 .bottom-links .button:nth-child(4n+0) {
    margin: 0 0 2% 0;
}

/* Level 5 */
#level5 {
    padding: 25px 0;
    color: #fff;
    background: #010101;
}

#level5 a,
#level5 a:link,
#level5 a:visited {
    color: #fff;
    text-decoration: underline;
}

#level5 a:hover {
    text-decoration: none;
}

#level5 .left {
    width: 50%;
}

#level5 .LoginLink,
#level5 a.SkinObject {
    margin: 0 0 0 8px;
    padding: 0 0 0 8px;
    border-left: 1px solid #444;
}

#level5 .LoginLink {
    border-left: none;
}

#watermark {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

#copy {
    float: left;
    clear: both;
}

.BottomPane {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #2c2c2c;
}

.BottomPane .Normal {
    color: #fff;
}

.BottomPane .Normal p:last-child {
    padding: 0;
    margin: 0;
}

.BottomPane .DnnModule {
    float: left;
    width: 19%;
    margin: 0 3% 15px 3%;
}

.BottomPane h3 .Head {
    color: #656565;
    font-size: 18px;
}

.BottomPane a,
.BottomPane a:link,
.BottomPane a:visited,
.BottomPane a:active {
    color: #fff;
    text-decoration: underline;
}

.BottomPane a:hover {
    text-decoration: none;
}

#jquery-lightbox {
    max-width: 94%;
    margin: 0 3%;
}

#lightbox-container-image-box,
#lightbox-container-image-data-box {
    max-width: 100%;
    height: auto !important;
}

#midav-map *,
table,
tr,
td,
th {
    padding: 0;
    border-spacing: 0px !important;
    border-collapse: collapse !important;
    margin: 0 !important;
}

#midav-map a,
#midav-map img {
    float: left;
}

#midav-map {
    width: 861px;
}

#iframe-expand {
    position: absolute;
    top: 180px;
    left: 100%;
    background: #bfd131;
    color: #000;
    padding: 8px 14px;
    cursor: pointer;
    border: 1px solid #111;
    transition: background ease-out 100ms;
    -webkit-transition: background ease-out 100ms;
}

#iframe-expand:hover {
    background: #333;
    color: #fff;
}

#iframe-expand.expanded {
    position: fixed;
    top: 48%;
    left: 90%;
    z-index: 2001;
    animation: iframeFade linear 600ms forwards;
    -webkit-animation: iframeFade linear 600ms forwards;
}

iframe.expanded {
    position: fixed;
    z-index: 1000;
    background: rgba(0, 0, 0, .8);
    animation: iframeFade linear 100ms forwards;
    -webkit-animation: iframeFade linear 100ms forwards;
}

@keyframes iframeFade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes iframeFade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Clear-fix for floated elements 
    -------------------------------------*/
.clear,
.clear_float {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clear_right {
    clear: right;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}

.center {
    width: 100%;
    text-align: center;
}

.left {
    float: left;
}

.right {
    float: right;
}

.DNNEmptyPane {
    padding: 0 !important;
    margin: 0;
    height: 0;
    border: none;
}

.dig_admin_label,
.ServiceIcon {
    width: 135px !important;
}

#mobile {
    display: none;
}

@media only screen and (max-width: 1000px) {
    * {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    img {
        max-width: 100%;
        height: auto !important;
    }

    body,
    html {
        background: #fff;
    }

    #mobile {
        display: block;
        overflow: hidden;
    }

    #mobile .menu {
        display: block;
        position: absolute;
        z-index: 1003;
        top: 0;
        left: 0;
        width: 100%;
        height: 48px;
        background: #1f1f1f;
        box-shadow: 0 1px 9px rgba(0, 0, 0, .07);
        overflow: hidden;
    }

    #mobile .logo {
        position: absolute;
        top: 11px;
        left: 9px;
        height: 26px;
        padding: 0;
    }

    #mobile .logo img {
        max-height: 100%;
    }

    #mobile .search {
        position: absolute;
        top: 0;
        left: 132px;
        padding: 0 8px;
        color: #fff;
        text-transform: uppercase;
        font-size: 14px;
        color: #fff;
        line-height: 48px;
        text-shadow: 1px 1px 0px #000;
        font-weight: bold;
        cursor: pointer;
    }

    #mobile .searchWrapper {
        display: none;
        width: 96%;
        height: 30px;
        padding: 12px 2%;
        position: absolute;
        top: 48px;
        left: 0;
        background: #222;
        box-shadow: inset 0 3px 8px rgba(0, 0, 0, .5);
        z-index: 999;
        text-align: center;
    }

    #iframe-expand {
        display: none;
    }

    iframe#magazine {
        height: 400px;
    }

    #mobile .searchWrapper .searchInputContainer {
        margin: 0 !important;
    }

    #mobile .searchWrapper .searchInputContainer a.dnnSearchBoxClearText {
        top: 4px;
        right: 5px !important;
    }

    #mobile .searchWrapper ul.searchSkinObjectPreview {
        margin-left: -83px;
        left: 0;
    }

    #mobile .searchWrapper>span {
        display: inline-block;
    }

    #mobile .searchWrapper a.SkinObject {
        padding: 10px;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
    }

    #mobile .searchWrapper input[type="text"] {
        margin: 0;
        height: 18px;
        width: 180px;
    }

    #mobile .button {
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        height: 48px;
        width: 48px;
        background-size: 60%;
        transition: all 150ms ease-out;
        -webkit-transition: all 150ms ease-out;
    }

    #mobile .button.active>div {
        left: 50%;
    }

    #mobile .button .line1,
    #mobile .button .line2,
    #mobile .button .line3 {
        position: absolute;
        height: 4px;
        width: 60%;
        left: 100%;
        margin-left: -30%;
        background: #fff;
        top: 50%;
        margin-top: -2px;
        border-radius: 2px;
        transition: left 200ms ease-in-out;
        -webkit-transition: left 200ms ease-in-out;
    }

    #mobile .button .line1 {
        margin-top: -10px;
    }

    #mobile .button .line3 {
        margin-top: 6px;
    }

    #mobile .mobileMenuWrapper {
        position: fixed;
        display: none;
        z-index: 1002;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .75);
        overflow: hidden;
    }

    #mobile .mobileMenu {
        position: fixed;
        z-index: 1001;
        width: 80%;
        max-width: 500px;
        margin: 0 auto;
        top: 85px;
        bottom: 15%;
        overflow-x: hidden;
        left: 10%;
        right: 10%;
    }

    #mobile .mobileMenu>div {}

    #mobile .mobileMenu>div>a {
        display: block;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
        padding: 14px 12px;
        text-decoration: none;
        font-size: 16px;
        clear: both;
        position: relative;
        box-shadow: inset 0px 1px rgba(255, 255, 255, .08);
        -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, .08);
        border-bottom: 1px solid #232323;
    }

    #mobile .mobileMenu>div:last-child {
        border-bottom: none;
    }

    #mobile .mobileMenu>div>a:active {
        background: #282828;
    }

    #mobile .mobileMenu div {
        background: #383838;
        position: relative;
        clear: both;
    }

    #mobile .mobileMenu .submenu {
        display: none;
        float: left;
        width: 100%;
        clear: both;
        padding: 7px 0 7px 0;
        background: #383838;
    }

    #mobile .mobileMenu .submenu a {
        font-size: 15px;
        color: #fff;
        display: block;
        padding: 5px 0 5px 20px;
        clear: both;
        text-decoration: none;
    }

    #mobile .mobileMenu .submenu div .submenu {
        padding: 4px 0 7px 0;
    }

    #mobile .mobileMenu .submenu .submenu a {
        padding: 4px 0 4px 25px;
        font-size: 13px;
    }

    #mobile .mobileMenu .expand {
        margin: 0px 0px 0 0;
        height: 100%;
        width: 38px;
        background: url(images/button-open.png) center center no-repeat;
        background-size: 45%;
        position: absolute;
        top: 0;
        right: 0px;
        cursor: pointer;
    }

    #mobile .mobileMenu a.haschild:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
    }

    #mobile .mobileMenu .expand.expanded {
        background: url(images/button-close.png) center center no-repeat;
        background-size: 45%;
    }

    #Body {
        padding-top: 48px;
    }

    input,
    select {
        width: 100%;
        max-width: 220px;
    }

    textarea {
        width: 94% !important;
        padding: 3%;
    }

    #level1 #logo,
    #level1 .search,
    #nav {
        display: none;
    }

    .container,
    .ContentPaneHome {
        width: 100%;
    }

    .ContentPaneHome {
        padding: 20px 0 0 0;
    }

    a.button {
        min-width: 150px;
        padding: 8px 0;
    }

    #level1 {
        background: #fff;
    }

    #level1 .content {
        padding: 8px 0;
        box-shadow: inset 0 -3px 10px rgba(0, 0, 0, .1);
        background: #efefef;
    }

    #level1 .social {
        float: left;
        position: relative;
        bottom: 0px;
        right: 0;
        left: 6px;
        top: 1px;
    }

    #level1 .social a:hover {
        margin-top: 0px;
    }

    #level1 a.button {
        float: right;
        position: relative;
        bottom: 0;
        right: 6px;
        min-width: 120px;
    }

    #level2 .Head {
        font-size: 24px;
        margin: 0 0 5px 0;
    }

    #level2 h1,
    #level2 h2,
    #level2 h3 {
        margin: 0;
    }

    #level2 .Normal p:last-child {
        margin: 0;
    }

    #level3 .Featured {
        width: 31%;
        padding: 2%;
        margin: 0;
    }

    #level3 .Featured.f2 {
        margin: 0 -25px;
    }

    #level3 .DnnModule .Normal {
        font-size: 12px;
        padding: 10px;
    }

    #level4 .bottom-links {
        margin: 15px 0;
    }

    #level4 .bottom-links .button {
        margin: 1%;
        display: inline-block;
        width: 46%;
    }

    #level4 .bottom-links .button:nth-child(4n+0) {
        margin: 1%;
    }

    #level4 .ContentPaneHome table td {
        float: left;
        width: 17%;
        padding: 0 4% 15px 4%;
    }

    #level5 #copy {
        width: 90%;
        margin: 0 5%;
        text-align: center;
    }

    #level5 .right {
        display: none;
    }

    #level5 #watermark {
        margin-top: 25px;
    }

    #midav-map {
        width: 100%;
        height: auto;
    }

    .DNNEmptyPane {
        margin: 0 !important;
    }
}

@media only screen and (max-width: 805px) {
    #level3 .Featured {
        width: 92%;
        padding: 3%;
        margin: 0;
    }

    #level3 .Featured.f2 {
        margin: 0;
        padding: 0 3%;
    }

    #level3 .DnnModule .Normal {
        font-size: 12px;
        padding: 15px;
    }
}

@media only screen and (max-width: 710px) {

    #level2 .LeftPane,
    #level2 .RightPane,
    #level2 .ContentPane {
        float: left;
        width: 100%;
        margin: 0 0 12px 0;
    }

}

@media only screen and (max-width: 543px) {
    #level4 .bottom-links .button {
        margin: 1% 2%;
        display: inline-block;
        width: 45%;
    }

    #level4 .bottom-links .button:nth-child(4n+0) {
        margin: 1% 2%;
    }

    #level4 .ContentPaneHome table td {
        float: left;
        width: 40%;
        padding: 0 5% 15px 5%;
    }
}

@media only screen and (max-width: 455px) {
    #level4 .bottom-links .button {
        margin: 1% 4%;
        display: inline-block;
        width: 85%;
    }
}