/*
 * ==========================================================
 * Grid
 * ==========================================================
 */

/* Notes
Green = 70b276
Purple = 9d85be
Orange = ffb15b
Dark Onrange = d94c17
 */

.not-front #header .section, 
.not-front #main-wrapper #main, 
.not-front #footer .section { width: 960px; }

#main, 
.front #main, 
#main-wrapper { background-color: #f4efd9 !important; }

/* General --> mainly overrides current styling for this specific page */
#header { background: #FFFFFF; }
#header .section { background: #FFFFFF; }
.not-front #content { margin-top: 20px; }

.not-front .region-header{ height: 255px; position: relative; } /* background: none repeat scroll 0 0 #212121; */
.not-front .region-header #block-block-41 { left: -220px; position: absolute; overflow: hidden; } /* overflow: auto; height: 255px; // left: -220px; position: absolute; overflow: hidden;  */
#fakerotational { height: 255px; width: 1360px; }

/* Footer:  Local and Live */
.region-footer .block-menu{display: block !important; float: left; margin-right: 25px; width: 23%;}
.region-footer #block-menu-menu-footer-red-menu,
.region-footer #block-menu-menu-quick-links-4{margin: 0;}
.region-footer .block-menu h2{color: #212121; font-size: 15px; font-weight: bold; border-bottom: 5px solid #ffffff; margin: 0 0 20px; padding: 0 0 10px;}
.region-footer .block-menu ul{list-style: none inside none;}
.region-footer #block-menu-menu-footer-green-menu,
.region-footer #block-menu-menu-quick-links-1 {clear: left;}
.region-footer #block-menu-menu-footer-green-menu h2,
.region-footer #block-menu-menu-quick-links-1 h2 {color: #FFFFFF;}
.region-footer #block-menu-menu-footer-green-menu h2,
.region-footer #block-menu-menu-quick-links-1 h2{border-bottom: 5px solid #75b47a;}
.region-footer #block-menu-menu-footer-purple-menu h2,
.region-footer #block-menu-menu-quick-links-3 h2{border-bottom: 5px solid #a48dc4;}
.region-footer #block-menu-menu-footer-orange-menu h2,
.region-footer #block-menu-menu-quick-links-2 h2{border-bottom: 5px solid #faa74f;}
.region-footer #block-menu-menu-footer-red-menu h2,
.region-footer #block-menu-menu-quick-links-4 h2{border-bottom: 5px solid #d94c17;}
.region-footer .block-menu li{float: none !important; margin-top: 10px;}
.region-footer .block-menu li a{color: #FFFFFF !important; text-decoration: none; font-size: 14px;}
.region-footer .block-menu{display: block;}
#block-block-2{display: none;}
#footer{padding-top: 0;}
#main-wrapper #content-area{margin-top: 13px;}

/* Header Page Specific */
#logo{padding: 18px 20px 1px 0;}
#logo img { width: 286px; height: 72px; }
#secondary-menu{float: right;}
#secondary-menu li { border-right: 1px solid #ccc; }
#secondary-menu li.last { border-right: none; }
#secondary-menu li a{color: #393438; }
#secondary-menu li a:hover,
#secondary-menu li a.active{color: #f8a755;}
#header{background: url("/sites/all/themes/sanbi/images/header_bg_new.png") repeat-x scroll 0 0 #212121; height: 400px; overflow: hidden; }
#header .section{position: relative;}

/* Search box */
#search-box .form-text { color: #C3C3C3 !important; font-family: arial !important; font-size: 12px; }
#search-box{position: absolute; right: 0; top: 40px;}
#search-box .form-submit{background: url("/sites/all/themes/sanbi/images/search_btn.png") no-repeat scroll -2px 0 rgba(0, 0, 0, 0); display: inline-block; height: 29px; padding: 0 10px 0 0; width: 24px;} 

/* Navigation */
/* IE9 uses \9 */
#navigation { margin-top: 10px; }
.not-front #navigation { margin-top: 11px; }
#navigation ul { background-color: #3b343b; }
#main-menu li{padding: 0; margin: 0 !important;}
#main-menu li a{border: 0;}
#main-menu li a{background: #3B343B; border-right: 1px solid #201e21; border-left: 1px solid #716070; padding: 13px 16px 13px 16px; height: 16px;}
#main-menu li.first a{border-left: 1px solid #3b343b; padding-left: 19px;}
#main-menu li.last a{border-right: 1px solid #3b343b;}

/* 10 years logo:  Local and Live */
#block-block-34,
#block-block-37 { 
	float: right;
    margin-top: 64px;
    width: 305px;
    margin-bottom: 0;
}

/* One extra pixel for all browsers, excluding IE. '.notie' class added in global.js */
.notie #block-block-34,
.notie #block-block-37 {
    margin-top: 65px;
}

.front .with-navigation #content, 
.front .with-navigation .region-sidebar-first, 
.front .with-navigation .region-sidebar-second { margin-top: 0; }

/* Green */
#main-menu li.menu-4999 a.active-trail,
#main-menu li.menu-5005 a.active-trail,
#main-menu li.menu-5002 a.active-trail,
#main-menu li.menu-4999 a.active,
#main-menu li.menu-5005 a.active,
#main-menu li.menu-5002 a.active,
#main-menu li.menu-4999 a:hover,
#main-menu li.menu-5005 a:hover,
#main-menu li.menu-5002 a:hover{background: #70b276 !important;}
/* Purple */
#main-menu li.menu-5001 a.active-trail,
#main-menu li.menu-5000 a.active-trail,
#main-menu li.menu-5001 a.active,
#main-menu li.menu-5000 a.active,
#main-menu li.menu-5001 a:hover,
#main-menu li.menu-5000 a:hover{background: #9d85be !important;}
/* Orange */
#main-menu li.menu-7203 a.active-trail,
#main-menu li.menu-4488 a.active-trail,
#main-menu li.menu-7203 a.active,
#main-menu li.menu-4488 a.active,
#main-menu li.menu-7203 a:hover,
#main-menu li.menu-4488 a:hover{background: #ffb15b !important;}

