/*
Theme Name: Brown and Gold Default Theme
Theme URI: http://ologie.com/
Description: Brown and Gold
Version: 1.0
Author: Nicole Rodriguez, Adelphi University
Author URI: http://www.adelphi.edu/
Tags: custom
Template: adelphi.edu

*/


/* ------------------------ HOME PAGE ----------------------------- */
.soliloquy-theme-base .soliloquy-caption-bottom .soliloquy-caption-inside {
    padding-bottom: 10px !important; 
}
.gform_wrapper div.validation_error {
    
	color: #ffffff !important;
	background-color:#790000;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 25px;
    border: 2px solid #790000;
    padding: 16px 0;
    clear: both;
    width: 100%;
    text-align: center;
}

/* ---------------- SERVICE CATALOG ---------------- */

#tab {
    width: 750px;
    margin-top: 15px;
}

td.catalogRight {
    border-bottom: 7px solid #fff;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    background-color: #591f00;
}

h2.catalog,
td.catalog {
    border-right: 7px solid #fff;
    border-bottom: 7px solid #fff;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    background-color: #591f00;
    color: #fff;
}

td.catalogRight A {
    display: block;
    width: 100%;
    height: 100%;
}

td.catalog A {
    display: block;
    width: 100%;
    height: 100%;
}

h2.catalog {
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 14px;
}

td:hover.catalog {
    background-color: #fbb040;
}

td:hover.catalogRight {
    background-color: #fbb040;
}

a.catalogCategory {
    text-decoration: none;
    color: #fff;
    /*font-family:FuturaStd, "Trebuchet MS", Helvetica, sans-serif;*/
    font-size: 14px;
    font-weight: bold;
}

a.catalogCategoryLeft {
    text-decoration: none;
    color: #fff;
    /*font-family:FuturaStd, "Trebuchet MS", Helvetica, sans-serif;*/
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
}

div.catalogBorders {
    padding: 15px 0 5px 0;
    border-bottom: 1px solid #CCCCCC;
}

div.catalogTaxonomyList {
    font-size: 11px;
}


/* ----------------------- SINGLE CATALOG SERVICE STYLES (single-catalog.php) ----------------- */

.single-catalog H1 {
    border-width: 0;
    margin-top: 0;
    padding: 0 0 0.25em 0;
}

.single-catalog .catalog-details {
    background-color: #f0ebe8;
    padding: 15px 15px 10px 15px;
    border-top: 1px solid #faae56;
    border-bottom: 1px solid #faae56;
    margin-bottom: 15px
}


BODY.home #home-hero-row { width:761px; height:auto;}
BODY.home #home-hero-row .hero { height: auto; }
BODY.home #home-hero-row .hero-wrap { height: 100%; width:100%;}
BODY.home #home-hero-row .hero-button-container { top:275px; right:3px; display: block; }
BODY.home #home-hero-row .hero-button-container .button-envelope { float:right; }
BODY.home #home-hero-row .hero-button-container A { color:#fff; font-size: 36px; text-decoration: none; cursor:pointer; letter-spacing:-1px;}

.home .homepage-boxes-container UL { padding:0; margin:0; }
.home .homepage-boxes-container UL LI 
{ 
	list-style-type:none; 
	width:245px; 
	/*height:160px; */
	margin-bottom:0px; 
	float:left;
	border-bottom: 0px solid #fbb040;
	padding-bottom:0px;
}
.home .homepage-boxes-container UL LI.menu-pos-1, 
.home .homepage-boxes-container UL LI.menu-pos-4 { margin:0 0px; }


.home .homepage-boxes-container UL LI A 
{ 
	display:block; 
	text-decoration:none; 
	color:#642c0f; 
	font-family:Georgia; 
	font-size:18px;
	line-height:1.2em;
}
.home .homepage-boxes-container UL LI A .yellow-bar 
{ 
	border-bottom:5px solid #FBB040; 
	margin-bottom:0px; 
	height: 115px; 
	cursor:pointer;
	background:#cfcfcf url(img/home_boxes.jpg) scroll no-repeat 0 0;
	display:block;
}

.home .homepage-boxes-container UL LI.menu-pos-1 A .yellow-bar { background-position: -245px 0; }
.home .homepage-boxes-container UL LI.menu-pos-2 A .yellow-bar { background-position: -491px 0; }
.home .homepage-boxes-container UL LI.menu-pos-3 A .yellow-bar { background-position: 0 -115px; }
.home .homepage-boxes-container UL LI.menu-pos-4 A .yellow-bar { background-position: -245px -115px; }
.home .homepage-boxes-container UL LI.menu-pos-5 A .yellow-bar { background-position: -491px -115px; }

.home .homepage-boxes-container UL LI A SMALL { display:block; font-size:0.7em; font-family:Helvetica, Verdana; }



BODY.home #home-hero-row {
    width: 761px;
    height: auto;
}

BODY.home #home-hero-row .hero {
    height: auto;
}

BODY.home #home-hero-row .hero-wrap {
    height: 100%;
    width: 100%;
}

BODY.home #home-hero-row .hero-button-container {
    top: 275px;
    right: 3px;
    display: block;
}

BODY.home #home-hero-row .hero-button-container .button-envelope {
    float: right;
}

BODY.home #home-hero-row .hero-button-container A {
    color: #fff;
    font-size: 36px;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: -1px;
}

