@charset "utf-8";

/* CSS Document */

/**

 * @version		2.0 - 2014-03-30

 * @copyright	webunderdog.com

 * @author		Justin M. @ webunderdog.com

 * @link		http://webunderdog.com

 * @license		License GNU General Public License version 2 or later

 * @package		HealthcareBlue - style.css

 * @facebook 	http://www.facebook.com/webunderdog

 * @twitter	    https://twitter.com/#!/webunderdog

 */



@import "../media/jui/css/bootstrap.css";

body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #e1e1e1;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 15px;
    color: #5e5e5e;
    background-repeat: repeat;
    background-attachment: fixed;
}

.center {
    float: none;
    margin: 0 auto;
    text-align: center;
}

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

.row {
    margin-left: 0px;
}


/*SCALED & DYNAMIC SIZING DIVS*/
#feature1, #feature2, #feature3, #feature4, #feature5, #feature6 {
    height: auto;
    float: left;
    text-align: left;
    overflow: hidden;
}

#bottom1, #bottom2, #bottom3, #bottom4, #bottom5, #bottom6 {
    height: auto;
    float: left;
    text-align: left;
    overflow: hidden;
}

#footer1, #footer2, #footer3, #footer4, #footer5, #footer6 {
    height: auto;
    float: left;
    text-align: left;
    overflow: hidden;
}

#maintop1, #maintop2, #maintop3, #maintop4, #maintop5, #maintop6 {
    height: auto;
    float: left;
    text-align: left;
    overflow: hidden;
}

#utility1, #utility2, #utility3, #utility4, #utility5, #utility6 {
    height: auto;
    float: left;
    text-align: left;
    overflow: hidden;
}

#maincenter1, #maincenter2, #maincenter3, #maincenter4, #maincenter5, #maincenter6 {
    height: auto;
    float: left;
    text-align: left;
    overflow: hidden;
}

#mainbottom1, #mainbottom2, #mainbottom3, #mainbottom4, #mainbottom5, #mainbottom6 {
    height: auto;
    float: left;
    text-align: left;
    overflow: hidden;
}

#spotlight1, #spotlight2, #spotlight3, #spotlight4, #spotlight5, #spotlight6 {
    height: auto;
    float: left;
    text-align: left;
    overflow: hidden;
}

#top1, #top2, #top3, #top4, #top5, #top6 {
    height: auto;
    float: left;
    text-align: left;
    overflow: hidden;
}

/*MAIN DIVS*/
.topdiv {
    height: auto;
    background-repeat: repeat;
    height: auto;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin: 0 !important;
    padding-right: 1em;
    padding-left: 1em;
    background-color: #425371;
}

.header {
    height: auto;
    padding-top: 0em;
    padding-bottom: 0em;
    margin: 0 !important;
    padding-right: 1em;
    padding-left: 1em;
    background-color: #fefefe;
    background-image: -ms-linear-gradient(top, #fefefe 0%, #F1F1F1 100%);
    background-image: -moz-linear-gradient(top, #fefefe 0%, #F1F1F1 100%);
    background-image: -o-linear-gradient(top, #fefefe 0%, #F1F1F1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(1, #F1F1F1));
    background-image: -webkit-linear-gradient(top, #fefefe 0%, #F1F1F1 100%);
    background-image: linear-gradient(to bottom, #fefefe 0%, #F1F1F1 100%);
}

    .header .container {
        padding: 1.5em 0em 1.5em 0em;
    }

.navigation {
    height: auto;
    background-repeat: repeat;
    height: auto;
    padding-top: 0em;
    padding-bottom: 0em;
    margin: 0 !important;
    padding-right: 1em;
    padding-left: 1em;
    z-index: 10000000000;
}

    .navigation .container {
        margin-top: 0em;
        margin-bottom: 0em;
        background-color: #425371;
        padding: 0em 0em 0em 0em;
        border-bottom: 3px solid #8090ae;
        -webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
        -moz-box-shadow: 0 0 5px #ccc;
        -webkit-box-shadow: 0 0 5px #ccc;
        box-shadow: 0 0 5px #ccc;
    }

.fixedwrap {
    height: auto;
    position: fixed;
    overflow: visible;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000000;
}

.showcase {
    width: auto;
    height: auto;
    padding-top: 0em;
    padding-bottom: 0em;
    margin: 0 !important;
    background-position: center center;
    padding-left: 1em;
    padding-right: 1em;
    overflow: hidden;
}

    .showcase .container {
        height: 420px;
        overflow: hidden;
        margin-top: 0em;
        margin-bottom: 0em;
        background-color: #fdfdfd;
        background-image: -ms-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%);
        background-image: -moz-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%);
        background-image: -o-linear-gradient(top, #202020 0%, #f2f2f2 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #f2f2f2));
        background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%);
        background-image: linear-gradient(to bottom, #fdfdfd 0%, #f2f2f2 100%);
        -moz-box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
        -webkit-box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
        box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
    }

    .showcase .row .span10 {
        margin-left: 0em;
        overflow: hidden;
    }

    .showcase .row .span2 {
        width: 185px;
    }

.showcase1 {
    width: auto;
    height: 420px;
    margin-left: -3em;
    background-color: #202020;
    overflow: hidden;
}

.showcase2 {
    width: 100%;
    height: 420px;
    overflow: hidden;
    background-color: #202020;
    margin-left: -3em;
}

.moduletable_showcase1 {
    overflow: hidden;
}

/*mobile showcase area*/


.intro {
    width: auto;
    height: auto;
    padding-top: 0em;
    background-position: center center;
    background-repeat: repeat;
    margin: 0 !important;
    padding-left: 1em;
    padding-right: 1em;
}

    .intro .container {
    }

.feature {
    width: auto;
    height: auto;
    margin: 0 !important;
    padding: 0em 1em 0em 1em;
}

    .feature .container {
        background-color: #425371;
        padding: 0em;
        -moz-box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
        -webkit-box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
        box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
    }

.utility {
    width: auto;
    height: auto;
    margin: 0 !important;
    padding: 0em 1em 0em 1em;
}

    .utility .container {
        background-color: #f9f9f9;
        border-bottom: 1px dotted #e7e7e7;
        padding: 1.25em 0em 0.75em 0em;
        border-top: 1px solid #dedede;
        border-left: 1px solid #dedede;
        -moz-box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
        -webkit-box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
        box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
    }

.maintop {
    width: auto;
    height: auto;
    background-repeat: repeat;
    margin: 0 !important;
    padding: 0em 1em 0em 1em;
}

    .maintop .container {
        background-color: #f9f9f9;
        border-left: 1px solid #dedede;
        border-right: 1px solid #dedede;
        border-bottom: 1px dotted #e7e7e7;
        -moz-box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
        -webkit-box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
        box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
    }

.maincenter {
    width: auto;
    height: auto;
    margin: 0 !important;
    padding: 0em 1em 0em 1em;
}

    .maincenter .container {
        background-color: #fff;
        padding: 0em;
        border-left: 1px solid #dedede;
        border-right: 1px solid #dedede;
        padding-bottom: 2.5em;
        -moz-box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
        -webkit-box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
        box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
    }

.maindiv {
    width: auto;
    height: auto;
    background-repeat: repeat;
    margin: 0 !important;
    padding-top: 0em;
    padding-bottom: 0em;
    padding-left: 1em;
    padding-right: 1em;
}

    .maindiv .container {
        background-color: #fff;
        border-left: 1px solid #dedede;
        border-right: 1px solid #dedede;
        -moz-box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
        -webkit-box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
        box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
    }

.mainbottom {
    width: auto;
    height: auto;
    margin: 0 !important;
    padding: 0em 1em 0em 1em;
}

    .mainbottom .container {
        background-color: #f9f9f9;
        padding: 0em;
        border-left: 1px solid #dedede;
        border-right: 1px solid #dedede;
        border-top: 1px dotted #e7e7e7;
        -moz-box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
        -webkit-box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
        box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
    }

.spotlight {
    height: auto;
    margin: 0 !important;
    padding: 0em 1em 0em 1em;
}

    .spotlight .container {
        background-color: #f9f9f9;
        border-left: 1px solid #dedede;
        border-right: 1px solid #dedede;
        border-top: 1px dotted #dedede;
        -moz-box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
        -webkit-box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
        box-shadow: 3px 0 3px -3px #c8c8c8, -3px 0 3px -3px #c8c8c8;
    }

.bottom {
    height: auto;
    margin: 0 !important;
    padding: 0em 1em 0em 1em;
    background-color: #7484A2;
}

    .bottom .container {
        padding: 0em;
        background-color: #F1F1F1;
        border-top: 1px dotted #ccc;
        -webkit-border-radius: 0px 0px 5px 5px;
        -moz-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px;
        -moz-box-shadow: 0 0 -5px #5b6d8d;
        -webkit-box-shadow: 0 0 -5px #5b6d8d;
        box-shadow: 0 0 -5px #5b6d8d;
    }

.footer {
    height: auto;
    padding: 0;
    margin: 0 !important;
    padding-left: 1em;
    padding-right: 1em;
    background-color: #425371;
}

    .footer .container {
    }

.copy {
    background-color: hsla(218, 26%, 35%, 0.95);
    text-align: center;
    height: auto;
    padding: 0;
    margin: 0 !important;
    padding-left: 1em;
    padding-right: 1em;
    border-top: 0px solid #333;
}

    .copy .container {
        padding: 1.5em 0em 1.5em 0em;
    }

.topspacer {
    height: 6em;
}

.botspacer {
    height: 6em;
}

#logo {
    /*height: 100%;*/
    padding-bottom: 0em;
    text-align: left;
}

#head1 {
    /*height: 100%;*/
    padding-bottom: 0em;
    text-align: right;
    font-size: 12px;
}

#navmenu {
    height: auto;
    padding-top: 0em;
    float: left;
    padding-top: .25em;
    padding-bottom: .25em;
    text-align: left;
}

#tagline {
    height: 100%;
    padding-top: .25em;
    text-align: right;
    vertical-align: middle;
}

#searchdiv {
    height: 100%;
    text-align: right;
}

#component {
    padding-bottom: 2.5em;
}

.fpimage img {
    background-color: #e7e7e7;
    padding: 3px;
}

#tagline .input {
    width: 100%;
}

/*MAIN RIGHT & LEFT COLUMNS STYLING*/
#right .span3 {
    padding-top: 3em;
}

#left .span3 {
    padding-top: 3em;
}

