.border-radius {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.button-radius,
header .header-right a#flax-foyer,
.rightnav h3 {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.border-circle {
    -webkit-border-radius: 25em;
    -moz-border-radius: 25em;
    border-radius: 25em
}

.border-radius-none {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.drop-shadow {
    -webkit-box-shadow: 4px 4px 2px 3px #292929;
    box-shadow: 1px 7px 1px -4px rgba(0, 0, 0, 0.6)
}

.cover-pic,
.banner-right img {
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.box-shadow {
    -moz-box-shadow: -3px 3px 0 #c3c3c3;
    -webkit-box-shadow: -3px 3px 0 #c3c3c3;
    box-shadow: -3px 3px 0 #c3c3c3
}

.box-shadow-hover {
    -moz-box-shadow: -3px 3px 0 #9d9d9d;
    -webkit-box-shadow: -3px 3px 0 #9d9d9d;
    box-shadow: -3px 3px 0 #9d9d9d
}

.boxsizing {
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

html {
    margin: 0 !important
}

html,
body,
p,
a,
h1,
h2,
h3,
h4,
h5,
div,
table,
tr,
td,
span,
ul,
li,
form {
    margin: 0;
    padding: 0
}

article,
aside,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
video,
object {
    display: block
}

html,
body {
    font: normal 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    color: #333;
    background: #fff
}

.container {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    overflow: hidden
}

.row {
    overflow: hidden;
    width: 100%;
    max-width: 1260px;
    margin: 0 auto
}

.row .onecol {
    width: 6.25%
}

.row .twocol {
    width: 14.58%
}

.row .threecol {
    width: 22.91%
}

.row .fourcol {
    width: 31.25%
}

.row .fivecol {
    width: 39.58%
}

.row .sixcol {
    width: 47.91%
}

.row .sevencol {
    width: 56.25%
}

.row .eightcol {
    width: 64.58%
}

.row .ninecol {
    width: 72.91%
}

.row .tencol {
    width: 81.25%
}

.row .elevencol {
    width: 89.58%
}

.row .twelvecol {
    width: 97.91%
}

.row .row {
    width: auto;
    max-width: none;
    margin-right: -1.0317%;
    margin-left: -1.0317%
}

.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol,
.twelvecol {
    margin-right: 1.0317%;
    margin-left: 1.0317%;
    min-height: 1px
}

@media handheld,
only screen and (max-width: 700px) {
    .row,
    body,
    .container {
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0
    }
    .row .onecol,
    .row .twocol,
    .row .threecol,
    .row .fourcol,
    .row .fivecol,
    .row .sixcol,
    .row .sevencol,
    .row .eightcol,
    .row .ninecol,
    .row .tencol,
    .row .elevencol,
    .row .twelvecol,
    .row .news-title-box,
    .row .news-search-box {
        width: auto;
        float: none;
        margin-right: 15px;
        margin-left: 15px;
        display: block
    }
    .row .row {
        margin-right: 0;
        margin-left: 0
    }
    .row .row .onecol,
    .row .row .twocol,
    .row .row .threecol,
    .row .row .fourcol,
    .row .row .fivecol,
    .row .row .sixcol,
    .row .row .sevencol,
    .row .row .eightcol,
    .row .row .ninecol,
    .row .row .tencol,
    .row .row .elevencol,
    .row .row .twelvecol {
        margin-left: 0;
        margin-right: 0
    }
}

h1,
h2,
h3,
h4,
h5 {
    line-height: 1.2em
}

h1 {
    margin: 0 0 15px 0;
    font: normal 2.611em Georgia, "Times New Roman", Times, serif
}

h2 {
    margin: 0 0 15px 0;
    font: normal 1.625em Georgia, "Times New Roman", Times, serif
}

h3 {
    margin: 0 0 10px 0;
    font: normal 1.438em Georgia, "Times New Roman", Times, serif
}

h4 {
    margin: 0 0 10px 0;
    font: normal 1.2em Georgia, "Times New Roman", Times, serif
}

h5 {
    margin: 0 0 10px 0;
    font: normal 1.1em Georgia, "Times New Roman", Times, serif
}

.big-text {
    font: normal 1.188em "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 1.5em
}

p {
    margin: 0 0 25px 0;
    font: normal 0.938em "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 1.5em
}

@media handheld,
only screen and (max-width: 700px) {
    h1 {
        font: normal 2em Georgia, "Times New Roman", Times, serif
    }
    h2 {
        font: normal 1.5em Georgia, "Times New Roman", Times, serif
    }
    h3 {
        font: normal 1.2em Georgia, "Times New Roman", Times, serif
    }
    h4 {
        font: normal 1.1em Georgia, "Times New Roman", Times, serif
    }
    h5 {
        font: normal 1em Georgia, "Times New Roman", Times, serif
    }
}

a {
    outline: none;
    text-decoration: none;
    color: #00559e;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

a img {
    border: none
}

a:hover {
    color: #000
}

a:focus {
    outline: none
}

ul li {
    list-style: none
}

.textbox {
    width: 100%;
    padding: 15px 10px;
    margin: 5px 0 15px 0;
    color: #333;
    -webkit-appearance: none;
    border: 1px solid #ccc;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *padding: 15px 0
}

.textbox:focus {
    border: 1px solid #000;
    outline: none
}

.multiline {
    height: 243px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}

.button {
    float: right;
    display: block;
    margin-bottom: 30px;
    padding: 15px 0;
    color: #fff;
    text-align: center;
    background: #ccc
}

.button span {
    padding: 0 30px
}

table {
    overflow: hidden;
    width: 100%;
    text-align: left;
    margin-bottom: 40px
}

table thead,
table tbody,
table tr {
    overflow: hidden
}

table th,
table td {
    padding: 10px
}

table tr {
    border-bottom: 1px solid #f8f8f8
}

table th {
    background: #eee
}

table td {
    background: #fff
}

@media handheld,
only screen and (max-width: 620px) {
    table {
        font-size: 80%
    }
}

img,
object,
embed {
    max-width: 100%
}

img {
    height: auto;
    display: block
}

.first {
    margin-left: 0 !important
}

.last {
    margin-right: 0 !important
}

.last-pad {
    padding-right: 0 !important
}

.clear {
    clear: both;
    font-size: 0
}

.no-bottom-margin {
    margin-bottom: 0 !important
}

.no-top-margin {
    margin-top: 0 !important
}

.no-bottom-padding {
    padding-bottom: 0 !important
}

.no-top-padding {
    padding-top: 0 !important
}

.left,
.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol,
.twelvecol,
.main-navigation ul li,
.tab li,
.inner-content ul.box-list li,
.breadcrumb ul li,
.list-row .list-left,
.list-row .list-right,
.form .form-cell,
.news-title-box,
.news-search-box,
.category-search,
.category-dropdown-content ul li,
.text-search .textbox,
.text-search .button,
.full-news-box,
.image-wrap-full,
.text-wrap-full,
.small-news,
.blog-article,
.blog-article .image-wrap,
.blog-article .text-wrap,
.paging a,
.profile-header img,
.faq-open span .fa-minus-square,
.inner-content .ninecol ul.media-filter li,
.testimonial-left {
    float: left;
    display: inline-block
}

.right,
.text-search,
.faq-heading span .fa-plus-square,
.testimonial-right {
    float: right;
    display: inline-block
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.no-display,
.display-none {
    display: none
}

.relative {
    position: relative
}

figure {
    position: relative
}

figure img {
    width: 100%
}

hr {
    height: 1px;
    margin: 25px 0;
    background: #eee;
    border: none
}

.txtbox {
    background: #fff;
    border: 1px solid #e9e9e9;
    width: 175px;
    height: 17px;
    float: left;
    font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #999;
    padding: 8px 10px 8px 10px
}

header {
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #fff;
    position: relative
}

header .logo {
    float: left;
    margin: 10px 0
}

header .header-right {
    float: right;
    max-width: 70%
}

header .header-right #topnav {
    width: auto;
    height: 30px;
    padding: 10px 0 0 20px
}

header .header-right #topnav ul {
    padding: 0;
    margin: 0;
    line-height: 100%;
    list-style: none;
    overflow: hidden
}

header .header-right #topnav ul li {
    padding: 0;
    margin: 0 18px 0 0;
    _margin: 0 13px 0 0;
    float: left;
    font: normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #999;
    line-height: 140%
}

header .header-right #topnav ul li#call-back a:link,
header .header-right #topnav ul li#call-back a:visited {
    background: url(/images/call-back.jpg) no-repeat 0 0;
    display: inline-block;
    text-decoration: none;
    color: #999;
    padding: 0 0 0 20px
}

header .header-right #topnav ul li#call-back a:hover {
    text-decoration: underline
}

header .header-right #topnav ul li#report a:link,
header .header-right #topnav ul li#report a:visited {
    background: url(/images/report.jpg) no-repeat 0 0;
    display: inline-block;
    text-decoration: none;
    color: #999;
    padding: 0 0 0 24px
}

header .header-right #topnav ul li#report a:hover {
    text-decoration: underline
}

