/* AGNR Template. Styles and regions that appear on every page */

@import url(//umd-header.umd.edu/build/index.css);

/******************************************************
BASIC LAYOUT STYLES
******************************************************/
#page {
  margin: 9px auto 0px;
  width: 100%;
  min-height: 143px;
  height: 100%;
}
#page_with_title {
  margin: 0 auto;
  width: 100%;
  min-height: 180px;
  height: 100%;
}



/******************************************************
AGNR HEADER
******************************************************/



/* IE7 */
*+html #header-wrapper { z-index: 99; }
*+html #header-wrapper_no_arrow { z-index: 99; }

#header-wrapper {
  margin: 0 auto -1em;
  width: 970px;
  position: relative;
  color: #FFF;
}
#header_main {
	padding-top:15px;
	margin-bottom:15px;
}
.header-title img.main {width:400px;}
.header-title img.subordinate {width:300px;}

/******************************************************
HEADER - SEARCH BOX
******************************************************/
#header_search_text {
  position: absolute;
  right: 15px;
  top: 18px;
  width: 228px;
  height: 33px;
  background: transparent url(../images/header/search_text.png) top left no-repeat;
}

#header_search_text label { display: none; }

#header_search_text input {
  margin: 0;
  padding: 0 10px;
  border: none;
  width: 206px;
  height: 33px;
  line-height: 33px;
  background-color: transparent;
  color: #333;
}

.header-searchform-submit {
  visibility: hidden;
}

/*******************************************************
* HEADER - SITE NAME
********************************************************/
#header_site {
	color:#C70505;
	font-family: "Helvetica Neue", Helvetica, Arial, serif;
	font-size:30px;
	margin:15px 6px;
}
#header_site h1 {
	font-size: inherit;
}

/******************************************************
HEADER - NAV
******************************************************/
#nav {
  height:46px; /*otherwise it extends all the way down the page*/
  font-family: "Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  padding:0;
  font-size: 12px;
  background-color:#555555;
  background-image: linear-gradient(to bottom, #757575, #000000);
}
#nav li.dropdown {
    height: 43px;
    position: relative;
    float: left;
    background: transparent none 0 0 no-repeat;
    z-index: 10;
}

html.js #nav li.dropdown:hover {
    background-position: 0 -43px;
}

#nav li.dropdown:hover,
html.js #nav li.dropdown.active {
    background-position: 0 -43px;
}

#nav li.dropdown a.dropdown {
    height: 43px;
    display: block;
}



/***************************************
* Drop Down Menu
***************************************/

#nav li.dropdown div.further_information,
html.js #nav li.dropdown div.further_information {
  display: none;
  position: absolute;
  left: 0;
  width: 210px;
  height: 10px;
}

#nav li.dropdown > div.further_information,
html.js #nav li.dropdown > div.further_information,
#nav li.dropdown.show > div.further_information {
  display: block;
}

html.js #nav li.dropdown.with-js > div.further_information{
  display: none !important;
}

#nav li.dropdown:last-child div.further_information,
html.js #nav li.dropdown:last-child div.further_information {
    left: -83px;
}

#nav .further_information {
    border: 0px solid #000; /*drop down border*/
	border-top: none;
    border-left: none;
    font-weight: bold;
}


/* Drop Down */
.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
    margin:3px auto;
    float:left;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:10px 5px 10px 5px;
    display: block;
    background-color: #000000;
    /* Rounded Corners */
    border-radius: 0px 0px 5px 5px;
}

.dropdown_1column {width: 210px;}
.dropdown_2columns {width: 270px;}
.dropdown_3columns {width: 405px;}
.dropdown_4columns {width: 556px;}
.dropdown_5columns {width: 675px;}

#nav li .showNavItem {
    left: -1px;
    top: auto;
    color:#e2e2e2;
}
#nav li .showNavItem a {
    color:#e2e2e2;
}

/* Columns */

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
    display:inline;
    float: left;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
}
.col_1 {width:125px;}
.col_2 {width:260px;}
.col_3 {width:400px;}
.col_4 {width:556px;}
.col_5 {width:680px;}

