body {
    /*background-color: #195295;         */
    
    background-color: #e0e0e0;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 1.2em;
    font-weight: 300;
    background: url(Images/bg_133.jpg) fixed;
    background-repeat: repeat-x;
    height: 100%;
}
.bodybg {
    /*	    box-shadow: 2px 2px 4px 4px #b5b5b5 ; */
    padding: 20px;
    margin-left: 5%;
    margin-right: auto;
    border-right: 2px solid #e0e0e0;
    border-left: 2px solid #e0e0e0;
    clear: both;
    display: block;
    width: 90%;
    position: relative;
    height: auto;
}
#wrap {
    width: 80%;
    margin-left: 12%;
    position: relative;
}
.bodybg img {
    max-width: 100%;
}
form {
    display: table;
    width: auto;
}
a.tooltip {
    outline: none;
}
a.tooltip strong {
    line-height: 30px;
}
a.tooltip:hover {
    text-decoration: none;
}
a.tooltip span {
    z-index: 10;
    display: none;
    padding: 14px 20px;
    margin-top: 60px;
    margin-left: -160px;
    width: 300px;
    line-height: 16px;
}

a.tooltip:hover span {
    display: inline;
    position: absolute;
    border: 2px solid #FFF;
    color: #EEE;
    background: #333 url(Images/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
.callout {
    z-index: 20;
    position: absolute;
    border: 0;
    top: -14px;
    left: 120px;
}
/*CSS3 extras*/

a.tooltip span {
    border-radius: 2px;
    box-shadow: 0px 0px 8px 4px #666;
    /*opacity: 0.8;*/
}
/* ---------------------------- Begin Sidebar formatting --------------------------------*/

#sidebar {
    display: inline;
    height: auto;
    width: 15%;
    white-space: nowrap;
    position: absolute;
    clear: both;
    margin-left: -10.5%;
    padding-right: .55%;
    text-align: right;
    margin-top: -300px;
    border-right: 2px solid #e0e0e0;
}
.sidebarHeader {
    padding-right: 15%;
    font-weight: bold;
    font-size: 1.1em;
}
#sidebar hr {
    border-top: 1px solid #8c8b8b;
    width: 150px;
    margin: 20px;
    height: 1px;
}
#sidebar ul li {
    list-style-type: none;
    font-family: 'Ubuntu', sans-serif;
}
#sidebar a {
    color: #000000;
    text-decoration: none;
    display: inline-block;
    height: 100px;
    /* 60 */
    
    border: 1px solid #960d10;
}
#sidebar li:hover ul {
    display: inline-block;
    left: 0;
    right: 0;
}
/*-------------------------------- End Sidebar Formatting ------------------------------------- */
/* ------------------------------------- Search Bar formatting -------------------------------- */

 #searchBox {width: 40%; float: right; min-width: 100px;}

/* ------------------------------------------ End Search Bar -------------------------------- */

