﻿/*************************************************************************/
/*                                GENERAL                                */
/*************************************************************************/

html { background: #424242 url(../images/bg-dots-dark-gray.png); height: 100%; font-family: "Myriad", "Myriad Pro", Arial, Sans-Serif;}

html, body { padding: 0px; margin: 0px;}

a:link { color: #c82413;}
a:visited { color: #c82413;}
a:hover { color: #c82413;}
a:active { color: #c82413;}

a img { border: 0px !important;}

.image-replaced-text { text-indent: -9999px;}

h1 { font-size: 42px; text-shadow: 1px 1px 0px #fff, 3px 5px 0px #d9d9d9; margin-bottom: 20px !important;}
h1 em { color: #c82413; font-style: normal; }
h2 { text-shadow: 1px 1px 0px #fff, 2px 3px 0px #d9d9d9;}
.subheadline {font-size: 28px; padding: 0 0 8px 0; margin: 0px; padding-top: 10px; text-shadow: 1px 1px 0px #fff, 2px 3px 0px #d9d9d9;text-align:center;}
.innerHeader { font-weight: normal; }


/* LAYOUT */

.wrapper-outer { width: 1024px; margin: auto;}
.wrapper-inner { }

/* LISTS */

.link-list-ul,
.link-list-inline-ul { padding: 0px; margin: 0px;}

.link-list-ul li,
.link-list-inline-ul li { display: block; float: left; padding: 0px; margin: 0px; padding-right: 10px; border-right: 1px solid black; margin-right: 10px;}

.link-list-ul li.last,
.link-list-inline-ul li.last { border-right: 0px !important; padding-right: 0px !important; margin-right: 0px !important;}

.link-list-inline-ul li { display: inline; float: none;}

.plain-list-ul {padding: 0px; margin: 0px; list-style: none;}
.plain-list-ul li {padding: 0px; margin: 0px;}

/* COLUMNS */

.col-left { width: 502px; float: left;}
.col-right { width: 502px; float: right;}

.col-left-fluid { width: 49%; float: left;}
.col-right-fluid { width: 49%; float: right;}

.col-1-of-3 { width: 328px; float: left;}
.col-2-of-3 { width: 328px; float: left; margin-left: 20px;}
.col-3-of-3 { width: 328px; float: right;}

.with-col-dividers .col-1-of-3 { width: 314.6666666666667px; float: left;}
.with-col-dividers .col-2-of-3 { width: 314.6666666666667px; float: left; margin-left: 20px; padding-left: 20px; border-left: 1px solid #cccccc;}
.with-col-dividers .col-3-of-3 { width: 314.6666666666667px; float: right; padding-left: 20px; border-left: 1px solid #cccccc;}

.col-1-of-4 { width: 248.5px; float: left;}
.col-2-of-4 { width: 248.5px; float: left; margin-left: 10px;}
.col-3-of-4 { width: 248.5px; float: left; margin-left: 10px;}
.col-4-of-4 { width: 248.5px; float: right;}

.col-1-of-5 { width: 196.8px; float: left;}
.col-2-of-5 { width: 196.8px; float: left; margin-left: 10px;}
.col-3-of-5 { width: 196.8px; float: left; margin-left: 10px;}
.col-4-of-5 { width: 196.8px; float: left; margin-left: 10px;}
.col-5-of-5 { width: 196.8px; float: right;}

/* FEATURE LISTS */
        
.feature { padding-bottom: 40px; }
.feature .header { padding-bottom: 20px; }
.feature .header .icon { float: left; text-align: center;}
.feature .header .title { float: right; margin: 0px; font-weight: normal; font-size: 22px;  text-shadow: 1px 1px 0px #fff, 2px 3px 0px #d9d9d9;}
.feature .header .image-replaced-text { background-position: 0px 50%; background-repeat: no-repeat;}
.feature .feature-bullets ul { margin: 0px; padding: 0px; list-style: none; }
.feature .feature-bullets li { background-repeat: no-repeat; padding-left: 30px; padding-bottom: 5px;}

.features .feature .icon { }
.features .feature .title { width: 400px; height: 70px; }
.features .feature .description {width: 400px; float: right;  }

.description { padding: 0px; margin: 0px; }

.row { }

/* FORMS */

.form { display: block; width: 514px; margin-bottom: 15px; background: transparent url(../images/bg-dots-medium-gray.png) repeat; padding: 15px; }
.form label { float: left; width: 123px; font-weight: 700; color: #676767; font-size: 16px; clear: left; display: block; }
.form div.label-field-pair,
.form div.label-field-stack,
.form div.label-checkbox-pair { clear: both; float: none; zoom: 1; }

.form div.label-field-pair input,
.form div.label-field-pair .radio-button-list { width: 385px; float: left; clear: right; margin-bottom: 4px; }
.form div.label-field-pair .radio-button-list table { width: 100% }
.form div.label-field-pair .radio-button-list label,
.form div.label-field-pair .radio-button-list input { width: auto; float: left; clear: none; margin-right: 5px; font-weight: 400; }

.form div.label-field-stack label { width: 513px; margin-top: 10px; }
.form div.label-field-stack select { width: 243px; float: left; clear: right; margin-top: 10px; margin-bottom: 4px; }
.form div.label-field-stack input,
.form div.label-field-stack textarea { width: 513px; clear: right; margin-top: 10px; }
.form div.label-field-stack .radio-button-list { clear: both; overflow: hidden; }
.form div.label-field-stack .radio-button-list label,
.form div.label-field-stack .radio-button-list input { width: auto; clear: none; float: left; margin-right: 5px; font-weight: 400; }

.form div.label-checkbox-pair label { width: 480px; float: right; clear: left; margin-bottom: 4px; }
.form div.label-checkbox-pair input { width: 23px; margin-top: 5px; }

.form .button { width: 513px; margin-top: 15px; display: block; clear: both; background: url(../images/dark-grey-fuzz.png); padding: 8px 0; }
.form .button input { margin-left: 188px; width: 136px; border: none; height: 22px; text-indent: -1000em; cursor: pointer; background-color: transparent; background-image: url(../images/submit.png); background-repeat: no-repeat; background-position: center; }

.form-wide { width: 714px }
.form-wide label { width: 223px }
.form-wide div.label-field-pair input { width: 485px }
.form-wide div.label-field-stack select { width: 343px }
.form-wide div.label-checkbox-pair label { width: 685px }
.form-wide div.label-checkbox-pair input { width: 23px }
.form-wide div.label-field-stack label,
.form-wide div.label-field-stack input,
.form-wide div.label-field-stack textarea { width: 713px }
.form-wide div.label-field-pair2 label,
.form-wide div.label-field-pair2 input { width: 356px }

.action-links {  }
.action-links a {  }

.SubmitCustomerCommentForm .LeftCell { padding: 5px; border-top: 1px solid #cccccc; }
.SubmitCustomerCommentForm .RightCell { padding: 5px; border-top: 1px solid #cccccc; }
.SubmitCustomerCommentForm .TopRow td { border-top: 0px; }

.grayBox { background: url("../images/bg-dots-medium-gray.png") repeat scroll 0 0 transparent;
    display: block;
    margin-bottom: 15px;
    padding: 15px;}

/* QUOTE */

.quote { margin-bottom: 20px; padding: 10px; border: 1px solid #cccccc; font-style: italic; background-color: White;}
.quote-body { padding-bottom: 20px;}
.quote-info { text-align: right; font-weight: bold; font-size: 12px;}

.quote-1 { padding: 10px; background-color: #91d7f3; background-image: -webkit-gradient(linear,left top,left bottom, color-stop( 0.0,rgb(175,225,246) ), color-stop( 1.0,rgb(99,198,238) )); background-image: -webkit-linear-gradient(top, rgb(175,225,246), rgb(99,198,238) ); background-image: -moz-linear-gradient(top, rgb(175,225,246), rgb(99,198,238) ); background-image: -ms-linear-gradient(top, rgb(175,225,246), rgb(99,198,238) ); background-image: -o-linear-gradient(top, rgb(175,225,246), rgb(99,198,238) ); background-image: linear-gradient(top, rgb(175,225,246), rgb(99,198,238) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 2px 2px 4px 0px rgba(192,192,192,1.000); -webkit-box-shadow: 2px 2px 4px 0px rgba(192,192,192,1.000); -moz-box-shadow: 2px 2px 4px 0px rgba(192,192,192,1.000); }
.quote-2 { padding: 10px; background-color: #b7d132; background-image: -webkit-gradient(linear,left top,left bottom, color-stop( 0.0,rgb(205,230,53) ), color-stop( 1.0,rgb(142,179,24) )); background-image: -webkit-linear-gradient(top, rgb(205,230,53), rgb(142,179,24) ); background-image: -moz-linear-gradient(top, rgb(205,230,53), rgb(142,179,24) ); background-image: -ms-linear-gradient(top, rgb(205,230,53), rgb(142,179,24) ); background-image: -o-linear-gradient(top, rgb(205,230,53), rgb(142,179,24) ); background-image: linear-gradient(top, rgb(205,230,53), rgb(142,179,24) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 2px 2px 4px 0px rgba(192,192,192,1.000); -webkit-box-shadow: 2px 2px 4px 0px rgba(192,192,192,1.000); -moz-box-shadow: 2px 2px 4px 0px rgba(192,192,192,1.000); }
.quote-3 { padding: 10px; background-color: #f4b61e; background-image: -webkit-gradient(linear,left top,left bottom, color-stop( 0.0,rgb(247,201,36) ), color-stop( 1.0,rgb(236,146,4) )); background-image: -webkit-linear-gradient(top, rgb(247,201,36), rgb(236,146,4) ); background-image: -moz-linear-gradient(top, rgb(247,201,36), rgb(236,146,4) ); background-image: -ms-linear-gradient(top, rgb(247,201,36), rgb(236,146,4) ); background-image: -o-linear-gradient(top, rgb(247,201,36), rgb(236,146,4) ); background-image: linear-gradient(top, rgb(247,201,36), rgb(236,146,4) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 2px 2px 4px 0px rgba(192,192,192,1.000); -webkit-box-shadow: 2px 2px 4px 0px rgba(192,192,192,1.000); -moz-box-shadow: 2px 2px 4px 0px rgba(192,192,192,1.000); }    
.quote-4 { padding: 10px; background-color: #bec3d0; background-image: -webkit-gradient(linear,left top,left bottom, color-stop( 0.0,rgb(208,212,222) ), color-stop( 1.0,rgb(150,158,178) )); background-image: -webkit-linear-gradient(top, rgb(208,212,222), rgb(150,158,178) ); background-image: -moz-linear-gradient(top, rgb(208,212,222), rgb(150,158,178) ); background-image: -ms-linear-gradient(top, rgb(208,212,222), rgb(150,158,178) ); background-image: -o-linear-gradient(top, rgb(208,212,222), rgb(150,158,178) ); background-image: linear-gradient(top, rgb(208,212,222), rgb(150,158,178) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 2px 2px 4px 0px rgba(192,192,192,1.000); -webkit-box-shadow: 2px 2px 4px 0px rgba(192,192,192,1.000); -moz-box-shadow: 2px 2px 4px 0px rgba(192,192,192,1.000); }

/* BACKGROUNDS */

.bg-dark {  background: url(../images/dark-grey-fuzz.png);  }


/* LINKS */

.learn-more-link {   background: url(../images/learn-more-dot.png) no-repeat; padding-left: 25px; line-height: 18px; color: #b10b11; }

/*************************************************************************/
/*                         UNIVERSAL MASTERPAGE                          */
/*************************************************************************/

#universal-nav-and-content              { background: white url(../images/bg-dots-light-gray-white-on-bottom.png) no-repeat 50% 0%;}

/* NAV */

#universal-nav                          { height: 40px; }

#universal-nav ul                       { padding: 0px; margin: 0px; list-style: none; padding:5px 0;
                                          font-size:0.875rem;}
#universal-nav li,
#universal-nav li a,
#universal-nav li a span                { float: left; height: 25px; line-height: 23px;  display: block;}

#universal-nav li a                     { padding-left: 14px;}
#universal-nav li a span                { padding-right: 14px; }
#universal-nav li.first a               { padding-left: 14px;}
/*
#universal-nav li.selected a            { background:  url(../images/bg-universal-nav-left-cap.png) no-repeat 0% 0%;
                                          padding-left: 14px;}
#universal-nav li.selected a span       { background:  url(../images/bg-universal-nav-right-cap.png) no-repeat 100% 0%;}
*/

#universal-nav li.selected a            { width: auto; background: #c82413; border-radius: 3px;
                                            color: #ffffff; font-weight:normal; }
#universal-nav li.selected a span       { width: auto; background: #c82413; border-radius: 3px;
                                            color: #ffffff; font-weight:normal; }

#universal-nav a:link                   { color: #808080; text-decoration: none;}
#universal-nav a:visited                { color: #808080; text-decoration: none;}
#universal-nav a:hover                  { color: #c82413; text-decoration: none;}
#universal-nav a:active                 { color: #808080; text-decoration: none;}

#universal-nav li.selected a:link       { color: #5d5d5d; text-decoration: none;}
#universal-nav li.selected a:visited    { color: #5d5d5d; text-decoration: none;}
#universal-nav li.selected a:hover      { color: #5d5d5d; text-decoration: underline;}
#universal-nav li.selected a:active     { color: #5d5d5d; text-decoration: none;}

/* CONTENT */

#universal-content                      { padding-bottom: 50px; }

/* FOOTER */

#universal-footer { height: 450px; background: transparent url(../images/bg-footer.png) repeat-x; color: #ededed; font-size: 14px;}
#universal-footer-inner { background: #e6e6e6 url(../images/bg-footer-inner.png) no-repeat 0% 100%; color: #555555;}
#universal-footer-bottom-cap { height: 4px; background: url(../images/bg-footer-bottom-cap.png) no-repeat; }
#universal-footer-copyright-info { padding-top: 20px; padding-bottom: 50px;}
#universal-footer-copyright-info .link-list-ul { padding-top: 10px; font-size: 12px; color: #cecece;}
#universal-footer-copyright-info .link-list-ul li { border-right: 1px solid #cecece;}

.footer-list-ul { list-style-image:url(../images/bullet-footer.png); font-size: 14px; padding-left: 15px; margin-top:0px; margin-bottom:8px; }
.footer-list-ul li { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #cccccc;  }

.footer-contact-list-ul { margin: 0px; padding: 0px; list-style: none; }
.footer-contact-list-ul li { padding-bottom: 5px; padding-left: 20px;}

.icon-email { background: transparent url(../images/icon-mail.png) no-repeat 0px 4px;}
.icon-newsletter { background: transparent url(../images/icon-newsletter.png) no-repeat 0px 0px;}
.icon-blog { background: transparent url(../images/icon-blog.png) no-repeat 0px 0px;}
.icon-twitter { background: transparent url(../images/icon-twitter.png) no-repeat 0px 0px;}
.icon-facebook { background: transparent url(../images/icon-facebook.png) no-repeat 0px 0px;}

#universal-footer a:link { color: #555555; text-decoration: none;}
#universal-footer a:visited { color: #555555; text-decoration: none;}
#universal-footer a:hover { color: #555555; text-decoration: underline;}
#universal-footer a:active { color: #555555; text-decoration: none;}

#universal-footer-copyright-info a:link,
#universal-footer-copyright-info a:visited,
#universal-footer-copyright-info a:hover,
#universal-footer-copyright-info a:active { color: #cecece;}

.text-footer-sitemap-headline { padding-top: 0px; margin:24px 0px 8px; text-transform: uppercase; font-size:15px; }

/*                           UNIVERSAL NAVIGATION - MOBILE                   */

#universal-nav-mobile {
    display:none;
    height:40px;
    position:relative;
}

#container-universal-navbar {
    display:block;
    width:auto;
    height:32px; 
    background-color:#ededed;
    padding:8px 16px 8px 16px;
    margin:0; 
    cursor:pointer;
    border-top:3px solid #bababa;
    border-bottom:1px solid #bababa;
}

#container-universal-hamburger {
    float:left; 
    display:inline-block; 
    width:36px;
}

#container-universal-hamburger-icon {
    width:30px;
    height:16px;
    padding:6px;
    border-radius:3px;
    border:1px solid #5E797A;
    background: #5e797a; /* Old browsers */
    background: -moz-linear-gradient(top,  #5e797a 0%, #7b9899 48%, #5e797a 52%, #7b9899 100%, #7b9899 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #5e797a 0%,#7b9899 48%,#5e797a 52%,#7b9899 100%,#7b9899 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #5e797a 0%,#7b9899 48%,#5e797a 52%,#7b9899 100%,#7b9899 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e797a', endColorstr='#7b9899',GradientType=0 ); /* IE6-9 */
}

#container-universal-hamburger-icon:hover {
    border:1px solid #5E797A;
    background: #7b9899; /* Old browsers */
    background: -moz-linear-gradient(top,  #7b9899 0%, #7b9899 0%, #5e797a 48%, #7b9899 52%, #5e797a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #7b9899 0%,#7b9899 0%,#5e797a 48%,#7b9899 52%,#5e797a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #7b9899 0%,#7b9899 0%,#5e797a 48%,#7b9899 52%,#5e797a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b9899', endColorstr='#5e797a',GradientType=0 ); /* IE6-9 */
}

.universal-hamburger-icon-white-stripe {
    display:block;
    margin:0;
    width:30px;
    height:3px;
    background-color:#ffffff;
}

.universal-hamburger-icon-blank-stripe {
    margin:0;
    display:block;
    width:30px;
    height:3px;
    background-color:none;
}

#container-universal-navbar-label {
    margin:0 auto;
}

#universal-navbar-label {
    margin:0 auto;
    padding-right:44px;
    text-align:center;
    line-height:28px;
    font-size:1.0rem;
    color:#3b3b3b;
}

/* Start: UNIVERSAL NAV DRAWER */

#container-universal-nav-drawer {
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    z-index:999999; 
}

#container-universal-nav-drawer:focus{
    outline:none;
}

#universal-nav-drawer {
    margin:0 auto;
    width:100%;
    background-color:#FFFFFF;
    float:left; 
    text-align:center;
    /*box-shadow:0px 5px 5px #808080;*/
}

#container-universal-nav-drawer-edge {
    float:left;
    display:block;
    width:100%;
    height:2px;
    box-shadow:0px 2px 2px #808080;
}

#universal-nav-drawer-edge {
    display:block;
    line-height:2px;
    background-color:#bd3f2f;
}

#container-universal-nav-handle {
    float:left;
    display:block;
    width:100%;
    padding:0;
    cursor:pointer;
    font-size:0px;
}

#universal-nav-handle-label {
    display:block;
    margin:0 auto;
    padding:4px 8px 6px;
    min-width:10%;
    max-width:37%;
    height:18px;
    line-height:16px;
    font-size:1.0rem;
    color:#FFFFFF;
    background-color:#bd3f2f;
    text-align:center;
    white-space:nowrap;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    box-shadow:0px 3px 3px #808080;
}

/* End: UNIVERSAL NAV DRAWER */

#container-universal-navmenu {
    display:none; 
    width:auto;
    background-color:#ffffff;
    float:left; 
    z-index:999999; 
    box-shadow:0px 5px 5px #808080;
}

.container-universal-navmenu-row {
    display:inline-block; 
    width:auto; 
    padding:8px 12px 0px 12px;
    margin:0px;
    cursor:pointer;
    color:#606060;
    background-color:#ffffff
}

.container-universal-navmenu-row:hover {
    color:#ffffff;
}

.container-universal-navmenu-thumbnail {
    /* margin-right:12px; */
    margin:10px auto;
    text-align:center;
}

.universal-navmenu-thumbnail {
    width:144px;
}

.container-universal-navmenu-label {
    display:none;
    float:left;
}

.universal-navmenu-label {
    line-height:40px;
    font-size:0.875rem;
}

.separator {
    width:100%;
    height:1px;
    background-color:#606060;
    margin:0px;
}


/*************************************************************************/
/*                           PLATFORM MASTERPAGE                         */
/*************************************************************************/

/* HEADER */
#header { height: 165px;}
#header #header-top, #header #header-top .wrapper-inner { height: 89px; margin-top:10px;}
#header #nav { height: 61px; background: #434343 url(../images/bg-nav.png) repeat-x 50% 0%;}

/* NAV */

/* THIS IS THE ORIGINAL NAV. */
/* KEEP THIS UNTIL THE SITE HAS BEEN FULLY REVIEWED AND TESTED. */
/*
#nav ul, #nav li, #nav a { padding: 0px; margin: 0px; height: 61px; display: block;}
#nav ul li a{background: url(../images/sprite-nav-6-3-2014.png) no-repeat 0% 0%;}
.nav-li { height: 61px; float: left;  display: block; color: White; text-indent: -9999px; }
#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:active { color: #ffffff;}
#nav .nav-li.selected { padding-bottom: 10px; background: url(../images/selected-tab-indicator.png) no-repeat 50% 100%;}
#nav #nav-li-1.nav-li.selected { background-image: none;}

#nav #nav-li-1 a            { width: 114px; background-position: 0px 0px;}
#nav #nav-li-1 a:hover      { width: 114px; background-position: 0px -61px;}
#nav #nav-li-1.selected a   { width: 114px; background-position: 0px -61px;}

#nav #nav-li-2 a            { width: 113px; background-position: -114px 0px;}
#nav #nav-li-2 a:hover      { width: 113px; background-position: -114px -61px;}
#nav #nav-li-2.selected a   { width: 113px; background-position: -114px -61px;}

#nav #nav-li-3 a            { width: 114px; background-position: -227px 0px;}
#nav #nav-li-3 a:hover      { width: 114px; background-position: -227px -61px;}
#nav #nav-li-3.selected a   { width: 114px; background-position: -227px -61px;}

#nav #nav-li-4 a            { width: 113px; background-position: -341px 0px;}
#nav #nav-li-4 a:hover      { width: 113px; background-position: -341px -61px;}
#nav #nav-li-4.selected a   { width: 113px; background-position: -341px -61px;}

#nav #nav-li-5 a            { width: 114px; background-position: -454px 0px;}
#nav #nav-li-5 a:hover      { width: 114px; background-position: -454px -61px;}
#nav #nav-li-5.selected a   { width: 114px; background-position: -454px -61px;}

#nav #nav-li-6 a            { width: 113px; background-position: -568px 0px;}
#nav #nav-li-6 a:hover      { width: 113px; background-position: -568px -61px;}
#nav #nav-li-6.selected a   { width: 113px; background-position: -568px -61px;}

#nav #nav-li-7 a            { width: 114px; background-position: -681px 0px;}
#nav #nav-li-7 a:hover      { width: 114px; background-position: -681px -61px;}
#nav #nav-li-7.selected a   { width: 114px; background-position: -681px -61px;}

#nav #nav-li-8 a            { width: 113px; background-position: -795px 0px;}
#nav #nav-li-8 a:hover      { width: 113px; background-position: -795px -61px;}
#nav #nav-li-8.selected a   { width: 113px; background-position: -795px -61px;}

#nav #nav-li-9 a            { width: 116px; background-position: -908px 0px;}
#nav #nav-li-9 a:hover      { width: 116px; background-position: -908px -61px;}
#nav #nav-li-9.selected a   { width: 116px; background-position: -908px -61px;}
*/

#nav {
    height:61px !important;
    background: #FFFFFF url("") !important;
    text-align:center;
    border-top:0px;
    border-bottom:1px solid #BABABA;
}

#nav ul,
#nav li,
#nav a { padding:0; margin:0; width:auto; height:auto; display:inline-block; *display:inline; }

#nav ul { margin:3px 0}

#nav ul li a { background: url(""); }

#nav li { margin-left:4px; margin-right:4px; }

.nav-li {height:auto; text-indent:0px; line-height:43px;}

#nav a,
#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:active {
    width:auto;
    font-size:15px;
    text-decoration:none;
    padding: 2px 8px 10px;
}
#nav .nav-li.selected {
    background: #ffffff url("");
}
.nav-span {
    display:inline-block;
    vertical-align:middle;
    line-height:17px;
}
#nav #nav-li-1 a                { width: auto; color: #3b3b3b; }
#nav #nav-li-1 a:hover          { width: auto; color: #c82413 !important;}
#nav #nav-li-1 a:visited        { width: auto; color: #3b3b3b; }
#nav #nav-li-1.selected a       { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; }
#nav #nav-li-1.selected a:hover { color: #ffffff !important; cursor:default;}

#nav #nav-li-2 a                { width: auto; color: #3b3b3b; }
#nav #nav-li-2 a:hover          { width: auto; color: #c82413 !important;}
#nav #nav-li-2 a:visited        { width: auto; color: #3b3b3b; }
#nav #nav-li-2.selected a       { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; }
#nav #nav-li-2.selected a:hover { color: #ffffff !important; cursor:default;}

#nav #nav-li-3 a                { width: auto; color: #3b3b3b; }
#nav #nav-li-3 a:hover          { width: auto; color: #c82413 !important;}
#nav #nav-li-3 a:visited        { width: auto; color: #3b3b3b; }
#nav #nav-li-3.selected a       { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; }
#nav #nav-li-3.selected a:hover { color: #ffffff !important; cursor:default;}

#nav #nav-li-4 a                { width: auto; color: #3b3b3b; }
#nav #nav-li-4 a:hover          { width: auto; color: #c82413 !important;}
#nav #nav-li-4 a:visited        { width: auto; color: #3b3b3b; }
#nav #nav-li-4.selected a       { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; }
#nav #nav-li-4.selected a:hover { color: #ffffff !important; cursor:default;}

#nav #nav-li-5 a                { width: auto; color: #3b3b3b; }
#nav #nav-li-5 a:hover          { width: auto; color: #c82413 !important;}
#nav #nav-li-5 a:visited        { width: auto; color: #3b3b3b; }
#nav #nav-li-5.selected a       { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; }
#nav #nav-li-5.selected a:hover { color: #ffffff !important; cursor:default;}

#nav #nav-li-6 a                { width: auto; color: #3b3b3b; }
#nav #nav-li-6 a:hover          { width: auto; color: #c82413 !important;}
#nav #nav-li-6 a:visited        { width: auto; color: #3b3b3b; }
#nav #nav-li-6.selected a       { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; }
#nav #nav-li-6.selected a:hover { color: #ffffff !important; cursor:default;}

#nav #nav-li-7 a                { width: auto; color: #3b3b3b; }
#nav #nav-li-7 a:hover          { width: auto; color: #c82413 !important;}
#nav #nav-li-7 a:visited        { width: auto; color: #3b3b3b; }
#nav #nav-li-7.selected a       { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; }
#nav #nav-li-7.selected a:hover { color: #ffffff !important; cursor:default;}

#nav #nav-li-8 a                { width: auto; color: #3b3b3b; }
#nav #nav-li-8 a:hover          { width: auto; color: #c82413 !important;}
#nav #nav-li-8 a:visited        { width: auto; color: #3b3b3b; }
#nav #nav-li-8.selected a       { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; }
#nav #nav-li-8.selected a:hover { color: #ffffff !important; cursor:default;}

#nav #nav-li-9 a                { width: auto; color: #3b3b3b; }
#nav #nav-li-9 a:hover          { width: auto; color: #c82413 !important;}
#nav #nav-li-9 a:visited        { width: auto; color: #3b3b3b; }
#nav #nav-li-9.selected a       { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; }
#nav #nav-li-9.selected a:hover { color: #ffffff !important; cursor:default;}

/*                           SITE NAVIGATION - MOBILE                         */

#universal-nav-mobile {
    display:none;
    position:relative;
}

#container-site-navbar {
    display:block;
    width:auto; 
    height:48px; 
    background-color:#ffffff; 
    padding:8px 16px; 
    cursor:pointer;
    border-top:1px solid #bababa;
    border-bottom:1px solid #bababa;
}

#container-site-hamburger {
    float:left; 
    display:inline-block; 
    width:36px; 
}

#container-site-hamburger-icon {
    width:30px;
    height:16px;
    padding:6px;
    margin-top:8px;
    border-radius:3px;
    border:1px solid #5E797A;
    background: #5e797a; /* Old browsers */
    background: -moz-linear-gradient(top,  #5e797a 0%, #7b9899 48%, #5e797a 52%, #7b9899 100%, #7b9899 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #5e797a 0%,#7b9899 48%,#5e797a 52%,#7b9899 100%,#7b9899 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #5e797a 0%,#7b9899 48%,#5e797a 52%,#7b9899 100%,#7b9899 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e797a', endColorstr='#7b9899',GradientType=0 ); /* IE6-9 */
}

#container-site-hamburger-icon:hover {
    border:1px solid #5E797A;
    background: #7b9899; /* Old browsers */
    background: -moz-linear-gradient(top,  #7b9899 0%, #7b9899 0%, #5e797a 48%, #7b9899 52%, #5e797a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #7b9899 0%,#7b9899 0%,#5e797a 48%,#7b9899 52%,#5e797a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #7b9899 0%,#7b9899 0%,#5e797a 48%,#7b9899 52%,#5e797a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b9899', endColorstr='#5e797a',GradientType=0 ); /* IE6-9 */
}

.site-hamburger-icon-white-stripe {
    display:block;
    margin:0;
    width:30px;
    height:3px;
    background-color:#ffffff;
}

.site-hamburger-icon-blank-stripe {
    margin:0;
    display:block;
    width:30px;
    height:3px;
    background-color:none;
}

#container-site-navbar-label {
    margin:0 auto;
 }

#site-navbar-label {
    margin:0 auto;
    line-height:44px;
    padding-right:44px;
    font-size:1.2rem;
    text-align:center;
    color:#3b3b3b;
}