#nav li:hover div a {
    font-size:12px;
    color:#e2e2e2;
}
#nav li:hover div a:hover {
  text-decoration: none;
}

#nav li ul {
    list-style:none;
    padding:0;
    margin:0 0 12px 0;
}
#nav li ul li {
    font-size:12px;
    line-height:18px;
    margin: 7px 0;
    position:relative;
    float:none;
    text-align:left;
}
#nav li ul li a {
  display:block;
  padding: 3px 0 3px 2px;
  word-wrap: break-word;
}
#nav li ul li a:hover {
  color: #ffaf00;
}
#nav li:hover .dropdown_1column ul li a {
  width: 200px;
}


/******************************************************
HEADER - NAV BUTTONS
******************************************************/
#nav li{
	list-style:none;
	width: 135px;
	}
#nav li.extension {background-image: url(../images/header/primary_navigation/extension.png);}
#nav li.academics {background-image: url(../images/header/primary_navigation/academics.png);}
#nav li.admissions {background-image: url(../images/header/primary_navigation/admissions.png);}
#nav li.about {background-image: url(../images/header/primary_navigation/about.png);}
#nav li.areas-study {background-image: url(../images/header/primary_navigation/areas-study.png);}
#nav li.students {background-image: url(../images/header/primary_navigation/students.png);}
#nav li.directory {background-image: url(../images/header/primary_navigation/directory.png);}
#nav li.research {background-image: url(../images/header/primary_navigation/research.png);}
#nav li.contact {background-image: url(../images/header/primary_navigation/contact.png);}
#nav li.prospective-students {background-image: url(../images/header/primary_navigation/prospective-students.png);}
#nav li.alumni {background-image: url(../images/header/primary_navigation/alumni.png);}
#nav li.news {background-image: url(../images/header/primary_navigation/news.png);}
#nav li.faculty-staff {background-image: url(../images/header/primary_navigation/faculty-staff.png);}
#nav li.about-ume {background-image: url(../images/header/primary_navigation/about-ume.png);}
#nav li.get-involved {background-image: url(../images/header/primary_navigation/get-involved.png);}
#nav li.ext-programs {background-image: url(../images/header/primary_navigation/ext-programs.png);}
#nav li.news-publications {background-image: url(../images/header/primary_navigation/news-publications.png);}
#nav li.news-events {background-image: url(../images/header/primary_navigation/news-events.png);}
#nav li.depts {background-image: url(../images/header/primary_navigation/depts.png);}
#nav li.depts-locations {background-image: url(../images/header/primary_navigation/depts-locations.png);}
#nav li.careers {background-image: url(../images/header/primary_navigation/careers.png);}
#nav li.research-centers {background-image: url(../images/header/primary_navigation/research-centers.png);}
#nav li.resources {background-image: url(../images/header/primary_navigation/resources.png);}
#nav li.projects {background-image: url(../images/header/primary_navigation/projects.png);}
#nav li.careers-internships {background-image: url(../images/header/primary_navigation/careers-internships.png);}
#nav li.global-impact {background-image: url(../images/header/primary_navigation/global-impact.png);}
#nav li.our-best {background-image: url(../images/header/primary_navigation/our-best.png);}
#nav li.topics {background-image: url(../images/header/primary_navigation/topics.png);}
#nav li.graduate {background-image: url(../images/header/primary_navigation/graduate.png);}
#nav li.people {background-image: url(../images/header/primary_navigation/people.png);}
#nav li.undergraduate {background-image: url(../images/header/primary_navigation/undergraduate.png);}
#nav li.undergrad {background-image: url(../images/header/primary_navigation/undergrad.png);}
#nav li.faculty {background-image: url(../images/header/primary_navigation/faculty-staff.png);}
#nav li.programs {background-image: url(../images/header/primary_navigation/programs.png);}
#nav li.current {background-image: url(../images/header/primary_navigation/current-students.png);}
#nav li.prospective {background-image: url(../images/header/primary_navigation/prospective-students.png);}
#nav li.topics-interest {background-image: url(../images/header/primary_navigation/topics-interest.png);}
#nav li.locations {background-image: url(../images/header/primary_navigation/locations.png);}
#nav li.publications {background-image: url(../images/header/primary_navigation/publications.png);}
#nav li.learn {background-image: url(../images/header/primary_navigation/resources-publications.png);}
#nav li.dietetic-internship {background-image: url(../images/header/primary_navigation/dietetic-internship.png);}
#nav li.information {background-image: url(../images/header/primary_navigation/information-for.png);}
#nav li.programs-training {background-image: url(../images/header/primary_navigation/programs-training.png);}
#nav li.academics {background-image: url(../images/header/primary_navigation/academics.png);}
#nav li.facilities {background-image: url(../images/header/primary_navigation/facilities.png);}
#nav li.teaching {background-image: url(../images/header/primary_navigation/teaching.png);}
#nav li.centers {background-image: url(../images/header/primary_navigation/centers.png);}
#nav li.academic-programs {background-image: url(../images/header/primary_navigation/academic-programs.png);}
#nav li.research-topics {background-image: url(../images/header/primary_navigation/research-topics.png);}
#nav li.internships {background-image: url(../images/header/primary_navigation/internships.png);}
#nav li.advising {background-image: url(../images/header/primary_navigation/advising.png);}
#nav li.concentrations {background-image: url(../images/header/primary_navigation/concentrations.png);}
#nav li.study-abroad {background-image: url(../images/header/primary_navigation/study-abroad.png);}
#nav li.news-resources {background-image: url(../images/header/primary_navigation/news-resources.png);}
#nav li.employment {background-image: url(../images/header/primary_navigation/employment.png);}