header .header-right #topnav ul li#emergency a:link,
header .header-right #topnav ul li#emergency a:visited {
    background: url(/images/emergency.jpg) no-repeat 0 0;
    display: inline-block;
    text-decoration: none;
    color: #999;
    padding: 0 0 0 26px
}

header .header-right #topnav ul li#emergency a:hover {
    text-decoration: underline
}

header .header-right #search-outer {
    width: 372px;
    padding: 37px 0 0 160px;
    overflow: hidden;
    float: right
}

header .header-right #search-area {
    float: left;
    width: 232px;
    overflow: hidden
}

header .header-right a#flax-foyer {
    margin: 0px 0 0 0;
    float: right;
    background: #672b81;
    text-align: center;
    font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 13px 0 10px 0;
    text-shadow: 0 -1px 0 #b42d8b;
    border-bottom: 3px #481c5b solid
}

header .header-right a#flax-foyer span {
    padding: 0 10px
}

header .header-right a:hover#flax-foyer {
    background: #000000;
    text-decoration: none
}

.mobile-navigation-trigger,
.mobile-navigation {
    display: none
}

header .header-right #topnav {
    border: 1px solid #e9e9e9;
    border-top: none;
    border-radius: 0 0 8px 8px;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    float: right;
    height: 35px;
    padding: 10px 0 0 20px;
    width: auto
}

#_ba__button img {
    max-width: 60px !important
}

#__ba_panel {
    width: 60px !important;
    height: 25px !important
}

@media handheld,
only screen and (max-width: 1023px) {
    #__ba_panel {
        display: none
    }
}

@media handheld,
only screen and (max-width: 800px) {
    header .header-right {
        max-width: 212px
    }
    header .header-right #search-outer {
        padding-left: 0;
        width: 145px;
        margin-right: 10px;
        float: right
    }
    header .header-right #search-outer a#flax-foyer {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-right: 40px
    }
    header .header-right #search-area {
        display: none
    }
    header {
        padding-top: 50px
    }
    header .header-right #topnav {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: block;
        width: 100%;
        background: none;
        border-bottom: 1px #eaeaea solid
    }
    header .header-right #topnav ul li {
        width: 30%;
        margin-right: 3%
    }
    header .header-right #topnav ul li a {
        font-size: 0.75em;
        line-height: 120%
    }
}

@media handheld,
only screen and (max-width: 700px) {
    header .header-right #search-outer {
        padding-top: 25px
    }
}

@media handheld,
only screen and (max-width: 620px) {
    header .header-right {
        max-width: 172px
    }
    header .header-right #search-outer {
        width: 105px
    }
    header .header-right #search-outer a#flax-foyer {
        margin-right: 0px
    }
}

.main-navigation {
    display: block;
    background: #00559e;
    padding: 0
}

.main-navigation ul {
    overflow: hidden
}

.main-navigation ul li {
    width: 13.5%;
    *width: 13%;
    font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0
}

.main-navigation ul li:hover {
    background: #672b81
}

.main-navigation ul li#home {
    background: url(/images/home.jpg) no-repeat center center;
    width: 5%
}

.main-navigation ul li#home:hover {
    background: #672b81 url(/images/home-hover.jpg) no-repeat center center
}

.main-navigation ul li a {
    padding: 0;
    margin: 0;
    padding: 21px 2px 13px 2px;
    display: block;
    text-align: center;
    color: #fff
}

.main-navigation ul li span {
    padding: 0;
    margin: 0;
    border-right: 1px solid #fff;
    display: block;
    height: 62px
}

.main-navigation ul li span.no-border {
    border: 0
}

#homepage #nav ul li#home a {
    background: #672b81 url(/images/home-hover.jpg) no-repeat center center
}

#info-tenants-page #info-tenants a {
    background: #006a6d;
    color: #c3c5d1;
    text-shadow: none
}

#housing-page #housing a {
    background: #006a6d;
    color: #c3c5d1;
    text-shadow: none
}

#contact-page #contact a {
    background: #006a6d;
    color: #c3c5d1;
    text-shadow: none
}

.hamburger {
    position: relative;
    margin: 40px 0px 0 0px;
    z-index: 1002;
    display: none;
    -moz-user-select: none;
    cursor: pointer;
    transform: translate3d(0px, 0px, 0px);
    transition: transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98) 0s
}

.hamburger.is-active .-top {
    background: #fff;
    transform: translateY(200%) rotate(45deg) !important
}

.hamburger.is-active .-mid {
    opacity: 0;
    background: #fff
}

.hamburger.is-active .-bottom {
    background: #fff;
    transform: translateY(-200%) rotate(135deg) !important
}

.hamburger-layer {
    width: 28px;
    height: 4px;
    display: block;
    margin-bottom: 4px;
    opacity: 1;
    background: #00559e;
    border-radius: 2px;
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98) 0s
}

.hamburger-navigation {
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    z-index: 1001;
    height: 100%;
    width: 100%;
    display: none;
    background: #00559e;
    transform: translate3d(0px, -100%, 0px);
    transition: transform 0.35s cubic-bezier(0.05, 1.04, 0.72, 0.98) 0s
}

.hamburger-navigation.is-active {
    display: block;
    transform: translate3d(0px, 0px, 0px)
}

.hamburger-navigation .wrapper {
    width: 100%;
    height: 100%;
    display: table
}

.hamburger-navigation .wrapper ul {
    width: 100%;
    display: table-cell;
    vertical-align: middle
}

.hamburger-navigation .wrapper ul li {
    list-style: none;
    margin-bottom: 1em;
    text-align: center
}

