/* Nokomis 2.0 - Designed to be awesome ------------------------------------- */


#umnhf-h.umnhf, #umnhf-uf.umnhf, #umnhf-f.umnhf {
	font: 400 13px/20px Helvetica,"Helvetica Neue","Futura",Verdana,"Geneva",sans-serif
}
#bottom-page-wrapper {
	border: none;
	top: 0;
}
@font-face {
    font-family: 'fontello';
    src: url('../font/fontello.eot');
    src: url('../font/fontello.eot?#iefix') format('embedded-opentype'),
         url('../font/fontello.woff') format('woff'),
         url('../font/fontello.ttf') format('truetype'),
         url('../font/fontello.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.fontello {
	font: normal 36px 'fontello';
}
#toolbar a {
	font-size: 1em;
}
body.logged-in .tabs-primary, body.logged-in .tabs-secondary { margin: 0; }
body.logged-in .pane-pane-messages { margin: 12px auto 0;}
body.logged-in .pane-page-breadcrumb,
body.logged-in nav.breadcrumb { position: relative; }
body.logged-in .breadcrumb ol:after { display: none; }
/* -------------------------------------------------------------- basic structure -- */
* {
	   -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
html { line-height: 1.5em; }
html,
p strong, p em {
	font-family: Helvetica,Arial,"Lucida Grande",sans-serif;
}
hr {
	border: none;
	height: 1px;
	background: #ccc;
}	
ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: lower-roman; }
body,
#sub-header-site-name,
#sub-footer {
	background: #fff;	
}
#header-wrapper-full-width {
	background: #7a0019; /* Old browsers */
	background: -moz-linear-gradient(top,  #7a0019 0%, #600014 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7a0019), color-stop(100%,#600014)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7a0019 0%,#600014 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7a0019 0%,#600014 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7a0019 0%,#600014 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7a0019 0%,#600014 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a0019', endColorstr='#600014',GradientType=0 ); /* IE6-9 */
}
#header-wrapper-internal, #page,
#full-page-wrapper,
#mandatory-footer-wrapper {
	top: 0;
	padding-top: 0;
}

#header-wrapper-internal,
#sub-header,
#full-page-wrapper,
#mandatory-footer-wrapper,
#ahcfooter .row,
#sub-header-site-name  {
	border: none;
	box-shadow: 0 0 0 #fff;
	min-width: 288px;
}
#content {
	padding: 0;
}
#full-page-wrapper, #page {
	max-width: 100%;
}
.panel-col-top {
	margin-bottom: 1em;
}
.panel-col-top .inside {
  max-width: 1200px;
  margin: 0 auto 1em;
  padding: 3.25em 12px 1.25em 12px;
 }
.panel-col {
	clear: both;
}
.all-cols {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 12px;
}  
#sub-header {
	background: none;
}
#ahcfooter {
	clear: both;
	margin-bottom: 0; padding: 0 0 1em;
	background: url(../img/img_ahc_dkr_bg_stripes_10x10.gif) top left repeat #f8f8f8;
	    -moz-box-shadow: inset  0  8px 8px -8px #ccc, 
                         inset  0 -8px 8px -8px #ccc;
    -webkit-box-shadow:  inset  0  8px 8px -8px #ccc, 
                         inset  0 -8px 8px -8px #ccc;
     box-shadow:         inset  0  8px 8px -8px #ccc, 
                         inset  0 -8px 8px -8px #ccc;
}
#sub-header-site-name,
#ahcfooter .row {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 24px;
}
#footer-wrapper {
	margin-top: 1em;
	border-top: 1px solid #ccc;
	padding-top: 1em;
}
#sub-footer .panel-pane {
	margin-bottom: 1em;
}
#sub-footer .panel-pane h2 {
	font-size: 1.25em;
	background: #f1f2f2;
	border-radius: 12px 12px 0 0;
	padding: 0.75em;
}

/* -----------------------------------------------------------------  GRID from imperavi.com/kube -- */	
.row  {
  margin-bottom: 1.5em;
}
.container.row {
  margin-bottom: 0;
}
.container:after,
.row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.half, 
.third,
.quarter,
.fifth,
.sixth, 
.twothird,
.twofifth,
.threefifth,
.fourfifth,
.fivesixth,
.threequarter {
  margin-left: 3.1914893617021276%;
  float: left;
  min-height: 1px;
}
.firstchild,
#footer .block-block:first-child,
.half:first-child,
.third:first-child, 
.quarter:first-child,
.fifth:first-child,
.sixth:first-child, 
.twothird:first-child,
.twofifth:first-child,
.threefifth:first-child,
.fourfifth:first-child,
.fivesixth:first-child,
.threequarter:first-child {
  margin-left: 0;
}
.sixth {  	width: 14.007092198581558%; }
.fifth {  	width: 17.4468085106383%; }
.quarter {  width: 22.606382978723403%;}
.third {  	width: 31.205673758865245%; }
.half {  	width: 48.40425531914894%; }
.twothird {  		width: 65.60283687943262%; }
.twofifth {  		width: 38.08510638297872%; }
.threequarter {  	width: 74.20212765957446%; }
.fourfifth {		width: 79.36170212765958%; }