#container-site-navmenu {
    display:none;
    width:auto;
    background-color:#FFFFFF;
    position:absolute; 
    float:left; 
    z-index:999999; 
    box-shadow:0px 5px 5px #808080;
}

#container-site-navmenu:focus{
    outline:none;
}

.container-site-navmenu-row {
    display:inline-block; 
    width:100%; 
    padding:8px 0px 0px 12px;
    cursor:pointer;
    color:#606060;
}

.container-site-navmenu-row:hover {
    background-color:#c82413;
    color:#ffffff;
}

.container-site-navmenu-thumbnail {
    float:left;
    margin-right:12px;
}

.site-navmenu-thumbnail {
    width:96px;
    height:48px; 
}

.container-site-navmenu-label {
    float:left;
}

.site-navmenu-label {
    line-height:44px;
    font-size:0.875rem;
}



/* SUBNAV */

/* THIS IS THE ORIGINAL SUBNAV. */
/* KEEP THIS UNTIL THE SITE HAS BEEN FULLY REVIEWED AND TESTED. */
/*
#subnav { padding-top: 20px;}
#subnav ul {background: url(../images/bg-subnav.png) no-repeat 50% 0%;}
#subnav ul, #subnav li, #subnav a, #subnav .nav-span { padding: 0px; margin: 0px; height: 40px; display: block;}
#subnav ul li a {}
.subnav-li { height: 40px; float: left;  display: block; text-indent: 0px; font-size: 14px; text-align: center; line-height: 40px;   }
#subnav a:link,
#subnav a:visited,
#subnav a:hover,
#subnav a:active { color: black;}

#subnav .selected a:link,
#subnav .selected a:visited,
#subnav .selected a:hover,
#subnav .selected a:active { color: #c82413; text-decoration: none; }

#subnav .selected .nav-span {background: url(../images/subnav-arrow.png) no-repeat 50% 82%;}

#subnav #subnav-li-1 a            { width: 205px; background-position: 0px 0px;}
#subnav #subnav-li-1 a:hover      { width: 205px; background-position: 0px -41px;}
#subnav #subnav-li-1.selected a   { width: 205px; background-position: 0px -41px;}
#subnav #subnav-li-2 a            { width: 205px; background-position: -205px 0px;}
#subnav #subnav-li-2 a:hover      { width: 205px; background-position: -205px -41px;}
#subnav #subnav-li-2.selected a   { width: 205px; background-position: -205px -41px;}
#subnav #subnav-li-3 a            { width: 205px; background-position: -410px 0px;}
#subnav #subnav-li-3 a:hover      { width: 205px; background-position: -410px -41px;}
#subnav #subnav-li-3.selected a   { width: 205px; background-position: -410px -41px;}
#subnav #subnav-li-4 a            { width: 205px; background-position: -615px 0px;}
#subnav #subnav-li-4 a:hover      { width: 205px; background-position: -615px -41px;}
#subnav #subnav-li-4.selected a   { width: 205px; background-position: -615px -41px;}
#subnav #subnav-li-5 a            { width: 204px; background-position: -820px 0px;}
#subnav #subnav-li-5 a:hover      { width: 204px; background-position: -820px -41px;}
#subnav #subnav-li-5.selected a   { width: 204px; background-position: -820px -41px;}
*/

