/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal 
 *  and widescreen CSS files as appropriate. */

/* second largest */


/* precedence: global > default > default-narrow */


header#section-header { 
  height: 151px; 
  background-image: url(ems-720-header.png); 
}
div#zone-branding { 
  height: 126px; 
  background-image: url(ems-720-branding.jpg); 
}
a#psu, a#dept, a#dutton, a#ems {
  text-decoration: none;
  position: absolute;
}
a#psu    { top:  0px;   left:   0px; height: 50px; width:  80px; }
a#dept   { top:  0px;   left: 290px; height: 50px; width:  293px; }
 
div#zone-menu { 
  height: 20px;
  /* background-image: url(gis-720-menu.png); */
} 
div#zone-menu ul {
  padding-left: 14px;
}
#zone-menu a {
  color: #ffffff;
  height: 20px;
  padding: 0px 12px 0px 12px;
  margin: 0px 0px 0px 0px;
  font-family: open sans;
  font-size: 11px;
  text-decoration: none;
}
#zone-menu a:hover {
  background-color: #145291;
}

.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
    left: 0px;
    /* top: 2.5em; original from superfish.css */
    top: 20px;
}

div#zone-dutton-footer .col1 { width: 38%; }
div#zone-dutton-footer .col2 { width: 14%; margin-left: 0%; margin-right: 1%; }
div#zone-dutton-footer .col3 { width: 15%; margin-left: 0%; margin-right: 1%; }
div#zone-dutton-footer .col4 { width: 12%; margin-left: 0%; margin-right: 1%; }
div#zone-dutton-footer .col5 { width: 12%; margin-left: 0%; margin-right: 0%; }


/* FIX THE STUFF BELOW TO FIT */

div#zone-penn-state-footer .col1 { width: 150px; }
div#zone-penn-state-footer .col2 { width: 300px; }
div#zone-penn-state-footer .col3 { width: 200px; }

div#zone-penn-state-footer .col2, div#zone-penn-state-footer .col3 { 
  padding-top: 8px;
}

div#zone-penn-state-footer .col3 p {
  text-align: right;
}












.region-inner	{ margin-bottom: 0px; }




.twoimagetable					{ clear: both; width: 100%; margin-top: 10px; margin-bottom: 10px; }
.twoimagetable .leftimage		{ width: 100%; margin-bottom:10px;}
.twoimagetable .leftimage img	{ max-width: 100%; padding-bottom: 0px; margin-bottom: 0px;}
.twoimagetable .rightimage		{ width: 100%; }
.twoimagetable .rightimage img	{ max-width: 100%; padding-bottom: 0px; margin-bottom: 0px;}




.test-ignore		{ background: pink; }
.test-ignore:after	{ content: "alpha-default-narrow"; }





#search-block-form .form-text { width: 80px; }
#search-block-form .form-item {  }

#edit-actions {float:right;text-align:right;}

#search-block-form .container-inline {margin-top:3px; }






#page div.course-title-container		{ position: relative;  top:60px; left:20px;  }
#page div.course-title-container:hover	{ cursor: hand; cursor: pointer; opacity: .9; }

#page .region-branding .course-title	{ font-size: 14px; }
#page .region-branding .course-name		{ font-size: 19px; line-height: 19px; width: 460px; }


#page div.course-title-container table	{ border: 0; height: 56px; margin: 0; padding: 0; width: 460px; }
#page div.course-title-container td		{ border: 0; margin: 0; padding: 0; }



a > .sf-sub-indicator {
    background-position: 0 -120px;
    top: 0.4em;
}


h1#page-title			{ width: 470px; }
span.course-title						{ margin:0; padding:0; display:inline; }