/* -------------------------------------------------------------- typography -- */
h1, h2, h3, h4, h5, h6,
.breadcrumb { 
	font-weight: 400; 
	font-family: 'Titillium Web',Arial,Helvetica,sans-serif; 
	line-height: 1; 
	margin-top: 0; padding: 0;
	}
h1 { font-size: 2.5em; font-weight: 600; }
h2 { font-size: 1.75em; color: #333}
h3 { font-size: 1.5em; color: #666; font-weight: 600; }
h4 { font-size: 1.5em; color: #666; }
h5, h6 { font-size: 1.25em; font-weight: 600 }
h6 { color: #aaa}
p { margin-top: 0; }
#superfish-1 li a, 
#superfish-2 li a,
#ahcfooter .quarter p, 
.footer-list li a, 
.ui-tabs .ui-widget-header,
.hiddennav a { 
	font-weight: 600; 
	font-size: 1.1em;
	line-height: 1.1;
	font-family: 'Titillium Web',Arial,Helvetica,sans-serif; 
	}

/* --------------------------------------------------------------- Header -- */	
#sub-header-site-name {
	position: relative;
	min-height: 80px;
	padding-bottom: 24px;
	}
	.page-title h2, .page-title h3, .page-title h4 {
		border-bottom: none;
	}
	.page-title h2, .page-title h2 a { 
		color: #535353; 
		text-decoration: none;
		font-weight: 200;
		margin-bottom: 0;
		} 
		.page-title h2 a:hover {
			color: #7a0019;
			text-decoration: none!important;
		}
	.page-title h3, .page-title h4  {
		font-weight: 400;
		font-size: 1.25em;
		}
		.page-title h3 {	
			color: #969696;
			margin: 0 0 0 1.5em;
		}	
		.page-title h4 {
			color: #444;
			margin: 0 0 0 1em;
		}
/* --------------------- */ @media only screen and (max-width: 1200px) {

	.page-title h2 {
		margin-left: 12px;
	}
	.page-title 3, .page-title h4 {
		margin-left: 24px;
	}	
					
} /* ------------------------------- */	
/* --------------------- */ @media only screen and (max-width: 674px) {
	#sub-header-site-name {
		padding-bottom: 36px;
	}
	.page-title h4 {
		margin-right: 0
	}				
} /* ------------------------------- */		

/* --------------------------------------------------------------- Maroon tabs -- */	
.maroon-tabs {
	position: absolute;
	right: 0;
	bottom: 35px;
	width: 232px;
	}
	.lt-ie9 .maroon-tabs {
		width: 300px;
	}
.maroon-tabs ul {
	position: absolute;
	margin:0; padding: 0;
	top: -0px; 
	}
	.maroon-tabs ul li {
		list-style-type: none;
		height:30px;
		float: left;
		padding-top: 5px;
		padding-bottom: 10px;
		margin-right: 6px;
		position: relative;
		}
		.maroon-tabs ul li a {
			display: block;
			padding-right:8px;
			padding-left: 10px;
			height: 30px;
			color: #580012;
			font: 12px/30px 'Titillium Web', Arial, Helvetica, sans-serif;
			font-weight: 600;
			background: #d5d3c8;
			text-align: center;
			text-transform: uppercase;
			text-decoration: none;
			position: relative;
			letter-spacing: 0.05em;
			}
			.maroon-tabs ul li a:hover {
				text-decoration: underline;
				}
			.maroon-tabs ul li:last-child a {
				background: #7a0019;
				color: #ededed;
			}
			.maroon-tabs ul li:after {
			  content: "";
			  display:block;
			  height: 0; width: 0;
			  position: absolute;
			  top: 5px; right: 0;
			  border: 5px solid #aaa;
			  border-color: #fff #fff #d5d3c8 #d5d3c8;
			}
			.maroon-tabs ul li:last-child:after {
				border-color: #fff #fff #7a0019 #7a0019;
			}
			.lt-ie9 .maroon-tabs ul li a {
				background: #7a0019;
				color: #ededed;
				}
			.maroon-tabs .the-icons {
				display: inline;
				font-weight: normal;
				font-size: 1.05em;
				}
				.maroon-tabs .the-icons i {
					color: #9f9d95;
					color: rgba(0,0,0,0.25);
					}
					.maroon-tabs a:hover .the-icons i {
						color: #7a0019;
					}
				.maroon-tabs li:last-child .the-icons i {
					color: #9b3651;
					color: rgba(255,255,255,0.25);
					}
					.maroon-tabs li:last-child a:hover .the-icons i {
						color: #fff;
						}

/* -------------------------------------------------  Main navigation --*/
#sub-header {
	min-height: 2em;
	margin: 0; padding: 4px 0 8px;
	list-style: none;
}
#sub-header h2.pane-title,
.pane-superfish-2,
ul.sf-hidden,
.submenu-jump,
.hiddennav {
	display: none;
	}
	.hiddennav {
		padding: 4px 0 0 10px;
	}	
ul#superfish-1 {
	list-style: none;
	padding-left: 4px;
}
#superfish-1 li.sf-depth-1 {
	float: left;	
	padding: 4px 4px 0 0;
	margin-left: 4px;
	position: relative;
}
#superfish-1 li a, #superfish-2 li a  {
	display: block;
	color: #fff;
	font-size: 1.1em;
	text-decoration: none;
	line-height: 1.1;
	text-align: center;
	text-shadow: 0 -2px 2px rgba(91,0,19,0.5);
	border-radius: 4px;
	padding: 6px;
	border: 1px solid #ba5e28;
	border: 1px solid rgba(255,204,51,0.5);
	}
	#superfish-1 li.active-trail a.sf-depth-1,
	#superfish-2 li.active-trail a.sf-depth-1 {
		background: #fc3;
		text-shadow: none;
		color: #5b0013;
		background-image: -moz-radial-gradient(center 3% , ellipse farthest-side, #FFF666, #FFCC33 100%);
		background-image: -webkit-radial-gradient(center 3%, ellipse farthest-side, #FFF666, #FFCC33 100%);
		background-image: -o-radial-gradient(center 3%, ellipse farthest-side, #FFF666, #FFCC33 100%);
		background-image: -ms-radial-gradient(center 3%, ellipse farthest-side, #FFF666, #FFCC33 100%);
		background-image: radial-gradient(center 3%, ellipse farthest-side, #FFF666, #FFCC33 100%);
	}
	#superfish-1 li a.sf-depth-1:hover,
	#superfish-1 li.sfHover a {
		color: #fc3;
		background: #a10025 !important;
		border: 1px solid #a10025
	}
	#superfish-1 li.sfHover a.sf-depth-1 {
		color: #fc3 !important;
	}
	#superfish-1 li.sfHover a:hover {
		color: white;
	}
	#superfish-1 li a.sf-depth-1:active {
		border-color: #fff;
		color: #fff;
		}
		#superfish-1 li.sf-depth-1 ul {
			background: #a10025;
			border-radius: 0 4px 4px;
			top: 2em;
			padding: 1em 9px !important;
			box-shadow: 2px 6px 4px rgba(0,0,0,0.4);
			behavior: url(http://hub.ahc.umn.edu/sites/all/themes/nokomis/pie/PIE.htc);
		}
	#superfish-1 li a.sf-depth-2 {
		text-align: left;
	}

