﻿@charset "UTF-8";
/* CSS Document */

    html, body {
    font: 12px/18px sans-serif;
    background: #fff;
    padding: 3px;
    color: #000;
    margin: 0;
    }
    
    
    h1, h2, h3, h4, h5, h6 {
        font-weight: normal;
    }
        
    #content img { 
        max-width: 250px;
    }
    
    a:link, a:visited {
        text-decoration: underline;
        color: #0000CC;
    }
        
    a:hover, a:active {
        text-decoration: underline;
        color: #660066;
    }

.mobile_hide {display:none;}
    
.thrColFixHdr #container_home {
    BACKGROUND-IMAGE: none; 
    TEXT-ALIGN: left; 
    MARGIN: 0 auto; 
    width: 265px;
}
#mobile_header {
    background: #21459b;
}
    
#header_image, #navigation_stripe, #rightsidebar{
    display: none;
    }
#navigation_top {
    clear: left;
    padding-top: 17px;
    margin-top: 10px;
    margin-bottom: 30px;
    border-bottom: none;
}
#header_nav {margin-bottom:50px;}

#header_nav ul li  {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: -40px;
list-style:none;
}

#header_nav ul li a  {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    margin: 0 -45px 5px 0;
    padding: 10px 4px 2px 4px;
    height: 15px;
    width: 260px; 
    background: #21459b ;
    text-decoration: none;
}
    
#header_nav ul li a:hover {
    background: #6084DC;
    text-decoration: none;
}



#header_nav ul li ul li {display:none;}
 
 
 

 /*  HIDES VERTICAL DIVIDING CHARACTERS - MAKE TEXT WHITE  */
.thrColFixHdr #navigation_top_links {
    clear: left;
    color: #fff;
    height: 185px;
    display: inline;
    float: none;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    text-align:left;
    z-index: 0;
}
 /*  COLORS TEXT AND LEAVES VERTICAL DIVIDERS WHITE   */
.thrColFixHdr #navigation_top_links A:link {
    display: block;
    color: #21459b;
    font-size: 15px; 
    FONT-WEIGHT: bold; 
    margin: -10px 0 0 5px ;
    TEXT-DECORATION: none;
    line-height: .85;
}
.thrColFixHdr #navigation_top_links A:visited {
    COLOR:#19328d; 
}
.thrColFixHdr #navigation_top_links A:hover {
    COLOR:#6084DC; 
    FONT-SIZE: 15px; 
    FONT-WEIGHT: bold; 
    TEXT-DECORATION: none;
}

 /* p#callHeader {
    color: #000;
    margin-top: 23px;
    margin-bottom: 0;
    padding-left: 5px;
    font-size: 13px;
}  */


p#callHeader {
    color: black;
    padding-top: 17px;
    padding-left: 5px;
    font-size: 13px;
}

.thrColFixHdr #navigation_top_links p#callHeader a:link {
    text-decoration: none;
    font-size: 13px;
    font-weight: normal;
    color: #556C93;
    display: inline;
}
.thrColFixHdr #navigation_top_links p#callHeader a:hover {
    text-decoration: underline;
    font-weight:normal;
    color: #19328d;
}


 /*  INSERTS TEXT THAT GETS HIDDEN WHEN THE VERTICAL DIVIDING CHARACTERS ARE MADE WHITE  
.thrColFixHdr #navigation_top_links:after {   
    content:"Call 1-866-GO-DOVER (1-866-463-6837) or text WEB to 247365 ";
    float: left;
    margin-top: -10px; 
    margin-bottom: 10px; 
    color: #21459b;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.2;
}   */

.thrColFixHdr #navigation_top_links #search_form {
    MARGIN-top: -100px; 
    margin-bottom: 90px;
}

.thrColFixHdr #navigation_top_links #search_form INPUT[type='text'] {
    BACKGROUND-COLOR: #d2d0d0; 
    WIDTH: 180px; 
    DISPLAY: inline; 
    COLOR: #19328d; 
    margin: 0 10px 23px 5px;  
    FONT-SIZE: 10px;
    clear: both;
    float: left;
}
.thrColFixHdr #navigation_top_links #search_form INPUT[type='submit'] {
    TEXT-ALIGN: center; 
    BACKGROUND-COLOR: #19328d; 
    WIDTH: 40px; 
    DISPLAY: inline; 
    MARGIN-BOTTOM: 15px; 
    COLOR: #ffffff;
}



#leftsidebar {
    float: none;
    display: none;
}
#leftsidebar > img {
    display: none;
}