/* bg hover removal */
a:hover{background: none;}

/* Mobile */
.mobilemenu { text-align: center; background: url('/sites/all/themes/sanbi/images/bg-mobilemenu.png') 50% 50% #3b343b no-repeat; text-indent: -9999px; height: 40px; cursor: pointer; cursor: hand; }
.menu-closed { display: none !important; }
.responsive-mobile #page-wrapper { margin-top: -15px; }
.responsive-mobile #logo { padding: 20px 10px 0 10px; }
.responsive-mobile #block-block-34 img,
.responsive-mobile #block-block-37 img { position: absolute !important; top: 99px !important; left: 5px; padding-top: 11px; border-top: 2px solid #ffb15b; }
#header { height: auto; }
.responsive-mobile #header #navigation { width: 100%; margin-top: 38px; }
.responsive-mobile #header #navigation #main-menu li, 
.responsive-mobile #header #navigation #main-menu li a { display: block; float: none; background-image: url('/sites/all/themes/sanbi/images/bg-navigation-mobile.png'); background-position: 0 0; background-repeat: repeat-x; text-align: center; padding: 5px 18px 5px 18px; border-left: none; }

.responsive-mobile #header #navigation #main-menu li { padding: 0; }

/* Mobile:  Secondary Menu */
.responsive-mobile #secondary-menu { top: 150px; float: left; position: absolute; }
.responsive-mobile #secondary-menu li a { margin-left: 4px; margin-right: 4px; font-size: 11px; }
.responsive-mobile #secondary-menu li.first a { margin-left: 0; }
.responsive-mobile #secondary-menu li.last a { margin-right: 0; }

/*** TABLET ***/

/* Navigation */
.responsive-tablet-portrait #block-block-34,
.responsive-tablet-portrait #block-block-37 { 
	float: none;
    margin-top: -9px;
    width: 305px;
}

.responsive-mobile #header{background: url("/sites/all/themes/sanbi/images/header_bg_new.png") repeat-x scroll 3px 75px #FFFFFF;}
.responsive-mobile #header .section{background: none repeat scroll 0 0 #FFFFFF !important; margin: 0 auto !important; width: 300px !important;}

/* Mobile Footer */
.responsive-mobile .region-footer { padding: 20px 10px; font-size: 11px; }
.responsive-mobile .region-footer .block-menu { width: 100%; }
.responsive-mobile #footer ul { margin: 0 0 15px 0; }
.responsive-mobile .region-footer h2 { border: none !important; margin: 0; display: none; font-size: 18px; }
.responsive-mobile .region-footer #block-menu-menu-footer-green-menu h2 { display: block; }
.responsive-mobile #footer ul li {clear: none; display: inline-block; float: left; }
.responsive-mobile .region-footer .block-menu li a { border-right: 1px solid #fff; padding-right: 3px; font-size: 12px; }
.responsive-mobile .region-footer .block-menu li.last a { border-right: none; }
.responsive-mobile #footer .block { margin-bottom: 0; }


/*** START: Tablet RESPONSIVE ***/
.responsive-tablet-portrait #page-wrapper, 
.responsive-tablet-portrait .region-page-closure { min-width: 768px; }
.responsive-tablet-portrait #header .section, 
.responsive-tablet-portrait #main-wrapper #main, 
.responsive-tablet-portrait #footer .section { width: 768px !important; }

.responsive-tablet-portrait #logo { padding: 5px 20px 1px 20px !important; }
.responsive-tablet-portrait .region.region-timeline { clear: left; padding: 10px 0 10px 17px; }
.responsive-tablet-portrait #search-box { top: 63px !important; right: 20px !important; }
.responsive-tablet-portrait #header { background: none !important; height: 289px; }
.responsive-tablet-portrait #secondary-menu { margin-right: 20px; }
.responsive-tablet-portrait #navigation { margin-top: -10px !important; margin-left: auto; margin-right: auto; }

/* Navigation */
.responsive-tablet-portrait #main-menu li.first a { padding-left: 19px !important; }
.responsive-tablet-portrait #main-menu li.last a { padding-right: 18px !important; }
.responsive-tablet-portrait #main-menu li a { font-size: 11px; padding: 10px 8px !important; border-right: none !important; border-bottom: 2px solid #000; }

/* Rotational:  Local and Live */
.responsive-tablet-portrait .region-header { height: 146px !important; }
.responsive-tablet-portrait .region-header #block-views-slideshow_rotational-block_1 img { max-width: 768px !important; width: 100%; height: 100%; }
.responsive-tablet-portrait .region-header #block-views-slideshow_rotational-block_1 { left: 0 !important; }
.responsive-tablet-portrait #block-block-32,
.responsive-tablet-portrait #block-block-35 { margin: 0 !important; padding: 10px 2px; }


/*** END: RESPONSIVE ***/

/* Copyright */
.region-page-closure .block { font-size: 11px; clear: both; color: #969173; width: 100%; background-color: #F4EFD9; margin-bottom: 0; }
.region-page-closure .block .content { margin-left: auto; margin-right: auto; width: 454px; padding-top: 20px !important; padding-bottom: 20px !important; text-align: center; }
.region-page-closure .block a { color: #5F5A3C; font-weight: bold; }
.responsive-mobile .region-page-closure span { display: none; }
.responsive-mobile .region-page-closure .block a { display: block; }


.section-information #header .section,
.section-information #main-wrapper #main { width: 960px }