.home .homepage-boxes-container UL {
    padding: 0;
    margin: 0;
}

.home .homepage-boxes-container UL LI {
    list-style-type: none;
    width: 245px;
    /*height:160px; */
    margin-bottom: 0px;
    float: left;
    border-bottom: 0px solid #fbb040;
    padding-bottom: 0px;
}

.home .homepage-boxes-container UL LI.menu-pos-1,
.home .homepage-boxes-container UL LI.menu-pos-4 {
    margin: 0 0px;
}

.home .homepage-boxes-container UL LI A {
    display: block;
    text-decoration: none;
    color: #642c0f;
    font-family: Georgia;
    font-size: 18px;
    line-height: 1.2em;
}

.home .homepage-boxes-container UL LI A .yellow-bar {
    border-bottom: 5px solid #FBB040;
    margin-bottom: 10px;
    height: 115px;
    cursor: pointer;
    background: #cfcfcf url(img/home_boxes.jpg) scroll no-repeat 0 0;
    display: block;
}

.home .homepage-boxes-container UL LI.menu-pos-1 A .yellow-bar {
    background-position: -245px 0;
}

.home .homepage-boxes-container UL LI.menu-pos-2 A .yellow-bar {
    background-position: -491px 0;
}

.home .homepage-boxes-container UL LI.menu-pos-3 A .yellow-bar {
    background-position: 0 -115px;
}

.home .homepage-boxes-container UL LI.menu-pos-4 A .yellow-bar {
    background-position: -245px -115px;
}

.home .homepage-boxes-container UL LI.menu-pos-5 A .yellow-bar {
    background-position: -491px -115px;
}

.home .homepage-boxes-container UL LI A SMALL {
    display: block;
    font-size: 0.7em;
    font-family: Helvetica, Verdana;
}

.home .homepage-boxes-container ul li.menu-pos-1, .home .homepage-boxes-container ul li.menu-pos-4 {
    margin: 0 10px;
}

.home .homepage-boxes-container ul li {
    list-style-type: none;
    width: 245px;
    margin-bottom: 10px;
    float: left;
    border-bottom: 1px solid #FBB040;
    padding-bottom: 10px;
}


.home DIV.at-your-fingertips { margin:-10px 0 15px 0; border-bottom:0px solid #f3a93d; padding:0 0 2px 0; }
.home DIV.at-your-fingertips LABEL { font-size:20px; margin-bottom:5px; display:block; color:#591f00;}
.home .menu-at-your-fingertips-container { border-top:1px solid #f3a93d; border-bottom:1px solid #f3a93d; padding:2px 0 0 0; }
.home .menu-at-your-fingertips-container UL { padding:0; margin:0; }
.home .menu-at-your-fingertips-container UL LI 
{ 
	list-style-type:none; 
	display: inline-block;
	line-height:30px;
	background-color: #f0ebe8;
	zoom: 1;
	/* IE7 and below CSS star-hack */
	*display: inline;
	*margin-right: 3px;
}
.home .menu-at-your-fingertips-container UL LI A { color:#642c0f; padding:0 10px; font-family:Georgia; font-size:12px; font-weight:bold; text-decoration:none; }
.home .menu-at-your-fingertips-container UL LI A:hover { color:#f2a83c;}


td { 
	font-size:12px; 
	line-height:1.5em;

}



/* ---------------------- PRECOLLEGE ----------------------------------------- 

.grid_8_special

{
	margin-left: -10px;
	width:482px;
}

.grid_4_special

{	float: left;
	
	position: relative;
	margin:0;
	padding:0;
}
.container_12_special {
	margin-left: auto;
	margin-right: auto;
	width: 761px;
}

.accordion-content .grid_4 {
width: 243px;
 margin-left: 5px;
 margin-right: 5px;
}

td {
	font-size:12px;
	line-height:1.5em;
}
*/

/* ------------------------- EXPLORE OUR PROGRAMS PAGE AND CATEGORY PAGES SUBNAV -------------------- */
BODY.collections #sub-nav-menu {
	margin-bottom: 1.5em;
}
BODY.collections #sub-nav-menu UL {
	padding: 0;
	margin: 0;
}
BODY.collections #sub-nav-menu UL LI {
	float: left;
	list-style-type: none;
	border-left: 1px solid #666;
}
BODY.collections #sub-nav-menu UL LI:first-child {
	border-left-width: 0;
	padding-left: 0;
}
BODY.collections #sub-nav-menu UL LI A {
	color: #666;
	text-decoration: none;
	display: inline-block;
	line-height: 1.5em;
	border-top: 2px solid transparent;
}
BODY.collections #sub-nav-menu UL LI.the-sciences A:hover { border-top-color: #0997d5; }
BODY.collections #sub-nav-menu UL LI.the-humanities-social-sciences A:hover { border-top-color: #670461; }
BODY.collections #sub-nav-menu UL LI.global-interdisciplinary-programs A:hover { border-top-color: #04703e; }


H2.swk {
	background-color:#0d5ea5;
}

H2.nursing {
	background-color:#8a2346;
}

H2.uc {
	background-color:#1b3256;
}

H2.soe {
	background-color:#be2b19;
}

H2.sob {
	background-color:#3e6312;
}

H2.derner {
	background-color:#5c1e59;
}