/* ------------ Mobile nav ----------------------- */ @media only screen and (max-width: 519px) {
	/* ------------ MENU link ------- */
	.hiddennav {
		text-align: center;
		display: block;
		position: relative;
		}	
		.hiddennav p {
			margin: 0;
			}
			.hiddennav a {
				color: #fc3;
				text-decoration: none;
			    letter-spacing: 0.3em;
			    text-decoration: none;
			    text-transform: uppercase;
			    text-shadow: -1px -1px 0 #600014, -2px 2px 0 #600014;
			    line-height: 1;
			    position: relative;
				}
	/* ------------ drop-down nav ------- */
	.pane-superfish-1 {
		display: none;
	}
	.pane-superfish-2 {
		display: block;
		}
		#superfish-2 {
			width: 100%;
			padding-left: 4px;
			}
			#superfish-2 li {
				display: block;
				height: 1px; width: 1px;
				overflow: hidden;
				margin: 0; padding: 0;
				} 
				#superfish-2 li a {
					border: none;
					}
					#sub-header:hover #superfish-2 li {
						height: auto; width: 98%;
						padding: 4px 4px 0 0;
						}
						#sub-header:hover #superfish-2 li a {
							border: 1px solid rgba(255,222,122,0.6);
							padding: 9px 6px;
							}
							#sub-header:hover #superfish-2 li a:hover {
							border: 1px solid #fc3;
							background-color: #900021;
							background-image: -moz-radial-gradient(center 3%, ellipse farthest-side, #b20029, #7a0019 100%);
							background-image: -webkit-radial-gradient(center 3%, ellipse farthest-side, #b20029, #7a0019 100%);
							background-image: -o-radial-gradient(center 3%, ellipse farthest-side, #b20029, #7a0019 100%);
							background-image: -ms-radial-gradient(center 3%, ellipse farthest-side, #b20029, #7a0019 100%);
							background-image: radial-gradient(center 3%, ellipse farthest-side, #b20029, #7a0019 100%);
							}
							#sub-header:hover #superfish-2 li.active a {
							background-color: #fc3;
							background-image: -moz-radial-gradient(center 3%, ellipse farthest-side, #fff666, #ffcc33 100%);
							background-image: -webkit-radial-gradient(center 3%, ellipse farthest-side, #fff666, #ffcc33 100%);
							background-image: -o-radial-gradient(center 3%, ellipse farthest-side, #fff666, #ffcc33 100%);
							background-image: -ms-radial-gradient(center 3%, ellipse farthest-side, #fff666, #ffcc33 100%);
							background-image: radial-gradient(center 3%, ellipse farthest-side, #fff666, #ffcc33 100%);
							text-shadow: none;
							color: #5b0013;
							}
							#superfish-2 li.active-trail a.sf-depth-1:hover {
							color: #fff;
							}
				
		.submenu-jump,
		.submenu-jump span {
			display: block;
			text-decoration: none;
			 display: block;
		    font-family: "Arial Black",Helvetica,sans-serif;
		    line-height: 1;
		    text-align: center;
		    text-transform: uppercase;
		    width: 46px;
		    font-size: 12px;
			}
			.submenu-jump span + span {
				margin-bottom: 1px;
			}
		.submenu-jump div {
			font-size: 23px;
		}	
		.submenu-jump div {
			line-height: 0.25em;
		}
		.submenu-jump {
			text-shadow: 1px 1px 1px rgba(255,255,255,0.25), -1px 1px 0 rgba(0,0,0,0.25);
			position: absolute;
			top: 34px; right: 12px;
			background: rgba(255,255,255,0.5) url(../img/submenu.png) no-repeat top left;
			width: 24px; height: 30px;
			text-indent: -9999px;
		}	
		.panel-col-top .inside {
			padding: 3.25em 60px 1.25em 12px;
		}
		.panel-col-last {
			margin-bottom: 6em !important;
		}					
} /* ------------ / Mobile nav------------------- */	

/* -------------------------------------------------  Breadcrumbs --*/
.pane-pane-messages {
	max-width: 1200px;
	margin: 0 auto;
}
.pane-page-breadcrumb {
	background: rgba(255,255,255,0.75);
	margin: 0 auto;
	position: absolute;
	width: 100%;
}
nav.breadcrumb {
	display: block;
	background: transparent;
	margin: 0 auto;
	max-width: 1200px;
}
.breadcrumb ol {
	background: none;
    display: block;
    margin: 0;
    padding: 0.25em 1em 0.25em 0.5em;
    position: relative;
}	
/* .breadcrumb ol:after {
	content: "";
	display: block;
	height: 0; width: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	border-width: 5px;
	border-style: solid;
	border-color: #fff #e6e6e6 #e6e6e6 #fff;
}*/
.breadcrumb ol:before  { 
	content: '\e809'; 
	  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  color: #9f9d95;
  color: rgba(0,0,0,0.25);
  } /* '' */
.breadcrumb { font-style: italic; color: #666; color: rgba(0,0,0,0.5);}
.breadcrumb a { color: #333; text-decoration: none;}
.breadcrumb a:hover { color: #7a0019;} 



/* --------------------- */ @media only screen and (max-width: 458px) {	

	.page-title h2 { font-size: 1.5em }
	.page-title h3, .page-title h4 { font-size: 1em }
	.maroon-tabs { display: none; }
	#sub-header-site-name { padding: 12px 0; min-height: 40px;}
	.pane-page-breadcrumb {
		display: block;
		background: #e9e9e9;
		width: 100%;
	}
	nav.breadcrumb { width: 100%; display: block;}
	.breadcrumb ol {
		padding: 4px;
		display: block;
		top: 0;
	}
	.breadcrumb ol:after {
		border-width: 0;
		}
	.panel-col-top .inside {
		padding: 2.25em 0 1em;
		}	
		.panel-col-top h1 {
			font-size: 1.5em;
			margin-bottom: 0;
			padding: 0 12px;
		}
	.submenu-jump {
		top: 26px;
		}
} /* ------------------------------- */	  
  
/* --------------------------------------------------------------  AHC Footer -- */
.footer-list {
	float: right;
	list-style: none;
	margin: 0; padding: 0;
	}
	.footer-list li {
		float: left;
		margin-left: 5px;
		}
		.footer-list li a {
			line-height: 1;
			margin-bottom: 0.5em;
			padding: 0.5em;
			color: #7a0019;
			font-weight: 400;
			text-decoration: none;
			display: block;
			border-right: 1px solid #ccc;
			}
			.footer-list li.footer-give a {
				border-right: none;
				text-transform: uppercase;
				letter-spacing: 0.25em;
				padding: 0.5em 0 0.5em 0.5em;
			}			
			.footer-list li a:hover {
				text-decoration: underline;
				}
#ahcfooter .quarter p {
	margin: 0 0 0.5em 8px;
	}
	#ahcfooter .quarter p strong { 	font-size: 1.2em; }
	#ahcfooter .quarter p a { 		text-decoration: none; color: #000; }
	#ahcfooter .quarter p strong a { color: #7a0019; font-weight: 600; font-family: 'Titillium Web',Arial,Helvetica,sans-serif !important; }
	#ahcfooter .quarter p a:hover {  text-decoration: underline;}
	
.footer-social .the-icons {
	display: inline;
	}
	.footer-social .the-icons a {
		color: #999;
		}
		.footer-social .the-icons a:hover {
			color: #7a0019;
			}
.footer-social .the-icons i {
	font-size: 32px;
}
.footer-social [class^="icon-"]:before, 
.footer-social [class*=" icon-"]:before {
	margin-left: 0;
}	
/* ----------------------------------- */ @media only screen and (max-width: 960px) {

		#ahcfooter .quarter, #ahcfooter .threequarter {
			width: 100%;
			margin-left: 0;
			float: left;
			}	
			#ahcfooter .threequarter .footer-list {
				float: left;
				}
				#ahcfooter .threequarter .footer-list li {
					margin-left: 0;
					}
					.footer-list li.footer-give a,
					.footer-list li a {
						padding: 0.25em 0.5em;
						}
	
} /* ------------------------------- */	

/* --------------------------------------------------------------  Unit Footers -- */
#sub-footer .panel-pane h2 {
	font-size: 1.25em;
	background: #f1f2f2;
	border-radius: 12px 12px 0 0;
	padding: 0.75em;
}
/* --------------------------------------------------------------  3 columns -- */		
/* ----------------------------------- */ @media only screen and (max-width: 535px) {
	#sub-footer .third {  width: 100%; margin-left: 0; }
} /* ------------------------------- */		
/* --------------------------------------------------------------  4 columns -- */		
/* ----------------------------------- */ @media only screen and (min-width: 536px) and (max-width: 960px) {
	#sub-footer .quarter {  width: 48.40425531914894%; }
	#sub-footer .threeoffour { margin-left: 0; clear: left }
} /* ------------------------------- */
/* ----------------------------------- */ @media only screen and (max-width: 535px) {
	#sub-footer .quarter {  width: 100%; margin-left: 0; }
} /* ------------------------------- */
/* --------------------------------------------------------------  6 columns -- */		
/* ----------------------------------- */ @media only screen and (min-width: 700px) and (max-width: 960px) {
	#sub-footer .sixth {  width: 31.205673758865245%; }
	#sub-footer .fourofsix { margin-left: 0; clear: left }
} /* ------------------------------- */
/* ----------------------------------- */ @media only screen and (min-width: 536px) and (max-width: 699px) {
	#sub-footer .sixth {  width: 48.40425531914894%; }
	#sub-footer .threeofsix, #sub-footer .fiveofsix { margin-left: 0; clear: left }
} /* ------------------------------- */
/* ----------------------------------- */ @media only screen and (max-width: 535px) {
	#sub-footer .sixth {  width: 100%; margin-left: 0; }
} /* ------------------------------- */

/* --------------------------------------------------------------  Unit Footer font icons -- */

#sub-footer .the-icons {
	float: left;
	margin: 0 0 1em;
}
#sub-footer .the-icons a {
	font-size: 36px;
	color: #999;
	}
	#sub-footer .the-icons a:hover {
		color: #7a0019;
	}
	#sub-footer .the-icons a .icon-instagram {
		font-size: 38px;
	}