/*HEAD2 POSITION MODULE STYLING*/
.moduletable_head1 {
    padding-top: 1.5em;
    color: #777;
    font-weight: normal;
    font-size: 12px;
}

    .moduletable_head1 a {
        color: #777;
        text-decoration: none;
    }

        .moduletable_head1 a:visited {
            color: #777;
            text-decoration: none;
        }

        .moduletable_head1 a :hover {
            color: #647ca7;
            text-decoration: none;
        }

    .moduletable_head1 img {
        margin-right: 10px;
        margin-top: -4px;
    }

    .moduletable_head1 strong {
        color: #425371;
    }

/*ICONS POSITIONING & STYLING _icons*/
.moduletable_icons {
    color: #999;
    margin-top: 6px;
}

    .moduletable_icons img {
        margin: 5px 0px 0px 10px;
    }

/*ADDTHIS POSITION MODULE STYLING*/
.moduletable_addthis {
    padding-top: 4px;
    padding-bottom: 0px;
    text-align: right;
}

/*BOTTOM POSITION MODULE STYLING*/
.moduletable_bottom {
    color: #333;
    font-style: normal;
    padding: 2em 0em 1.5em 0em;
}

    .moduletable_bottom a {
        color: #333;
        text-decoration: none;
    }

        .moduletable_bottom a:visited {
            color: #333;
            text-decoration: none;
        }

        .moduletable_bottom a:hover {
            color: #222;
            text-decoration: underline;
        }

    .moduletable_bottom table {
        padding: 0px;
    }

        .moduletable_bottom table tr td {
            padding: 0px;
        }

/*SHOWCASE1 MODULE STYLING*/


/*SHOWCASE2 MODULE STYLING*/
.moduletable_showcase2 h3 {
    width: 99%;
    color: #425371;
    font-size: 1.5em;
    padding-top: 0.75em;
    font-size: 2em;
}

.moduletable_showcase2 {
    padding: 0em;
    color: #5e5e5e;
    font-weight: normal;
    overflow: hidden;
    height: auto;
    margin-left: -3em;
    margin-bottom: 2em;
}

    .moduletable_showcase2 a {
        color: #425371;
        text-decoration: none;
    }

        .moduletable_showcase2 a:visited {
            color: #425371;
            text-decoration: none;
        }

        .moduletable_showcase2 a:hover {
            color: #647ca7;
            text-decoration: none;
        }

    .moduletable_showcase2 img {
        margin-right: 10px;
        margin-top: -4px;
    }

    .moduletable_showcase2 ul {
        margin-bottom: -20px;
    }

        .moduletable_showcase2 ul li {
            margin-left: -24px;
            border-bottom: 0px dotted #dddddd;
            padding: 2px 0px 2px 16px;
            list-style: none;
            background-image: url(../images/liststyle-arrow.png);
            background-repeat: no-repeat;
            background-position: center left;
        }

.moduletable_top {
    color: #e7e7e7;
}

    .moduletable_top a {
        color: #e7e7e7;
        text-decoration: none;
    }

        .moduletable_top a:visited {
            color: #e7e7e7;
            text-decoration: none;
        }

        .moduletable_top a:hover {
            color: #fff;
            text-decoration: none;
        }

    .moduletable_top img {
        margin-left: 5px;
    }

/*------------------- BEGIN LINK COLOR STYLES --------------------------*/

/*CONTENTTOP MODULE STYLING*/
.moduletable_contenttop h3 {
    margin-top: -0.250em;
    font-size: 1.5em;
    color: #ccc;
    line-height: 1.6em;
}

.moduletable_contenttop {
    color: #5e5e5e;
    border: 1px solid #e7e7e7;
    padding: 20px;
    background-color: #f9f9f9;
    margin-top: 3em;
    margin-bottom: 3em;
    /*radius*/ -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
}

    .moduletable_contenttop a {
        color: #336699;
        text-decoration: none;
    }

        .moduletable_contenttop a:visited {
            color: #336699;
            text-decoration: none;
        }

        .moduletable_contenttop a:hover {
            color: #255483;
            text-decoration: none;
        }

/*CONTENTTOP NO STYLE - STYLING*/
.moduletable_contenttopnone h3 {
    margin-top: 0em;
    font-size: 1.5em;
    color: #ccc;
    line-height: 1.6em;
}

.moduletable_contenttopnone {
    color: #5e5e5e;
    margin-top: 3em;
    margin-bottom: 1.5em;
}

    .moduletable_contenttopnone a {
        color: #336699;
        text-decoration: none;
    }

        .moduletable_contenttopnone a:visited {
            color: #336699;
            text-decoration: none;
        }

        .moduletable_contenttopnone a:hover {
            color: #255483;
            text-decoration: none;
        }

/*CONTENTBOT MODULE STYLING*/
.moduletable_contentbot h3 {
    margin-top: 0px;
    line-height: 1.6em;
    color: #425371;
}

.moduletable_contentbot {
    border-left: 5px solid #425371;
    color: #5e5e5e;
    margin-top: 0em;
    margin-bottom: 2.5em;
    padding-left: 15px;
    padding-bottom: 5px;
    font-style: italic;
}

    .moduletable_contentbot a {
        color: #336699;
        text-decoration: none;
    }

        .moduletable_contentbot a:visited {
            color: #336699;
            text-decoration: none;
        }

        .moduletable_contentbot a:hover {
            color: #255483;
            text-decoration: none;
        }

/*CONTENTBOT STYLING FOR CONTACT FORM*/
.moduletable_contentbotform {
    color: #5e5e5e;
    margin-top: 1em;
    margin-bottom: 1em;
}

