/* Medium Desktop ---------------------------------------------------*/
@media screen and (min-width: 1551px) and (max-width: 1700px) {

#main_menu>ul>li>a { margin: 0px; padding: 0px 12px; font-size: 15px;}
#main_menu>ul>li:last-child>ul { left: unset; right: 2px; }

}

/* Medium Desktop ---------------------------------------------------*/
@media screen and (min-width: 1361px) and (max-width: 1550px) {

#main_menu>ul>li>a { margin: 0px; padding: 0px 8px; font-size: 13px;}
#main_menu>ul>li:last-child>ul { left: unset; right: 2px; }

}

/* Medium Desktop ---------------------------------------------------*/
@media screen and (min-width: 1140px) and (max-width: 1360px) {

.wrapper { max-width: 1100px;}
#main_menu>ul>li>a { margin: 0px; padding: 0px 8px; font-size: 13px;}
#main_menu>ul>li:last-child>ul { left: unset; right: 2px; }

}


/* Small Desktop ---------------------------------------------------*/
@media screen and (min-width: 1025px) and (max-width: 1139px) {

.wrapper { max-width: 1000px;}
#main_menu>ul>li>a { margin: 0px; padding: 0px 8px; font-size: 13px;}
.itemgrid_3x .grid_item { height: 280px;}
.itemgrid_3x .item_title { font-size: 20px; }
.itemgrid_3x .item_description { padding-top: 7px;}
#footer { font-size: 13px; }
#main_menu>ul>li:last-child>ul { left: unset; right: 2px; }

}


/* Tablet ---------------------------------------------------*/
@media screen and (min-width: 750px) and (max-width: 1024px) {

body, .next_item_blurb { font-size: 13px; }

.desktop_only  { display: none; }
.wrapper { max-width: 950px; }
a.morebutton, .morebutton a, a.bluebutton, .bluebutton a, a.greenbutton, .greenbutton a, a.navybutton, .navybutton a, #home_quicklinks span.ql_button { line-height: 40px; padding: 0 15px; font-size: 16px;  }

#main_menu>ul>li { height:30px; }
#main_menu>ul>li>a { margin: 0px; padding: 0px 8px; font-size: 13px;}

#homepage_slideshow { height: 480px; }
h1.big_title { font-size:40px; }
.slide h2 { font-size:24px; }

#home_quicklinks a.quicklink { position: relative; float: left; width: 33.3333% !important; top:0px !important; left:0px !important; right: 0px !important; margin: 0px !important; padding:0px !important;}
#home_quicklinks span.ql_inner { margin:0px !important; width: 100% !important; padding:0px !important; max-width: none;}
#home_quicklinks span.ql_name { font-size: 22px; }

.itemgrid_3x { margin-top: 50px;}
.itemgrid_3x .grid_row { margin-top: 0px; padding-bottom: 32px; }
.itemgrid_3x .grid_item { height: 280px;}
.itemgrid_3x .item_title { font-size: 20px; }
.itemgrid_3x .item_description { padding-top: 7px; top: 8px; left:8px; right: 8px; bottom: 8px; background: rgba(255,255,255,0.85);}
.itemgrid_3x .item_more { height: auto !important; opacity: 1 !important;}
.itemgrid_3x .blurb { padding: 20px 0 13px;}

#home_classes a.morebutton { margin-top: 6px; }

#site_map>div>ul>li { width: 19%; margin-left: 1.25%; }
#site_map>div>ul>li { font-size: 15px; }
#site_map ul ul li a { font-size: 12px; }

#footer { font-size: 13px; }

#content img { max-width: 100% !important; height: auto !important; }

.moduleLister .staff_item { width:30%;  min-width: 185px;}

}

/* Tablet Incremental Scaling ---------------------------------------------------*/
@media screen and (min-width: 750px) and (max-width: 959px) {
    .wrapper { max-width: 750px; }
    #logo { width: 145px; height:100px;}
    #header { height: 190px; }
    #main_menu { top:30%; }
    #header.transparent { height: 140px; }
    #header.transparent #logo { width: 200px; height:190px;}
    #header.transparent #main_menu { top:50%; }
    #footer p { display: block; line-height: 1.25emx; height: auto; margin: 0 5px; padding-left: 0; border-left: 0px; }
    #sidebar {width: 275px;}
    #content { padding: 20px 20px 70px 305px ;}
    #interior_content.flip_sidebar #content { padding: 20px 305px 70px 20px ;}
    #interior_header_banner h1.big_title { font-size: 36px; }
    
}
@media screen and (min-width: 960px) and (max-width: 1024px) { }