.hamburger-navigation .wrapper ul li a {
    color: #fff;
    font: normal 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    transform: translate3d(0px, -50%, 0px);
    transition: all 0.75s cubic-bezier(0.05, 1.04, 0.72, 0.98) 0s
}

@media handheld,
only screen and (max-width: 800px) {
    .logo {
        width: 45%
    }
    .main-navigation {
        display: none
    }
    .hamburger {
        display: block;
        float: right
    }
}

.hero {
    position: relative;
    overflow: hidden;
    display: block
}

.hero .slide {
    overflow: hidden;
    width: 100%;
    min-height: 350px;
    display: block
}

.hero .slide .slider-text {
    padding: 50px 0 0 0;
    max-width: 600px;
    float: left;
    color: #fff
}

.hero .slide .slider-text h1 a {
    color: #fff
}

.hero .slide .slider-text .button {
    float: left
}

.hero .slide .slider-text .button span {
    padding: 0 30px
}

.hero .pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999
}

.tabs {
    overflow: hidden;
    padding: 30px 0
}

.tab {
    overflow: hidden;
    width: 100%
}

.tab li {
    width: 22.75%;
    margin-right: 3%;
    text-align: center
}

.tab li a {
    display: block;
    padding: 15px 0;
    background: #ccc
}

.tab li a.selected {
    background: #fff
}

.tab-content {
    overflow: hidden;
    width: 100%;
    background: #fff;
    margin-top: 0;
    display: none
}

.tab-content .text-pad {
    padding: 19px
}

@media handheld,
only screen and (max-width: 620px) {
    .tabs {
        padding: 15px 0;
        font-size: 80%
    }
    .tab li a {
        min-height: 25px;
        font-size: 80%
    }
}

.owl-theme .owl-controls .owl-page {
    display: inline-block
}

.owl-theme .owl-controls .owl-page span {
    width: 12px;
    height: 12px;
    display: block;
    margin: 10px;
    opacity: 0.5;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    -ms-border-radius: 10em;
    -o-border-radius: 10em;
    border-radius: 10em;
    background: #ccc
}

.owl-theme .owl-controls .owl-page.active span {
    opacity: 1
}

.owl-theme .owl-controls .owl-page:hover span {
    opacity: 1
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    opacity: 1
}

.owl-carousel {
    position: relative;
    display: none;
    width: 100%;
    margin-bottom: 30px;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    position: relative;
    display: none
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden
}

.owl-carousel .owl-item {
    float: left
}

footer {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #00559e;
    padding: 15px 0 15px 0;
    margin: 0 auto 0 auto;
    overflow: hidden;
    font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 130%
}

footer #footer-lower-left {
    float: left
}

footer #footer-lower-left span a {
    color: #a6a9ba
}

footer #footer-lower-right {
    float: right
}

footer #footer-lower-right ul {
    padding: 0;
    margin: 0;
    line-height: 100%;
    list-style: none;
    text-align: right
}

footer #footer-lower-right ul li {
    padding: 0 0 0 15px;
    margin: 0;
    display: inline;
    line-height: 130%
}

footer #footer-lower-right ul li a:link,
footer #footer-lower-right ul li a:visited {
    text-decoration: none;
    color: #fff
}

footer #footer-lower-right ul li a:hover {
    text-decoration: underline
}

.footer-upper {
    background: #eaeaea;
    padding: 25px 0 21px 0
}

.footer-upper .padd {
    padding: 0 20px;
    overflow: hidden
}

.footer-upper .footer-upper-left {
    float: left;
    width: 43%;
    margin-right: 2%;
    overflow: hidden
}

.footer-upper ul {
    padding: 0 10px 0 0;
    margin: 0;
    line-height: 100%;
    list-style: none;
    float: left;
    width: 190px
}

.footer-upper ul li {
    padding: 0 0 0 10px;
    margin: 0 0 6px 0;
    font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #666;
    background: url(/images/bullet4.jpg) no-repeat 0 5px;
    line-height: 120%;
    height: 100%
}

.footer-upper ul li a:link,
.footer-upper ul li a:visited {
    text-decoration: none;
    color: #666;
    display: block
}

.footer-upper ul li a:hover {
    text-decoration: underline
}

.footer-upper .footer-upper-middle {
    float: left;
    width: 26%;
    margin-right: 2%
}

.footer-upper .footer-upper-right {
    float: right;
    width: 27%;
    overflow: hidden;
    padding: 16px 0 0 0;
    margin-right: 0
}

.footer-upper .footer-upper-right ul {
    padding: 58px 0 0 0;
    margin: 0;
    line-height: 100%;
    list-style: none;
    float: left;
    width: 147px;
    overflow: hidden
}

.last-pad { padding-right: 0 !important; padding: 0 !important; }

.footer-upper .footer-upper-right ul li {
    padding: 0 12px 0 0;
    margin: 0;
    float: left
}

.footer-upper .footer-logo {
    float: right;
    width: 121px
}

@media handheld,
only screen and (max-width: 700px) {
    .footer-upper .footer-upper-left {
        width: 49%;
        display: inline-block;
        float: left;
        margin-right: 2%
    }
    .footer-upper .footer-upper-middle {
        width: 49%;
        display: inline-block;
        float: left;
        margin-right: 0
    }
    .footer-upper .footer-upper-right {
        float: none;
        width: auto;
        display: block;
        clear: both
    }
    footer .padd {
        padding: 0 20px
    }
    footer #footer-lower-left {
        text-align: center
    }
    footer #footer-lower-right ul {
        margin-top: 20px;
        text-align: center
    }
    footer #footer-lower-right ul li {
        padding: 0 15px 0 0
    }
}

.promoboxes {
    margin-bottom: 30px
}

.promoboxes .third-box {
    width: 25%;
    float: left;
    display: inline-block;
    margin-top: 10px
}

.promoboxes .third-box h2 {
    background: #c3c5d1 none repeat scroll 0 0;
    color: #333;
    display: block;
    float: none;
    font: 18px/120% Georgia, "Times New Roman", Times, serif;
    height: 35px;
    padding: 15px 0 0 20px;
    margin-bottom: 1px
}

.promoboxes .third-box h2.border-right {
    border-right: 1px solid #fff
}

.promoboxes .third-box .content-middle-cell {
    display: block;
    border-right: 1px solid #fff
}

.promoboxes .third-box .content-middle-cell img {
    width: 100%
}

.promoboxes .third-box .content-bottom-cell {
    display: block;
    font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff
}

.promoboxes .third-box .content-bottom-cell a:link,
.promoboxes .third-box .content-bottom-cell a:visited {
    background: #a6a9ba url(/images/bullet.jpg) no-repeat 20px 15px;
    display: block;
    color: #333;
    height: 28px;
    padding: 11px 0 0 37px;
    transition: none
}

.promoboxes .third-box .content-bottom-cell a:hover {
    background: #c3c5d1 url(/images/bullet-hover.jpg) no-repeat 20px 15px
}

@media handheld,
only screen and (max-width: 900px) {
    .promoboxes .third-box {
        width: 50%
    }
}

@media handheld,
only screen and (max-width: 600px) {
    .promoboxes .third-box {
        width: 100%;
        float: none;
        clear: both
    }
}

.bodyarea {
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: block
}

#banner {
    width: 100%;
    height: 350px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.sliderwrapper {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 350px;
    max-width: 1234px
}