/* --------------------------------------------------------------  Special Links -- */
a[href^="mailto:"], a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".ppt"] {
  padding:2px 22px 2px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}
a[href$=".pdf"]  		{ background-image: url(../img/icons/pdf.png); }
a[href$=".doc"]   		{ background-image: url(../img/icons/doc.png); }
a[href$=".xls"]   		{ background-image: url(../img/icons/xls.png); }
a[href$=".ppt"]   		{ background-image: url(../img/icons/ppt.png); }
a[href^="mailto:"]  	{ background-image: url(../img/icons/email.png); }	

a.txt-btn-action, p.txt-btn-action a {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 1.5em 1.5em 1.5em 1.5em;
    box-shadow: 0 2px 4px rgba(0,0,0,0.25) inset;
    display: inline-block;
    padding: 0.75em 1em;
    text-decoration: none;
	}
	a.txt-btn-action:hover, p.txt-btn-action a:hover {
		text-decoration: underline;
		background: none;
		box-shadow: 0 2px 4px rgba(0,0,0,0.5) inset;
		}
		a.txt-btn-action:after, p.txt-btn-action a:after {
			content: " \2192";
			}
			a.txt-btn-action[href^="mailto:"], a.txt-btn-action[href$=".pdf"], 
			a.txt-btn-action[href$=".doc"], a.txt-btn-action[href$=".xls"] {
				background-position: 98% center;
				padding: 0.75em 2em 0.75em 1em;
				}	