#subnav {
    padding-top:8px;
    text-align:center
}

#subnav ul,
#subnav li,
#subnav a { padding:0; margin: 0px auto; height: 36px; display: inline-block; }

#subnav ul { background: url("") }

#subnav ul li a { }

.subnav-li { height: 16px; float: left;  display: inline-block; text-indent: 0px; font-size: 14px; text-align: center; line-height: 16px;   }

#subnav li,
#subnav li a,
#subnav li a span   { float: left; height: 36px; line-height: 34px;  display: block; }

#subnav a,
#subnav a:link,
#subnav a:visited,
#subnav a:hover,
#subnav a:active    { margin-left: 14px; margin-right: 14px; color: #3b3b3b; text-decoration:underline;}

#subnav .selected a:link,
#subnav .selected a:visited,
#subnav .selected a:hover,
#subnav .selected a:active { margin-left: 0px; margin-right: 0px; padding:0 14px; color: #808080;}

#subnav .selected .nav-span { background: url("") }

#subnav #subnav-li-1 a                  { width: auto; color:#3b3b3b; }
#subnav #subnav-li-1 a:hover            { width: auto; color: #C82413 !important; }
#subnav #subnav-li-1 a:visited          { width: auto; color: #3b3b3b; }
#subnav #subnav-li-1.selected a         { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; }
#subnav #subnav-li-1.selected a:hover   { color: #ffffff !important; cursor:default; }