/*RIGHT REGULAR STYLE MODULE _right */
.moduletable_right h3 {
    width: 100%;
    color: #777;
    margin: -10px 0px 18px 0px;
    padding: 0px 0px 18px 0px;
    font-size: 1.5em;
    background-image: url(../images/side-title.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.moduletable_right {
    margin-bottom: 4em;
    color: #888;
    background-color: #fff;
    padding: 0px;
}

    .moduletable_right a {
        color: #336699;
        text-decoration: none;
    }

        .moduletable_right a:visited {
            color: #336699;
            text-decoration: none;
        }

        .moduletable_right a:hover {
            color: #255483;
            text-decoration: none;
        }

/*RIGHTLIST UNORDERED LIST MODULE STYLING _rightlist*/
.moduletable_rightlist h3 {
    width: 100%;
    color: #777;
    margin: -30px 0px 10px 0px;
    padding: 0px 0px 18px 0px;
    font-size: 1.5em;
    background-image: url(../images/side-title.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.moduletable_rightlist {
    margin-bottom: 5em;
    color: #888;
    padding-top: 20px;
}

    .moduletable_rightlist ul li {
        margin-left: -24px;
        border-bottom: 1px dotted #dddddd;
        padding: 8px 0px 8px 16px;
        list-style: none;
        background-image: url(../images/liststyle-arrow.png);
        background-repeat: no-repeat;
        background-position: center left;
    }

    .moduletable_rightlist a {
        color: #888888;
        text-decoration: none;
    }

        .moduletable_rightlist a:visited {
            color: #888888;
            text-decoration: none;
        }

        .moduletable_rightlist a:hover {
            color: #255483;
            text-decoration: none;
        }

/*RIGHT BOX MODULE STYLING _rightbox*/
.moduletable_rightbox h3 {
    display: none;
}

.moduletable_rightbox {
    margin-bottom: 4em;
    color: #888;
    padding: 20px;
    border: 1px solid #e7e7e7;
}

    .moduletable_rightbox a {
        color: #336699;
        text-decoration: none;
    }

        .moduletable_rightbox a:visited {
            color: #336699;
            text-decoration: none;
        }

        .moduletable_rightbox a:hover {
            color: #255483;
            text-decoration: none;
        }

/*RIGHT REGULAR STYLE MODULE _right */
.moduletable_righttestimonials h3 {
    width: 100%;
    color: #777;
    margin: -10px 0px 18px 0px;
    padding: 0px 0px 18px 0px;
    font-size: 1.5em;
    background-image: url(../images/side-title.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    font-style: normal;
}

.moduletable_righttestimonials {
    margin-bottom: 4em;
    color: #888;
    background-color: #fff;
    padding: 0px;
    font-style: italic;
}

    .moduletable_righttestimonials div#srq_author {
        font-style: normal;
        font-weight: bold;
    }

    .moduletable_righttestimonials a {
        color: #336699;
        text-decoration: none;
    }

        .moduletable_righttestimonials a:visited {
            color: #336699;
            text-decoration: none;
        }

        .moduletable_righttestimonials a:hover {
            color: #255483;
            text-decoration: none;
        }

/*RIGHTROTATE RANDOM IMAGE ROTATOR SYTLING _rightrotate */
.moduletable_rightrotate h3 {
    display: none;
}

.moduletable_rightrotate {
    margin-top: 40px;
    margin-bottom: 4em;
    color: #888;
    background-color: #fff;
    padding: 10px 0px 0px 0px;
    border: 1px solid #e7e7e7;
}

    .moduletable_rightrotate img {
        width: 100%;
    }

/*--------------------------------------------------------------------------------------------*/

/*RIGHT REGULAR STYLE MODULE _right */
.moduletable_left h3 {
    width: 100%;
    color: #777;
    margin: -10px 0px 18px 0px;
    padding: 0px 0px 18px 0px;
    font-size: 1.5em;
    background-image: url(../images/side-title.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.moduletable_left {
    margin-bottom: 4em;
    color: #888;
    background-color: #fff;
    padding: 0px;
}

    .moduletable_left a {
        color: #336699;
        text-decoration: none;
    }

        .moduletable_left a:visited {
            color: #336699;
            text-decoration: none;
        }

        .moduletable_left a:hover {
            color: #255483;
            text-decoration: none;
        }

/*RIGHTLIST UNORDERED LIST MODULE STYLING _rightlist*/
.moduletable_leftlist h3 {
    width: 100%;
    color: #777;
    margin: -30px 0px 10px 0px;
    padding: 0px 0px 18px 0px;
    font-size: 1.5em;
    background-image: url(../images/side-title.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.moduletable_leftlist {
    margin-bottom: 5em;
    color: #888;
    padding-top: 20px;
}

    .moduletable_leftlist ul li {
        margin-left: -24px;
        border-bottom: 1px dotted #dddddd;
        padding: 8px 0px 8px 16px;
        list-style: none;
        background-image: url(../images/liststyle-arrow.png);
        background-repeat: no-repeat;
        background-position: center left;
    }

    .moduletable_leftlist a {
        color: #888888;
        text-decoration: none;
    }

        .moduletable_leftlist a:visited {
            color: #888888;
            text-decoration: none;
        }

        .moduletable_leftlist a:hover {
            color: #255483;
            text-decoration: none;
        }

/*RIGHT BOX MODULE STYLING _rightbox*/
.moduletable_leftbox h3 {
    display: none;
}

.moduletable_leftbox {
    margin-bottom: 4em;
    color: #888;
    padding: 20px;
    border: 1px solid #e7e7e7;
}

    .moduletable_leftbox a {
        color: #336699;
        text-decoration: none;
    }

        .moduletable_leftbox a:visited {
            color: #336699;
            text-decoration: none;
        }

        .moduletable_leftbox a:hover {
            color: #255483;
            text-decoration: none;
        }

/*RIGHT REGULAR STYLE MODULE _right */
.moduletable_lefttestimonials h3 {
    width: 100%;
    color: #777;
    margin: -10px 0px 18px 0px;
    padding: 0px 0px 18px 0px;
    font-size: 1.5em;
    background-image: url(../images/side-title.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    font-style: normal;
}

.moduletable_lefttestimonials {
    margin-bottom: 4em;
    color: #888;
    background-color: #fff;
    padding: 0px;
    font-style: italic;
}

    .moduletable_lefttestimonials div#srq_author {
        font-style: normal;
        font-weight: bold;
    }

    .moduletable_lefttestimonials a {
        color: #336699;
        text-decoration: none;
    }

        .moduletable_lefttestimonials a:visited {
            color: #336699;
            text-decoration: none;
        }

        .moduletable_lefttestimonials a:hover {
            color: #255483;
            text-decoration: none;
        }

/*RIGHTROTATE RANDOM IMAGE ROTATOR SYTLING _rightrotate */
.moduletable_leftrotate h3 {
    display: none;
}

.moduletable_leftrotate {
    margin-top: 40px;
    margin-bottom: 4em;
    color: #888;
    background-color: #fff;
    padding: 10px 0px 0px 0px;
    border: 1px solid #e7e7e7;
}

    .moduletable_leftrotate img {
        width: 100%;
    }

/*--------------------------------------------------------------------------------------------*/

/*SPOTLIGHT POSITION MODULE STYLING*/
.moduletable_spotlight h3 {
    margin-top: -5px;
    color: #e7e7e7;
}

.moduletable_spotlight {
    color: #5e5e5e;
    font-size: 1.0em;
    font-style: italic;
    padding: 3em 0em 3em 0em;
}

    .moduletable_spotlight a {
        color: #336699;
        text-decoration: none;
    }

        .moduletable_spotlight a:visited {
            color: #336699;
            text-decoration: none;
        }

        .moduletable_spotlight a:hover {
            color: #255483;
            text-decoration: underline;
        }

    .moduletable_spotlight i {
        color: #fff;
    }

/*MAINTOP POSITION STYLING _maintop*/
.moduletable_maintop h3 {
    margin-top: -5px;
    color: #5e5e5e;
}

.moduletable_maintop {
    padding: 20px 0px 20px 0px;
    border: 0px solid #f7f7f7;
    text-align: center;
}

    .moduletable_maintop img {
        margin-top: 10px;
    }

    .moduletable_maintop a {
        color: #336699;
        text-decoration: none;
    }

        .moduletable_maintop a:visited {
            color: #336699;
            text-decoration: none;
        }

        .moduletable_maintop a:hover {
            color: #255483;
            text-decoration: none;
        }

/*MAINCENTER MODULE STYLING*/
.moduletable_maincenter h2 {
    margin-top: -10px;
}

.moduletable_maincenter h3 {
    font-size: 1.5em;
    color: #666; /*CS*/
    font-weight: normal;
    margin-top: 0em;
    margin-bottom: 20px;
    line-height: 1.6em;
}

.moduletable_maincenter {
    padding: 1em 0em 0em 0em;
}

    .moduletable_maincenter a {
        color: #336699;
        text-decoration: none;
    }

        .moduletable_maincenter a:visited {
            color: #336699;
            text-decoration: none;
        }

        .moduletable_maincenter a:hover {
            color: #255483;
            text-decoration: none;
        }

/*MAINCENTERBOX MODULE STYLING*/
.moduletable_maincenterbox h2 {
    margin-top: -10px;
}

.moduletable_maincenterbox h3 {
    font-size: 1.5em;
    color: #e7e7e7; /*CS*/
    font-weight: normal;
    margin-top: -5px;
    margin-bottom: 10px;
    line-height: 1.6em;
}

.moduletable_maincenterbox {
    padding: 20px;
    background-color: #425371;
    color: #ddd;
    margin-top: 30px;
    /*radius*/ -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
}

    .moduletable_maincenterbox a {
        color: #f9f9f9;
        text-decoration: none;
    }

        .moduletable_maincenterbox a:visited {
            color: #f9f9f9;
            text-decoration: none;
        }

        .moduletable_maincenterbox a:hover {
            color: #fff;
            text-decoration: underline;
        }

/*MAINBOTTOM MODULE STYLING*/
.moduletable_mainbottom h3 {
    margin-top: -5px;
    color: #666;
}

.moduletable_mainbottom {
    padding: 3em 0em 3em 0em;
}

    .moduletable_mainbottom a {
        color: #336699;
        text-decoration: none;
    }

        .moduletable_mainbottom a:visited {
            color: #336699;
            text-decoration: none;
        }

        .moduletable_mainbottom a:hover {
            color: #255483;
            text-decoration: none;
        }

    .moduletable_mainbottom h3#favimagehover-title {
        margin-top: 0px;
    }

    .moduletable_mainbottom table {
        padding: 0px;
    }

        .moduletable_mainbottom table tr td {
            padding: 0px;
        }

/*MAINBOTTOM BOX MODULE STYLING*/
.moduletable_mainbottombox h3 {
    margin-top: -5px;
    color: #666;
}

.moduletable_mainbottombox {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    margin: 3em 0em 3em 0em;
    color: #5e5e5e;
    /*radius*/ -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
}

    .moduletable_mainbottombox a {
        color: #336699;
        text-decoration: none;
    }

        .moduletable_mainbottombox a:visited {
            color: #336699;
            text-decoration: none;
        }

        .moduletable_mainbottombox a:hover {
            color: #255483;
            text-decoration: none;
        }

    .moduletable_mainbottombox h3#favimagehover-title {
        margin-top: 0px;
    }

    .moduletable_mainbottombox table {
        padding: 0px;
        background-color: #f9f9f9;
        border-top: 1px solid #e7e7e7;
        border-left: 1px solid #e7e7e7;
        border-right: 1px solid #e7e7e7;
    }

        .moduletable_mainbottombox table tr td {
            padding: 5px 10px 5px 10px;
        }

        .moduletable_mainbottombox table tr {
            border-bottom: 1px solid #e7e7e7;
        }

            .moduletable_mainbottombox table tr:hover {
                background-color: #fff;
            }

    .moduletable_mainbottombox p {
        padding-bottom: 10px;
    }

    .moduletable_mainbottombox table tr td a {
        color: #5e5e5e;
        text-decoration: none;
    }

        .moduletable_mainbottombox table tr td a:visited {
            color: #5e5e5e;
            text-decoration: none;
        }

        .moduletable_mainbottombox table tr td a:hover {
            color: #255483;
            text-decoration: none;
        }

#maincontent a {
    color: #336699;
    text-decoration: none;
}

    #maincontent a:visited {
        color: #336699;
        text-decoration: none;
    }

    #maincontent a:hover {
        color: #255483;
        text-decoration: none;
    }

/*------------------- END LINK COLOR STYLES --------------------------*/

/*FEATURE COLOR POSITION MODULE STYLING*/
.moduletable_feature h3 {
    margin-top: -5px;
    color: #fff;
}

.moduletable_feature {
    padding: 30px 0px 30px 0px;
    color: #dddddd;
}

    .moduletable_feature a {
        color: #e7e7e7;
        text-decoration: none;
    }

        .moduletable_feature a:visited {
            color: #e7e7e7;
            text-decoration: none;
        }

        .moduletable_feature a:hover {
            color: #fff;
            text-decoration: none;
        }

    .moduletable_feature table tr td {
        padding: 0px;
    }

/*FOOTER POSITION MODULE STYLING*/
.moduletable_footer h3 {
    color: #e7e7e7;
    margin-top: -0.500em;
    line-height: 1.6em;
    padding-bottom: 5px;
}

.moduletable_footer {
    color: #ccc;
    padding-top: 4em;
    padding-bottom: 4em;
}

    .moduletable_footer a {
        color: #e7e7e7;
        text-decoration: none;
    }

        .moduletable_footer a:visited {
            color: #e7e7e7;
            text-decoration: none;
        }

        .moduletable_footer a:hover {
            color: #fff;
            text-decoration: none;
        }

    .moduletable_footer img {
        margin: 0px 5px 5px 5px;
    }

    .moduletable_footer table tr td {
        padding: 0px;
    }

/*COPYRIGHT POSITION MODULE STYLING*/
.moduletable_copy {
    font-size: 0.850em;
    color: #ccc;
}

    .moduletable_copy a {
        color: #ccc;
        text-decoration: none;
    }

        .moduletable_copy a:visited {
            color: #ccc;
            text-decoration: none;
        }

        .moduletable_copy a:hover {
            color: #e7e7e7;
            text-decoration: none;
        }

.moduletable_logo {
    padding-top: 0em;
    padding-bottom: 0em;
    width: 100%;
    text-align: left;
    color: #e7e7e7;
    text-transform: uppercase;
    font-size: 2.20em;
}

    .moduletable_logo a {
        color: #e7e7e7;
        text-decoration: none;
    }

        .moduletable_logo a:visited {
            color: #e7e7e7;
            text-decoration: none;
        }

        .moduletable_logo a:hover {
            color: #e7e7e7;
            text-decoration: none;
        }

    .moduletable_logo img {
        width: 63%;
    }

.moduletable_bread {
    color: #5e5e5e;
    font-weight: normal;
    font-size: 11px;
}

    .moduletable_bread a {
        color: #5e5e5e;
        text-decoration: none;
    }

        .moduletable_bread a:visited {
            color: #5e5e5e;
            text-decoration: none;
        }

        .moduletable_bread a:hover {
            color: #333;
            text-decoration: none;
        }

    .moduletable_bread ul {
        margin-left: -30px;
        margin-top: 5px;
    }

        .moduletable_bread ul li {
            display: inline;
            margin-top: 0;
            margin-left: 0px;
        }

    .moduletable_bread span.divider {
        padding: 0px 8px 0px 8px;
    }

.moduletable_search input {
    background-color: #fff;
    color: #888;
}

.moduletable_search {
    float: right;
    text-align: right;
    margin-bottom: -10px;
    margin-top: 10px;
}

/*Search Styling*/
input.search-query {
    padding: 4px 0px 4px 10px;
    margin-bottom: 0px;
    margin-right: -6px;
    background-color: #fff;
    font-size: 12px;
    border: 0px solid #e7e7e7;
    /*radius*/ -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
}

/*TYPOGRAPHY ---------------------------------------------------------------- */

.page-header {
    margin-bottom: 0px;
    margin-top: -10px;
    border-bottom: 0px;
}
/*DO NOT REMOVE*/
.tagline {
    font-size: 1.25em;
    color: #666;
    font-style: italic;
    line-height: 1.6em;
    display: inline-block;
    margin-top: 12px;
    margin-bottom: 10px;
}

.title1 {
    font-size: 1.75em;
    color: #425371;
    line-height: 1.6em;
    display: inline-block;
    margin-top: -10px;
    margin-bottom: 0px;
}

.title2 {
    font-size: 1.75em;
    color: #fff;
    line-height: 1.6em;
    display: inline-block;
    margin-top: -8px;
    margin-bottom: -10px;
}

.h4color {
    font-size: 1.35em;
    color: #336699;
    font-weight: normal;
}

h1, .componentheading {
    font-size: 2.25em;
    color: #5e5e5e; /*CS*/
    font-weight: normal;
    margin-top: 1.0em;
    margin-bottom: 20px;
    line-height: 1.6em;
}

h2, .contentheading {
    font-size: 2.25em;
    color: #425371; /*CS*/
    font-weight: normal;
    margin-top: 1.25em;
    margin-bottom: 10px;
    line-height: 1.6em;
}

legend {
    font-size: 1.75em;
    color: #444444; /*CS*/
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 15px;
    line-height: 1.6em;
    border: none;
}

fieldset.formFieldset legend {
    font-size: 1.750em;
}

h3 {
    font-size: 1.75em;
    color: #444;
    line-height: 1.6em;
    font-weight: normal;
    margin-top: 0px;
}

    h3 a {
        font-size: 1.75em;
        color: #444;
    }

h4 {
    font-size: 1.30em;
    color: #425371;
    font-weight: normal;
}

h5 {
    font-size: 1.0em;
}

h6 {
    font-size: .850em;
}


input#Uploads {
    background-color: #F7F7F7;
    color: #5e5e5e;
}

table tr td img {
}

table tr td {
    padding: 1em 1em 1em 1em;
}

/*TEMPLATE INDIVIDUAL MEDIA QUERIES BY POSITION--------------------------------------------------------------- */

/*PHONE*/ @media (max-width: 767px) {

    .phone {
        display: none !important;
    }

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

    table tr td {
        width: auto;
        display: inline-block;
        overflow: hidden;
    }

    .navigation {
        height: auto;
        background-repeat: repeat;
        height: auto;
        padding-top: 0em;
        padding-bottom: 0em;
        margin: 0 !important;
        padding-right: 0em;
        padding-left: 0em;
        z-index:;
    }

    .moduletable_logo img {
        width: 80%;
    }

    .moduletable_logo {
        text-align: center;
    }

    h2, .contentheading {
        font-size: 2.25em;
        color: #425371; /*CS*/
        font-weight: normal;
        margin-top: 1.25em;
        margin-bottom: 10px;
        line-height: 1.4em;
    }

    table#jobs tr td {
        border: solid #e7e7e7 1px;
        background-color: #fff;
        padding: 10px;
        display: inline-block;
        margin: 0px;
    }

        table#jobs tr td:hover {
            border: solid #e7e7e7 1px;
            background-color: #f9f9f9;
            padding: 10px;
        }

        table#jobs tr td img {
            border: 1px solid #e7e7e7;
        }

    .moduletable_top {
        color: #e7e7e7;
        float: none;
    }

        .moduletable_top a {
            color: #e7e7e7;
            text-decoration: none;
        }

            .moduletable_top a:visited {
                color: #e7e7e7;
                text-decoration: none;
            }

            .moduletable_top a:hover {
                color: #fff;
                text-decoration: none;
            }

        .moduletable_top img {
            margin-left: 0px;
        }

    .moduletable_right {
        margin-bottom: 3em;
        color: #888;
        background-color: #fff;
        padding: 0px;
    }

    .moduletable_rightlist {
        margin-bottom: 3em;
        color: #888;
        padding-top: 20px;
    }

    .moduletable_rightbox {
        margin-bottom: 3em;
        color: #888;
        padding: 20px;
        border: 1px solid #e7e7e7;
    }

    .moduletable_righttestimonials {
        margin-bottom: 3em;
        color: #888;
        background-color: #fff;
        padding: 0px;
        font-style: italic;
    }

    .moduletable_rightrotate {
        margin-top: 40px;
        margin-bottom: 3em;
        color: #888;
        background-color: #fff;
        padding: 10px 0px 0px 0px;
        border: 1px solid #e7e7e7;
    }

    .moduletable_left {
        margin-bottom: 3em;
        color: #888;
        background-color: #fff;
        padding: 0px;
    }

    .moduletable_leftlist {
        margin-bottom: 4em;
        color: #888;
        padding-top: 20px;
    }

    .moduletable_leftbox {
        margin-bottom: 3em;
        color: #888;
        padding: 20px;
        border: 1px solid #e7e7e7;
    }

    .moduletable_lefttestimonials {
        margin-bottom: 3em;
        color: #888;
        background-color: #fff;
        padding: 0px;
        font-style: italic;
    }

    .moduletable_leftrotate {
        margin-top: 40px;
        margin-bottom: 3em;
        color: #888;
        background-color: #fff;
        padding: 10px 0px 0px 0px;
        border: 1px solid #e7e7e7;
    }

    .moduletable_maintop {
        padding-bottom: 0em;
    }

    #maincontent table {
        overflow: hidden;
    }

    .maintop .container {
        padding-bottom: 3em;
    }

    .moduletable_maincenter {
        padding-bottom: 2em;
    }

        .moduletable_maincenter h2 {
            margin-top: -20px;
        }

    .moduletable_maincenterbox {
        margin-top: 20px;
    }

    .maincenter .container {
        padding-bottom: 3em;
        padding-right: 10px;
    }

    .moduletable_mainbottom {
        padding-bottom: 0em;
    }

    .moduletable_mainbottombox {
        margin-bottom: 0em;
    }

    .mainbottom .container {
        padding-bottom: 3em;
    }

    .moduletable_footer {
        padding-bottom: 0em;
    }

    .moduletable_bottom {
        color: #333;
        font-style: normal;
        padding: 2em 0em 2em 0em;
    }

    .footer .container {
        padding-bottom: 4em;
    }

    #component {
        padding-bottom: 3em;
    }

    .moduletable_contentbot {
        margin-top: 0em;
        margin-bottom: 4em;
    }

    .moduletable_contentbotform {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    #right .span3 {
        padding-top: 0em;
    }

    td {
        display: block;
        width: 100%;
    }

    div#maincontent div#component div.item-page pre {
        width: 86%;
    }

    .showcase .container {
        height: auto;
        overflow: hidden;
        margin-top: 0em;
        margin-bottom: 0em;
        background-color: #202020;
    }

    .showcase .row .span10 {
        margin-left: -2em;
        overflow: hidden;
        margin-right: -2em;
        height: 48%;
    }

    .showcase .row .span2 {
        width: auto;
        height: auto;
    }

    .showcase1 {
        padding-right: 0em;
    }

    .moduletable_showcase1 {
        padding-right: 0em;
    }

    .showcase2 {
    }

    .moduletable_showcase2 h3 {
        width: 99%;
        color: #425371;
        font-size: 1.5em;
        padding-top: 0.5em;
        font-size: 2em;
        text-align: left;
    }

    .moduletable_showcase2 {
        padding: 0em;
        color: #5e5e5e;
        font-weight: normal;
        overflow: hidden;
        height: auto;
        margin-left: 0em;
        margin-bottom: 2em;
        text-align: left;
    }

    .smallbuttons {
        width: 100%;
        height: auto;
        float: left;
        overflow: hidden;
        -ms-word-wrap:: break-word; /* IE8 and below */
        display: inline-block\9;
    }

    .bigbuttons {
        width: 100%;
        height: auto;
        float: left;
        overflow: hidden;
        -ms-word-wrap:: break-word; /* IE8 and below */
        display: inline-block\9;
    }

    .calicons {
        width: 100%;
        height: auto;
        float: left;
        overflow: hidden;
        -ms-word-wrap:: break-word; /* IE8 and below */
        display: inline-block\9;
    }

    #navmenu .moduletable_navmenu select #dj-main100select.inputbox.dj-select {
        width: 100%;
    }

    .pagination {
        height: 40px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 30px;
        margin-left: 0px;
        font-size: 11px;
    }

        .pagination a, .pagination span {
            padding: 0px 10px 0px 10px;
        }

    #contact {
        padding-top: 20px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    }

    section#contact.content {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    form#contact-form.form-horizontal.contact-form fieldset div.control-group div.controls input {
        width: 80%;
    }

    form#contact-form.form-horizontal.contact-form fieldset div.control-group div.controls select {
        width: 80%;
    }

    form#contact-form.form-horizontal.contact-form fieldset div.control-group div.controls textarea {
        width: 80%;
    }

    #navmenu {
        height: auto;
        float: left;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

        #navmenu select {
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

    div.moduletable_navmenu {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
    }

        div.moduletable_navmenu select {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

    #navmenu .moduletable_navmenu select #dj-main100select.inputbox.dj-select {
        width: 100%;
    }

    .dj-select {
        display: none;
        margin-top: 0px;
        margin-right: 10px;
        margin-bottom: 0px;
        margin-left: 15px;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        font-size: 1.5em;
        max-width: 100%;
        height: auto;
    }

    #component a.blackbutton, #component a.blackbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.tanbutton, #component a.tanbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.greybutton, #component a.greybutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.silverbutton, #component a.silverbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.goldbutton, #component a.goldbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.pinkbutton, #component a.pinkbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.bluebutton, #component a.bluebutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.navybutton, #component a.navybutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.greenbutton, #component a.greenbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.darkgreenbutton, #component a.darkgreenbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.tealbutton, #component a.tealbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.orangebutton, #component a.orangebutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.peachbutton, #component a.peachbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.purplebutton, #component a.purplebutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.redbutton, #component a.redbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.tempcolor-button, #component a.tempcolor-button:hover {
        display: inline-block;
        margin-bottom: 12px;
    }


    #component a.tanbutton-big, #component a.tanbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.blackbutton-big, #component a.blackbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.greybutton-big, #component a.greybutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.silverbutton-big, #component a.silverbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.goldbutton-big, #component a.goldbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.pinkbutton-big, #component a.pinkbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.bluebutton-big, #component a.bluebutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.navybutton-big, #component a.navybutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.greenbutton-big, #component a.greenbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.darkgreenbutton-big, #component a.darkgreenbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.tealbutton-big, #component a.tealbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.orangebutton-big, #component a.orangebutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.purplebutton-big, #component a.purplebutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.redbutton-big, #component a.redbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.peachbutton-big, #component a.peachbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }
}