.sliderwrapper .contentdiv {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    filter: progid: DXImageTransform.Microsoft.alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    width: 100%;
    height: 350px;
    overflow: hidden;
    background: #c3c5d1;
    max-width: 1234px
}

.pagination {
    position: absolute;
    z-index: 999;
    bottom: 0;
    display: block;
    width: 100%;
    height: 35px;
    border-top: 1px solid #fff;
    background: #a6a9ba;
    text-align: center;
    padding: 15px 0 0 0;
    margin: 0 auto
}

.pagination a {
    background: url(/images/banner-nav.jpg) no-repeat 0 0;
    width: 10px;
    height: 21px;
    margin: 0 15px 0 0;
    display: inline-block
}

.pagination a:hover,
.pagination a.selected {
    background: url(/images/banner-nav-hover.jpg) no-repeat 0 0;
    width: 10px;
    height: 21px
}

.pagination a.prev,
.pagination a.prev:hover {
    background: url(/images/prev.jpg) no-repeat 0 0;
    width: 11px;
    height: 21px;
    display: inline-block
}

.pagination a.next,
.pagination a.next:hover {
    background: url(/images/next.jpg) no-repeat 0 0;
    width: 11px;
    height: 21px;
    display: inline-block;
    margin: 0
}

.banner-left {
    float: left;
    width: 45%;
    height: 315px;
    background: #c3c5d1;
    padding: 35px 0 0 0;
    margin: 0
}

.banner-left p {
    padding: 0 20px 30px 20px;
    margin: 0;
    font: normal 15px Georgia, "Times New Roman", Times, serif;
    color: #333;
    line-height: 160%
}

.banner-left h1 {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 100%
}

a.more {
    background: url(/images/find-more.jpg) no-repeat 0 0;
    width: 138px;
    height: 33px;
    display: block;
    font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    padding: 13px 0 0 0;
    text-shadow: 0 -1px 0 #b42d8b;
    margin-left: 20px
}

.banner-right {
    float: right;
    width: 54%;
    margin: 0;
    text-align: right
}

.banner-right img {
    border-left: 1px solid #fff;
    display: block;
    float: right
}

@media handheld,
only screen and (max-width: 700px) {
    .banner-right {
        display: none
    }
    .banner-left {
        float: none;
        width: 100%
    }
}

@media handheld,
only screen and (max-width: 1280px) {
    .hero .twelvecol {
        margin: 0;
        padding: 0
    }
}

#content-second {
    overflow: hidden;
    padding: 0 0 40px 0
}

.box-outer {
    display: block;
    margin: 0 0 12px 0;
    background: url(/images/border.jpg) repeat-x left bottom;
    padding: 0 0 3px 0
}

.box a:link,
.box a:visited {
    border: 1px solid #e3e3e3;
    display: block;
    height: 88px;
    font: normal 18px Georgia, "Times New Roman", Times, serif;
    color: #333;
    display: block;
    background: #fff url(/images/arrow.jpg) no-repeat 97% center;
    transition: none
}

.box a:hover {
    border: 1px solid #c3c5d1;
    display: block;
    height: 88px;
    background: #c3c5d1 url(/images/arrow-hover.jpg) no-repeat 97% center;
    text-decoration: none;
    transition: none
}

.box-pic {
    float: left;
    margin: 0 12px 0 0
}

.box span {
    padding: 33px 0 0 0;
    display: block
}

.content-second-cell2 {
    float: left;
    display: block;
    background: url(/images/border.jpg) repeat-x left bottom;
    padding: 0 0 3px 0
}

.box2 {
    border: 1px solid #e3e3e3;
    display: block
}

.box2-content {
    display: block;
    padding: 17px 9px 12px 9px;
    border-bottom: 1px solid #e3e3e3
}

.box2-content .gallery a {
    position: relative;
    display: inline-block
}

.box2-content .gallery a img {
    width: 100%
}

.no-margin,
#inner-bottom .box-outer.no-margin {
    margin: 0
}

.box2-content .gallery a img.play-btn {
    position: absolute;
    margin: -43% 0 0 38%;
    width: 66px
}

a.more2 {
    font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #00559e;
    text-decoration: none;
    background: url(/images/bullet3.jpg) no-repeat 18px 18px;
    display: block;
    padding: 15px 0 0 35px;
    height: 35px
}

a.more2:hover {
    text-decoration: underline
}

.box2-content gallery {
    position: relative
}

.box2-content p {
    padding: 0 0 15px 0;
    margin: 0;
    font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333;
    line-height: 140%
}

.box2-content p a:link,
.box2-content p a:visited {
    text-decoration: none;
    color: #00559e
}

.box2-content p a:hover {
    text-decoration: underline
}

.date-text {
    color: #d61e5c;
    font-size: 11px
}

@media handheld,
only screen and (max-width: 900px) {
    .box-pic {
        display: none
    }
    .box span {
        padding-left: 10px
    }
}

@media handheld,
only screen and (max-width: 700px) {
    .box-pic {
        display: inline-block
    }
    .box span {
        padding-left: 0px
    }
}

@media handheld,
only screen and (max-width: 500px) {
    .box-pic {
        display: none
    }
    .box span {
        padding-left: 10px
    }
}

#notice-board-outer {
    margin: 0 0 25px 0;
    padding: 0 0 3px 0
}

#notice-board-outer .padd {
    height: 58px;
    border: 1px solid #e3e3e3;
    overflow: hidden;
    display: block;
    margin: 0 auto
}

#notice-board-outer .padd h2 {
    float: left;
    width: 15%;
    height: 38px;
    text-align: center;
    background: #eaeaea;
    padding: 20px 0 0 0;
    font: normal 18px Georgia, "Times New Roman", Times, serif;
    color: #333;
    line-height: 120%
}

#notice-board-outer .notice-right {
    float: right;
    width: 83%;
    padding: 20px 2% 0 0
}

#notice-board-outer .notice-right div {
    padding: 0;
    margin: 0;
    line-height: 100%;
    list-style: none
}

#notice-board-outer .notice-right a {
    padding: 0 10px 0 16px;
    margin: 0;
    display: inline;
    font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333;
    background: url(/images/bullet2.jpg) no-repeat left center;
    text-decoration: none;
    color: #333
}

#notice-board-outer .notice-right a:hover {
    text-decoration: underline
}

@media handheld,
only screen and (max-width: 900px) {
    #notice-board-outer .notice-right {
        width: 68%
    }
    #notice-board-outer .padd h2 {
        width: 30%
    }
}

@media handheld,
only screen and (max-width: 500px) {
    #notice-board-outer .padd h2 {
        font-size: 12px;
        padding-top: 23px
    }
}

#inner-content {
    padding-bottom: 40px;
    overflow: hidden
}

.half-wdth {
    border: 1px solid #E3E3E3;
    padding: 20px 20px 0 20px;
    margin-right: 20px;
    display: block;
    margin-bottom: 15px;
    overflow: hidden
}

.half-wdth img {
    padding-bottom: 20px
}

img.float-left {
    float: left;
    padding-right: 20px;
    margin: 0
}

.inner-content {
    padding-top: 40px;
    padding-bottom: 40px
}

.inner-content .ninecol ul,
.inner-content .leftcol ul {
    padding: 0 0 25px 20px
}

.inner-content .ninecol ul li,
.inner-content .leftcol ul li {
    margin-bottom: 15px;
    background: url(/images/li.png) 0px 7px no-repeat;
    line-height: 1.5;
    padding: 0 0 0 15px
}

