/** REMOVE ME 
use img.scale-with-grid instead
**/

img { max-width:100%; height: auto; }

html { overflow-x: hidden; }

body { background-color: #405158; overflow-x: hidden; }
body.node-type-popup { background: url('../../../files/images/background-thin.jpg') repeat top left transparent; }

li { line-height: 2em; margin-bottom: 0; }

#wrapper {
	background: url('../../../files/images/background-thin.jpg') repeat top left transparent;
	width: 100%;
	display:block;
	position:relative;
	overflow:visible;
}

/* Alert Bar */

#alert_wrapper {
	width:100%;
}

#alert_bar {
	width: auto;
	background-color: #f68121;
	padding: 10px 0;
	cursor:pointer;
	position: relative;
}

#alert_icon {
	background: url('../../../files/images/icons/alert_icon.png') no-repeat center transparent;
	position: absolute;
	float: left;
        display:block;
        height: auto;
        width: 11%;
	top: 0;
	bottom: 0;
}

#alert_title {
        font-weight: 700;
	text-transform: uppercase;
	font-size: 16px;
	display: block;
}

#alert_close {
	background: url('../../../files/images/icons/alert_close.png') no-repeat center transparent;
	right:0;
	position: absolute;
	width: 9%;
	top: 0;
	bottom: 0;
}

#alert_body {
        text-transform: uppercase;
        font-size: 16px;
	text-align: center;
}

#alert_body {
	background-color: #fef9f5;
	float: left;
	width:75%;
	padding: 0px 10px 0px 10px;
	position: relative;
	margin-left: 11%;
}

/* Attention Bar */

#attention_wrapper {
        width:100%;
}

#attention_bar {
        width: auto;
        height: inherit;
        background-color: #516166;
      	position: relative;
}

#attention_icon {
        background: url('../../../files/images/icons/alert_icon.png') no-repeat center transparent;
	background-color: #2e3c41;
	padding: 0px 5px 0px 20px; 
        width: 4%;
	float: left;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
}

#attention_body { margin: 0; }
#attention_title {
        color: #ff9000;
        font-weight: 700;
        font-size: 16px;
	text-transform: uppercase;
	display: inline;
}

#attention_close {
	background: url('../../../files/images/icons/alert_close_grey.png') no-repeat center transparent;
	background-color: #2e3c41;
        color: white;
        font-size: 18px;
        font-weight: 700;
        float: right;
	display: block;
	height: auto;
	padding: 5px 10px;
	margin: 0;
	top: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	width: 4%;
  cursor:pointer;
}

.view-attention-messages .field-content {
        position: relative;
	color: #c9c9ca;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}

#attention_body { 
	padding: 15px 10px;
	position: relative;
	text-align: center;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

/* Header --------------------------------- */

#header {
	background: white;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	border-bottom: 5px solid rgba(0,0,0,0.25);
	position:relative;
	z-index: 1;
}

#header-top {
	background-color: #405158;
}

#header-top .left { float:left; }
#header-top .right { /* width: 450px; */ float:right; }

/***** FIX SEARCH THROBBER ******/
html.js input.form-autocomplete {
	background: none repeat transparent;
}

#logo {
	float: left;
	padding: 0px 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 91px;
}

#name-and-slogan {
	float:left;
	word-wrap: normal;
}

#name-and-slogan #logo img { width: 90px; }

#name-and-slogan .site-name-slogan {
	margin: 25px 0 5px 0;
	width: 640px;
	display:block;
}

#italic_sitename { font-style: italic; font-family: serif; }

#sub-nav {
	float:right;
/*	min-width: 565px; */
}

#site-name a {
	font-size: 26px;
	text-decoration: none !important;
	color: black;
	font-family: sans-serif;
  line-height: 1.25em;
}

#site-slogan {
	margin-top: 0px;
	font-size: 16.6px;
	font-style: italic;
	color: black;
	font-family: serif;
}

/* Header End --------------------------------- */


#highlighted {
	/* border-top: 5px solid rgba(0,0,0,0.25);
        -moz-background-clip: content;
        -webkit-background-clip: content;
        background-clip: content-box; */
	position:relative;
	z-index: 0;
	margin-top:-5px;
}
#highlighted .region-highlighted { margin-bottom: -40px; }

.rotating-banner .rb-link:hover, .rotating-banner .rb-link:visited, .rotating-banner .rb-link:link, .rotating-banner .rb-link:active {
	font-size: 20px;
	text-align: left;
}

#layerslider_1 {
        border-bottom: 5px solid #3a859a;
}

#front_page {
	background: url('../../../files/images/frontpage_hero.png') no-repeat top left transparent;
	height: 350px;
	width: 1500px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: -46px;
}

/* Body --------------------------------------- */

.hero_none #page-title { 
  margin-top: 40px; 
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  color: #3A859A;
}
#page-title { text-transform: uppercase; color: #405157; }