/*TABLET*/ @media (min-width: 768px) and (max-width: 979px) {

    .tablet {
        display: none !important;
    }

    .showcase .container {
        height: 100%;
        overflow: hidden;
        margin-top: 0em;
        margin-bottom: 0em;
        background-color: #202020;
    }

    .showcase .row .span10 {
        margin-left: 0em;
        overflow: hidden;
        margin-right: -2em;
        width: 100%;
    }

    .showcase .row .span2 {
        width: 0;
    }

    .showcase1 {
        padding-right: 0em;
        margin-right: -2em;
    }

    .moduletable_showcase1 {
        padding-right: 0em;
        width: 100%;
        margin-right: -2em;
    }

    .showcase2 {
    }

    .moduletable_icons img {
        margin-top: 14px;
    }

    .moduletable_logo {
        padding-top: 0em;
        padding-bottom: 0em;
        width: 100%;
        text-align: left;
    }

        .moduletable_logo img {
            width: 80%;
        }

    .moduletable_head1 {
        padding-top: 0.75em;
        font-size: 12px;
    }

    .moduletable_maincenter .tempcolor-circlenumber {
        margin-bottom: 40px;
    }

    .moduletable_bottom {
        padding: 2em 0em 2em 0em;
    }

    .title1 {
        font-size: 1.60em;
        display: inline-block;
        margin-top: -5px;
    }

    .topdiv {
        padding-bottom: 0.6em;
        padding-top: 0.6em;
    }

    .moduletable_top {
        color: #e7e7e7;
    }

        .moduletable_top a {
            color: #e7e7e7;
            text-decoration: none;
        }

            .moduletable_top a:visited {
                color: #e7e7e7;
                text-decoration: none;
            }

            .moduletable_top a:hover {
                color: #fff;
                text-decoration: none;
            }

        .moduletable_top img {
            margin-left: 5px;
        }

    .moduletable_footer .footer-blocknumber {
        display: none;
    }

    .moduletable_footer img {
        margin: 0px 5px 5px 5px;
    }

    .utility .container {
        padding: 1em 0em 0.5em 0em;
    }

    div#maincontent div#component div.item-page pre {
        width: 95%;
    }

    .smallbuttons {
        width: 100%;
        height: auto;
        float: left;
        overflow: hidden;
    }

    .bigbuttons {
        width: 100%;
        height: auto;
        float: left;
        overflow: hidden;
    }

    .calicons {
        width: 100%;
        height: auto;
        float: left;
        overflow: hidden;
    }

    form#contact-form.form-horizontal.contact-form fieldset div.control-group div.controls textarea {
        width: 80%;
    }

    .dj-select {
        display: none;
        margin-top: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-left: 15px;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        font-size: 1.5em;
        max-width: 100%;
        height: auto;
    }

    #navmenu select {
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        font-size: 12px;
        font-weight: normal;
    }

    div.moduletable_navmenu {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
    }

    #navmenu .moduletable_navmenu select #dj-main100select.inputbox.dj-select {
        width: 50%;
    }

    #component a.blackbutton, #component a.blackbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.tanbutton, #component a.tanbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.greybutton, #component a.greybutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.silverbutton, #component a.silverbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.goldbutton, #component a.goldbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.pinkbutton, #component a.pinkbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.bluebutton, #component a.bluebutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.navybutton, #component a.navybutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.greenbutton, #component a.greenbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.darkgreenbutton, #component a.darkgreenbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.tealbutton, #component a.tealbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.orangebutton, #component a.orangebutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.peachbutton, #component a.peachbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.purplebutton, #component a.purplebutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.redbutton, #component a.redbutton:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.tempcolor-button, #component a.tempcolor-button:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.tanbutton-big, #component a.tanbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.blackbutton-big, #component a.blackbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.greybutton-big, #component a.greybutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.silverbutton-big, #component a.silverbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.goldbutton-big, #component a.goldbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.pinkbutton-big, #component a.pinkbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.bluebutton-big, #component a.bluebutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.navybutton-big, #component a.navybutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.greenbutton-big, #component a.greenbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.darkgreenbutton-big, #component a.darkgreenbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.tealbutton-big, #component a.tealbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.orangebutton-big, #component a.orangebutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.purplebutton-big, #component a.purplebutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.redbutton-big, #component a.redbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }

    #component a.peachbutton-big, #component a.peachbutton-big:hover {
        display: inline-block;
        margin-bottom: 12px;
    }
}