/* -------------------------------------------------------------- Sub-navigation -- */
.panel-col-last .pane-menu-block {
	margin-bottom: 1em;
}
.panel-col-last .pane-menu-block h2 {
    line-height: 1.1;
    padding: 6px;
	text-align: center;
	display: none;
	}
	.panel-col-last .pane-menu-block h2 a {
		text-decoration: none;
		color: #333;
		}
.panel-col-last .pane-menu-block ul.menu {
	border-top: 1px solid #999;
	list-style: none;
	padding: 0; margin: 0;
	}
	.panel-col-last .pane-menu-block ul.menu li.leaf {
		list-style: none;
		list-style-type: none;
		list-style-image: none !important;
		padding: 0;
		}
		.panel-col-last .pane-menu-block ul.menu li {
			border-bottom: 1px solid #999;
			margin: 0;
			}
			.panel-col-last .pane-menu-block ul.menu li a {
				text-decoration: none;
				display: block;
				padding: 10px;
				color: #555;
				letter-spacing: 0.05;
				border: 2px solid #fff;
				font-family: 'Titillium Web',Arial,Helvetica,sans-serif;
				font-weight: 600;
				background-image: url(../img/grid-positive.png);
				background-repeat: repeat;
				}
				.panel-col-last .pane-menu-block ul.menu li a:hover {
					background-color: #ebeae5;
					color: #333;
					}
				.panel-col-last .pane-menu-block ul.menu li.active-trail a.active {
					background-color: #ffde7a;
					color: #000;
					}
				.panel-col-last .pane-menu-block ul.menu li a:active {
					color: #000;
					}
					.panel-col-last .pane-menu-block ul.menu ul {
						list-style: none;
						padding-left: 2em;
						position: relative;
						}			
						.panel-col-last .pane-menu-block ul.menu ul {
							background: url(../img/triangle-subnav.gif) no-repeat top left;
						}
						.panel-col-last .pane-menu-block ul.menu ul li {
							border-bottom: none;
						}
						.panel-col-last .pane-menu-block ul.menu ul li.leaf {
							border-width: 1px 0 0;
							border-top: 1px dotted #999;
							border-bottom: none;
							}
							.panel-col-last .pane-menu-block ul.menu ul li.first {
								border-top: none;
								}
							.panel-col-last .pane-menu-block ul.menu ul li a {
								padding: 5px;
								}
					/* ading arrows to exteral links ----------------------------*/			
					#superfish-1 li.sf-depth-2 a[href^="http://"]:after,
					.panel-col-last .pane-menu-block li a[href^="http://"]:after {
					    content:" \279A";
					}			