#subnav #subnav-li-2 a                  { width: auto; color:#3b3b3b; }
#subnav #subnav-li-2 a:hover            { width: auto; color: #C82413 !important; }
#subnav #subnav-li-2 a:visited          { width: auto; color: #3b3b3b; }
#subnav #subnav-li-2.selected a         { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; }
#subnav #subnav-li-2.selected a:hover   { color: #ffffff !important; cursor:default; }

#subnav #subnav-li-3 a                  { width: auto; color:#3b3b3b; }
#subnav #subnav-li-3 a:hover            { width: auto; color: #C82413 !important; }
#subnav #subnav-li-3 a:visited          { width: auto; color: #3b3b3b; }
#subnav #subnav-li-3.selected a         { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; }
#subnav #subnav-li-3.selected a:hover   { color: #ffffff !important; cursor:default; }

#subnav #subnav-li-4 a                  { width: auto; color:#3b3b3b; }
#subnav #subnav-li-4 a:hover            { width: auto; color: #C82413 !important; }
#subnav #subnav-li-4 a:visited          { width: auto; color: #3b3b3b; }
#subnav #subnav-li-4.selected a         { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; }
#subnav #subnav-li-4.selected a:hover   { color: #ffffff !important; cursor:default; }

#subnav #subnav-li-5 a                  { width: auto; color:#3b3b3b; }
#subnav #subnav-li-5 a:hover            { width: auto; color: #C82413 !important; }
#subnav #subnav-li-51 a:visited          { width: auto; color: #3b3b3b; }
#subnav #subnav-li-5.selected a         { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; }
#subnav #subnav-li-5.selected a:hover   { color: #ffffff !important; cursor:default; }