/* Phone ---------------------------------------------------*/
@media screen and (min-width: 20px) and (max-width: 749px) {

#main_menu, #top_menu, #site_map { display: none !important; }
#mobile_menu, #menu_toggle, #mobile_bottom, #sitemap_toggle { display: block; }

a.morebutton, .morebutton a, a.bluebutton, .bluebutton a, a.greenbutton, .greenbutton a, a.navybutton, .navybutton a, #home_quicklinks span.ql_button { line-height: 40px; padding: 0 15px; font-size: 16px;  }
a.bluebutton, .bluebutton a, a.greenbutton, .greenbutton a, a.navybutton, .navybutton a { margin: 10px auto !important; display: block; width: 75%; clear: both; text-align: center;}
.unfloat, .split_left, .split_right, .column  { display: block; width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; padding: 0px; float: none !important; clear: both; }
.column { margin-bottom: 12px;}


#header, #header.transparent { height: 120px; background: #fff; position: relative;}
#header #top_bar, #header.transparent #top_bar { background: #00b086; padding: 4px 0;}
#header #logo, #header.transparent #logo { background-image: url('graphics/design/logo_color.png'); top: 45px; bottom: 5px; height: auto;}

#homepage_slideshow { height: 300px;  }
.slide .caption { top:0px; }
.slide h1 { font-size: 36px; }
.slide h2 { font-size: 24px; margin-bottom: 8px;}
.slide .outer { height: 100%; }
.slide .inner { vertical-align: middle;}
#slide_prev, #slide_next { margin-top: -20px;}
#slideshow_pause { bottom:10px; }

#home_columns h2.column_header { position: static; margin-bottom: 8px;}
#home_columns .column_bottom_buttons { position: static; margin: 8px 0;}
#home_columns .column3 { display: none; }

#home_events .split_left .half_wrapper, #home_events .split_right .half_wrapper { padding: 12px; margin:0px auto; box-sizing: border-box;}
#home_about .split_left .half_wrapper { padding: 12px 12px 0; margin:0px auto; box-sizing: border-box;}
#home_about .split_right .half_wrapper { padding: 5px 12px 12px; margin:0px auto; box-sizing: border-box;}

.itemgrid_3x { margin-top: 0px;}
.itemgrid_3x .grid_row { margin-top: 0px; padding-bottom: 0px; }
.itemgrid_3x .grid_item { height: 280px; float: none; width: auto; margin: 0 auto 20px;}
.itemgrid_3x .item_title { font-size: 20px; }
.itemgrid_3x .item_description { padding-top: 7px; top: 8px; left:8px; right: 8px; bottom: 8px; background: rgba(255,255,255,0.85);}
.itemgrid_3x .item_more { height: auto !important; opacity: 1 !important;}
.itemgrid_3x .blurb { padding: 20px 0 13px;}


#site_map>div>ul>li { width: 19%; margin-left: 1.25%; }
#site_map>div>ul>li { font-size: 15px; }
#site_map ul ul li a { font-size: 12px; }

#interior_header_banner h1.big_title { font-size: 26px; }
#content { min-height: 300px !important; padding: 0px 20px 20px !important; float: none; }
#sidebar { position: relative; top:0; left:0; height: auto; width: auto; padding: 30px 10px 20px;}

#footer { font-size: 13px; }
#footer p { display: block; line-height: 1.25emx; height: auto; margin: 0 5px; padding-left: 0; border-left: 0px; }

#content img { max-width: 100% !important; height: auto !important; }
.desktop_only { display: none; }
.no_mobile { display: none; }
.mobile_only { display: block !important; }

.moduleLister .staff_item { width:40%; margin-bottom:25px;}
select.cat_selector { margin-bottom: 20px;}

.login_minibox { display:none; }

}



/* Phone Scaling ---------------------------------------------------*/
@media screen and (min-width: 20px) and (max-width: 450px) {
    
.slide h1 { font-size: 24px; }
.slide h2 { font-size: 18px; }
.slide .slide_buttons { font-size: 40px; line-height: 40px; padding:0;}

.staff_item { width: 100%; margin-bottom: 20px;}
.staff_image { height: 150px; }
    
}
@media screen and (min-width: 451px) and (max-width: 529px) { 
    
.staff_item { width: 100%; margin-bottom: 20px;}
    
}
@media screen and (min-width: 530px) and (max-width: 749px) {  }