#leftsidebar ul {
    list-style-type: none;
    margin-left: -32px;
    margin-top: -25px;
}
#leftsidebar ul li {
    margin-bottom: 5px; 
}
#leftsidebar ul li a {
    text-decoration: none;
    display: block;
    color: #21459b; 
    font-size: 12px;
    font-weight: bold; 
    margin-left: -10px; 
    padding-left: 7px; 
    padding-right: 100% auto; 
    padding-top: 6px; 
    padding-bottom: 6px; 
    background: #c0bfbc; 
}
#leftsidebar ul li a:hover {
    color:#4973D8; 
    font-size: 12px; 
    text-decoration:none; 
    background: #d2d0d0; /* 4D83D7- light blue*/
} 
#fadeshow1 {
    display: none;
}

.thrColFixHdr #schools_and_footer {
    PADDING: 0;
    margin-left: 0;
    margin-top: -25px;
    BACKGROUND: #fff; 
}
.thrColFixHdr #school_links2 {
    float: none;
    TEXT-ALIGN: left; 
    MARGIN: -25px 0 0 0; 
    padding: 0 0 0 -15px;
}

.thrColFixHdr #hc_header {
    FLOAT: none; 
    BACKGROUND-IMAGE: url(/structuralimage/school_icons.png) ; 
    BACKGROUND-REPEAT: no-repeat; 
    BACKGROUND-position: -10px 0;
    HEIGHT: 200px; 
    WIDTH: 98px; 
    COLOR: #19328d; 
    TEXT-ALIGN: left;
    padding: 4px 13px 0 80px;
    margin-top: -40px; 
}

.thrColFixHdr #hc_header A:link {
    COLOR: #19328d; 
    FONT-SIZE: 12px; 
    TEXT-DECORATION: none;
}
.thrColFixHdr #hc_header A:visited {
    COLOR: #19328d; 
    FONT-SIZE: 10px; 
    TEXT-DECORATION: none;
}

.thrColFixHdr #hc_header H4 {
    COLOR: #19328d;
    padding-top: 2px;
    margin-bottom: -5px;
    width: 145px;
}
.thrColFixHdr #hc_header H4:hover {
    COLOR: #59637C; 
    FONT-SIZE: 1em; 
    border-right: 10px solid #c0c0c0;
    TEXT-DECORATION: none;
}
.thrColFixHdr #hc_header H4 A:link {
    COLOR: #19328d; 
    FONT-SIZE: 1em; 
    TEXT-DECORATION: none
}
.thrColFixHdr #hc_header H4 A:visited {
    COLOR: #19328d; 
    FONT-SIZE: 1em; 
    TEXT-DECORATION: none
}
.thrColFixHdr #hc_header H4 A:hover {
    COLOR: #59637C; 
    FONT-SIZE: 1em; 
    TEXT-DECORATION: none;
}
.thrColFixHdr #hc_header H4 A:active {
    COLOR: #19328d; 
    FONT-SIZE: 1em; 
    TEXT-DECORATION: none
}
.thrColFixHdr #hc_header UL {
    LIST-STYLE-TYPE: square;
    line-height: 1.2;
    padding-left: 0;
    width: 145px;
}
.thrColFixHdr #hc_header UL li {
    margin-bottom: 2px;
    padding: 2px 0 2px 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
.thrColFixHdr #hc_header UL li:hover {
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}


.thrColFixHdr #bus_header {
    FLOAT: none; 
    BACKGROUND-IMAGE: url(/structuralimage/school_icons.png) ; 
    BACKGROUND-REPEAT: no-repeat; 
    BACKGROUND-position: -250px 0;
    HEIGHT: 200px; 
    WIDTH: 98px; 
    COLOR: #19328d; 
    TEXT-ALIGN: left; 
    padding: 4px 13px 0 80px;
    margin-top: 20px;
}

.thrColFixHdr #bus_header A:link {
    COLOR: #19328d; 
    FONT-SIZE: 12px; 
    TEXT-DECORATION: none;
}
.thrColFixHdr #bus_header A:visited {
    COLOR: #19328d; 
    FONT-SIZE: 10px; 
    TEXT-DECORATION: none;
}