/******************************************************
FEATURED
******************************************************/
#console {
  margin: 0 auto;
  width: 970px;
  background-color: #FFF;
  }
#help-wrapper {
  margin: 0 auto;
  width: 970px;
  background-color: #FFF;
  }




/******************************************************
MAIN WRAPPER
******************************************************/
#main-wrapper {
  margin: 0 auto;
  width: 970px;
  background-color: #FFF;
  }
#main-wrapper #main {
  padding: 15px 0 0;
  float:left;
  }
#featured div.section,
#messages div.section,
#main {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
}

/*****************************************************
CONTENT AND SIDEBAR SECTION
******************************************************/

#content {min-height: 300px;}

#content,
#sidebar-first,
#sidebar-second,
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  display: inline;
  float: left; /* LTR */
  position: relative;
}
.one-sidebar #content {
  width: 748px;
}
.two-sidebars #content {
  width: 528px;
}
body.front .node-sidebar .field-label {
	/* Hides headings within sidebar nodes embedded on the homepage.
	Use a different sidebar for each heading you want on the homepage */
	display:none;
}
.no-sidebars #content {
  width: 970px;
  float: none;
}
#sidebar-first,
#sidebar-second {
  width: 220px;
}
#content .section,
.sidebar .section {
  padding: 0 15px;
}





/*****************************************************
SIDEBAR STYLING
******************************************************/
.node-sidebar,
.node-sidebar * {
  max-width:190px;
}
#triptych-wrapper .node-sidebar,
#triptych-wrapper .node-sidebar *,
#deptsection-menu .node-sidebar,
#deptsection-menu .node-sidebar *,
.topsection-menu .node-sidebar,
.topsection-menu .node-sidebar *{
	max-width:100%;
}
.sidebar .block,
.sidebar .view,
#triptych .block {
  margin-bottom: 15px;
}
.sidebar .block .view {
	margin-bottom:0;
}
.sidebar .form-text {max-width:180px;}

.sidebar .field {margin-bottom:0em;}
.sidebar .field-name-field-sidebar .field-name-title {
	margin:0;
}