/*DESKTOP*/
.desktop {
    display: inherit;
}

.hidden-desktop {
    display: none;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable- input:focus {
    border-color: #ccc;
    box-shadow: none;
    -webkit-box-shadow: none;
    outline: -webkit-focus-ring-color auto 0px;
}

.btn {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #425371 !important;
    background-repeat: repeat-x;
    color: #fff !important;
    background-image: none;
    text-shadow: none;
    /*radius*/ -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
    border: none;
}

    .btn:hover {
        background-color: #374865;
        color: #fff;
        text-decoration: none;
    }

    .btn span {
        display: none;
    }

/*EXTENSION SPECIFIC ------------------------------------- */

/*GK TABS*/
.gkTabsItem {
    background-color: none;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
}

/*CONTACT FORM MODULE - contentbot*/
section#contact.content form#contact-form.form-horizontal.contact-form fieldset div.control-group div.controls button.btn {
    width: auto;
}

section#contact.content form#contact-form.form-horizontal.contact-form fieldset div.control-group div.controls button.btn {
    width /*\**/: 20%;\9
}
/*IE8 FIX*/
section#contact.content form#contact-form.form-horizontal.contact-form fieldset div.control-group div.controls button.btn {
    overflow /*\**/: visible;\9
}
/*IE8 FIX*/

/*SEARCH COMPONENT RESULTS*/
form#searchForm div.btn-toolbar div.btn-group.pull-left button.btn.hasTooltip {
    display: none;
}

.label-info, .badge-info {
    background-color: #666;
}

/*SIMPLE IMAGE GALLERY - SIGFREE PLUGIN*/
ul.sigFreeClassic li.sigFreeThumb span.sigFreeLinkWrapper {
    display: block;
    float: left;
    margin-top: -5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: -5px;
    padding: 0px;
    box-shadow: none;
    border: none;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right bottom;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
}

/*TWEET DISPLAY BACK*/
.TDB-tweet-text {
    padding-bottom: 10px;
    border-bottom: 0px dashed #333;
    margin-bottom: 6px;
    background-image: url(../images/tweetback.png);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 24px;
}

div.well.well-small.TDB-tweet {
    background-color: #7484A2;
    border: 1px solid #677897;
}

.TDB-tweet {
    background-color: none;
}

.TDB-footer-follow-link {
    font-weight: bold;
    text-align: left;
    margin-top: 0px;
}

/*DJ-MENU*/
.dj-main li a.dj-up_a {
    border-right: 1px solid #91a0ba;
}

ul#dj-main100.dj-main.allowHide {
    border-right: 0px solid #91a0ba;
}

/*Blog Details Date*/
dl.article-info.muted {
    margin-top: -12px;
    margin-bottom: 10px;
    margin-left: -10px;
}

dd.published img {
    background-image: none;
}

/*VIMEO VIDEO MODULE - FLEXI CUSTOM CODE*/

/*B2J-CONTACT FORM STYLING - SCHEDULE FORM STYLING*/
form#b2j_form_c612.b2j_form.b2jform-extended div.control-group {
    margin-bottom: 20px;
}

div#b2jcontainer_c612.b2jcontainer.b2j_contact {
    background-color: #fff;
    border: 0px solid #e7e7e7;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
}

    div#b2jcontainer_c612.b2jcontainer.b2j_contact h2 {
        display: none; /*background-color:#f4f4f4; color: #666; font-size:2.0em; padding-top:20px; margin-bottom:0px;*/
    }

div#b2jcontainer_c612 label {
    font-size: 12px;
}

div#b2jcontainer_c612 .btn {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 0px;
    background-color: #888888 !important;
    background-repeat: repeat-x;
    color: #fff !important;
    background-image: none;
    text-shadow: none; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
    border: none;
    text-transform: capitalize;
}

div#b2jcontainer_c612 .b2j_form input[type="text"]:hover, div#b2jcontainer_c612 .b2j_form textarea:hover, div#b2jcontainer_c612 .b2j_form input[type="text"]:focus, div#b2jcontainer_c612 .b2j_form textarea:focus {
    background-color: #fff;
    box-shadow: none;
    border-top-color: #ccc;
    border-right-color-value: #ccc;
    border-bottom-color: #ccc;
    border-left-color-value: #ccc;
}

div#b2jcontainer_c612 input, div#b2jcontainer_c612 label.checkbox { /*radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
}

form#b2j_form_c612.b2j_form.b2jform-extended div.b2j-contact-group-class div.control-group div.controls input {
    font-size: 12px;
}

form#b2j_form_c612.b2j_form.b2jform-extended div.b2j-contact-group-class div.control-group div.controls select {
    font-size: 12px;
}

form#b2j_form_c612.b2j_form.b2jform-extended div.b2j-contact-group-class div.control-group div.controls textarea {
    font-size: 12px;
}

div.chzn-drop {
    font-size: 12px;
}

/*B2J-CONTACT FORM STYLING - CONTACT FORM STYLING*/
form#b2j_form_c536.b2j_form.b2jform-extended div.control-group {
    margin-bottom: 20px;
}

div#b2jcontainer_c536.b2jcontainer.b2j_contact {
    background-color: #fff;
    border: 0px solid #e7e7e7;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
}

    div#b2jcontainer_c536.b2jcontainer.b2j_contact h2 {
        display: none; /*background-color:#f4f4f4; color: #666; font-size:2.0em; padding-top:20px; margin-bottom:0px;*/
    }

div#b2jcontainer_c536 label {
    font-size: 12px;
}

div#b2jcontainer_c536 .btn {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 0px;
    background-color: #888888 !important;
    background-repeat: repeat-x;
    color: #fff !important;
    background-image: none;
    text-shadow: none; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
    border: none;
    text-transform: capitalize;
}

div#b2jcontainer_c536 .b2j_form input[type="text"]:hover, div#b2jcontainer_c536 .b2j_form textarea:hover, div#b2jcontainer_c536 .b2j_form input[type="text"]:focus, div#b2jcontainer_c536 .b2j_form textarea:focus {
    background-color: #fff;
    box-shadow: none;
    border-top-color: #ccc;
    border-right-color-value: #ccc;
    border-bottom-color: #ccc;
    border-left-color-value: #ccc;
}

div#b2jcontainer_c536 input, div#b2jcontainer_c612 label.checkbox { /*radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
}