.submenu-link {
	display: none;
}
.panel-col-last .pane-menu-block ul li.collapsed,
.panel-col-last .pane-menu-block ul li.expanded {
	list-style: none;
	list-style-type: none;
	list-style-image: none !important;
}
	
/* ------------------------------------------ PAGINATION  */
.item-list .pager li {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0.25em 0.6em;
	box-shadow: 1px 1px 2px #ccc;
	line-height: 3;
	}
	#main .item-list .pager li a {
		text-decoration: none;
	}
.item-list .pager li.pager-current {
	background: #999;
	color: white;
}
	
/* -------------------------------------------------  WYSIWYG styles -- */

.img-50-L img, img.img-50-L,
.img-50-R img, img.img-50-R,
.img-40-L img, img.img-40-L,
.img-40-R img, img.img-40-R,
.img-33-L img, img.img-33-L,
.img-33-R img, img.img-33-R,
.img-25-L img, img.img-25-L,
.img-25-R img, img.img-25-R,
.img-actual-L img, img.img-actual-L,
.img-actual-R img, img.img-actual-R,
.img-full img, img.img-full 			{
	height: inherit !important;
	border: 1px solid #fc3;
	margin-bottom: 1em;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25);
       -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25);
            box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25);	
	}
	.img-50-L img, img.img-50-L,
	.img-40-L img, img.img-40-L,
	.img-33-L img, img.img-33-L,
	.img-25-L img, img.img-25-L,
	.img-actual-L img, img.img-actual-L		{
		float: left; 
		clear: left;
		margin-right: 1em;
	}
	.img-50-R img, img.img-50-R,
	.img-40-R img, img.img-40-R,
	.img-33-R img, img.img-33-R,
	.img-25-R img, img.img-25-R,
	.img-actual-R img, img.img-actual-R		{
		float: right;
		margin-left: 1em;
	}	
	.img-50-L img, img.img-50-L,
	.img-50-R img, img.img-50-R {
		width: 50%;
	}
	.img-40-L img, img.img-40-L,
	.img-40-R img, img.img-40-R {
		width: 40%;
	}
	.img-33-L img, img.img-33-L,
	.img-33-R img, img.img-33-R {
		width: 33%;
	}
	.img-25-L img, img.img-25-L,
	.img-25-R img, img.img-25-R {
		width: 25%;
	}
	.img-actual-L img, img.img-actual-L,
	.img-actual-R img, img.img-actual-R {
		max-width: 100%;
	}
	.img-full img, img.img-full {
		width: 100%;
	}
	
.txt-caption,
.txt-caption-33-R {
	float: right;
	margin: 0 0 0.25em 1em;	
}
.txt-caption-50-L,
.txt-caption-33-L {
	float: left;
	margin: 0 1em 0.25em 0;		
}
.txt-caption,
.txt-caption-50-L  {
	width: 50%;
}
.txt-caption-33-R,
.txt-caption-33-L  {
	width: 33%;
}
.txt-caption-50-L,
.txt-caption,
.txt-caption-33-L,
.txt-caption-33-R {
	color: #666;
	border-bottom: 1px solid #eee;
}
.txt-caption-50-L img,
.txt-caption img,
.txt-caption-33-L img,
.txt-caption-33-R img {
	width: 100%;
	height: inherit !important;
}	

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

		.img-25-L img, img.img-25-L,
		.img-25-R img, img.img-25-R {
			width: 33%;
		}

} /* ----------------------------------- */		
@media only screen and (max-width: 660px) {

		.img-50-L img, img.img-50-L,
		.img-50-R img, img.img-50-R, 
		.txt-caption, .txt-caption-50-L{
			width: 100%;
			margin: left: 0;
			margin: right: 0;
		}
		.img-40-L img, img.img-40-L,
		.img-40-R img, img.img-40-R,
		.img-33-L img, img.img-33-L,
		.img-33-R img, img.img-33-R,
		.img-25-L img, img.img-25-L,
		.img-25-R img, img.img-25-R,
		.txt-caption-33-R, .txt-caption-33-L {
			width: 50%;
		}

} /* ----------------------------------- */		