#subnav #subnav-li-6 a                  { width: auto; color:#3b3b3b; }
#subnav #subnav-li-6 a:hover            { width: auto; color: #C82413 !important; }
#subnav #subnav-li-6 a:visited          { width: auto; color: #3b3b3b; }
#subnav #subnav-li-6.selected a         { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; }
#subnav #subnav-li-6.selected a:hover   { color: #ffffff !important; cursor:default; }

#subnav #subnav-li-7 a                  { width: auto; color:#3b3b3b; }
#subnav #subnav-li-7 a:hover            { width: auto; color: #C82413 !important; }
#subnav #subnav-li-7 a:visited          { width: auto; color: #3b3b3b; }
#subnav #subnav-li-7.selected a         { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; }
#subnav #subnav-li-7.selected a:hover   { color: #ffffff !important; cursor:default; }

#subnav #subnav-li-8 a                  { width: auto; color:#3b3b3b; }
#subnav #subnav-li-8 a:hover            { width: auto; color: #C82413 !important; }
#subnav #subnav-li-8 a:visited          { width: auto; color: #3b3b3b; }
#subnav #subnav-li-8.selected a         { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; }
#subnav #subnav-li-8.selected a:hover   { color: #ffffff !important; cursor:default; }

#subnav #subnav-li-9 a                  { width: auto; color:#3b3b3b; }
#subnav #subnav-li-9 a:hover            { width: auto; color: #C82413 !important; }
#subnav #subnav-li-9 a:visited          { width: auto; color: #3b3b3b; }
#subnav #subnav-li-9.selected a         { width: auto; background: #c82413; border-radius: 3px; color: #ffffff; font-weight:normal; }
#subnav #subnav-li-9.selected a:hover   { color: #ffffff !important; cursor:default; }