.inner-content ul.box-list {
    overflow: hidden
}

.inner-content ul.box-list li {
    width: 30%;
    margin-right: 5%;
    margin-bottom: 5%;
    padding: 0;
    background: none
}

.inner-content ul.box-list li a {
    padding: 10px;
    display: block;
    background: #fff
}

.inner-content ul.box-list li a img {
    margin-bottom: 15px
}

.breadcrumb {
    overflow: hidden;
    display: block
}

.breadcrumb ul li {
    margin-right: 10px;
    list-style: none;
    font-size: 0.813em
}

#bread {
    padding: 12px 12px 12px 12px;
    margin: 0;
    line-height: 100%;
    list-style: none;
    overflow: hidden;
    height: 100%
}

#bread li {
    padding: 0 12px 0 0;
    margin: 0 8px 0 0;
    font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333;
    background: url(/images/bullet5.jpg) no-repeat right 7px;
    float: left
}

#bread li a:link,
#bread li a:visited {
    text-decoration: none;
    font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #00559e
}

#bread li a:hover {
    text-decoration: underline
}

#bread li.last-nav {
    background: none
}

@media handheld,
only screen and (max-width: 620px) {
    #bread {
        padding: 12px 0px 12px 0px
    }
}

.image-right {
    position: relative;
    width: 100%;
    max-width: 300px;
    float: right;
    margin: 0 0 15px 20px
}

.image-left {
    position: relative;
    width: 100%;
    max-width: 300px;
    float: left;
    margin: 0 20px 15px 0
}

ul.side-nav {
    padding: 0 0 25px 0;
    border-top: 1px solid #eee
}

ul.side-nav .active {
    background: #fff
}

ul.side-nav li {
    display: block
}

ul.side-nav li a {
    display: block;
    padding: 10px 0 10px 20px;
    border-bottom: 1px solid #eee
}

ul.side-nav li ul li a {
    padding: 10px 0 10px 40px
}

@media handheld,
only screen and (max-width: 1140px) {
    ul.side-nav li a {
        padding: 15px 0 15px 10px
    }
}

@media handheld,
only screen and (max-width: 620px) {
    .inner-content {
        padding: 20px 0
    }
    .inner-content ul.box-list {
        overflow: hidden
    }
    .inner-content ul.box-list li {
        width: auto;
        margin-right: 0;
        float: none;
        display: block
    }
    .breadcrumb {
        float: none;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 00px;
        padding-left: 0;
        padding-right: 0
    }
}

@media handheld,
only screen and (max-width: 530px) {
    .image-right,
    .image-left {
        float: none;
        margin: 0 0 15px 0;
        width: 100%;
        max-width: none
    }
}

.sitemap {
    float: left;
    font-size: 12px;
    margin: 0 0 40px;
    padding: 20px 0 0;
    width: 100%
}

.sitemap ol,
.sitemap ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#primaryNav #home {
    background: url("sitemap/L1-left.png") no-repeat scroll center bottom #fff;
    display: block;
    float: none;
    padding: 0 0 30px;
    position: relative;
    z-index: 2
}

#primaryNav li {
    background: url("sitemap/L1-center.png") no-repeat scroll center top transparent;
    float: left;
    margin-top: -5px;
    padding: 30px 0 10px
}

#primaryNav li.clear {
    clear: both
}

#primaryNav li a {
    background: url("sitemap/white-highlight.png") repeat-x scroll left top #00559e;
    border: 2px solid #00559e;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    font-weight: normal;
    margin: 0 20px 0 0;
    padding: 10px 0;
    text-align: center;
    text-decoration: none
}

#primaryNav li a:hover {
    background-color: #a6a9ba;
    border-color: #a6a9ba
}

#primaryNav li:last-child {
    background: url("sitemap/L1-right.png") no-repeat scroll center top transparent
}

#primaryNav li a:link:before,
#primaryNav li a:visited:before {
    color: #78A9C0
}

#primaryNav li li {
    background: url("sitemap/vertical-line.png") repeat-y scroll center bottom transparent;
    clear: left;
    margin-top: 0;
    padding: 10px 0 0;
    width: 100%
}

#primaryNav li li a {
    background-color: #EDEDED;
    border-color: #EDEDED;
    color: #666666;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    text-decoration: none
}

#primaryNav li li a:hover {
    background-color: #eaeaea;
    border-color: #eaeaea
}

#primaryNav li li:first-child {
    padding-top: 10px
}

#primaryNav li li:last-child {
    background: url("sitemap/vertical-line.png") repeat-y scroll center bottom transparent
}

#primaryNav li li a:link:before,
#primaryNav li li a:visited:before {
    color: #8FAF5C
}

#primaryNav li li ul {
    background: url("sitemap/L3-ul-top.png") no-repeat scroll center top #fff;
    float: right;
    margin: 10px 0 0;
    padding: 9px 0 10px;
    width: 100%
}

#primaryNav li li li {
    background: url("sitemap/L3-center.png") no-repeat scroll left center transparent;
    padding: 5px 0
}

#primaryNav li li li a {
    background-color: #FFF7AA;
    border-color: #E3CA4B;
    float: right;
    font-size: 12px;
    padding: 5px 0;
    width: 80%
}

#primaryNav li li li a:hover {
    background-color: #FFFCE5;
    border-color: #D1B62C
}

#primaryNav li li li:first-child {
    background: url("sitemap/L3-li-top.png") no-repeat scroll left center transparent;
    padding: 15px 0 5px
}

#primaryNav li li li:last-child {
    background: url("sitemap/L3-bottom.png") no-repeat scroll left center transparent
}

#primaryNav li li li a:link:before,
#primaryNav li li li a:visited:before {
    color: #CCAE14;
    font-size: 9px
}

#utilityNav {
    float: right;
    width: 100%
}

#utilityNav li {
    float: left;
    margin-bottom: 10px
}

#utilityNav li a {
    background: url("sitemap/white-highlight.png") repeat-x scroll left top #d3d3d3;
    border: 2px solid #D3D3D3;
    border-radius: 5px 5px 5px 5px;
    color: #251E52;
    display: block;
    font-size: 11px;
    font-weight: normal;
    margin: 0 10px 0 0;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none
}

#utilityNav li a:hover {
    background-color: #E3E3E3;
    border-color: #E3E3E3
}

#utilityNav li a:link:before,
#utilityNav li a:visited:before {
    color: #CCAE14;
    font-size: 9px;
    margin-bottom: 3px
}

.submitquestiontable {
    background: url("/images/border.jpg") repeat-x scroll left bottom #eaeaea;
    padding: 25px 25px 12px 25px;
    width: 705px;
    margin-bottom: 20px
}

.submitquestiontable td {
    padding-bottom: 10px;
    padding-right: 10px
}

.search-results {
    background: url("/images/border.jpg") repeat-x scroll left bottom #eaeaea;
    padding: 12px 15px 12px 15px;
    display: block;
    font-size: 15px
}

.search-results input {
    height: 31px
}

.search-results .button {
    padding: 5px 0;
    margin-bottom: 0;
    background: #00559e
}

.search-results .button:hover {
    background: #000;
    color: #fff
}

.search-results table {
    width: auto;
    display: block
}

.search-results td,
.search-results tr {
    background-color: #eaeaea;
    border: 0
}