.txt-btn-fancy,
body#tinymce .txt-btn-fancy {
	display: block;
	width: 100%;
	max-width: 400px;
	color: white;
	line-height: 1.1em;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	margin-bottom: 2em;
	display: block;
	border: 2px solid #b7b7b7;
	box-shadow: 0 1px 4px #999;
	border-radius: 8px;
	background: #9eafac; /* Old browsers */
	background: -moz-linear-gradient(top,  #9eafac 0%, #607875 40%, #405c58 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9eafac), color-stop(40%,#607875), color-stop(100%,#405c58)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9eafac 0%,#607875 40%,#405c58 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9eafac 0%,#607875 40%,#405c58 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9eafac 0%,#607875 40%,#405c58 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9eafac 0%,#607875 40%,#405c58 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9eafac', endColorstr='#405c58',GradientType=0 ); /* IE6-9 */
}
.txt-btn-maroon,
body#tinymce .txt-btn-maroon  {
	display: block;
	width: 100%;
	max-width: 400px;
	color: white;
	line-height: 1.1em;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	margin-bottom: 2em;
	display: block;
	border: 2px solid #86001e;
		box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
	box-shadow: 0 1px 4px #999;
	border-radius: 8px;
	background: #9d5d6a; /* Old browsers */
	background: -moz-linear-gradient(top,  #9d5d6a 0%, #5c0013 40%, #80001d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d5d6a), color-stop(40%,#5c0013), color-stop(100%,#80001d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9d5d6a 0%,#5c0013 40%,#80001d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9d5d6a 0%,#5c0013 40%,#80001d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9d5d6a 0%,#5c0013 40%,#80001d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9d5d6a 0%,#5c0013 40%,#80001d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d5d6a', endColorstr='#80001d',GradientType=0 ); /* IE6-9 */
}
.txt-btn-fancy:hover,
.txt-btn-maroon:hover {
	border-color: #ffde7a;
	color: #fc3;
}
.txt-btn-fancy a,
.txt-btn-maroon a {
	color: #fff;
	text-decoration: none;
}
.txt-btn-fancy:hover a,
.txt-btn-maroon:hover a {
	color: #fc3;
}
.txt-intro {
	font-family: 'Titillium Web',Arial,Helvetica,sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.25;
	color: #666;	
	}
	.txt-intro strong {
		font-family: 'Titillium Web',Arial,Helvetica,sans-serif;
		font-weight: 600;		
	}
	.txt-intro em {
		font-family: 'Titillium Web',Arial,Helvetica,sans-serif;
	}

.txt-excerpt,
body#tinymce .txt-excerpt  {
	border-left: 3px solid #ada7a4;
	color: #8d7f78;
	padding: 1em 0 1em 2em; 
}

.txt-pull-quote,
body#tinymce .txt-pull-quote {
	display: inline;
	width: 50%;
	float: right;
	font-size: 1.5em;
	font-family: 'Titillium Web', Arial,Helvetica,sans-serif;
	font-weight: 600;
	color: #5b0013;
	background: #fff;
	margin: 0.5em 0 0.5em 0.75em;
	padding: 0.5em 0 0.5em 0.75em;
	border-left: 1px solid #ddd;
}
.txt-pull-quotation,
body#tinymce .txt-pull-quotation {
	display: inline;
	width: 50%;
	float: right;
	font-size: 1em;
	font-family: 'Titillium Web', Arial,Helvetica,sans-serif;
	font-weight: 400;
	color: #444;
	background: #fff;
	margin: 0 0 0.5em 1.5em;
	padding: 1em 0 0.5em 0.5em;
	text-align: right;
	position: relative;
	line-height: 1;
	}
	.txt-pull-quotation p {
		margin: 0 0 0.5em;
			}
			.txt-pull-quotation strong {
				font-size: 1.75em;
				line-height: 1;
				color: #700021;
				text-align: left;
				z-index: 100;
				display: block;
				padding: 0;
				font-weight: 600;
				}
				.txt-pull-quotation strong:before,
				.txt-pull-quotation strong:after {
					font-family: Helvetica, Arial, sans-serif;
					color: #ddd6ce;
					position: absolute;	
					font-size: 2em;
					}
				.txt-pull-quotation strong:before {
					content: "\201C";
					left: -22px;
					}
				.txt-pull-quotation strong:after {
					content: "\201D";
					right: -13px;
					}
					
/* ------------------------------------------------- End of WYSIWYG styles */ 
			
/* -------------------------------------------------  Layout styles -- */
.center-wrapper h2,
.panel-col-three h2,
.panel-col-right h2 { 
	font-size: 1.75em; 
	padding-bottom: 0.25em;
	border-bottom: 1px solid #666;
	}		
.panel-pane.gray {
	background: #e6e6e6;
	border: 1px solid #ccc;
	}
	.gray .fieldable-panels-pane {
		padding: 1em;
	}	
.panel-pane.contact {
	background: #eceae5 url(../img/grid-negative.png) repeat;
    border: 1px solid #900021;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.33) inset;
    box-sizing: border-box;
    padding: 1em;
    margin-bottom: 1em;
}		
/* -------------------------------------------------  Listy -- */	
.field-name-field-listy-text .field-label {
	display: none;
}
.field-name-field-listy-text .field-item {
	clear: left;
}
.field-name-field-listy-text .field-item p:first-child {
	width: 200px;
	float: left;
	margin: 0 1em 0.5em 0;
	clear: left;
}
.field-name-field-listy-text .field-item p:first-child img {
	width: 100%;
	height: inherit !important;
}			
/* -------------------------------------------------  Accordions and Tabs -- */		
		
.ui-accordion {
	margin-bottom: 2em;
}		
.ui-accordion h4.ui-accordion-header {
	padding: 0.5em 2em;
	text-decoration: none;
}
.ui-accordion-content-active .fieldable-panels-pane {
	margin-top: 1em;
}
.ui-accordion .accordion-content {
	font-size: 1em;
	}
	.ui-accordion .accordion-content a,
	.ui-widget-content a {
		color: #7a0019;
	}