form#b2j_form_c536.b2j_form.b2jform-extended div.b2j-contact-group-class div.control-group div.controls input {
    font-size: 12px;
}

form#b2j_form_c536.b2j_form.b2jform-extended div.b2j-contact-group-class div.control-group div.controls select {
    font-size: 12px;
}

form#b2j_form_c536.b2j_form.b2jform-extended div.b2j-contact-group-class div.control-group div.controls textarea {
    font-size: 12px;
}

div.chzn-drop {
    font-size: 12px;
}

/*OTHER TYPOGRAPHY----------------------------------------*/
table#jobs tr td {
    border: solid #e7e7e7 1px;
    background-color: #fff;
    padding: 10px;
}

    table#jobs tr td:hover {
        border: solid #e7e7e7 1px;
        background-color: #f9f9f9;
        padding: 10px;
    }

    table#jobs tr td img {
        border: 1px solid #e7e7e7;
    }

table#team tr td {
    border: solid #e7e7e7 1px;
    background-color: #f9f9f9;
    padding: 20px;
}

    table#team tr td:hover {
        border: solid #e7e7e7 1px;
        background-color: #fff;
        padding: 20px;
    }

    table#team tr td img {
        border: 1px solid #e7e7e7;
    }

/*FOOTER BLOCK NUMBER STYLES*/
.footer-blocknumber {
    background-color: #202020;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ccc;
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
}


/*TEMPLATE COLOR BUTTON*/
a.tempcolor-button {
    background-color: #425371;
    color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
}

    a.tempcolor-button:hover {
        background-color: #374865;
        color: #fff;
        text-decoration: none;
    }

    a.tempcolor-button:visited {
        color: #fff;
    }