#container {
	position:relative;
	z-index: 0;
}

.region.region-content {
	margin-bottom: 20px;
}

.element_wrapper {
	border-bottom: 5px solid rgba(0,0,0,0.15);
}

#breadcrumb { text-transform: uppercase; padding-top: 5px; }
#breadcrumb a:hover { color: #2eabce; }

.node-unpublished { background-color: #f5e6e6 !important; }

/* Green Role Based Navigation Buttons */

#role_nav {
	margin-top: -10px;
  margin-bottom: 50px;
  padding-left: 10px;
	height: 70px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #role_nav { padding-left: 0px; }
  /*#footer_top { min-height: 415px; }*/
}


span.nav_button_text {
        display: block;
        text-align: center;
        padding: 18px 0 20px 0;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
	color: #556970;
}

.float_wrap_green {
	width: 23%;
	height: 100%;
	float: left;
	transition:all 1s ease;
	-webkit-transition: all 1s ease;
	margin: 10px 12px 0px 0;
	border-bottom: 5px solid rgba(0,0,0,0.15);
}

.nav_button { 
	display: block; 
	text-decoration: none; 
}

#directors {
	margin-right: 0px;
}

.nav_icon {
	width: 28%;
	height: 100%;
	float: left;
}

.nav_icon a { height: inherit; width: auto; }

.nav_icon img {
	float: right;
	margin-top: 30px;
}

#parents_icon {
	background: url('../../../files/images/icons/parents_icon.png') no-repeat center transparent;
	background-color: #6b8a22;
	transition: all 1s ease;
        -webkit-transition: all 1s ease;
}

#diplomates_icon {
        background: url('../../../files/images/icons/diplomates_icon.png') no-repeat center transparent;
        background-color: #6b8a22;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
}

#residents_icon {
        background: url('../../../files/images/icons/residents_icon.png') no-repeat center transparent;
        background-color: #6b8a22;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
}

#directors_icon {
        background: url('../../../files/images/icons/directors_icon.png') no-repeat center transparent;
        background-color: #6b8a22;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
}

.nav_text {
	width: 72%;
	height: 100%;
	background: url('../../../files/images/icons/green_arrow_diag.png') no-repeat right bottom transparent;
	background-color: white;
	float: left;
	transition: all 1s ease;
        -webkit-transition: all 1s ease;
        float: right;
        line-height:1.15em;
        font-weight: 600;
        text-decoration: none !important;
	/* font-family: 'Montserrat', sans-serif; */
}

.nav_text img {
	position: absolute;
	margin-top: 30px;
}

.float_wrap_green:hover #parents_icon {
	background: url('../../../files/images/icons/parents_icon_g.png') no-repeat center transparent;
	background-color: white;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
}

.float_wrap_green:hover #diplomates_icon {
        background: url('../../../files/images/icons/diplomates_icon_g.png') no-repeat center transparent;
        background-color: white;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
}

.float_wrap_green:hover #residents_icon {
        background: url('../../../files/images/icons/residents_icon_g.png') no-repeat center transparent;
        background-color: white;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
}

.float_wrap_green:hover #directors_icon {
        background: url('../../../files/images/icons/directors_icon_g.png') no-repeat center transparent;
        background-color: white;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
}

.float_wrap_green:hover .nav_text {
	background-color: #6b8a22;
	transition: all 1s ease;
        -webkit-transition: all 1s ease;
}

.float_wrap_green:hover .nav_text span {
	color: white;
	transition: all 1s ease;
        -webkit-transition: all 1s ease;
}

.float_wrap_green:active #parents_icon {
        background: url('../../../files/images/icons/parents_icon.png') no-repeat center transparent;
        background-color: #6b8a22;
}

.float_wrap_green:active #diplomates_icon {
        background: url('../../../files/images/icons/diplomates_icon.png') no-repeat center transparent;
        background-color: #6b8a22;
}

.float_wrap_green:active #residents_icon {
        background: url('../../../files/images/icons/residents_icon.png') no-repeat center transparent;
        background-color: #6b8a22;
}

.float_wrap_green:active #directors_icon {
        background: url('../../../files/images/icons/directors_icon.png') no-repeat center transparent;
        background-color: #6b8a22;
}

/* Right Nav Menu */

#sidebar-second { margin-bottom: 25px; box-shadow: 0px 1px 1px #ccc; }

#block-menu-block-1, #block-menu-menu-news-menu-block {
	background-color: white;
	text-transform: uppercase;
}

#block-menu-block-1 h3, #block-menu-menu-news-menu-block h3 {
	padding: 25px 20px 10px 20px;
	border-bottom: 1px solid #c9cacc;
        color: #3a859a;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 0px;
        line-height: 1.15;
}