.ui-tabs {
	clear: both;
}	
.ui-widget {
	font-family: inherit;
	font-size: 1em;
}
.ui-tabs .ui-corner-top {
	border-radius: 0;
}
.ui-tabs .ui-tabs-nav li.ui-state-default:after {
	content: "";
	display:block;
	height: 0; width: 0;
	position: absolute;
	top: 0; right: 0;
	border: 5px solid #ececec;
	border-color: #fff #fff #ececec #ececec;	
}
.ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-active:after {
	border-color: #fff #fff #fc3 #fc3;	
}			
/* added so I can style the david.tpl - dk ---- */
.bio-page h4 {
	font-weight: 600;
	border-bottom: 1px solid #333;
}
.bio-page h5 {
	margin-top: 0;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 0.5em;
}
.bio-instance {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1em;
}
.bio-instance h5{
	margin-bottom: 0.25em;
}
.bio-instance h6  {
	margin-top: 0;
	margin-bottom: 0.25em;
}
body.faculty .block-ahc-list {
	margin-top: -2em;
}
/* --------------------- */ @media only screen and (min-width: 960px) {
	.bio-instance img {
		width: 16%;
	}
}/* --------------------- */	
/* --------------------- */ @media only screen and (max-width: 950px) and (min-width: 520px) {
	.bio-instance img {
		width: 20%;
	}
}/* --------------------- */	
/* --------------------- */ @media only screen and (max-width: 519px) {
	.bio-instance img {
		width: 120px;
		max-width: 120px;
	}
}/* --------------------- */	
/* -------------------------------------------------  Nokomis Vanilla Staff List -- */	
.view-ahc-people .views-row {
	position: relative;
	padding-left: 112px;
	clear: both;
}
.view-ahc-people .views-row h3,
.view-ahc-people .views-row p,
.view-ahc-people .views-row ul {
	margin-bottom: 0.5em;
}
.view-ahc-people .views-field-field-person-picture,
.view-ahc-people .views-field-field-name-w-titles,
.view-ahc-people .views-field-field-academic-title-and-org {
	float: left;
	width: 60%;
}
.view-ahc-people .views-field-field-contact-info {
	float: right;
	text-align: right;
}
/* --------------------- */ @media only screen and (max-width: 720px) and (min-width: 601px) {
	.view-ahc-people .views-field-field-contact-info {
		float: left;
		text-align: left;
	}	
	.view-ahc-people .views-field-field-person-picture,
	.view-ahc-people .views-field-field-name-w-titles,
	.view-ahc-people .views-field-field-academic-title-and-org {
		width: 100%;
	}		
} /* ------------------------------- */		

.view-ahc-people .views-field-field-person-picture {
	float: left;
	width: 112px;
	margin-left: -112px;
	margin-bottom: 1.5em;
	}
	.view-ahc-people .views-field-field-person-picture .field-content div {
		width: 100px; height: 140px; 
		background: #e6e6e6;
		margin-bottom: 1.5em;
	}
.view-ahc-people .views-field-field-name-w-titles h3 {
	border-bottom: none;
	margin-bottom: 0;
}
.view-ahc-people .views-field-field-academic-title-and-org ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* --------------------- */ @media only screen and (max-width: 600px) {

	.view-ahc-people .views-field-field-contact-info {
		float: left;
		text-align: left;
	}	
	.view-ahc-people .views-row {
		padding-left: 0;
	}
	.view-ahc-people .views-field-field-name-w-titles,
	.view-ahc-people .views-field-field-academic-title-and-org {
		float: none;
		width: 100%;
		clear: none;
	}
	.view-ahc-people .views-field-field-person-picture {
		float: left;
		width: 112px;
		margin-left: 0;
	}
	.view-ahc-people .views-field-field-person-picture,
	.view-ahc-people .views-field-field-person-picture .field-content div {
		margin-bottom: 0.5em;
	}
	
		
} /* ------------------------------- */		
@media only screen and (max-width: 920px) and (min-width: 601px) {

	.david-bio-pic, .david-bio-contact {
		width: 100%;
		margin-left: 0;
	}
	.bio-col1, .bio-col2, .bio-col3 {
		width: 31.205673758865245%;
	}

} /* ------------------ close of max 920 ---------------------------------- */	 		
@media only screen and (max-width: 600px) and (min-width: 481px) {

	.bio-col1 {
		width: 100%;
	}
	.bio-col1, .bio-col2 {
		margin-left: 0;
		}
	.bio-col2, .bio-col3 {
		width: 48.40425531914894%;
	}
	.bio-col3 {
		margin-left: 3.1914893617021276%;
		}
} /* ------------------ close of max 600 ---------------------------------- */	 		
@media only screen and (max-width: 480px) {

	.david-bio-pic, .david-bio-contact {
		width: 48.40425531914894%;
		}
	.david-bio-pic {	
		margin-left: 0;
	}
	.bio-col1, .bio-col2, .bio-col3 {
		width: 100%;
		margin-left: 0;
	}	

} /* ------------------ close of max 480 ---------------------------------- */	 
@media only screen and (max-width: 400px) {

	.david-bio-pic, .david-bio-contact {
		width: 100%;
		margin-left: 0;
	

} /* ------------------ close of max 400 ---------------------------------- */