.sidebar .block-menu  ul,
.sidebar .block-og-menu  ul{
  margin: 0;
  padding: 0;
}
.sidebar .block-menu  ul li,
.sidebar .block-og-menu  ul li {
  list-style: none;
  margin: 0;
}
.sidebar .block-menu li li,
.sidebar .block-og-menu li li {
  margin-left:1.2em;
}
.sidebar .menu li{
  font-weight:bold;
  padding:.3em;
  border-bottom:1px solid #c7c7c2;
}
.sidebar .menu li:last-child {border-bottom:none;}

.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6 {
  font-family: Arial, Helvetica, Sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height:normal;
}
.sidebar /*.block*/  h2,
.sidebar .viewreference-title,
.block-header h2,
.node-sidebar .field-label,
.ds-left .field-label {
  color: #000;
	font-size: 14px;
	line-height: 1.7em;
  padding-left:5px; /*corresponds with a padding-left in .sidebar .block .content*/
  padding:4px 5px;
  margin-bottom: .5em;
  border-bottom: 1px solid #ADADAD;
  font-family: Arial, Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height:normal;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(199,199,199,1) 100%); /* W3C */
  background-color:#d0d0d0;
}

.sidebar h2 a {
	color:#000000;
}
.sidebar h3 {
  font-size:14px;
}

.sidebar p, .sidebar .field-item, .sidebar .views-field {
  line-height:normal;
  color:#525252;
}
.sidebar p,
.sidebar .content p,
#sidebar-second .field-content,
#sidebar-second .field-item span,
#sidebar-second .view-content .views-row > a {
	font-size: 0.89em;
}

.sidebar .view  {
	padding-left:5px; /*corresponds with a padding-left in .sidebar .block h2*/
}

.sidebar .view a,
.sidebar .menu a {
	color: #525250;
}

.sidebar .view a:hover,
.sidebar .menu a:hover {
  color: #930000;
  text-decoration:none;
}

.sidebar .view a.active,
.sidebar .menu a.active {
  color: #930000;
  text-decoration:none;
}

.sidebar .block .item-list ul  li{
  margin: 0;
}
.sidebar .view-footer a {
	display:block;
	color:#930000;
}

/*----AGNR in the News sidebar---*/
#block-views-nodequeue-5-block h2 {
  visibility: hidden;
}

#block-views-nodequeue-5-block h2.linksonly {
  visibility: visible;
  margin-left: -5px;
}

#block-views-nodequeue-5-block ul {
  list-style-type: none;
}

.news-page .node-sidebar, .news-page .node-sidebar * {
  max-width: 100%;
}

.view-nodequeue-5 {
  margin-top: -32px;
}

/*******************************************************
COMMENTS
********************************************************/
#comments {
  padding:20px;
  background-color:#EEE;
  border-top:2px dotted #CCC;
  }
#comments h3, #comments h4 {
  margin:0;
  }
.comment {
  border-bottom:1px solid #DDD;
  margin-bottom:2em;
  }
.comment ul.links.inline {
  line-height:normal;
  display:block;
  margin-top:-.5em;
  }

/******************************************************
BREADCRUMB
******************************************************/
#breadcrumb {
  margin: 0 15px 10px;
}

/******************************************************
TRIPTYCH
******************************************************/
#triptych-wrapper {
  margin: 0 auto;
  width: 970px;
  background-color: #fff;
  }
#triptych {
	margin: 0 20px;
}

.region-triptych-top-first,
.region-triptych-top-middle,
.region-triptych-top-last,
.region-triptych-bottom-first,
.region-triptych-bottom-middle,
.region-triptych-bottom-last {
  display: inline;
  float: left; /* LTR */
  position: relative;
  margin: 10px 15px 10px;
  width: 280px;
}
#triptych-wrapper .block h2{
    background-color: #C7C7C2;
    color: #000000;
    font-size: 14px;
    line-height: 1.7em;
    margin-bottom: 0.5em;
    padding-left: 5px;
  font-family: Arial,Helvetica,Sans-serif;
    font-weight: bold;
}