.thrColFixHdr #bus_header H4 {
    COLOR: #19328d;
    padding-top: 2px;
    margin-bottom: -5px;
    width: 145px;
}
.thrColFixHdr #bus_header H4:hover {
    COLOR: #59637C; 
    FONT-SIZE: 1em; 
    border-right: 10px solid #c0c0c0;
    TEXT-DECORATION: none;
}
.thrColFixHdr #bus_header H4 A:link {
    COLOR: #19328d; 
    FONT-SIZE: 1em; 
    TEXT-DECORATION: none
}
.thrColFixHdr #bus_header H4 A:visited {
    COLOR: #19328d; 
    FONT-SIZE: 1em; 
    TEXT-DECORATION: none
}
.thrColFixHdr #bus_header H4 A:hover {
    COLOR: #59637C; 
    FONT-SIZE: 1em; 
    TEXT-DECORATION: none;
}
.thrColFixHdr #bus_header H4 A:active {
    COLOR: #19328d; 
    FONT-SIZE: 1em; 
    TEXT-DECORATION: none
}
.thrColFixHdr #bus_header UL {
    LIST-STYLE-TYPE: square;
    line-height: 1.2;
    padding-left: 0;
    width: 145px;
}
.thrColFixHdr #bus_header UL li {
    margin-bottom: 2px;
    padding: 2px 0 2px 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
.thrColFixHdr #bus_header UL li:hover {
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}



.thrColFixHdr #it_header {
    FLOAT: none; 
    BACKGROUND-IMAGE: url(/structuralimage/school_icons.png) ; 
    BACKGROUND-REPEAT: no-repeat; 
    BACKGROUND-position: -490px 0;
    HEIGHT: 200px; 
    WIDTH: 98px; 
    COLOR: #19328d; 
    TEXT-ALIGN: left;
    padding: 4px 13px 0 80px;
    margin-top: -40px; 
    margin-bottom: 30px; 
}

.thrColFixHdr #it_header A:link {
    COLOR: #19328d; 
    FONT-SIZE: 12px; 
    TEXT-DECORATION: none;
}
.thrColFixHdr #it_header A:visited {
    COLOR: #19328d; 
    FONT-SIZE: 10px; 
    TEXT-DECORATION: none;
}

.thrColFixHdr #it_header H4 {
    COLOR: #19328d;
    padding-top: 2px;
    margin-bottom: -5px;
    width: 145px;
}
.thrColFixHdr #it_header H4:hover {
    COLOR: #59637C; 
    FONT-SIZE: 1em; 
    border-right: 10px solid #c0c0c0;
    TEXT-DECORATION: none;
}

.thrColFixHdr #it_header H4 A:link {
    COLOR: #19328d; 
    FONT-SIZE: 1em; 
    TEXT-DECORATION: none
}
.thrColFixHdr #it_header H4 A:visited {
    COLOR: #19328d; 
    FONT-SIZE: 1em; 
    TEXT-DECORATION: none
}
.thrColFixHdr #it_header H4 A:hover {
    COLOR: #59637C; 
    FONT-SIZE: 1em; 
    TEXT-DECORATION: none;
}
.thrColFixHdr #it_header H4 A:active {
    COLOR: #19328d; 
    FONT-SIZE: 1em; 
    TEXT-DECORATION: none
}
.thrColFixHdr #it_header UL {
    LIST-STYLE-TYPE: square;
    line-height: 1.2;
    padding-left: 0;
    width: 145px;
}
.thrColFixHdr #it_header UL li {
    margin-bottom: 2px;
    padding: 2px 0 2px 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
.thrColFixHdr #it_header UL li:hover {
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}



.thrColFixHdr #social_media {
    padding: 10px 15px 0 15px;
    margin-top: -110px;
    float: none; 
    text-align: left; 
    color: #3e5d72;
    background: #c0c0c0;
}
.thrColFixHdr #social_media img {
    margin: 3px; 
    border:0px;
}
.thrColFixHdr #social_media p {
    FONT-SIZE: 1em;
}
.thrColFixHdr #social_media p a {
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
}
.thrColFixHdr #social_media p a:hover {
    text-decoration: underline;
}


#footer {
    clear: both;   
    padding: 0; 
    margin-left: 5px;
    text-align: center; 
}
#footer p {
    margin: -10px 0 0 -5px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 15px 10px 15px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    background: #21459b;
    font-family: Arial, Verdana; 
    font-size: 12px; 
    font-style: normal;
    color: #fff;
}
#footer p a {
    color: #fff;
}

#copyright  {
    clear: left; 
    float: none; 
    text-align:left;
    margin-top: -5px; 
    padding-top: 15px;
}
#copyright p {
    color: #fff;  
}
#copyright p b {
    font-size: 12px; 
    font-weight: normal;
}

#mylayer {
    display: none; /*LiveChat blimp*/
}

/* iPhone-specific styles */
@media only screen and (max-device-width: 480px) { 
    html {
        -webkit-text-size-adjust: none;
         }
    }