/*FEATURED DIV BUTTON*/
a.feature-button {
    background-color: #e7e7e7;
    color: #5e5e5e;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    text-decoration: none; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
    display: inline-block;
}

    a.feature-button:hover {
        background-color: #fff;
        color: #333;
        background-image: -ms-linear-gradient(top, #fff 0%, #e7e7e7 100%);
        background-image: -moz-linear-gradient(top, #fff 0%, #e7e7e7 100%);
        background-image: -o-linear-gradient(top, #fff 0%, #e7e7e7 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e7e7e7));
        background-image: -webkit-linear-gradient(top, #fff 0%, #e7e7e7 100%);
        background-image: linear-gradient(to bottom, #fff 0%, #e7e7e7 100%);
    }

    a.feature-button:visited {
        color: #5e5e5e;
    }

/*----------------------------------------------------------------------------*/

/*PRECODE - CODE FORMAT*/
pre {
    background-color: #f9f9f9;
    border-left: 5px solid #ccc;
    width: 96%;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-family: Monaco,Consolas,"Courier News",monospace;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.5;
    font-size-adjust: none;
    font-stretch: normal;
    -x-system-font: none;
    margin-top: 15px;
    margin-right: 0pt;
    margin-bottom: 15px;
    margin-left: 0pt;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
}

/*DROPCAP*/
.dropcap {
    display: block;
    float: left;
    font-family: Georgia,Times,serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 60px;
    line-height: 40px;
    font-size-adjust: none;
    font-stretch: normal;
    -x-system-font: none;
    padding-top: 7px;
    padding-right: 8px;
    padding-bottom: 0pt;
    padding-left: 0pt;
}

/*BLOCKQUOTE TYPO STYLING*/
blockquote {
    font-style: italic;
    font-size: 12px;
    color: #888;
}

    blockquote span.open {
        background-color: transparent;
        background-image: url("../images/block-open.png");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: left top;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
        padding-top: 0pt;
        padding-right: 0px;
        padding-bottom: 0pt;
        padding-left: 20px;
    }

    blockquote span.close {
        background-color: transparent;
        background-image: url("../images/block-close.png");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: right;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
        padding-top: 0pt;
        padding-right: 20px;
        padding-bottom: 0pt;
        padding-left: 0pt;
    }

/*EVENT ICON - CALENDAR-----------------------------*/
/*TEMPLATE COLOR*/
.event-tempcolor {
    width: 56px;
    height: 70px;
    float: left;
    display: inline-block;
    background-color: #E4693F;
    margin-right: 20px;
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    margin-bottom: 20px; /*radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #e7e7e7; /* future proofing */
}

/*BLUE COLOR*/
.event-blue {
    width: 56px;
    height: 70px;
    float: left;
    display: inline-block;
    background-color: #9EACC5;
    margin-right: 20px;
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    margin-bottom: 20px; /*radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff; /* future proofing */
}

/*NAVY COLOR*/
.event-navy {
    width: 56px;
    height: 70px;
    float: left;
    display: inline-block;
    background-color: #00264F;
    margin-right: 20px;
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    margin-bottom: 20px; /*radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff; /* future proofing */
}

/*MAROON COLOR*/
.event-tan {
    width: 56px;
    height: 70px;
    float: left;
    display: inline-block;
    background-color: #9E825C;
    margin-right: 20px;
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    margin-bottom: 20px; /*radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff; /* future proofing */
}

/*BLACK COLOR*/
.event-black {
    width: 56px;
    height: 70px;
    float: left;
    display: inline-block;
    background-color: #292929;
    margin-right: 20px;
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    margin-bottom: 20px; /*radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff; /* future proofing */
}

/*GREY COLOR*/
.event-grey {
    width: 56px;
    height: 70px;
    float: left;
    display: inline-block;
    background-color: #666;
    margin-right: 20px;
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    margin-bottom: 20px; /*radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff; /* future proofing */
}

/*SILVER COLOR*/
.event-silver {
    width: 56px;
    height: 70px;
    float: left;
    display: inline-block;
    background-color: #e7e7e7;
    margin-right: 20px;
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    margin-bottom: 20px; /*radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #5e5e5e; /* future proofing */
}

/*PINK COLOR*/
.event-pink {
    width: 56px;
    height: 70px;
    float: left;
    display: inline-block;
    background-color: #BF3D71;
    margin-right: 20px;
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    margin-bottom: 20px; /*radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff; /* future proofing */
}

/*GREEN COLOR*/
.event-green {
    width: 56px;
    height: 70px;
    float: left;
    display: inline-block;
    background-color: #399869;
    margin-right: 20px;
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    margin-bottom: 20px; /*radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff; /* future proofing */
}

/*DARK GREEN COLOR*/
.event-darkgreen {
    width: 56px;
    height: 70px;
    float: left;
    display: inline-block;
    background-color: #275627;
    margin-right: 20px;
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    margin-bottom: 20px; /*radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff; /* future proofing */
}

/*TEAL COLOR*/
.event-teal {
    width: 56px;
    height: 70px;
    float: left;
    display: inline-block;
    background-color: #3DA4A4;
    margin-right: 20px;
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    margin-bottom: 20px; /*radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff; /* future proofing */
}

/*PEACH COLOR*/
.event-peach {
    width: 56px;
    height: 70px;
    float: left;
    display: inline-block;
    background-color: #FF9955;
    margin-right: 20px;
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    margin-bottom: 20px; /*radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff; /* future proofing */
}

/*ORANGE COLOR*/
.event-orange {
    width: 56px;
    height: 70px;
    float: left;
    display: inline-block;
    background-color: #FF7F50;
    margin-right: 20px;
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    margin-bottom: 20px; /*radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff; /* future proofing */
}

/*PURPLE COLOR*/
.event-purple {
    width: 56px;
    height: 70px;
    float: left;
    display: inline-block;
    background-color: #71567C;
    margin-right: 20px;
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    margin-bottom: 20px; /*radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff; /* future proofing */
}

/*RED COLOR*/
.event-red {
    width: 56px;
    height: 70px;
    float: left;
    display: inline-block;
    background-color: #A11B1B;
    margin-right: 20px;
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    margin-bottom: 20px; /*radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff; /* future proofing */
}

/*MAROON COLOR*/
.event-maroon {
    width: 56px;
    height: 70px;
    float: left;
    display: inline-block;
    background-color: #6A0413;
    margin-right: 20px;
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    margin-bottom: 20px; /*radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff; /* future proofing */
}

/*GOLD COLOR*/
.event-gold {
    width: 56px;
    height: 70px;
    float: left;
    display: inline-block;
    background-color: #C1960B;
    margin-right: 20px;
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    margin-bottom: 20px; /*radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff; /* future proofing */
}

.eventmonth {
    width: 56px;
    height: 23px;
    float: left;
    background-color: none;
    font-size: 12px;
    text-align: center;
    padding-top: 3px;
}

.eventdate {
    width: 56px;
    height: 32px;
    float: left;
    color: #888;
    font-size: 30px;
    text-align: center;
    vertical-align: middle;
    padding-top: 12px;
    background-color: #fff;
    /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F3F3F3 100%); /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 100%); /* Opera */
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #F3F3F3 100%); /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F3F3F3)); /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F3F3F3 100%); /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #F3F3F3 100%); /* IE8 and below */
    display: inline-block\9;
}


/*INLINE HIGHLIGHT STYLES*/
.highlight-tan {
    background-color: #9E825C;
    color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

.highlight-black {
    background-color: #292929;
    color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

.highlight-grey {
    background-color: #666;
    color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

.highlight-silver {
    background-color: #e7e7e7;
    color: #5e5e5;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

.highlight-white {
    background-color: #fff;
    color: #333;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

.highlight-pink {
    background-color: #BF3D71;
    color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

.highlight-blue {
    background-color: #9EACC5;
    color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

.highlight-navy {
    background-color: #00264F;
    color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

.highlight-green {
    background-color: #399869;
    color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

.highlight-darkgreen {
    background-color: #275627;
    color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

.highlight-teal {
    background-color: #3DA4A4;
    color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

.highlight-peach {
    background-color: #FF9955;
    color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

.highlight-orange {
    background-color: #FF7F50;
    color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

.highlight-purple {
    background-color: #71567C;
    color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

.highlight-red {
    background-color: #A11B1B;
    color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

.highlight-maroon {
    background-color: #6A0413;
    color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

.highlight-gold {
    background-color: #C1960B;
    color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 5px;
}


/*ICON INLINE STYLES*/
p.error, p.message, p.tips, p.tag, p.note, p.photo, p.doc, p.phone, p.calendar, p.clock, p.camera, p.check, p.plus, p.minus, p.diamond, p.tool, p.female, p.male, p.ribbon, p.heart, p.davidstar, p.moonstar, p.cross, p.star, p.stopwatch, p.pin, p.chart, p.key, p.speech, p.pushpin, p.mail, p.info1, p.info2, p.clipboard {
    padding-left: 25px;
    position: relative;
}

p.error {
    color: #cc0000;
    background-position: top left;
    background-image: url('../images/error.png');
    background-repeat: no-repeat;
}

p.message {
    color: #666;
    background-position: top left;
    background-image: url(../images/message.png);
    background-repeat: no-repeat;
}

p.tips {
    color: #666;
    background-position: top left;
    background-image: url(../images/tip.png);
    background-repeat: no-repeat;
}

p.tag {
    color: #666;
    background-position: top left;
    background-image: url(../images/tag.png);
    background-repeat: no-repeat;
}

p.note {
    color: #666;
    background-position: top left;
    background-image: url(../images/note.png);
    background-repeat: no-repeat;
}

p.photo {
    color: #666;
    background-position: top left;
    background-image: url(../images/photo.png);
    background-repeat: no-repeat;
}

p.doc {
    color: #666;
    background-position: top left;
    background-image: url(../images/document.png);
    background-repeat: no-repeat;
}

p.phone {
    color: #666;
    background-position: top left;
    background-image: url(../images/phone.png);
    background-repeat: no-repeat;
}

p.calendar {
    color: #666;
    background-position: top left;
    background-image: url(../images/calendar.png);
    background-repeat: no-repeat;
}

p.clock {
    color: #666;
    background-position: top left;
    background-image: url(../images/clock.png);
    background-repeat: no-repeat;
}

p.camera {
    color: #666;
    background-position: top left;
    background-image: url(../images/camera.png);
    background-repeat: no-repeat;
}

p.check {
    color: #666;
    background-position: top left;
    background-image: url(../images/check.png);
    background-repeat: no-repeat;
}

p.plus {
    color: #666;
    background-position: top left;
    background-image: url(../images/plus.png);
    background-repeat: no-repeat;
}

p.minus {
    color: #666;
    background-position: top left;
    background-image: url(../images/minus.png);
    background-repeat: no-repeat;
}

p.diamond {
    color: #666;
    background-position: top left;
    background-image: url(../images/diamond.png);
    background-repeat: no-repeat;
}

p.tool {
    color: #666;
    background-position: top left;
    background-image: url(../images/tool.png);
    background-repeat: no-repeat;
}

p.female {
    color: #666;
    background-position: top left;
    background-image: url(../images/female.png);
    background-repeat: no-repeat;
}

p.male {
    color: #666;
    background-position: top left;
    background-image: url(../images/male.png);
    background-repeat: no-repeat;
}

p.ribbon {
    color: #666;
    background-position: top left;
    background-image: url(../images/ribbon.png);
    background-repeat: no-repeat;
}

p.heart {
    color: #666;
    background-position: top left;
    background-image: url(../images/heart.png);
    background-repeat: no-repeat;
}

p.star {
    color: #666;
    background-position: top left;
    background-image: url(../images/star.png);
    background-repeat: no-repeat;
}

p.stopwatch {
    color: #666;
    background-position: top left;
    background-image: url(../images/stopwatch.png);
    background-repeat: no-repeat;
}

p.pin {
    color: #666;
    background-position: top left;
    background-image: url(../images/pin.png);
    background-repeat: no-repeat;
}

p.chart {
    color: #666;
    background-position: top left;
    background-image: url(../images/chart.png);
    background-repeat: no-repeat;
}

p.key {
    color: #666;
    background-position: top left;
    background-image: url(../images/key.png);
    background-repeat: no-repeat;
}

p.speech {
    color: #666;
    background-position: top left;
    background-image: url(../images/speech.png);
    background-repeat: no-repeat;
}

p.pushpin {
    color: #666;
    background-position: top left;
    background-image: url(../images/pushpin.png);
    background-repeat: no-repeat;
}

p.mail {
    color: #666;
    background-position: top left;
    background-image: url(../images/mail.png);
    background-repeat: no-repeat;
}

p.info1 {
    color: #666;
    background-position: top left;
    background-image: url(../images/info1.png);
    background-repeat: no-repeat;
}

p.info2 {
    color: #666;
    background-position: top left;
    background-image: url(../images/info2.png);
    background-repeat: no-repeat;
}

p.clipboard {
    color: #666;
    background-position: top left;
    background-image: url(../images/clipboard.png);
    background-repeat: no-repeat;
}


/*LIST STYLES*/
ul.starlist {
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    line-height: 20px;
    list-style-type: url("../images/star-ul.png");
    list-style-image: url("../images/star-ul.png");
    list-style-position: outside;
    margin-top: 10px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 24px;
    margin-left: 20px;
}


ul.checklist {
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    line-height: 20px;
    list-style-type: url("../images/check-ul.png");
    list-style-image: url("../images/check-ul.png");
    list-style-position: outside;
    margin-top: 10px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 24px;
    margin-left: 20px;
}

ul.clocklist {
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    line-height: 20px;
    list-style-type: url("../images/clock-ul.png");
    list-style-image: url("../images/clock-ul.png");
    list-style-position: outside;
    margin-top: 10px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 24px;
    margin-left: 20px;
}

ul.datelist {
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    line-height: 20px;
    list-style-type: url("../images/date-ul.png");
    list-style-image: url("../images/date-ul.png");
    list-style-position: outside;
    margin-top: 10px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 24px;
    margin-left: 20px;
}

ul.arrowlist {
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    line-height: 20px;
    list-style-type: url("../images/arrow-list.png");
    list-style-image: url("../images/arrow-list.png");
    list-style-position: outside;
    margin-top: 10px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 24px;
    margin-left: 20px;
}

/*CIRCLE BLOCK NUMBER STYLES*/
.tempcolor-circlenumber {
    background-color: #425371;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 20px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px; /* future proofing */
}

.black-circlenumber {
    background-color: #000;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px; /* future proofing */
}

.grey-circlenumber {
    background-color: #666;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px; /* future proofing */
}

.silver-circlenumber {
    background-color: #e7e7e7;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #666;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.0); /*radius*/
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px; /* future proofing */
}

.gold-circlenumber {
    background-color: #C1960B;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #fff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px; /* future proofing */
}

.pink-circlenumber {
    background-color: #BF3D71;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px; /* future proofing */
}

.navy-circlenumber {
    background-color: #00264F;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px; /* future proofing */
}

.blue-circlenumber {
    background-color: #9EACC5;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px; /* future proofing */
}

.darkgreen-circlenumber {
    background-color: #275627;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px; /* future proofing */
}

.green-circlenumber {
    background-color: #399869;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px; /* future proofing */
}

.teal-circlenumber {
    background-color: #3DA4A4;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px; /* future proofing */
}

.orange-circlenumber {
    background-color: #FF7F50;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px; /* future proofing */
}

.purple-circlenumber {
    background-color: #71567C;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px; /* future proofing */
}

.red-circlenumber {
    background-color: #A11B1B;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px; /* future proofing */
}

.peach-circlenumber {
    background-color: #FF9955;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px; /* future proofing */
}

.tan-circlenumber {
    background-color: #9E825C;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #fff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
    border: 0px solid #ccc; /*radius*/
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px; /* future proofing */
}

.maroon-circlenumber {
    background-color: #6A0413;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #fff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
    border: 0px solid #ccc; /*radius*/
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px; /* future proofing */
}


/*ROUNDED BLOCK NUMBER STYLES*/
.black-blocknumber {
    background-color: #000;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
}

.grey-blocknumber {
    background-color: #666;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
}

.silver-blocknumber {
    background-color: #e7e7e7;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #666666;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.0); /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
}

.gold-blocknumber {
    background-color: #C1960B;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #fff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
}

.pink-blocknumber {
    background-color: #BF3D71;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
}

.navy-blocknumber {
    background-color: #00264F;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
}

.blue-blocknumber {
    background-color: #9EACC5;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
}

.darkgreen-blocknumber {
    background-color: #275627;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
}

.green-blocknumber {
    background-color: #399869;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
}

.teal-blocknumber {
    background-color: #3DA4A4;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
}

.orange-blocknumber {
    background-color: #FF7F50;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
}

.purple-blocknumber {
    background-color: #71567C;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
}

.red-blocknumber {
    background-color: #A11B1B;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
}

.peach-blocknumber {
    background-color: #FF9955;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #ffffff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
}

.tan-blocknumber {
    background-color: #9E825C;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #fff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
    border: 1px solid #ccc; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
}

.maroon-blocknumber {
    background-color: #6A0413;
    background-repeat: no-repeat;
    position: top left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #fff;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 10px;
    left: 0px;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
    border: 1px solid #ccc; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
}


/*SMALL BUTTON STYLES - COMPONENT LINK COLORS*/
#component a.blackbutton, #component a.blackbutton:hover {
    color: #fff;
}

#component a.tanbutton, #component a.tanbutton:hover {
    color: #fff;
}

#component a.greybutton, #component a.greybutton:hover {
    color: #fff;
}

#component a.silverbutton, #component a.silverbutton:hover {
    color: #5e5e5e;
}

#component a.goldbutton, #component a.goldbutton:hover {
    color: #fff;
}

#component a.pinkbutton, #component a.pinkbutton:hover {
    color: #fff;
}

#component a.bluebutton, #component a.bluebutton:hover {
    color: #fff;
}

#component a.navybutton, #component a.navybutton:hover {
    color: #fff;
}

#component a.greenbutton, #component a.greenbutton:hover {
    color: #fff;
}

#component a.darkgreenbutton, #component a.darkgreenbutton:hover {
    color: #fff;
}

#component a.tealbutton, #component a.tealbutton:hover {
    color: #fff;
}

#component a.orangebutton, #component a.orangebutton:hover {
    color: #fff;
}

#component a.peachbutton, #component a.peachbutton:hover {
    color: #fff;
}

#component a.purplebutton, #component a.purplebutton:hover {
    color: #fff;
}

#component a.redbutton, #component a.redbutton:hover {
    color: #fff;
}

#component a.maroonbutton, #component a.maroonbutton:hover {
    color: #fff;
}

#component a.tempcolor-button, #component a.tempcolor-button:hover {
    color: #fff;
}

#mainbottom a.tempcolor-button, #mainbottom a.tempcolor-button:hover {
    color: #fff;
}

#maintop a.tempcolor-button, #maintop a.tempcolor-button:hover {
    color: #fff;
}

#maincenter a.tempcolor-button, #maincenter a.tempcolor-button:hover {
    color: #fff;
}

/*SMALL BUTTONS ---------------------------*/
/*TAN BUTTON*/
a.tanbutton {
    background-color: #9E825C;
    color: #ffffff;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.tanbutton:hover {
        background-color: #896e4a;
        color: #fff;
    }

/*BLACK BUTTON*/
a.blackbutton {
    background-color: #000000;
    color: #ffffff;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.blackbutton:hover {
        background-color: #333;
        color: #fff;
    }