@media handheld,
only screen and (max-width: 480px) {
    .search-results input {
        display: block;
        float: none;
        width: auto
    }
    .search-results .button {
        display: block;
        float: none;
        width: auto
    }
}

.category-row {
    overflow: hidden
}

.category-row .threecol,
.category-row .fourcol {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px
}

.category-row .threecol img,
.category-row .fourcol img {
    width: 100%
}

.category-row .threecol h4,
.category-row .fourcol h4 {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
    text-align: center;
    line-height: 1.2
}

.list-content {
    overflow: hidden;
    display: block;
    margin-bottom: 25px
}

.list-row {
    overflow: hidden;
    display: block;
    width: auto;
    padding: 15px;
    background: #eee
}

.list-row i {
    margin-right: 10px
}

.list-row .list-left {
    min-width: 70%
}

.list-row .list-right {
    width: 30%
}

.image-gallery-wrap {
    position: relative;
    width: 22.75%;
    float: left;
    margin: 0 3% 25px 0
}

.image-gallery-wrap img {
    width: 100%;
    margin: 0;
    padding: 0
}

.image-gallery-wrap a {
    position: relative;
    display: block
}

.gallery-content {
    padding: 0;
    min-height: 70px;
    text-align: center;
    font-size: 0.813em;
    background: #eee
}

.gallery-content .text-pad {
    padding: 12px 15px
}

.overlay {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 15px;
    display: block;
    background: rgba(0, 0, 0, 0.5)
}

.video-gallery-wrap {
    position: relative;
    width: 31%;
    float: left;
    margin: 0 3.5% 25px 0;
    *margin-right: 3.4%
}

.video-gallery-wrap img {
    width: 100%;
    margin: 0;
    padding: 0
}

.video-gallery-wrap a {
    position: relative;
    display: block
}

.video-content {
    padding: 0;
    min-height: 70px;
    text-align: center;
    font-size: 0.813em;
    background: #eee
}

.video-content .text-pad {
    padding: 12px 15px
}

.form {
    width: 100%
}

.form .form-cell {
    width: 48%;
    margin-right: 4%;
    *margin-right: 3.5%
}

.form .form-info {
    width: 100%;
    padding: 10px 0 0 0;
    font-size: 0.813em
}

ul.side-row {
    padding: 0 0 25px 0
}

ul.side-row li {
    padding: 15px 0 15px 0;
    background: #eee
}

ul.side-row li a {
    padding: 0 10px;
    display: block
}

ul.side-row li a i {
    margin-right: 10px
}

.side-gallery-wrap {
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%
}

.side-gallery-content {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 0;
    display: block
}

@media handheld,
only screen and (max-width: 768px) {
    .image-gallery-wrap,
    .video-gallery-wrap,
    .image-gallery-wrap.last,
    .video-gallery-wrap.last {
        width: 46%;
        margin: 0 2% 4% 2% !important
    }
}

@media handheld,
only screen and (max-width: 620px) {
    .delete-620 {
        display: none
    }
    .side-gallery-wrap .overlay,
    .video-gallery-wrap .overlay,
    .image-gallery-wrap .overlay {
        padding: 10px
    }
    .form .form-cell {
        width: auto;
        display: block;
        float: none;
        margin-right: 0
    }
    .gallery-content,
    .video-content {
        display: none
    }
    .video-content {
        font-size: 0.750em;
        background: none
    }
    .video-content .text-pad {
        padding: 5px 0 0 0
    }
    .list-row {
        font-size: 0.8em
    }
    .list-row i {
        margin-right: 10px
    }
    .list-row .list-left {
        width: 85%
    }
    .list-row .list-right {
        width: 15%
    }
    .list-row .list-right span {
        display: none
    }
}

@media handheld,
only screen and (max-width: 450px) {
    .video-gallery-wrap,
    .video-gallery-wrap.last {
        width: auto;
        margin: 0 2% 4% 2% !important
    }
}

.rightbox {
    max-width: 380px;
    padding: 0 0 25px 0;
    width: 100%
}

.rightbox img {
    width: 100%
}

.rightbox p {
    padding: 0;
    margin: 0;
    font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333;
    line-height: 120%;
    border-top: 1px solid #fff;
    transition: none
}

.rightbox p a:link,
.rightbox p a:visited {
    text-decoration: none;
    background: #a6a9ba url(/images/bullet.jpg) no-repeat 20px 15px;
    display: block;
    color: #333;
    height: 28px;
    padding: 11px 0 0 37px;
    transition: none
}

.rightbox p a:hover {
    background: #c3c5d1 url(/images/bullet-hover.jpg) no-repeat 20px 15px
}

.leftcol-row {
    width: 100%;
    padding: 0 0 25px 0;
    overflow: hidden;
    display: block
}

.leftcol-row p {
    color: #333333;
    font: 15px/140% Georgia, "Times New Roman", Times, serif;
    margin: 0;
    padding: 0
}

.leftcol-row-header {
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0;
    overflow: hidden;
    display: block;
    background: #c3c5d1
}

.leftcol-row-header .normal .padd {
    padding: 30px
}

.leftcol-row-header .normal .padd p {
    padding: 0;
    margin: 0;
    font: normal 15px Georgia, "Times New Roman", Times, serif;
    color: #333;
    line-height: 140%
}

.leftcol-heading-left {
    float: left;
    width: 65%;
    background: #c3c5d1;
    padding: 0
}

.leftcol-heading-left .padd {
    padding: 30px
}

.leftcol-heading-left p {
    padding: 0;
    margin: 0;
    font: normal 15px Georgia, "Times New Roman", Times, serif;
    color: #333;
    line-height: 140%
}

.leftcol-heading-right {
    float: left;
    width: 35%;
    overflow: hidden;
    text-align: right
}

.leftcol-heading-right img {
    float: right;
    border-left: 1px solid #fff
}

.small-banner {
    float: left;
    width: 33.3333%;
    padding-bottom: 15px
}

.small-banner .padd {
    border-right: 1px solid #fff
}

.small-banner img {
    width: 100%
}

.inner-content .small-banner h2 {
    padding: 0;
    margin-bottom: 1px
}

.small-banner h2 a:link,
.small-banner h2 a:visited {
    font: normal 18px Georgia, "Times New Roman", Times, serif;
    color: #333;
    line-height: 120%;
    padding: 15px 0 0 20px;
    height: 57px;
    text-decoration: none;
    background: #c3c5d1;
    display: block;
    border-bottom: 1px solid #fff
}

.small-banner h2 a:hover {
    background: #00559e;
    color: #fff
}

@media handheld,
only screen and (max-width: 980px) {
    .small-banner {
        width: 50%
    }
}

@media handheld,
only screen and (max-width: 700px) {
    .small-banner {
        width: 33.33333%
    }
}

@media handheld,
only screen and (max-width: 600px) {
    .small-banner {
        width: 50%
    }
}

@media handheld,
only screen and (max-width: 500px) {
    .small-banner {
        width: 100%;
        float: none;
        display: block
    }
}

.inner-content h2 {
    padding: 10px 20px;
    margin: 0 0 25px 0;
    font: normal 24px Georgia, "Times New Roman", Times, serif;
    color: #333;
    line-height: 120%;
    background: #c3c5d1
}

.inner-content .box3 h2 {
    padding: 0 0 15px 0;
    margin: 0;
    font: normal 18px Georgia, "Times New Roman", Times, serif;
    color: #333;
    line-height: 120%;
    background: none
}