hr {
    width: 100%;
    border: 0;
    height: 0;
    margin: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#banner {
    position: relative;
    min-height: 200px;
    margin-left: 5%;
    overflow: hidden;
    /*    width: auto;
    height: auto; */
}
#banner img {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    width: 150%;
    max-height: 200px;
    max-width: 2000px;
}
.twitter-timeline {
    width: 100%;
    height: 350px;
}
blockquote {
    padding-left: 5%;
    padding-right: 5%;
}
.blockquoteleft {
    padding-left: 5%;
    padding-right: 5%;
    text-align: left;
}
.imgWrapRight {
    width: 40%;
    float: right;
    margin-left: 5%;
    position: relative;
    margin-bottom: 1em;
}
.imgWrapRight img {
    height: auto;
    max-height: 200px;
    width: auto;
    max-width: 80%;
    margin-left: 5%;
}
.imgWrapLeft img {
    height: auto;
    float: left;
    max-height: 300px;
    max-width: 80%;
    margin-left: 15%;
}
.imgWrapLeft {
    width: 40%;
    float: left;
    margin-right: 5%;
    position: relative;
    margin-bottom: 1em;
}
.bq1 {
    padding: 2%;
    border-left: 4px solid #577da4;
    width: 40%;
    text-align: right;
    font-style: italic;
    clear: both;
    float: right;
    font-size: .9em;
    margin-left: 5%;
    margin-bottom: 5%;
    position: relative;
}
.bq1 p {
    font-style: italic;
    font-size: .9em;
    color: #000;
    position: relative;
    float: right;
}
p.after {
    float: right;
    font-weight: bold;
}
p.after a {
    color: #6793d4;
    text-decoration: none;
    text-align: right;
    float: right;
}
p.after a:hover {
    text-decoration: underline;
}
#contact {
    float: right;
    text-align: right;
    margin-top: -15px;
    font-size: .8em;
    margin-bottom: 0px;
    width: auto;
    margin-right: 20px;
}
#subtitle {
    font-size: .8em;
    line-height: 70%;
    margin-bottom: -40px;
    width: auto;
    float: left;
}
#testimonials {
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
}
.certLeft {
    width: 200px;
    text-align: right;
    float: left;
}
.certRight {
    width: 200px;
    margin-left: 20px;
    float: left;
    text-align: left;
}
#smallText {
    font-size: .7em;
}
#logoLinks {
    min-width: 100%;
    text-align: left;
    clear: both;
    margin-top: 10%;
}
#logoLinks img {
    margin-left: 10px;
    margin-right: 10px;
}
h1 {
    font-size: 1.1em;
    color: #C02;
    clear: both;
    font-family: 'Ubuntu', sans-serif;
    padding-left: 5%;
    /* the body copy is 80%, so 5% to the left will align it. */
}
h2 {
    font-size: 1em;
    color: #C02;
    padding-top: 5px;
    font-family: 'Ubuntu', sans-serif;
    clear: both;
    padding-left: 5%;
    /* 10% because the body copy is 80%, so 10% to the left will align it. */
}
.socialLinks {
    /*Link icons to Facebook, Twitter, etc. */
    
    display: none;
    padding: 0;
    float: right;
    width: 33px;
    height: 33px;
}
.socialLinks img {
    /*Setting size constraints for social media icons */
    
    margin-top: 5px;
    width: 33px;
    height: 33px;
}
.p1 {
    /*Used instead of <p> */
    
    font-size: 1em;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.p1 h1,
h2 {
    padding: 0;
}
a {} a:hover {
    color: Black;
}
#litFailureText {
    color: Red;
    font-weight: bold;
}
.failureText {
    color: Red;
    font-weight: bold;
    font-size: .8em;
}
.smallLabel {
    font-size: .7em;
    font-style: italic;
}
.quoteLabel {
    width: 30%;
    text-align: right;
    float: left;
    white-space: pre;
}
.quoteLabelPost {
    width: 70%;
    float: left;
}
.qButton {
    margin: 15px;
}
.checkLabel {
    margin-left: 5%;
    text-align: left;
    width: 400px;
    float: left;
}
.quoteItemPadding {
    padding-bottom: 5px;
}
/* --------------------- Begin Button Formatting -------------------- */

.myButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #e0e0e0;
    -webkit-box-shadow: inset 0px 1px 0px 0px #e0e0e0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFFFFF), color-stop(1, #A3C6F7));
    background: -moz-linear-gradient(top, #FFFFFF 5%, #A3C6F7 100%);
    background: -webkit-linear-gradient(top, #FFFFFF 5%, #A3C6F7 100%);
    background: gradient(top, #FFFFFF 5%, #A3C6F7 100%);
    background: -o-linear-gradient(top, #FFFFFF 5%, #A3C6F7 100%);
    background: -ms-linear-gradient(top, #FFFFFF 5%, #A3C6F7 100%);
    background: linear-gradient(to bottom, #FFFFFF 5%, #A3C6F7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#A3C6F7', GradientType=0);
    background-color: #e0edfa;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #3866a3;
    display: block;
    font-family: 'Ubuntu', sans-serif;
    cursor: pointer;
    height: 1em;
    color: #A60000;
    margin-bottom: 5px;
    font-size: 1.6em;
    float: right;
    padding: 10px;
    padding-top: .3em;
    text-decoration: none;
    text-shadow: 0px 1px 0px #e01;
}
.myButton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f18388), color-stop(1, #C02));
    background: -moz-linear-gradient(top, #f18388 5%, #C02 100%);
    background: -webkit-linear-gradient(top, #f18388 5%, #C02 100%);
    background: -o-linear-gradient(top, #f18388 5%, #C02 100%);
    background: -ms-linear-gradient(top, #f18388 5%, #C02 100%);
    background: linear-gradient(to bottom, #f18388 5%, #C02 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f18388', endColorstr='#C02', GradientType=0);
    zoom: 1;
    background-color: #C02;
    color: #FFFFFF;
}
.myButton:active {
    position: relative;
    top: 2px;
}
/*------------------------- End Button Formatting---------------------- */
/* ----------------------Begin Navigation Bar Formatting ------------------------*/

#nav > a {
    display: none;
}
#nav {
    width: 100%;
    position: fixed;
    float: none;
    top: -15px;
    z-index: 8000;
    text-align: center;
    min-width: 1200px;
    font-size: .9em;
    -webkit-box-shadow: 7px 15px 30px -4px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 7px 15px 30px -4px rgba(0, 0, 0, 0.68);
    -o-box-shadow: 7px 15px 30px -4px rgba(0, 0, 0, 0.68);
    left: 0;
}
#nav li {
    position: relative;
}
#nav li a {
    color: #fff;
    padding: 0;
    margin: 0;
    display: block;
    text-decoration: none;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 1.2em;
    font-family: 'Ubuntu', sans-serif;
}
#nav li a:active {
    background-color: #808080!important;
    padding-bottom: -5px;
}
#nav span:after {
    width: 0;
    height: 0;
    border: 0.313em solid transparent;
    /* 5 */
    
    border-bottom: none;
    border-top-color: white;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em;
    /* 5 */
}
/* first level */

#nav > ul {
    height: 3em;
    background-color: #7b0406;
    list-style-type: none;
    font-size: .8em;
    padding: 2px;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 0;
}
#nav > ul > li {
    min-width: 80px;
    height: 100%;
    float: left;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 0;
}
#nav > ul > li > a {
    height: 100%;
    font-size: 1.1em;
    /* 24 */
    
    line-height: 2.5em;
    /* 60 (24) */
    
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    margin-bottom: 0;
}
/*#nav > ul > li:not( :last-child ) > a
	{
		border-right: 1px solid #fff;
	}
*/