/*GOLD BUTTON*/
a.goldbutton {
    background-color: #C1960B;
    color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.goldbutton:hover {
        background-color: #B48C0A;
        color: #fff;
    }

/*NAVY BUTTON*/
a.navybutton {
    background-color: #00264F;
    color: #ffffff;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.navybutton:hover {
        background-color: #001d3c;
        color: #fff;
    }

/*BLUE BUTTON*/
a.bluebutton {
    background-color: #9EACC5;
    color: #ffffff;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.bluebutton:hover {
        background-color: #8796b2;
        color: #fff;
    }

/*PURPLE BUTTON*/
a.purplebutton {
    background-color: #71567C;
    color: #ffffff;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.purplebutton:hover {
        background-color: #60466b;
        color: #fff;
    }

/*GREEN BUTTON*/
a.greenbutton {
    background-color: #399869;
    color: #ffffff;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.greenbutton:hover {
        background-color: #2b8458;
        color: #fff;
    }

/*DARK GREEN BUTTON*/
a.darkgreenbutton {
    background-color: #275627;
    color: #ffffff;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.darkgreenbutton:hover {
        background-color: #1a401a;
        color: #fff;
    }

/*TEAL BUTTON*/
a.tealbutton {
    background-color: #3DA4A4;
    color: #ffffff;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.tealbutton:hover {
        background-color: #309191;
        color: #fff;
    }

/*RED BUTTON*/
a.redbutton {
    background-color: #A11B1B;
    color: #ffffff;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.redbutton:hover {
        background-color: #8f1313;
        color: #fff;
    }

/*MAROON BUTTON*/
a.maroonbutton {
    background-color: #6A0413;
    color: #ffffff;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.maroonbutton:hover {
        background-color: #54030f;
        color: #fff;
    }

/*ORANGE BUTTON*/
a.orangebutton {
    background-color: #FF7F50;
    color: #ffffff;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.orangebutton:hover {
        background-color: #ed6d3d;
        color: #fff;
    }

/*PINK BUTTON*/
a.pinkbutton {
    background-color: #BF3D71;
    color: #ffffff;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.pinkbutton:hover {
        background-color: #ab3162;
        color: #fff;
    }

/*BIG BUTTON STYLES - IN COMPONENT LINK COLORS----------------------------------*/
#component a.tanbutton-big, #component a.tanbutton-big:hover {
    color: #fff;
}

#component a.blackbutton-big, #component a.blackbutton-big:hover {
    color: #fff;
}

#component a.greybutton-big, #component a.greybutton-big:hover {
    color: #fff;
}

#component a.silverbutton-big, #component a.silverbutton-big:hover {
    color: #5e5e5e;
}

#component a.goldbutton-big, #component a.goldbutton-big:hover {
    color: #fff;
}

#component a.pinkbutton-big, #component a.pinkbutton-big:hover {
    color: #fff;
}

#component a.bluebutton-big, #component a.bluebutton-big:hover {
    color: #fff;
}

#component a.navybutton-big, #component a.navybutton-big:hover {
    color: #fff;
}

#component a.greenbutton-big, #component a.greenbutton-big:hover {
    color: #fff;
}

#component a.darkgreenbutton-big, #component a.darkgreenbutton-big:hover {
    color: #fff;
}

#component a.tealbutton-big, #component a.tealbutton-big:hover {
    color: #fff;
}

#component a.orangebutton-big, #component a.orangebutton-big:hover {
    color: #fff;
}

#component a.purplebutton-big, #component a.purplebutton-big:hover {
    color: #fff;
}

#component a.redbutton-big, #component a.redbutton-big:hover {
    color: #fff;
}

#component a.maroonbutton-big, #component a.maroonbutton-big:hover {
    color: #fff;
}

#component a.peachbutton-big, #component a.peachbutton-big:hover {
    color: #fff;
}

/*BIG TAN BUTTON*/
a.tanbutton-big {
    background-color: #9E825C;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.tanbutton-big:hover {
        background-color: #896e4a;
        color: #fff;
    }

/*BIG BLACK BUTTON*/
a.blackbutton-big {
    background-color: #000000;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.blackbutton-big:hover {
        background-color: #333;
        color: #fff;
    }

/*BIG GOLD BUTTON*/
a.goldbutton-big {
    background-color: #C1960B;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.goldbutton-big:hover {
        background-color: #B48C0A;
        color: #666;
    }

/*BIG NAVY BUTTON*/
a.navybutton-big {
    background-color: #00264F;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.navybutton-big:hover {
        background-color: #001d3c;
        color: #fff;
    }

/*BIG BLUE BUTTON*/
a.bluebutton-big {
    background-color: #9EACC5;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.bluebutton-big:hover {
        background-color: #8796b2;
        color: #fff;
    }

/*BIG PURPLE BUTTON*/
a.purplebutton-big {
    background-color: #71567C;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.purplebutton-big:hover {
        background-color: #60466b;
        color: #fff;
    }

/*BIG GREEN BUTTON*/
a.greenbutton-big {
    background-color: #399869;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.greenbutton-big:hover {
        background-color: #2b8458;
        color: #fff;
    }

/*BIG TEAL BUTTON*/
a.tealbutton-big {
    background-color: #3DA4A4;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.tealbutton-big:hover {
        background-color: #309191;
        color: #fff;
    }

/*BIG RED BUTTON*/
a.redbutton-big {
    background-color: #A11B1B;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.redbutton-big:hover {
        background-color: #8f1313;
        color: #fff;
    }

/*BIG ORANGE BUTTON*/
a.orangebutton-big {
    background-color: #FF7F50;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.orangebutton-big:hover {
        background-color: #ed6d3d;
        color: #fff;
    }

/*BIG PINK BUTTON*/
a.pinkbutton-big {
    background-color: #BF3D71;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.pinkbutton-big:hover {
        background-color: #ab3162;
        color: #fff;
    }

/*BIG DARK GREEN BUTTON*/
a.darkgreenbutton-big {
    background-color: #275627;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.darkgreenbutton-big:hover {
        background-color: #1a401a;
        color: #fff;
    }

/*BIG MAROON BUTTON*/
a.maroonbutton-big {
    background-color: #6A0413;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: 0px solid #ccc;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px; /*radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */ /* IE8 and below */
    display: inline-block\9;
}

    a.maroonbutton-big:hover {
        background-color: #54030f;
        color: #fff;
    }

div#apreloader {
    background: #2f3239;
}

#apreloader-text {
    color: #e7e7e7;
}

.cube, .double-bounce1, .double-bounce2, .sticks > div, .cube1, .cube2, .round, .dot1, .dot2, .straightdots > div, .container1 > div, .container2 > div, .container3 > div, .movingBallLineG, .movingBallG, .windows8 .wBall .wInnerBall {
    background-color: #3399cc;
}

#apreloader-content-wrap span#apreloader-text {
    font-size: 14px;
}

#camera_wrap_241 .camera_pag_ul li img {
    width: 100px;
    height: 75px;
}

#camera_wrap_241 .camera_caption {
    display: block;
    position: absolute;
}

    #camera_wrap_241 .camera_caption > div {
        padding-top: 15px;
        padding-right: 30px;
        padding-bottom: 20px;
        padding-left: 30px;
        color: #E7E7E7;
        font-size: 16px;
        font-family: 'Droid Sans';
    }

        #camera_wrap_241 .camera_caption > div div.slideshowck_description {
            font-size: 12px;
        }

.dj-select {
    display: none;
    margin: 10px;
    padding: 5px;
    font-size: 1.5em;
    max-width: 95%;
    height: auto;
}

@media (max-width: 802px) {
    #dj-main100.allowHide {
        display: none;
    }

    #dj-main100select {
        display: inline-block;
    }
}

.gm-style .gm-style-mtc label, .gm-style .gm-style-mtc div {
    font-weight: 400;
}

.gm-style .gm-style-cc span, .gm-style .gm-style-cc a, .gm-style .gm-style-mtc div {
    font-size: 10px;
}

@media print {
    .gm-style .gmnoprint, .gmnoprint {
        display: none;
    }
}

@media screen {
    .gm-style .gmnoscreen, .gmnoscreen {
        display: none;
    }
}

.gm-style-pbc {
    transition: opacity ease-in-out;
    background-color: rgba(0,0,0,0.45);
    text-align: center;
}

.gm-style-pbt {
    font-size: 22px;
    color: white;
    font-family: Roboto, Arial, sans-serif;
    position: relative;
    margin: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gm-style {
    font: 400 11px Roboto, Arial, sans-serif;
    text-decoration: none;
}

    .gm-style img {
        max-width: none;
    }

cufon {
    text-indent: 0 !important;
}

.fluid_container {
    margin: 0 auto;
    width: 100%;
}


@media screen, projection {
    cufon {
        display: inline !important;
        display: inline-block !important;
        position: relative !important;
        vertical-align: middle !important;
        font-size: 1px !important;
        line-height: 1px !important;
    }

        cufon cufontext {
            display: -moz-inline-box !important;
            display: inline-block !important;
            width: 0 !important;
            height: 0 !important;
            overflow: hidden !important;
            text-indent: -10000in !important;
        }

        cufon canvas {
            position: relative !important;
        }
}

@media print {
    cufon {
        padding: 0 !important;
    }

        cufon canvas {
            display: none !important;
        }
}

.container {
    border: none !important;
}

.navbar {
    border: none !important;
}

.navbar-nav > li > a {
    color: white !important;
}

.navbar-nav > li {
    border-right: 1px solid white;
}

.navbar-default {
    background-image: none !important;
    background-color: #425371 !important;
    border-color: #425371 !important;
}

.nav > li > a:focus, .nav > li > a:hover,
.nav > li > a:active,
.nav > li > ul > li a:hover,
.nav > li > ul > li a:focus,
.nav > li > ul > li a:active {
    background-image: none !important;
    background-color: #69768d !important;
    border-color: #69768d !important;
    color: white;
}

.navbar-nav > .active > a {
    background-image: none !important;
    background-color: #69768d !important;
    border-color: #69768d !important;
    color: white;
}

.navbar-collapse {
    padding-left: unset !important;
}

.navbar-default .navbar-nav .open {
    color: #fff;
}


@media (max-width: 767px) {
    .navbar-default .navbar-nav > li > a {
        padding-left: 30px !important;
    }
}

.dropdown-menu {
    display: none;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu a {
    display: block;
}

.custom_footer {
    width: 100%;
}

    .custom_footer > ul {
        padding-left: 0px !important;
    }

        .custom_footer > ul > li {
            line-height: 2.5;
            border-bottom: 1px solid;
            border-color: #69768d;
            overflow: hidden;
        }