#block-menu-block-1 ul.menu li, #block-menu-menu-news-menu-block ul.menu li {
	margin: 0 0 0 0;
	line-height: 18px;
}

#block-menu-block-1 a, #block-menu-menu-news-menu-block a {
	line-height: 1.25;
	text-decoration: none !important;
        color: #556970;
	font-weight: 600;
	/* font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	/* -webkit-text-size-adjust: 100%; */
}

#block-menu-block-1 ul, #block-menu-menu-news-menu-block ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0px 0px 0px 0px;
	
}

#block-menu-block-1 ul li.leaf, #block-menu-menu-news-menu-block ul li.leaf {
	list-style-type: none;
	list-style-image: none;
	padding: 10px 20px 10px 20px;
	border-bottom: 1px solid #c9cacc;
}

#block-menu-block-1 ul li.collapsed, #block-menu-menu-news-menu-block ul li.collapsed {
	list-style-type: none;
	list-style-image: none;
	padding: 10px 20px 10px 20px;
	border-bottom: 1px solid #c9cacc;
}

#block-menu-block-1 ul li.expanded, #block-menu-menu-news-menu-block ul li.expanded {
	list-style-type: none;
	list-style-image: none;
	padding: 10px 20px 10px 20px;
	border-bottom: 1px solid #c9cacc;
}

#block-menu-block-1 li a, #block-menu-menu-news-menu-block li a {
	font-size: 16px;
}

#block-menu-block-1 a:active,
#block-menu-block-1 a:hover, 
#block-menu-menu-news-menu-block a:active,
#block-menu-menu-news-menu-block a:hover {
	color: #2eabce;
}

/* Tabs and Accordion */

.jquery-ui-filter-tabs-container {
	background-color: #c6ced1;
}

/* Body End ----------------------------------- */


/* Footer ------------------------------------- */


/* Footer End --------------------------------- */