h3 {
    padding: 0 0 20px 0;
    margin: 0;
    font: normal 15px Georgia, "Times New Roman", Times, serif;
    color: #333;
    line-height: 120%
}

.inner-content h3 {
    padding: 0 0 15px 0;
    margin: 0;
    font: normal 18px Georgia, "Times New Roman", Times, serif;
    color: #333;
    line-height: 120%
}

.rightnav h3 {
    padding: 13px 0 0 15px;
    margin: 0;
    font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 120%;
    text-shadow: 1px -1px 1px #555;
    height: 32px;
    background: #00559e
}

h3 {
    font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif
}

.inner-content h4 {
    padding: 0 0 15px 0;
    margin: 0;
    font: normal 15px Georgia, "Times New Roman", Times, serif;
    color: #333;
    line-height: 120%;
    background: none;
    text-shadow: none
}

.rightnav ul li {
    padding: 0;
    margin: 0;
    font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333;
    border-bottom: 1px solid #e3e3e3
}

.rightnav ul li a:link,
.rightnav ul li a:visited {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 10px 0 10px 24px;
    background: url(/images/bullet5.png) no-repeat 15px 14px
}

.rightnav ul li a:hover {
    background: #c3c5d1 url(/images/bullet5.png) no-repeat 15px 14px
}

.rightnav ul li.current a {
    background: #c3c5d1 url(/images/bullet5.png) no-repeat 15px 14px
}

.accordsuffix {
    float: right;
    margin: 5px
}

#contact-form {
    display: block;
    padding: 12px 25px;
    margin: 0 0 40px 0;
    background: url(/images/border.jpg) repeat-x left bottom #eaeaea
}

.contact-row {
    display: block;
    padding: 0 0 12px 0;
    overflow: hidden
}

.contact-left {
    float: left;
    width: 40%;
    padding: 9px 0px 0 0px;
    font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333
}

.contact-right {
    float: left;
    width: 60%
}

.contact-right span {
    font: italic 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #999;
    line-height: 200%;
    padding: 0;
    text-align: left
}

.txtbox2 {
    background: #fff;
    width: 305px;
    height: 20px;
    font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333;
    border: none;
    padding: 9px 10px 7px 10px
}

.txtbox3 {
    background: #fff;
    width: 140px;
    height: 20px;
    font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333;
    border: none;
    padding: 9px 10px 7px 10px
}

.txtarea {
    background: #fff;
    width: 305px;
    height: 180px;
    font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333;
    border: none;
    padding: 10px;
    overflow: auto
}

.check-box {
    margin: 9px 0 0 0
}

.news-title-box {
    width: 20%;
    margin: 0 5% 30px 0
}

.news-search-box {
    overflow: hidden;
    width: 75%;
    margin: 0 0 30px 0
}

.search-box {
    float: right;
    padding: 10px 20px;
    background: #fff
}

.category-search {
    margin: 13px 20px 0 0;
    font-size: 0.875em
}

.category-search i {
    display: inline;
    margin-left: 5px
}

.category-dropdown-content {
    overflow: hidden;
    padding: 30px 0;
    margin-bottom: 10px;
    background: #eee
}

.category-dropdown-content ul li {
    width: 22%;
    padding: 0 0 0 20px;
    background: none
}