H2.cas {
	background-color:#d36c0a;
}
/* ------------------------- COMMUNITY PAGE SUBNAV -------------------- */
BODY.community #sub-nav-menu {
	margin-bottom: 1.5em;
}
BODY.community #sub-nav-menu UL {
	padding: 0;
	margin: 0;
}
BODY.community #sub-nav-menu UL LI {
	float: left;
	list-style-type: none;
	border-left: 1px solid #666;
}
BODY.community #sub-nav-menu UL LI:first-child {
	border-left-width: 0;
	padding-left: 0;
}
BODY.community #sub-nav-menu UL LI A {
	color: #666;
	text-decoration: none;
	display: inline-block;
	line-height: 1.5em;
	border-top: 2px solid transparent;
}
BODY.community #sub-nav-menu UL LI.the-sciences A:hover { border-top-color: #0997d5; }
BODY.community #sub-nav-menu UL LI.the-humanities-social-sciences A:hover { border-top-color: #670461; }
BODY.community #sub-nav-menu UL LI.global-interdisciplinary-programs A:hover { border-top-color: #04703e; }


/* ----------------------- COMMUNITY PAGE -------------------------- */
BODY.community-page H2.program {
	color: white;
	background-color: #591F00;
	font-family:FuturaStd, "Trebuchet MS", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	text-transform: uppercase;
	padding: 0.6em;
	margin-bottom: 1em;
	cursor: pointer;
	width:738px;

}
BODY.community-page H2.program SPAN {
	display: block;
	position: absolute;
	height: 100%;
	width: 65px;
	left: auto;
	right: 0;
	top:0;
	background: url(img/accordion_btn_open.png) scroll no-repeat 0 50% transparent;

}
BODY.community-page H2.closed SPAN {
	background-image: url(img/accordion_btn.png);
}
BODY.community-page DIV.accordion-content {
	/* JH: width: 775px; */
}

BODY.community-page DIV.accordion-content .clear_3_column { clear: both; } 

BODY.community-page A.program-button {
	display:block;
	border:1px solid #d0d0d0;
	background-color:#f7f4f2;
	color:#591f00;
	text-decoration:none;
	font-size:1.3em;
	margin-bottom:1em;
	padding-bottom:.5em;
	
	/* JH: width:242px; */
}
BODY.community-page A.program-button > SPAN {
	display:block;
	margin:0 0.75em;
	/* JH: width:242px; */

}
BODY.community-page A.program-button > SPAN:first-child {
	background: none scroll no-repeat 50% -5px;
	margin:0.75em .75em .5em .75em;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	/* JH: width:220px; */
	height: 90px;


}

BODY.community-page .program-popup {
	display:none;
	bottom:12px;
	top:auto;
	color:#fff;
	background-color:#464748;
	z-index:2000;
	opacity: 0.9;
	/* JH: width:244px; */

}
BODY.community-page .program-popup A {
	color: #fff;
	text-decoration:none;
}
BODY.community-page .program-popup A:hover {
	text-decoration: underline;
}
BODY.community-page .program-popup .program-link {
	border-top:1px solid #f4f0ef;
	margin-top: 1em;
	padding-top: 0.5em;
	font-size: 1.2em;
}
BODY.community-page #TB_ajaxWindowTitle {
	text-transform: capitalize;
}

BODY.community-page #TB_window UL {
	border-top: 1px solid #CCC;
	padding: 0.4em 0 0 0;
	margin: 0 0 1em 0;
}
BODY.community-page #TB_window UL LI {
	list-style-type: none;
}
BODY.community-page #TB_window UL LI STRONG {
	color: #E5801F;
	font-weight: normal;
	margin-bottom: .5em;
	text-transform: uppercase;
	font-size: .95em;
	display: block;
	line-height: 1em;
	padding-right: 1em;
}

.clear {
	clear:both;
}

.dcwss-content img { width: 100%; }