/* CONTENT */
#content { padding-top: 43px;}

/*************************************************************************/
/*                               UTILITY                                 */
/*************************************************************************/

/* CLEARFIX */

.group:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
   
}
 
.group {
	display: inline-block;
     width: 100%;
}
 
html[xmlns] .group {
	display: block;
}
 
* html .group {
	height: 1%;
}

/* ROUND CORNERS */

.rounded-corners-3px {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.rounded-corners-5px {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.rounded-corners-10px {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.rounded-corners-15px {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}

.rounded-corners-20px {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.continueTheTour { font-size: 24px; float: right; display: block; }

.continueTheTour::after
{ 
content:" >";
}

/*************************************************************************/
/*                        NEW STYLE ADDITIONS                            */
/*************************************************************************/

/* GLOBAL OVERRIDES */
p {
    margin:0;
    padding:0;
    padding-bottom: 20px;
}

/* CONTAINERS */

.main-container {
    display:inline-block;
    height:100%;
    margin: 0 auto;
}

.callout-box {
    margin:auto;
    padding:20px;
    border-radius:5px;
}

.callout-image {
    text-align:center;
}

.button-container {
    margin:0 auto;
}

.button-row {
    width:100%;
    margin:0 auto;
    text-align:center;
}

.column-container {
    width:960px;
    margin:0 auto;
}

.text-block-container {
     width:720px;
     margin:auto;
}

.page-control {
    width:100%;
    margin-bottom:60px;
}

#sliderWrapper {
    padding: 20px;
    border: 1px solid #ebebeb;
    background-color: #fafafa;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.mgmtCompanyTable {
    width: 100%;
}
.mgmtCompanyTable tr {
    vertical-align: middle; 
}
.mgmtCompanyTable td { 
    background-color: #fafafa; 
    text-align: center; 
    height: 75px; 
}

.bxslider, .bxslider li { 
    padding: 0px; 
    margin: 0px; 
    list-style: none; 
}

/* LAYOUTS */

.clear-the-row {
    clear:both;
}

.three-columns-onecolwide {
    margin:auto;
    width:30%;
    height:auto;
    float:left;
}

.three-columns-twocolwide {
    margin:auto;
    padding-left:30px;
    width:63%;
    height:auto;
    float:left;
}

.five-columns-onecolwide {
    margin:auto;
    width:17%;
    float:left;
}

.five-columns-twocolwide {
    margin:auto;
    width:37%;
    float:left;
}

.five-columns-threecolwide {
    margin:auto;
    width:57%;
    float:left;
}

.five-columns-fourcolwide {
    margin:auto;
    width:77%;
    float:left;
}


.gutter-top {
    margin-top:3%;
}
.gutter-right {
    margin-right:3%;
}
.gutter-bottom {
    margin-bottom:3%;
}
.gutter-left {
    margin-left:3%;
}

.inner-gutter-left {
    padding-left:1%;
}
.inner-gutter-right {
    padding-right:1%;
}

/* COLORS */

.bg-gray {
    background-color:#fafafa;
}
.bg-skyblue {
    background-color:#1e9cd7;
}
.bg-ltblue {
    background-color:#cce6ff;
}
.bg-blue {
    background-color:#005b97;
}
.bg-medgray {
    background-color:#ededed;
}
.bg-blue-gradient {
    background: -webkit-linear-gradient(#1e9cd7, #005b97); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1e9cd7, #005b97); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1e9cd7, #1e9cd7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1e9cd7, #005b97); /* Standard syntax */
}
.border-gray {
    border:1px solid #ebebeb;
}
.border-skyblue {
    border:1px solid #1e9cd7;
}
.border-blue {
    border:1px solid #005b97;
}
.button-text-white {
    color:#FFFFFF !important;
    text-shadow: 0px 1px #000000;
}
.button-text-black {
    color:#000000 !important;
    text-shadow: 0px 1px #FFFFFF;
}
.button-text-skyblue {
    color:#1e9cd7 !important;
    text-shadow: 0px 1px #005b97;
}
.button-text-blue {
    color:#005b97 !important;
    text-shadow: 0px 1px #1e9cd7;
}

/* TEXT FORMATTING */

.page-headline {
    padding:0 0 20px 0;
    margin:0px;
    text-align:center;
}

.page-quote {
    font-size: 28px;
    font-style: italic;
    text-align:center;
    color:#5D5D5D;
}

.page-quote-attribute {
    font-size: 20px;
    font-style: normal;
    text-align:center;
    color:#5D5D5D;
}

.centered-text {
    text-align:center !important;
}
.bold-text {
    font-weight:bold !important;
}

.callout-box-title {
    font-size:42px;
    line-height:46px;
    font-weight:normal;
    padding: 0 0 10px 0;
    margin: 0px;
}
.callout-small-box-title {
    font-size:22px;
    line-height:26px;
    font-weight:bold;
    padding: 0 0 10px 0;
    margin: 0px;
}
.callout-box-bodycopy {
    font-size:15px;
    padding: 0 0 20px 0;
    margin: 0px;
    text-align:left;
}

.box-title {
    font-size:22px;
    font-weight:bold;
    padding: 0 0 2px 0;
    margin: 0px;
    text-align:center;
}

.deck {
    font-size:24px;
    font-style:italic;
    color:#5D5D5D;
    text-align:center;
    margin-bottom:20px;
}

.bodycopy {
    margin-bottom:20px;
}

.prev-page {
    float:left;
    display:inline-block;
    padding:0 10px;
    font-size:24px;
    text-decoration:none;
}

.next-page {
    float:right;
    display:inline-block;
    padding:0 10px;
    font-size:24px;
    margin:0auto;
    text-decoration:none;
}

.prev-page::before {
    font-size:18px;
    content:"<  ";
}

.next-page::after {
    font-size:18px;
    content:"  >";
}

.landing-box-outer-left {
    float:left;
}

.landing-box-outer-right {
    float:right;
}

.hidden-content {
    display:none;
}

/*******************************************************************/
/*                        MEDIA QUERIES                            */
/*******************************************************************/


/* ******************************* */
/* SCREENS LESS THAN 960px (GREEN) */
/* ******************************* */


@media screen and (max-width: 960px) {

    .wrapper-outer                          { width:90%; margin: 0 auto;}

    #header,
    #header-top                             { top:64px; }

    /* UNIVERSAL NAV */

    /*#universal-nav                          { height: 30px; background-color:#006600;}

    #universal-nav ul                       { padding: 0px; margin: 0px; list-style: none; padding:5px 0;
                                              font-size:0.75rem; }

    #universal-nav li,
    #universal-nav li a,
    #universal-nav li a span                { float: left; height: 20px; line-height: 17px;  display: block;}

    #universal-nav li a                     { padding-left: 14px;}
    #universal-nav li a span                { padding-right: 14px; }
    #universal-nav li.first a               { padding-left: 14px; }

    #header #header-top                     { height: 89px; margin-top:10px; }

    /* SITE NAV */

    /*#nav li                                 { margin:0 6px; }

    #nav a,
    #nav a:link,
    #nav a:visited,
    #nav a:hover,
    #nav a:active                           { width:auto; font-size:0.75rem; line-height:0.75rem;
                                              text-decoration:none; padding: 6px 4px 10px; }*/

    /* SUBNAV */

    /*.subnav-li                              { height:16px; float:left; display:inline-block;
                                              text-indent:0px; font-size:0.8125rem; text-align:center;
                                              line-height:0.8125rem;   }

    #subnav li,
    #subnav li a,
    #subnav li a span                       { float:left; height:36px; line-height:34px; display:block; }

    #subnav a,
    #subnav a:link,
    #subnav a:visited,
    #subnav a:hover,
    #subnav a:active                        { margin-left:6px; margin-right:6px; color:#3b3b3b;
                                              text-decoration:underline;}

    #subnav .selected a:link,
    #subnav .selected a:visited,
    #subnav .selected a:hover,
    #subnav .selected a:active              { margin-left:0px; margin-right:0px; padding:0 6px; color: #808080;}*/

}


/* ******************************** */
/* SCREENS LESS THAN 799px (ORANGE) */
/* ******************************** */

@media screen and (max-width: 799px) {

    /*.wrapper-outer                          { margin:0 auto; }*/

    /* UNIVERSAL NAV */

    /*#universal-nav                          { height: 30px; background-color:#FF6600;}

    #universal-nav ul                       { padding: 0px; margin: 0px; list-style: none; padding:5px 0;
                                              font-size:0.75rem; }


    #universal-nav li a                     { padding-left: 8px;}
    #universal-nav li a span                { padding-right: 8px; }
    #universal-nav li.first a               { padding-left: 8px;}

    #header #header-top                     { height: 89px; margin-top:10px; }*/

    /* SITE NAV */

    /*#nav li                                 { margin:0 0; }

    #nav a,
    #nav a:link,
    #nav a:visited,
    #nav a:hover,
    #nav a:active                           { width:auto; font-size:0.75rem; line-height:0.75rem;
                                              text-decoration:none; padding: 6px 4px 10px; }*/

    /* SUBNAV */

    /*.subnav-li                              { height:16px; float:left; display:inline-block;
                                              text-indent:0px; font-size:0.75rem; text-align:center;
                                              line-height:0.75rem;   }

    #subnav li,
    #subnav li a,
    #subnav li a span                       { float:left; height:36px; line-height:34px; display:block; }

    #subnav a,
    #subnav a:link,
    #subnav a:visited,
    #subnav a:hover,
    #subnav a:active                        { margin-left:10px; margin-right:10px; color:#3b3b3b;
                                              text-decoration:underline;}

    #subnav .selected a:link,
    #subnav .selected a:visited,
    #subnav .selected a:hover,
    #subnav .selected a:active              { margin-left:0px; margin-right:0px; padding:0 6px; color: #808080;}*/

}

/* *********************** */
/* SCREENS LESS THAN 640px */
/* *********************** */

@media screen and (max-width: 640px) {

    /*#universal-nav-and-content              { width:640px; background-position:0px -48px; }

    .wrapper-outer                          { width:640px; margin:0 auto;}

    /* UNIVERSAL NAV */

    /*#universal-nav                          { height: 30px; background-color:#FFFF00;}*/

    /*#universal-nav ul                       { padding: 0px; margin: 0px; list-style: none; padding:5px 0;
                                              font-size:0.8125rem;}

    #universal-nav li a                     { padding-left: 8px;}
    #universal-nav li a span                { padding-right: 8px; }
    #universal-nav li.first a               { padding-left: 8px;}*/

}
