@charset "UTF-8";

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

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

.fluid {
	float: left;
	display: block;
	width: 100%;
}

.fluidList {
    margin:0;
    padding:0;        
}


/*------------------------------------- */
/* Mobile Layout: 480px and below. */
/*------------------------------------- */
    

.col05 {
    width: 5%;
    float: left;
    display: none;
}

.col20 {
    width: 20%;
    float: left;
    clear: none;
}

.col22 {
    width: 96%;
    float: left;
}

.col28 {
    width: 96%;
    float: left;
}

.col32 {
    width: 32%;
    float: left;
}

.col35 {
    width: 35%;
    float: left;
    display: block;
}

.col40 {
    width: 100%;
    float: left;
    margin-top: 0%;
    display: block;
}

.col48 {
    width: 100%;
    float: left;
    margin-top: 0%;
    display: block;
}

.col48b {
    width: 100%;
    float: left;
    display: none;
}

.col48Phone {
    width: 100%;
    float: left;
    display: block;
}

.col48Scroll {
    width: 100%;
    float: left;
    margin-top: 0%;
    display: block;
    max-height: 350px;
    overflow-y: scroll;
}

.col50 {
    width: 96%;
    float: left;
}

.col52 {
    width: 100%;
    float: left;
}

.col60 {
    width: 57.5%;
    float: left;
    display: block;
}

.col64 {
    width: 100%;
    float: left;
}

.col66 {
    width: 66%;
    float: left;
}

.col70 {
    width: 96%;
    float: left;
    display: block;
}

.col74 {
    width: 100%;
    float: left;
}

.col96 {
    width: 94%;
    float: left;
}

.col100 {
    width: 100%;
    float: left;
    display: block;
}

.col100Header{
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.col100Home{
    width: 86%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-top: .5%;
    padding-bottom: .5%;
    padding-left: 7%;
    padding-right: 7%;
    background-image: url(../images/home/banner/fade-blu-gray-14pct.png);
    background-repeat: repeat-x;
}

.row66 {
    width: 96%;
    float: left;
}

.row70 {
    width: 100%;
    float: left;
}

.row72 {
    width: 100%;
    float: left;
}

.row96 {
    width: 100%;
    float: left;
}

.row98 {
    width: 98%;
    float: left;
    margin-top: 2%;
    margin-right: 2%;
    margin-bottom: 0%;
    margin-left: 2%;
}

.row1002Col {
    width: 100%;
    float: left;
    column-count: 2;
    column-gap: 2%;
    column-rule-style: solid;
    column-rule-width: 1px;

}

.row100-4Col {
    width: 100%;
    float: left;
    display: block;
    column-count: 4;
    column-gap: 1%;
    max-height: 16px;
}

.row100 {
    width: 100%;
    float: left;
    margin-bottom: 0%;
}

.row100Nav {
    width: 100%;
    float: right;
    margin-bottom: 0%;
    border-top: 4px ridge #8F0002;
    border-bottom: 4px ridge #8F0002;
    background-image: url(../images/sitewide/nav-color-strip.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}




.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}

/* --------------------------------------------------------------------*/
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
/* --------------------------------------------------------------------*/
@media only screen and (min-width: 481px) {


.col05 {
    width: 5%;
    float: left;
    display: none;
}

.col20 {
    width: 20%;
    float: left;
    display: block;
}

.col22 {
    width: 22%;
    float: left;
    display: block;
}

.col28 {
    width: 28%;
}

.col32 {
    width: 32%;
    float: left;
    display: block;
}

.col35 {
    width: 35%;
    float: left;
    display: block;
}

.col40 {
    width: 40%;
    float: left;
    margin-top: 0%;
    display: block;
}

.col48 {
    width: 48%;
    float: left;
    display: block;
}
    
.col48b {
    width: 48%;
    float: left;
    display: block;
}

.col48Phone {
    width: 48%;
    float: left;
    display: none;
}

.col48Scroll {
    width: 48%;
    float: left;
    margin-top: 0%;
    display: block;
    max-height: 450px;
    overflow-y: scroll;
}

.col50 {
    width: 50%;
    float: left;
    display: block;
}

.col52 {
    width: 52%;
    float: left;
    display: block;
}

.col60 {
    width: 60%;
    float: left;
    display: block;
}

.col64 {
    width: 64%;
    float: left;
    display: block;
}

.col66{
    width: 66%;
    float: left;
    display: block;
}

.col70{
    width: 70%;
    float: left;
    display: block;
}

.col74{
    width: 74%;
    float: left;
    display: block;
}

.col96 {
    display: block;
}

.col100{
    width: 100%;
    float: left;
}

.col100Header{
    width: 100%;
}

.col100Home{
    width: 86%;
}

.row66{
    width: 66%;
    float: left;
}

.row70{
    width: 70%;
    float: left;
}

.row72{
    width: 72%;
    float: left;
}

.row96 {
    width: 96%;
    float: left;
}

.row98{
    width: 98%;
    float: left;
}

.row100{
    width: 100%;
    float: left;
}

.row1002Col {
    width: 100%;
    float: left;
    column-count: 2;
    column-gap: 2%;
    column-rule-style: solid;
    column-rule-width: 1px;

}

.row100-4Col {
    max-height: 22px;
}

.row100Nav{
    border-top: 2px ridge #8F0002;
    border-bottom: 3px ridge #8F0002;
}

.homeContent {
    width: 100%;
    margin-bottom: 0%;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
    background-image: url(../images/sitewide/TBD-image-rectangle.jpg);
    background-repeat: repeat;
}


    


.zeroMargin_tablet {
    margin-left: 0;
}
    
.hide_tablet {
    display: none;
}
}

/* --------------------------------------------------------------------------------------------------*/
/* Desktop Layout: 992px to a max of 1400px.  Inherits styles from: Mobile Layout and Tablet Layout. */
/* --------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 992px) {


.col05 {
}

.col20 {
}

.col22 {
}

.col28 {
}

.col32 {
}

.col35 {
}

.col40 {
}

.col48 {
}
    
.col48b {
}

.col48Scroll {
    width: 48%;
    float: left;
    margin-top: 0%;
    display: block;
    max-height: 550px;
    overflow-y: scroll;
}

.col50{
}

.col52{
}

.col60{
    width: 60%;
    float: left;
}

.col64 {
    width: 64%;
    float: left;
    display: block;
}

.col66{
    width: 66%;
    float: left;
    display: block;
}

.col70{
}

.col74{
}

.col96 {
    background-color: #FFFFFF;
}

.col100{
    width: 100%;
}

.col100Header{
    max-width: 1400px;
}

.col100Home{
   width: 76%;
    padding-left: 12%;
    padding-right: 12%;
}

.row66{
    width: 66%;
    float: left;
}

.row70{
    width: 70%;
    float: left;
}

.row72{
}

.row96 {
    width: 96%;
    float: left;
}

.row98{
    width: 98%;
    float: left;
}

.row100{
    width: 100%;
    float: left;
}

.row1002Col {
    width: 100%;
    float: left;
    column-count: 2;
    column-gap: 2%;
    column-rule-style: solid;
    column-rule-width: 1px;

}

.row100-4Col {
    column-gap: 1%;
    max-height: 24px;
}

.row100Nav{
    border-top: 2px ridge #8F0002;
    border-bottom: 3px ridge #8F0002;
}

.homeContent {
    margin-top: 2%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1400px;
    background-color: #FFFFFF;
}




.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}
}