/******************************************************
FOOTER
******************************************************/
.region-footer {
  margin: 0 auto 0;
  width: 968px;
  height: 175px;
  font-size: 95%;
  background: linear-gradient(#ececec, #dadada, #b1b1b1);
  border: 1px solid white;
  border-bottom-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}

.footer-logo {
  float: left;
  margin: 25px 0 0 20px;
  width: auto;
  display:block;
}

.region-footer .footerList ul {
  float: right;
  margin:40px 15px 0 0;
  padding: 0;
}

.region-footer .footerList li {
  display: block;
  line-height: 1.75em;
  width:150px;
}

.region-footer .footerList li:first-child {
	font-weight: bold;
}

.region-footer .agnr-footer-description{
  position: relative;
  float: left;
  clear: left;
  margin: 5px 0 0 25px;
  color: #454545;
  font-style:italic;
  width:400px;
}

.footerfoot {
  color:#999;
  font-size:90%;
  width:960px;
  margin:auto;
  text-align:center;
  margin-bottom:20px;
}

.footerfoot a {
  color:#999;
  text-decoration:underline;
  }

 /* Positioning of footer messes up contextual links. This makes them usable*/
.region-footer .block .contextual-links-wrapper {
  margin-top: 45px;
	}
.region-footer .block + .block .contextual-links-wrapper {
	top:25px;
  right: 550px;
	}


/*****************************************************
 CLASSES ADDED BY DRUPAL/MODULES
 *****************************************************/
.node-unpublished {
	background-color: #ffeaea;
	}
.node-unpublished:before {
	font-size:larger;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#F00;
	font-weight:bold;
	border-bottom:medium solid #F00;
	content:"Unpublished Content";
	}



/**************** PRINT MODULE ***********************/
.block-print {
	margin-top:1em;
	border-top:1px solid #C7C7C2;
	}
.print_html {text-align:right;}
img.print-icon {
	vertical-align: middle;
	padding-right:3px;}
a.print-page {
	color:#666;
	font-size:smaller;
	}

/************* TAC Lite ****************************/
.not-logged-in .field-name-field-section {
  /* Hides TAC Lite Section field from logged-out users */
  display:none;
}
.field-name-field-section {
  opacity:.6;
  background-color:#FF9;
}


/************* Teaser Mode ************************/
.node-teaser {
  margin-bottom:2ex;
  }
.node-teaser .field-name-field-image img {
  float:left;
  margin-right:1em;
  margin-top: 5px;
  }
.node-teaser .field-name-body {
  float:left;
  max-width:50em;
  }
.node-teaser h2,
.node-teaser h3,
.node-teaser h4,
.node-teaser h5,
.node-teaser h6,
.node-teaser p{
  margin:0;
  display:inline;
  }
.node-teaser h2 {
  margin-bottom:.4ex;
  }

/****** Table of Contents Mode *********************/
.view-mode-toc .field-name-field-subtitle {font-size:90%;}

/********* Fields **********************************/
/* Drupal manages fields with inline labels by floating
 the label to the left. These rules change that. */
.field-label-inline .field-label,
.field-label-inline .field-items,
.field-label-inline .field-item {
  display:inline;
  float:none;
  }
.field-label-inline .field-item:after {content:', ';}
.field-label-inline .field-item:last-child:after {content:none;}
.field-label-inline:after {clear:none;}



/******************************************************
* CONTEXTUAL LINKS (Gear Icon Area)
*******************************************************/

/* In a Views block without a header, moves the contextual links for the first item down so that the
Views contextual links are not covered up */
.contextual-links-wrapper:first-child + div .view-content > div:first-child .contextual-links-wrapper {
	top:25px;
}

/********************************************************
* Link to AGNR Website Manual
*********************************************************/
.help-trigger {
	position: fixed;
	background: rgb(255,213,32);
	padding: 5px;
	border: 2px solid white;
	border-top: none;
	font-weight: bold;
	color: black;
	letter-spacing:.1em;
	display: block;
	white-space: nowrap;
	text-decoration: none !important;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	border-radius: 0 0 5px 5px;
}
.help-trigger.trigger-r {
	left: 100%;
	top: 40%;
	transform: rotate(90deg);
	transform-origin: top left;
}