#nav > ul > li:hover > a,
#nav > ul:not(:hover) > li.active > a {
    /*  background-color: #000; */
    
    color: yellow;
    display: block;
    background-color: #960d10;
}
/* second level */

#nav li ul {
    /* background-color: #000; */
    
    background-color: #960d10;
    display: none;
    position: absolute;
    border-left: 1px solid #b1afaf;
    border-right: 1px solid #b1afaf;
    border-bottom: 1px solid #b1afaf;
    text-decoration: none;
    list-style: none;
    top: 100%;
    z-index: 9999;
    width: 250px;
}
#nav li:hover ul {
    display: block;
    left: 0;
    right: 0;
}
#nav li ul a {
    font-size: 1.25em;
    /* 20 */
    
    border-top: 1px solid #b1afaf;
    padding: 0.75em;
    /* 15 (20) */
    
    z-index: 99999;
    color: white;
}
#nav li ul li a:hover,
#nav li ul:not(:hover) li.active a {
    /* background-color: #195295; */
    
    color: yellow;
    background-color: #7b0406;
}
#nav img {
    margin-top: 5px;
    margin-right: 10px;
    float: right;
}
/*------------------------------End Nav Bar Formatting   ---------------------------*/
/* ------------------------------Begin Small Column classes (33% each) ---------------- */

.column {
    float: left;
    width: 47%;
    padding-left: 10px;
    height: auto;
}
.columntwo {
    float: left;
    height: auto;
    padding-top: 80px;
    width: 47%;
    padding-left: 10px;
}
/* ---------------------- End Three Column Classes (33%) ---------- */
/*------------------------Begin 2 column Classes (45% Each) ------------- */

.columns {
    width: 90%;
    clear: both;
    min-height: 250px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0;
}
.columnHalfOne {
    float: left;
    width: 50%;
    padding: 0px;
    height: auto;
    min-height: 250px;
    margin-bottom: 50px;
    position: relative;
}
.columnHalfTwo {
    float: right;
    height: auto;
    width: 50%;
    padding: 0;
    margin: 0;
    min-height: 250px;
    text-align: right;
    list-style-type: none;
}
.columnHalfTwo img {
    width: 100%;
    height: auto;
    clear: both;
    max-height: 300px;
    padding-top: 50px;
    width: 80%;
}
.columnHalfOne img {
    clear: both;
    float: left;
    max-height: 300px;
    height: auto;
    width: 80%;
}
.columnHalfTwo ul {
    list-style: none;
}
.columns h1 {
    padding: 0;
}
/*------------------------------ End 2-column classes (45%) --------------- */
/* ------------------------------- Begin Collapsable Div code ------------------- */

.toggle-box {
    display: none;
}
.toggle-box + label {
    cursor: pointer;
    display: block;
    font-weight: bold;
    line-height: 21px;
    margin-bottom: 5px;
}
.toggle-box + label + div {
    display: none;
    margin-bottom: 10px;
}
.toggle-box:checked + label + div {
    display: block;
}
.toggle-box + label:before {
    background-color: #4F5150;
    color: #FFFFFF;
    content: "+";
    display: block;
    float: left;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    text-align: center;
    width: 20px;
}
.toggle-box:checked + label:before {
    content: "\2212";
}
/* -------------------------------------End Collpsable Div Code -------------------------- */