.text-search {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.text-search .textbox {
    width: 240px;
    height: 50px;
    padding: 10px;
    margin: 0;
    color: #333;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 0
}

.text-search .button {
    width: 109px;
    height: 36px;
    margin: 0;
    padding: 14px 0 0 0;
    text-align: center;
    font-size: 0.938em
}

.full-news-box {
    position: relative;
    width: 100%;
    margin-bottom: 45px;
    background: #fff
}

.image-wrap-full {
    position: relative;
    overflow: hidden;
    width: 30%
}

.image-wrap-full img {
    width: 100%;
    height: auto
}

.text-wrap-full {
    width: 70%
}

.text-wrap-full h2 {
    margin: 0 0 10px 0;
    text-align: left;
    background: none;
    text-transform: none
}

.text-wrap-full .text-wrap-pad {
    padding: 18px 20px;
    display: block
}

.text-wrap-full .text-wrap-pad p {
    margin-bottom: 0;
    font-size: 0.938em
}

span.date {
    margin-bottom: 5px;
    display: block
}

.small-news {
    overflow: hidden;
    position: relative;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 30px;
    background: #fff
}

.small-news .image-wrap {
    position: relative;
    overflow: hidden;
    display: block;
    max-height: 227px
}

.small-news .image-wrap img {
    width: 100%
}

.small-news .text-wrap {
    padding: 0;
    height: 220px
}

.small-news .text-wrap .text-wrap-pad {
    padding: 18px 20px;
    display: block
}

.small-news .text-wrap h2 {
    margin: 0 0 10px 0;
    word-wrap: hyphenate;
    word-break: break-word
}

.small-news .text-wrap p {
    margin-bottom: 0;
    font-size: 0.813em;
    line-height: 1.5em
}

.blog-article {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 45px;
    padding-bottom: 45px;
    border-bottom: 1px solid #ccc
}

.blog-article .image-wrap {
    position: relative;
    overflow: hidden;
    width: 30%
}

.blog-article .image-wrap img {
    width: 100%;
    height: auto
}

.blog-article .text-wrap {
    width: 70%
}

.blog-article .text-wrap h2 {
    margin: 0 0 10px 0;
    text-align: left;
    background: none;
    text-transform: none
}

.blog-article .text-wrap hr {
    margin: 10px 0
}

.blog-article .text-wrap .text-pad {
    padding: 0px 20px 0px 20px;
    display: block
}

.blog-article .text-wrap .text-pad p {
    margin-bottom: 15px
}

.blog-article span.date {
    margin-bottom: 5px;
    display: block
}

.blog-article .tags {
    display: block;
    font-size: 0.8em
}

.blog-article .comments {
    display: block;
    font-size: 0.8em
}

.category-box {
    padding: 20px;
    display: block;
    width: auto;
    background: #fff
}

.category-box ul li {
    list-style: none;
    display: block;
    margin-bottom: 15px;
    font-size: 0.938em
}

.paging {
    margin: 0 0 30px 0
}

.paging a {
    padding: 5px 10px;
    margin: 0 10px 0 0;
    font-size: 0.938em;
    background: #fff
}

.paging a.active {
    color: #fff;
    background: #ccc
}

.paging a:hover {
    background: #ccc
}

@media handheld,
only screen and (max-width: 900px) {
    .text-wrap-full .text-wrap-pad p,
    .small-news .text-wrap p {
        display: none
    }
}

@media handheld,
only screen and (max-width: 775px) {
    .text-search .textbox {
        width: 180px
    }
    .category-search {
        text-indent: -9999px;
        width: 0;
        float: left;
        margin: 12px 10px 0 0
    }
}

@media handheld,
only screen and (max-width: 620px) {
    .search-box {
        float: left;
        padding: 10px
    }
    .full-news-box,
    .small-news {
        width: 100%;
        float: none;
        margin-bottom: 10px;
        display: block
    }
    .image-wrap-full,
    .small-news .image-wrap {
        position: relative;
        overflow: hidden;
        width: 35%;
        float: left;
        display: inline-block;
        max-height: none
    }
    .image-wrap-full img {
        width: 100%;
        height: auto
    }
    .text-wrap-full,
    .small-news .text-wrap {
        width: 65%;
        height: auto;
        float: left;
        display: inline-block;
        padding: 0
    }
    .text-wrap-pad {
        padding: 15px;
        display: block
    }
    .small-news .text-wrap p,
    .text-wrap-full p {
        display: none
    }
    .small-news .text-wrap h2,
    .text-wrap-full h2 {
        font-size: 1em;
        margin-bottom: 0
    }
    .small-news .text-wrap .date,
    .text-wrap-full .date {
        font-size: 0.8em
    }
    .small-news .text-wrap p {
        font-size: 0.938em
    }
    .paging a {
        padding: 2px 7px;
        font-size: 1em;
        margin-right: 5px
    }
    .category-dropdown-content {
        float: none;
        margin-left: 20px;
        margin-right: 20px;
        padding-left: 0;
        padding-right: 0
    }
    .blog-article {
        margin-bottom: 30px;
        padding-bottom: 30px
    }
    .blog-article .image-wrap {
        width: auto;
        float: none;
        display: block
    }
    .blog-article .image-wrap img {
        width: 50%;
        margin: 0 auto 25px auto
    }
    .blog-article .text-wrap {
        width: auto;
        float: none;
        display: block
    }
    .blog-article .text-wrap .text-pad {
        padding: 0
    }
}

@media handheld,
only screen and (max-width: 480px) {
    .category-search {
        display: none
    }
    .text-wrap-pad {
        padding: 10px 15px;
        display: block
    }
    .small-news .text-wrap h2,
    .text-wrap-full h2 {
        font-size: 0.8em;
        margin-bottom: 0
    }
    .small-news .text-wrap .date,
    .text-wrap-full .date {
        font-size: 0.7em;
        margin-bottom: 2px
    }
    .text-search .textbox {
        width: 150px
    }
}

.profile {
    position: relative;
    margin-bottom: 25px;
    background: #fff
}

.profile .text-pad {
    overflow: hidden;
    padding: 25px 25px 45px 25px
}

.profile-header {
    overflow: hidden;
    display: block;
    clear: both;
    margin: 0 0 25px 0
}

.profile-header img {
    max-width: 100px;
    margin: 0 15px 0 0
}

.profile-header small {
    display: block
}

.profile-email {
    position: absolute;
    bottom: 25px;
    right: 70px
}

.profile-linkedin {
    position: absolute;
    bottom: 25px;
    right: 25px
}

.red {
    color: red
}

.radio-button {
    margin: 0 10px
}

.option-wrap {
    margin-right: 15px;
    display: inline-block;
    font-size: 0.9em
}

.side-contact aside {
    display: block;
    margin-bottom: 20px;
    line-height: 1.2em
}

@media handheld,
only screen and (max-width: 775px) {
    .side-contact {
        font-size: 80%
    }
}

.review-outer {
    width: 100%;
    background: #eee
}

.review {
    padding: 20px
}

.review-user {
    padding: 15px 20px;
    font-style: italic
}

.faq-heading {
    background: #eee;
    cursor: pointer
}

.faq-heading span {
    display: block;
    padding: 10px 15px
}

.faq-heading span .fa-plus-square {
    margin-left: 10px;
    line-height: 1
}

.faq-heading span .fa-minus-square {
    display: none
}

.faq-open {
    background: #eee;
    cursor: pointer
}

.faq-open span {
    display: block;
    padding: 10px 15px 10px 15px
}

.faq-open span .fa-plus-square {
    display: none
}

.faq-open span .fa-minus-square {
    margin-left: 10px;
    line-height: 1
}

.faq-content {
    padding: 0 10px 20px 10px
}

.submit-question {
    height: auto;
    padding: 0 0 30px 0;
    width: 100%
}

@media handheld,
only screen and (max-width: 900px) {
    .faq-heading {
        font-size: 90%
    }
}

ul.media-sub-category li a {
    overflow: hidden;
    padding: 5px 10px 5px 30px;
    display: block;
    border-bottom: 1px solid #eee
}

.inner-content .ninecol ul.media-filter {
    overflow: hidden
}

.inner-content .ninecol ul.media-filter li {
    width: 25%;
    margin: 0;
    padding: 0;
    background: none
}

.inner-content .ninecol ul.media-filter li a {
    padding: 10px;
    background: #eee;
    display: block;
    margin-right: 1px
}

@media handheld,
only screen and (max-width: 460px) {
    .inner-content .ninecol ul.media-filter li a {
        font-size: 80%
    }
}

.testimonial {
    margin-bottom: 30px
}

.testimonial .text-pad {
    overflow: hidden;
    padding: 32px;
    background: #fff
}

.testimonial-left {
    width: 17%
}

.testimonial-left img {
    border: 1px solid #ccc
}

.testimonial-right {
    position: relative;
    width: 79%
}

.testimonial-right i {
    position: absolute;
    right: 0;
    top: 0
}

.testimonial h4 {
    font-size: 1.688em
}

.testimonial h4 small {
    display: block;
    margin-top: 2px;
    font-size: 65%
}

.video-testimonial-wrap {
    position: relative;
    margin-bottom: 50px
}

.video-testimonial-wrap img {
    width: 100%;
    margin: 0;
    padding: 0
}

.video-testimonial-content {
    text-align: center;
    background: #fff
}

.video-testimonial-content-wrap {
    padding: 15px
}

.video-testimonial-content-wrap h4 {
    font-size: 1.313em
}

.video-testimonial-content-wrap h4 small {
    display: block;
    margin-top: 2px;
    font-size: 65%
}

.video-testimonial-wrap a {
    overflow: hidden;
    position: relative;
    display: block
}

.video-testimonial-pad {
    overflow: hidden;
    padding: 10px;
    background: #fff
}

@media handheld,
only screen and (max-width: 620px) {
    .testimonial-text {
        font-size: 95%
    }
    .testimonial .text-pad {
        padding: 15px
    }
    .profile .text-pad {
        padding: 25px 0 45px 0
    }
}

@media handheld,
only screen and (max-width: 530px) {
    .testimonial-left {
        width: auto;
        float: none;
        display: block;
        margin-bottom: 20px
    }
    .testimonial-right {
        width: auto;
        float: none;
        display: block
    }
}

@media print {
    .top-nav-row,
    .main-nav,
    .list-content,
    .form,
    .side-nav,
    .side-row,
    .side-gallery-image-wrap,
    .side-gallery-content,
    .image-gallery-wrap,
    .video-gallery-wrap,
    .dont-print,
    footer,
    .breadcrumb,
    .search-box,
    .paging,
    .comment-container,
    .video-testimonial-wrap,
    .header-right {
        display: none
    }
    .row .onecol,
    .row .twocol,
    .row .threecol,
    .row .fourcol,
    .row .fivecol,
    .row .sixcol,
    .row .sevencol,
    .row .eightcol,
    .row .ninecol,
    .row .tencol,
    .row .elevencol,
    .row .twelvecol,
    .slider-text,
    .news-title-box,
    .news-search-box {
        width: auto;
        float: none;
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px;
        padding-right: 20px
    }
    html,
    body {
        font: normal 100% Arial, Helvetica, sans-serif;
        color: #333;
        background: #fff;
        line-height: 1.5em
    }
    .break-page {
        page-break-after: always
    }
    .logo {
        width: 25%
    }
}