/* Media Query Section ----------------------------------------- */

	/* For when the 3-Item Certificiation Menu runs into the title */
	@media only screen and (max-width: 1223px) {

		/* #sub-nav { min-width: 409px; } */

		#superfish-2 a.sf-depth-1.menuparent {
			padding: 32px 0px 33px 40px;
			position:relative;
			display: block;
			border-left: 1px solid #dbdbdb;
		}

		#superfish-2 .sf-depth-2 a { padding: 8px 10px; }

		#menu-843-2 .sf-depth-2 a { padding: 8px 6px; }
		
		#menu-880-2 a.sf-depth-1.menuparent {
        		background: url('../../../files/images/icons/be_certified_icon.png') no-repeat 10px center transparent;
			width: 85px;
		}

		#menu-838-2 a.sf-depth-1.menuparent {
		        background: url('../../../files/images/icons/maintain_certification_icon.png') no-repeat 10px center transparent;
			width: 115px;
		}

		#menu-843-2 a.sf-depth-1.menuparent {
        		background: url('../../../files/images/icons/apply_for_exam_icon.png') no-repeat 10px center transparent;
			width: 87px;
		}
	}

	/* For when the 3-Item Certificiation Menu runs into the title */
        @media only screen and (max-width: 1067px) {

	/*	#sub-nav { min-width: 565px; } */

		#superfish-2 a.sf-depth-1.menuparent {
			padding: 32px 11px 33px 60px;
			position:relative;
			display: block;
			border-left: 1px solid #dbdbdb;
		}

		#menu-880-2 a.sf-depth-1.menuparent {
		        background: url('../../../files/images/icons/be_certified_icon.png') no-repeat 20px center transparent;
			width: 110px;
		}

		#menu-838-2 a.sf-depth-1.menuparent {
		        background: url('../../../files/images/icons/maintain_certification_icon.png') no-repeat 20px center transparent;
			width: 140px;
		}

		#menu-843-2 a.sf-depth-1.menuparent {
		        background: url('../../../files/images/icons/apply_for_exam_icon.png') no-repeat 20px center transparent;
			width: 100px;
		}

                #superfish-2 a.sf-depth-1 {
                        font-size: 14px;
                        padding-top: 5px !important;
                        padding-bottom: 5px !important;
                        border-top: 1px solid #dbdbdb;
                }

                #superfish-2 .menuparent ul { margin-top: 15px; }

                #superfish-2 .sf-depth-1 ul { width: inherit !important; }


                #menu-880-2 ul {
                        background: url('../../../files/images/icons/blue_arrow_d.png') no-repeat center top transparent !important;
                        background-color: #fff !important;
                        width: inherit !important;
}

                #menu-838-2 ul {
                        background: url('../../../files/images/icons/purple_arrow_d.png') no-repeat center top transparent !important;
                        background-color: #fff !important;
                }

                #menu-843-2 ul {
                        background: url('../../../files/images/icons/green_arrow_d.png') no-repeat center top transparent !important;
                        background-color: #fff !important;
                }
        }


        /* Smaller than standard 960 (devices and browsers) */
        @media only screen and (max-width: 959px) {
		.menu-block-3 ul li ul { font-size: 90% !important; }
                .button-container .sm_orange_button_text { width: 120px; }

		/* Layerslider CSS for Buttons */
		.layerslider_float_wrap .float_wrap_orange { min-width: 0px !important; }
		.layerslider_float_wrap .float_wrap_orange .orange_button_icon { height: 35px; width: 35px; }
		.layerslider_float_wrap .float_wrap_orange .orange_button_text { height: 35px; width: 180px; }
		.layerslider_float_wrap .float_wrap_orange .orange_button_text .button_text { padding: 10px 0; font-size: 14px; }		
		.layerslider_float_wrap .float_wrap_orange .orange_button_icon img { margin: 8px auto 0 auto; }
		.layerslider_float_wrap .float_wrap_orange .orange_button { height: 35px; }
	}

        /* Tablet Portrait size to standard 960 (devices and browsers) */
        @media only screen and (min-width: 768px) and (max-width: 959px) {
		.button-container li .orange_button .sm_orange_button_text { width: 130px; }
		#newsletter_text p { margin-left: 10px; }
	}

        /* All Mobile Sizes (devices and browser) */
        @media only screen and (max-width: 767px) {
		#highlighted .region-highlighted { margin-top: 20px; margin-bottom: 0px; }
		#name-and-slogan { width: 100%; }
		#name-and-slogan .site-name-slogan { width: 100%; }
                #alert_title { display: none; }
                #alert_icon { margin-top: 5px; }

		/* Site Map Adjustments */
		li.menu-mlid-395 { float: none; margin-top: 30px !important }
		li.menu-mlid-1279 { float: none; margin-top: 30px !important }
		li.menu-mlid-388 { float: none; margin-right: 0px !important }
		li.menu-mlid-564 { margin-top: 30px !important; }
		.menu-block-3 ul li ul { font-size: 100% !important; }
		#node-283 .content { margin-bottom: 0; }

		/* Button Fixes */
		.float_wrap_sm_orange .sm_orange_button_text { width: 85%; }
		.float_wrap_sm_orange .two_lines span.button_text { padding: 13px 0 17px 0; }

                /* Layerslider CSS for Buttons */
                .layerslider_float_wrap .float_wrap_orange { min-width: 0px !important; }
                .layerslider_float_wrap .float_wrap_orange .orange_button_icon { height: 30px; width: 35px; }
                .layerslider_float_wrap .float_wrap_orange .orange_button_text { height: 30px; width: 150px; }
                .layerslider_float_wrap .float_wrap_orange .orange_button_text .button_text { padding: 8px 0; font-size: 12px; }
                .layerslider_float_wrap .float_wrap_orange .orange_button_icon img { margin: 6px auto 0 auto; }
                .layerslider_float_wrap .float_wrap_orange .orange_button { height: 35px; }
		
		#facebook { margin-left: 0px; }
		
		/* Front Page Mobile Mods */
		.float_wrap_green { margin-top: 20px !important; }
		.box-certified { margin-top: -50px; }
	}

	/* Title and Slogan Adjustments */
	@media only screen and (max-width: 628px) {
		.site-name-slogan { margin: 15px 0 5px 0 !important; }
	}

        /* Logo Adjustment */
        @media only screen and (max-width: 602px) {
                #logo { margin-top: 14px !important; }
        }

	/* Certification Accordion Padding */
	@media only screen and (max-width: 580px) {
		#block-superfish-2 .sf-accordion-toggle { margin-left: 0px; margin-top: 0px; width: auto; }
		#sub-nav { float: none; }
		#menu-843-2 .sf-depth-2 a { padding: 8px 0px 8px 50px; }
		.box-certified { margin-top: 0px; }
	}

	/* Logo Adjustment
        @media only screen and (max-width: 602px) {
		#logo { margin-top: 14px !important; }
	} */

	@media only screen and (max-width: 425px) {
		#logo { display: none; /* margin-right: 100%; */ }
		 #name-and-slogan { width: 90%; padding: 0 0 10px 20px; }
	}

        /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
        @media only screen and (min-width: 480px) and (max-width: 767px) {
		.button-container li .orange_button .sm_orange_button_text { width: 325px; }
		.box-certified { padding-bottom: 120px; }
		#feedback_simple a { top: 66%; }
	}

        /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
        @media only screen and (max-width: 480px) {
		.box-certified { padding-bottom: 150px; margin-top: 0px; }
		#verify_cert_text { width: 200px; }
		button_wrap .three { width: 350px !important; }
		#attention_body { width: 70%; }
		.float_wrap_sm_orange .sm_orange_button_text { width: 72%; }
		.blue_button_text { width: 200px; }
		#feedback_simple { display: none; }
	}