@media only screen and (max-width: 960px){
	#top-nav-bar .adu-top-logo {
		position: absolute;
		top: 1px;
		left: -5px;
	}	
	
	.main-logo { display: none; }

	#lightbox-menu { display: block !important; }
	#sub-nav-menu { display: none; }
	
	.page-template-default .container_16 .logo { display: none !important; }
	
	#the-explore-color-bar .hidden { display: block !important; }
	
	.main-slider-wrapper { margin-bottom: 10px; }
	
	#the-explore-color-bar { margin: 0 0 10px !important; }
	.home #the-explore-color-bar { margin: 0 !important; }
	#the-explore-color-bar .hidden { margin-bottom: 0 !important; }
	
    /* ===========================
		# navigations
	============================ */
	
	#cas-nav-menu-canvas { position: absolute; left: 0; right: 0; top: 42px; background: #591f00; height: auto; z-index: 9999; visibility: hidden; opacity: 0; }
	#cas-nav-menu-canvas ul li { float: none; display: block; padding: 0; }
	#cas-nav-menu-canvas a { display: block; padding: 5px; color: #fff; }
	#cas-nav-menu-canvas a.nav { color: #fff; }
	#cas-nav-menu-canvas a.nav:hover { border: 0; }
	#cas-nav-menu-canvas li ul { background: none; position: relative; top: 0; padding-left: 30px; display: none; }
	#cas-nav-menu-canvas li ul a { display: inline-block; }
	#cas-nav-menu-canvas li:hover ul { display: none; }
	#cas-nav-menu-canvas .information { width: auto; background: none; }
	#cas-nav-menu-canvas a.info { color: #fff; }
	#cas-nav-menu-canvas table,
	#cas-nav-menu-canvas tbody { display: block; width: 100% !important; }
	#cas-nav-menu-canvas tr,
	#cas-nav-menu-canvas td,
	#cas-nav-menu-canvas th { display: block; width: 100%; padding: 0 0 4px 0 !important; }
	#cas-nav-menu-canvas td a { display: block; }
	#cas-nav-menu-canvas td br { display: none; }
	#cas-nav-menu-canvas ul li ul { height: auto !important; }

    #home-dept-row div.page { height: auto; }

    #home-tout-row .container_16 .grid_5 { width: 50%; }
    #home-tout-row .rel > div { width: 280px; }
    #home-tout-row img { display: block; width: 100%; height: auto; }
    #home-tout-row .rel > div.post-thumb { width: 96px; }

    #the-content-section img { max-width: 100%; height: auto; }

    .child-nav-menu-canvas ul li a:hover, 
    .child-nav-menu-canvas ul li.current_page_item a, 
    .child-nav-menu-canvas ul li.current_page_ancestor a { background: none; }
    .child-nav-menu-canvas ul li ul { border: 0; width: auto; box-shadow: none; }

    .bragbox { width: auto; height: auto; }

    body.open-navigation #cas-nav-menu-canvas { visibility: visible; opacity: 1; }
    #home-dept-row div.page h3 a { position: relative; bottom: 0; }

    .page.departments-programs ul.parent { position: relative; overflow: hidden; margin: 0; width: auto; }
    .page.departments-programs ul.parent li { width: auto; }
    .page.departments-programs ul.parent > li { margin: 0; width: 33.3%; padding: 0 10px; }
    .page.departments-programs ul.parent > li {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;   
            -ms-box-sizing: border-box;   
             -o-box-sizing: border-box;   
                box-sizing: border-box;   
    }

    #tab { width: auto; }

	#main-section { width: auto; float: none; padding: 0 10px 10px 10px; }
	#buttons { width: auto; float: none; position: relative; }

	.special-collections-container ul li.menu-pos-1, 
	.special-collections-container ul li.menu-pos-4 { margin: 0; }

    .special-collections-container ul { width: auto; }
    .special-collections-container ul li { float: none; display: block; margin: 0 0 10px 0; }
    
    .clearfix { width: auto !important; }

    .container_12_special { width: auto; padding: 0 10px; }
    .container_12_special div { float: none !important; }
    .homepage-boxes-container ul { width: auto; position: relative; overflow: hidden; }

    /* ===========================
    	# body clsses
    ============================ */
    
    body.explore #sub-nav-menu { margin: 0 0 10px 0; padding-top: 10px; }
    body.program-page .container_16 .grid_col_2 { width: auto; float: none; display: block; margin-top: 0 !important; }
    body.program-page .hero { height: auto; }
    .container_16 .grid_16, .container_12 .grid_12 { width: 100% !important;}

	.container_16 .logo { display: block; width: 100%; background: #591f00; height: auto; }
	.container_16 .logo h4 { font-size: 18px !important; color: #fff; font-family: 'FuturaStd', 'Futura', Helvetica, Verdana, sans-serif; font-weight: normal; width: auto !important; line-height: 20px !important; padding: 0.6em;  }
	
	.buttons { display: block; width: 100%; padding: 0 10px 0 10px; margin-bottom: 20px; }
	.buttons  a { width: 43%; height: 30px; font-size: 28px; text-align: center; margin-right: 10px; display: inline-block;
		-moz-box-shadow:inset 0px 1px 0px 0px #fac789;
		-webkit-box-shadow:inset 0px 1px 0px 0px #fac789; box-shadow:inset 0px 1px 0px 0px #fac789;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fcac17), color-stop(1, #e3860c) );
		background:-moz-linear-gradient( center top, #fcac17 5%, #e3860c 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcac17', endColorstr='#e3860c');
		background-color:#fcac17;
		-moz-border-radius:7px;
		-webkit-border-radius:7px; border-radius:7px; border:1px solid #fabd5c; color:#591f00; font-family:FuturaStd, FuturaStdLight, FuturaStdBold, Helvetica, "Trebuchet MS", Arial, sans-serif; font-size:20px; font-weight:bold; padding:10px 16px 0 16px; text-decoration:none; text-shadow:1px 1px 6px #fcac17  }
	.buttons  a:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e3860c), color-stop(1, #fcac17) ); background:-moz-linear-gradient( center top, #e3860c 5%, #fcac17 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3860c', endColorstr='#fcac17');  }
	.buttons  a ~ a { margin-left: 10px; }

	.features { display: none; }
	.hidden { display: none; }

	.nav-secondary { display: block; margin: 0 10px; }
	.nav-secondary ul { list-style: none; }
	.nav-secondary ul li { display: block; border-bottom: 1px solid #e9e9e9; padding: 5px 0 5px 0; font-size: 15px; color: #5a2000; }
	.nav-secondary ul li a { text-decoration: none; }
	.nav-secondary ul li:first-child { border-top: 1px solid #e9e9e9; }

	.nav-secondary ul li ul.children li { border: 0; }



	/*
		Page Explore our programs
	*/
	
	.container_12 h1.grid_12 { padding-bottom: 20px; }
	.container_12 .grid_6 { width: 100%; margin-left: 0; }
	.community-page #lightbox-menu span { display: inline; }
	
	body.community-page h2.program { width: auto; padding: 10px 80px 10px 10px; }
	body.community-page a.program-button { width: 100%; }
	body.community-page a.program-button > span:first-child { width: auto; background-size: cover; }
	body.community-page .program-popup { width: 100%;  
	}

	.footer-quicklinks { display: none; }

    /* ===========================
        # grid
    ============================ */

    .container_16 .grid_1,
    .container_16 .grid_2,
    .container_16 .grid_3,
    .container_16 .grid_5,
    .container_16 .grid_6,
    .container_16 .grid_7,
    .container_16 .grid_8,
    .container_16 .grid_9,
    .container_16 .grid_10,
    .container_16 .grid_11,
    .container_16 .grid_12,
    .container_16 .grid_13,
    .container_16 .grid_14,
    .container_16 .grid_15,
    .container_16 .grid_16,
    .container_16 .grid_col_2 { width: 100%; float:none; padding: 0; margin: 0; }
	
	

    .container_12 .grid_1,
    .container_12 .grid_2,
    .container_12 .grid_3,
    .container_12 .grid_5,
    .container_12 .grid_6,
    .container_12 .grid_7,
    .container_12 .grid_8,
    .container_12 .grid_9,
    .container_12 .grid_10,
    .container_12 .grid_11,
    .container_12 .grid_12 { width: 100%; float: none; display: block; padding: 0; margin: 0; }
	
  .container_16 .grid_4 { width: 48%; margin-left: 1%; margin-right: 1%; }
  
   body.community-page DIV.accordion-content .clear_3_column { clear: none; }
    body.community-page DIV.accordion-content .clear_2_column { clear: both; }

    #home-tout-row .container_16 .grid_5 { width: 100%; float: none; display: block; }
    #home-tout-row .rel > div.the-content-wrap { width: 100%; }

    .alpha { margin: 20px 0 !important; }

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

    iframe { margin: 0 auto; display: block; }

    .homepage-boxes-container ul li { float: none; }
    .homepage-boxes-container ul li a { width: auto; }

    body.community-page h2 { padding-right: 45px; font-size: 1.2em; }
    body.community-page h2 span { width: 45px; background-position: center center; }

    body.home table,
    body.home tbody,
    body.home td,
    body.home tr,
    body.home th { display: block; width: auto !important; padding: 0; }
    body.home table br { display: none; }


    body.home #home-hero-row { margin-bottom: 7px; }

    .buttons  a { width: 41%; }
}


/*-----SEARCH AND DIRECTORY STYLES---*/


/*Directory*/

.st_depindex {
    position: relative;
    display: inline-block;
    margin: 0 .4em;
    outline: none;
    color: #cccccc;
    font-family: FuturaStdBold, FuturaStd, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    font-size: 1.7em;
    padding-top: 1em;
    line-height: 1.4em;
}

.st_depindex a {
    text-decoration: none;
    outline: none;
    color: #FBB040;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -ms-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.st_depindex a:hover {
    /*effect hover color change*/
    color: #e3860c;
}

.st_section {
    display: inline-block;
    padding: 15px;
    background-color: #f3f0ee;
    margin: 1em 0;
}

div.st_section {
    font-family: FuturaStdBold, FuturaStd, Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: bold;
    font-size: 3em;
    line-height: 1.4em;
    color: #FBB040;
    display: block;
}

.st_section ul {
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 12px;
    color: #591f00;
    line-height: 1.5em;
    font-weight: normal;
    line-height: 1.7em;
}

.contact .name {
    font-weight: bold;
}

.contact .position {
    font-style: italic;
}

ul.st_personnel.contact li {
    list-style: none;
    padding-bottom: 1em;
}

ul.st_personnel.contact {
    margin-left: 0;
    margin-right: 0;
    border-spacing: 1em;
}

ul.st_personnel.contact:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    margin: 1em 0;
    background: #f9b042;
}

.st_phonehead {
    font-weight: bold;
    font-size: 1.3em;
    line-height: 2em;
}

.st_searchresult {
    font-style: italic;
    margin-top: 1em;
}

a.department {
    margin-top: 1em;
    display: inline-block;
}

div.st_departments {
    margin-bottom: 2em;
}


/*directory input fields*/

.st_search label {
    padding-right: 1em;
}

input[name="searchString"] {
    height: 33px;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: .7em;
    width: 75%;
    min-width: 336px;
    color: #555;
    display: inline;
    line-height: 1.42857;
    padding-left: 12px;
    padding-right: 12px;
}

.st_search input[type="submit"] {
    background-color: #e4870e;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: inset 0px 1px 0px 0px #507e19;
    padding: 5px 10px 5px 10px !important;
    display: inline-block !important;
    color: #ffffff !important;
    font-family: FuturaStd, Helvetica, Verdana, sans-serif !important;
    font-size: 1em !important;
    text-align: center;
    text-decoration: none !important;
    font-weight: bold !important;
    letter-spacing: .05em !important;
    text-shadow: 0px 1px 0px #a66002;
    cursor: pointer;
    border: none;
    height: 33px;
    width: auto;
    background: -moz-linear-gradient(#ec9f0a 5%, #d17907 100%);
    background: -webkit-linear-gradient(#ec9f0a 5%, #d17907 100%);
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.05, #ec9f0a), to(#d17907));
    background: -o-linear-gradient(#ec9f0a 5%, #d17907 100%);
    background: linear-gradient(#ec9f0a 5%, #d17907 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ec9f0a', endColorstr='#d17907', GradientType=0);
    margin: 0 0 5px 0;
    list-style-type: none;
    float: none;
    overflow: hidden;
}

.st_search input[type="submit"]:hover {
    background-color: #a66002;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4870e), color-stop(1, #a66002));
    background: -moz-linear-gradient(top, #e4870e 5%, #a66002 100%);
    background: -webkit-linear-gradient(top, #e4870e 5%, #a66002 100%);
    background: -o-linear-gradient(top, #e4870e 5%, #a66002 100%);
    background: -ms-linear-gradient(top, #e4870e 5%, #a66002 100%);
    background: linear-gradient(to bottom, #e4870e 5%, #a66002 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e4870e', endColorstr='#a66002', GradientType=0);
    text-decoration: none;
    text-shadow: 0px 1px 0px #a66002;
    cursor: pointer;
}


/*Course Search*/


/*search-form*/

div.section {
    margin-bottom: 1em;
}

div.section select {
    -webkit-appearance: menulist-button;
    height: 33px;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 90%;
    min-width: 345px;
    cursor: pointer;
}

div.section select[name="department[]"] {
    width: 90%;
    min-width: 345px;
    min-height: 100px;
    height: 150px;
    cursor: pointer;
}

select[name="department[]"] option {
    padding: .7em;
}

div.section input[type="text"] {
    height: 33px;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 90%;
    min-width: 320px;
    padding-left: 12px;
    padding-right: 12px;
}

input[type="checkbox"] {
    cursor: pointer;
}

.section label {
    line-height: 1.7em;
    cursor: pointer;
}

.section input[type="submit"] {
    background-color: #e4870e;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: inset 0px 1px 0px 0px #507e19;
    padding: 5px 10px 5px 10px !important;
    display: inline-block !important;
    color: #ffffff !important;
    font-family: FuturaStd, Helvetica, Verdana, sans-serif !important;
    font-size: 1em !important;
    text-align: center;
    text-decoration: none !important;
    font-weight: bold !important;
    letter-spacing: .05em !important;
    text-shadow: 0px 1px 0px #a66002;
    cursor: pointer;
    border: none;
    height: 33px;
    width: auto;
    background: -moz-linear-gradient(#ec9f0a 5%, #d17907 100%);
    background: -webkit-linear-gradient(#ec9f0a 5%, #d17907 100%);
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.05, #ec9f0a), to(#d17907));
    background: -o-linear-gradient(#ec9f0a 5%, #d17907 100%);
    background: linear-gradient(#ec9f0a 5%, #d17907 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ec9f0a', endColorstr='#d17907', GradientType=0);
    list-style-type: none;
    margin-left: 10px;
    margin-right: 10px;
}

.section input[type="submit"]:hover {
    background-color: #a66002;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4870e), color-stop(1, #a66002));
    background: -moz-linear-gradient(top, #e4870e 5%, #a66002 100%);
    background: -webkit-linear-gradient(top, #e4870e 5%, #a66002 100%);
    background: -o-linear-gradient(top, #e4870e 5%, #a66002 100%);
    background: -ms-linear-gradient(top, #e4870e 5%, #a66002 100%);
    background: linear-gradient(to bottom, #e4870e 5%, #a66002 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e4870e', endColorstr='#a66002', GradientType=0);
    text-decoration: none;
    text-shadow: 0px 1px 0px #a66002;
    cursor: pointer;
}


/*search-results*/


/*------- GCS SEARCH FIELD --------*/

.form-input {
    border: 1px solid #591F00;
    font-size: 15px;
    position: relative;
    font-family: FuturaStd, Helvetica, Verdana, sans-serif;
    background: #ffffff;
}

::-webkit-input-placeholder {
    color: #c2c2c2;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #c2c2c2;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #c2c2c2;
}

:-ms-input-placeholder {
    color: #c2c2c2;
}

.form-input .input {
    background: #fff;
    border: none;
    padding: 0.6em;
    width: 92%;
}

.form-input .button {
    background: none;
    border: none;
    margin: .5em;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.form-input .button ~ .input {
    /* padding-right: 2em; */
    color: #808080;
}

.fa-icon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    font-size: 1.1em;
    line-height: 1;
    color: #808080;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-search:before {
    content: "\f002";
}


/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {}

@media only screen and (max-width: 670px) {
    .page.departments-programs ul.parent li { float: none; display: block; }
    .page.departments-programs ul.parent > li { margin: 0; width: 100%; padding: 0 10px; float: none; display: block; margin-bottom: 20px; }
    .page.departments-programs .departments ul.parent > li.page-item-85 { background-position: 22px 0; }
    .page.departments-programs .departments ul.parent > li.page-item-87 { background-position: -279px 0; }
    .page.departments-programs .departments ul.parent > li.page-item-89 { background-position: -579px 0; }

    .buttons  a { width: 39%; }
}

@media only screen and (max-width: 600px) {

    img.alignright,
    img.alignleft,
    img.alignnone { float: none; display: block; max-width: 100%; height: auto; }

    /* ===========================
        # tables
    ============================ */

    tr { padding: 0 0 10px 0!important; margin: 0 0 10px 0; }

    th:before,
    th:after,
    td:before,
    td:after { display: table; content: ' '; }

    th:after,
    td:after { clear: both; }

    th:after,
    td:after { *zoom: 1; }

	.container_16 .grid_col_1 { margin: 0 auto !important; float: none; display: block; clear: both; position: relative; *zoom: 1 }
	.container_16 .grid_col_1:before, .container_16 .grid_col_1:after { display: table; content: ' '; }
	.container_16 .grid_col_1:after { clear: both; }

    #tab tr { border: 0; margin: 0 !important; padding: 0 !important; }
    #tab td { border: 0; padding: 10px !important; width: auto !important; }

    .gsc-search-box tr { border: 0; margin: 0 !important; padding: 0 !important; }


    a.catalogCategoryLeft { padding-left: 0; }

    ul.tabbernav li a:link { font-size: 1em !important; }

    .gce-calendar table,
    .gce-calendar tbody,
    .gce-calendar thead { display: table; }
    .gce-calendar tr { display: table-row; }
    .gce-calendar td,
    .gce-calendar th { display: table-cell; width: auto !important; }
    .gce-page-grid .gce-calendar .gce-caption { width: 100%; }

    .container_16 .grid_4 { width: 100%; margin-left: 0; margin-right: 0; }

    .buttons  a { width: 37%; font-size: 18px; }
}
/* ----------------------- EXPLORE PAGE -------------------------- */
BODY.collections-page H2.program {
	color: white;
	background-color: #591F00;
	font-family:FuturaStd, "Trebuchet MS", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	text-transform: uppercase;
	padding: 0.6em;
	margin-bottom: 1em;
	cursor: pointer;
	width:485px;

}
BODY.collections-page H2.program SPAN {
	display: block;
	position: absolute;
	height: 100%;
	width: 65px;
	left: auto;
	right: 0;
	top:0;
	background: url(img/accordion_btn_open.png) scroll no-repeat 0 50% transparent;

}
BODY.collections-page H2.closed SPAN {
	background-image: url(img/accordion_btn.png);
}
BODY.collections-page DIV.accordion-content {
}

BODY.collections-page DIV.accordion-content .clear_3_column { clear: both; } 

BODY.collections-page A.program-button {
	display:block;
	border:1px solid #d0d0d0;
	background-color:#f7f4f2;
	color:#591f00;
	text-decoration:none;
	font-size:1.3em;
	margin-bottom:1em;
	padding-bottom:.5em;
	
	/* JH: width:242px; */
}
BODY.collections-page A.program-button > SPAN {
	display:block;
	margin:0 0.75em;
	/* JH: width:242px; */

}
BODY.collections-page A.program-button > SPAN:first-child {
	background: none scroll no-repeat 50% -5px;
	margin:0.75em .75em .5em .75em;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	/* JH: width:220px; */
	height: 90px;


}

BODY.collections-page .program-popup {
	display:none;
	bottom:15px;
	top:auto;
	color:#fff;
	background-color:#464748;
	z-index:2000;
	opacity: 0.9;
	/* JH: width:244px; */

}
BODY.collections-page .program-popup A {
	color: #fff;
	text-decoration:none;
}
BODY.collections-page .program-popup A:hover {
	text-decoration: underline;
}
BODY.collections-page .program-popup .program-link {
	border-top:1px solid #f4f0ef;
	margin-top: 1em;
	padding-top: 0.5em;
	font-size: 1.2em;
}
BODY.collections-page #TB_ajaxWindowTitle {
	text-transform: capitalize;
}

BODY.collections-page #TB_window UL {
	border-top: 1px solid #CCC;
	padding: 0.4em 0 0 0;
	margin: 0 0 1em 0;
}
BODY.collections-page #TB_window UL LI {
	list-style-type: none;
}
BODY.collections-page #TB_window UL LI STRONG {
	color: #E5801F;
	font-weight: normal;
	margin-bottom: .5em;
	text-transform: uppercase;
	font-size: .95em;
	display: block;
	line-height: 1em;
	padding-right: 1em;
}

.suggest {
background: #fff;
border: 1px solid #ccc;
font-size: 11px;
overflow: hidden;
position: absolute;
-moz-user-select: none;
}
.course_list {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #581f05;
}

/*--------- SIDEBAR STYLES -------------*/

.sidebar {
	width: 250px;
	margin-left: 10px;
	float: right;
	text-align: center;
	border-bottom: 1px solid #fbb300; 
	padding-bottom: 10px;
	margin-bottom: 5px;
}

/*div.sidebar-content {
	position: relative;
	top: -20px;
}
*/
.sidebar-head {
	font-family: 'EB Garamond', Georgia,  serif;
	color: #fbb300;
	font-style: italic;
	font-size: 30px;
	text-align: center;
	padding: 5px 0 20px 0;
}

.sidebar-caption {
	font-family: FuturaSTDLight, FuturaSTD, Helvetica, sans-serif;
	color: #979797;
	text-transform: uppercase;
	font-size: 16px;
	text-adlign: center;
	letter-spacing: 1px;
	line-height: 1.6em;
}
/* ----------------------- SOCIAL MEDIA PAGE -------------------------- */

xp {
	padding:0;
	margin:0;
}


#video {
	float:right;
	width:400px;
	background-color:#f5e7dd;
	text-align:center;
}

img.wallpaper {max-width: 200px;padding-bottom:5px;}
img.coverphoto {max-width: 728px;padding-bottom:5px;}
img.tablet {max-width: 350px;padding-bottom:5px;}

.dimensions {font-size:1.2em;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold;}

 .dcwss.dc-wall .stream { width: 772px; margin: 0 auto; }

/* ---------------------- OVERRIDE THE TEASER A BIT -------------------------- */
.teaser-wrapper .call-to-action { color:#FFF;}

	TD, TH {
    border: 0;
    padding: 0;
    vertical-align: top;
    text-align: left;
    padding-left: 2%;
}

/*ipad landscape*/
@media only screen and (max-width: 960px) {
	
	.main-logo { display: none; }

	.home .homepage-boxes-container ul { position: relative; overflow: hidden; margin: 0 -10px; }
	.home .homepage-boxes-container ul li,
	.home .homepage-boxes-container ul li.menu-pos-1, 
	.home .homepage-boxes-container ul li.menu-pos-4 { width: 33.3%; margin: 0 0 10px 0; padding: 0 10px; }
	.home .homepage-boxes-container ul li {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;   
		    -ms-box-sizing: border-box;   
		     -o-box-sizing: border-box;   
		        box-sizing: border-box; 		
	}

	.social-media-buttons { padding-top: 10px; }

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

	.container_16 .grid_1,
	.container_16 .grid_2,
	.container_16 .grid_3,
	.container_16 .grid_4,
	.container_16 .grid_5,
	.container_16 .grid_6,
	.container_16 .grid_7,
	.container_16 .grid_8,
	.container_16 .grid_9,
	.container_16 .grid_10,
	.container_16 .grid_11,
	.container_16 .grid_12,
	.container_16 .grid_13,
	.container_16 .grid_14,
	.container_16 .grid_15,
	.container_16 .grid_16,
	.container_12 .grid_1,
	.container_12 .grid_2,
	.container_12 .grid_3,
	.container_12 .grid_4,
	.container_12 .grid_5,
	.container_12 .grid_6,
	.container_12 .grid_7,
	.container_12 .grid_8,
	.container_12 .grid_9,
	.container_12 .grid_10,
	.container_12 .grid_11,
	.container_12 .grid_12,
	.container_16 .grid_col_2,
	.container_16 .grid_col_1 { width: 100%; float: none; display: block; margin: 0; padding: 0; }
	.container_16 .grid_4 { width: auto; margin-left: 1%; margin-right: 1%; }
.accordion-content .grid_4 {
width: 240px;
 margin-left: auto;
 margin-right: auto;
}
.course_list {
	width: 200%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #581f05;
}
	.home .menu-at-your-fingertips-container ul li { display: block; margin: 0 0 5px 0; }

	.home .homepage-boxes-container ul { text-align: center; }
	
	.home .homepage-boxes-container ul li,
	.home .homepage-boxes-container ul li.menu-pos-1, 
	.home .homepage-boxes-container ul li.menu-pos-4 { float: none; display: inline-block; width: 247px; height: auto; margin: 0 auto 10px; text-align: left; }
	.home .homepage-boxes-container ul li a { font-size: 18px; line-height: 22px;padding-bottom: 5px; }

	#recaptcha_widget_div { margin-left: -20px; }
	#recaptcha_widget_div {
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
		transform: scale(0.9);
	}

    .mobile-styling .tabbertab.hidden,
    .mobile-styling .tabbernav {
        display: none;
    }
    .mobile-styling .tab-name {
        border: 1px solid #aaa;
        padding: 10px;
        background: #aaa;
        color: #fff;
        font-size: 1.250em;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 8px;
        font-family: FuturaStd, "Trebuchet MS", Helvetica, sans-serif;
    }
    .mobile-styling .tab-name.active {
        background: #591f00;
        border-color: #591f00;
    }
    .mobile-styling .tab-name:hover {
        cursor: pointer;
  		background: #fbb040;
        border-color: #fbb040;        
    }
    .mobile-styling .tab-name p {
        padding: 0;
        margin: 0;
    }
    .mobile-styling table,
    .mobile-styling tbody,
    .mobile-styling thead,
    .mobile-styling tr,
    .mobile-styling th,
    .mobile-styling td {
        display: block;
        width: 100% !important;
        padding: 0!important;
        margin: 0;
    }
    .mobile-styling tr {
        padding: 0 0 10px 0!important;
        margin: 0 0 10px 0;
    }
    .mobile-styling th:before,
    .mobile-styling th:after,
    .mobile-styling td:before,
    .mobile-styling td:after {
        display: table;
        content: ' ';
    }
    .mobile-styling th:after,
    .mobile-styling td:after {
        clear: both;
    }
    .mobile-styling th:after,
    .mobile-styling td:after {
        *zoom: 1;
    }
    #tab .mobile-styling tr {
        border: 0;
        margin: 0 !important;
        padding: 0 !important;
    }
    #tab .mobile-styling td {
        border: 0;
        padding: 10px !important;
        width: auto !important;
    }
    a.catalogCategoryLeft {
        padding-left: 0;
    }
    .subnav-menu.mobile-styling {
        border-color: #fbb040;
    }    

}

@media only screen and (max-width: 600px) {


}