#footer {
    width: 100%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    font-size: .8em;
    color: black;
    overflow: hidden;
}
#footer a {
    color: black;
}
a img {
    border: none;
}
/* Quick fix for an IE rendering bug. */
/* Settings for screens under 850 px wide. This is to prevent containers from becoming too large */

@media screen and (max-width: 850px)
/*------------------ For screens size 850 - 640px ----------------*/

{
    #sidebar {
        display: none;
        width: 0;
    }
    #columns {
        margin-bottom: auto;
    }
    #banner {
        margin-left: 5%;
        min-height: 200px;
    }
    #banner img {
        position: absolute;
        width: 200%;

    }
    .bodybg {
        width: 80%;
        min-width: 550px;
        max-width: 750px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    #nav {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 40px;
        z-index: 99;
        float: left;
        height: 40px;
        box-shadow: none;
    }
    #nav > a {
        width: 80px;
        /* 50 */
        
        text-align: center;
        padding-top: 15px;
        font-size: 1.4em;
        height: 30px;
        font-family: 'Ubuntu', sans-serif;
        background-color: #d6d6d6;
        text-decoration: none;
        color: black;
        position: relative;
        border: 2px solid #757575;
        font-weight: bold;
    }
    #nav > a:before,
    #nav > a:after {
        left: 1px;
    }
    #nav > a:after {
        top: 60%;
    }
    #nav:not(:target) > a:first-of-type,
    #nav:target > a:last-of-type {
        display: block;
    }
    /* first level */
    
    #nav > ul {
        height: auto;
        display: none;
        position: relative;
        left: 0;
        right: 0;
        width: 150px;
        z-index: 99999;
        font-size: 1em;
        min-width: 75px;
    }
    #nav:target > ul {
        display: block;
    }
    #nav > ul > li {
        width: 100%;
        float: none;
        width: 150px;
    }
    #nav > ul > li > a {
        height: auto;
        text-align: left;
        padding: 0 0.833em;
        /* 20 (24) */
    }
    #nav > ul > li:not(:last-child) > a {
        border-right: none;
        border-bottom: 1px solid #000000;
    }
    /* second level */
    
    #nav li ul {
        position: relative;
        padding: 1.25em;
        /* 20 */
        
        padding-top: 0;
        z-index: 9999;
    }
    #nav li:not(:first-child):hover ul {
        left: -1px;
    }
    .socialLinks {
        display: block;
        width: 200px;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 0px;
        float: left;
    }
    /* Setting min font size on media screen width of 800px or less. 
    Switched from vw's to ems. Primarily for mobile devices. 
    This stops the font from getting unreadably small. */
    
    body {
        font-size: .9em;
    }
    #smallText {
        font-size: .8em;
    }
    #subtitle {
        font-size: .8em;
        float: left;
    }
    #footer {
        width: 100%;
        white-space: nowrap;
        margin-right: auto;
        margin-left: auto;
        clear: both;
        text-align: center;
    }
    .column {
        font-size: 1.2em;
        min-width: 100%;
        margin-left: -50px;
    }
    .columntwo {
        font-size: 1.2em;
        min-width: 100%;
    }
    .columnthree {
        font-size: 1.2em;
        min-width: 100%;
        height: auto;
    }
    .columnHalfOne {
        min-height: 350px;
    }
    .columnHalfTwo {
        min-height: 350px;
    }
    .column h2 {
        font-size: 1em;
    }
    .columntwo h2 {
        font-size: 1em;
    }
    .columnthree h2 {
        font-size: 1em;
    }
    nav {
        font-size: .8em;
    }
    nav ul {
        font-size: 1em;
    }
    nav img {
        display: none;
    }
    h1 {
        font-size: 1.2em;
        padding-top: 10px;
        width: 100%;
    }
    h2 {
        font-size: 1em;
    }
    p {
        font-size: 1em;
        clear: both;
    }
    ul li {
        font-size: 1em;
    }
    .myButton {
        font-size: 1.6em;
    }
    

}
/* --------------- End 800px Settings. ------------------------- */

@media screen and (max-width: 850px) and (orientation: landscape)
/* For screen flip on phones/mobile devices */

{
    body {
        zoom: 1;
        height: auto;
        overflow-x: hidden;
    }
    #banner {
        display: none;
    }
    #wrap {
        width: 100%;
    }
    .bodybg {
        width: 100%;
        height: auto;
        
        
    }
    .myButton {
        font-size: .8em;
    }
    #footer {
        margin-right: auto;
        margin-left: auto;
        min-height: 100px;
    }
    nav ul li {
        font-size: 1.2em;
    }
    nav ul {
        font-size: 1.2em;
    }
    #nav {
        margin-top: 20px;
    }
    .socialLinks {
        width: 200px;
        margin-left: 0px;
        float: left;
    }
}