@charset "utf-8";
/* CSS Document */

/* ============================================================================================
==================================== GENERAL STYLES ========================================= */

html, body, div, ul, ol, dl, dt, dd, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin:0;
	padding:0;
	}
body {
	background: #666 url(../images/background/page-bg.gif) repeat;
	text-align: center; 	/*-- IE workaround to keep wrapper centered --*/
	}
noscript {background-color:#fff; font-size:90%;}
h1 { 
	font-size: 175%;
	color: #505050;
	letter-spacing: .02em;
	margin: 0.75em 0 0.65em 0;
	}
h2 { 
	font-size: 140%;
	color: #900;
	margin: 0.5em 0 0 0;
	padding-bottom:.2em;
	}
h3 {
	font-size: 130%;
	color: #666;
	text-transform: uppercase;
	margin: 0.5em 0 0.5em 0;
	}
h4 { 
	font-size: 125%; 
	color: #666; 
	padding: 0.5em 0 0.5em 0;
	}	
h5 { 
	font-size: 110%; 
	color: #8f5917;
	padding: 0.5em 0 0.5em 0; 
	}
h6 { 
	font-size: 90%; 
	color: #666;
	text-transform:uppercase;
	padding: 0.5em 0 0.5em 0; 
	}
p {
	color: #505050;
	margin: 0.2em 0 0.8em 0;
	}
a img { 
	border:none;
	vertical-align:bottom; /* keep ie8 from missaligning background color on hover state */
	}
img.outline { border: 2px solid;}
abbr, acronym { border-bottom:1px dotted; cursor:help; }

strong { font-weight: bold; }
em { font-style: italic; }

a:link { font-weight: bold; color: #8f5917; text-decoration: none; }
a:visited { color: #565848; font-weight: bold; text-decoration: none; }
a:focus, a:hover, a:active { color: #600; text-decoration: underline; background-color:#f3f3f3;}
hr {
	border: 0;
	color: #CCCCCC;
	background-color:#CCCCCC;
	height: 2px;
	width: 100%;
	margin: 5px 0;
	}

/* ============================================================================================
==================================== LAYOUT STYLES ========================================= */

#wrapper {
	position:relative;
	width: 955px;
	text-align: left;		/*-- IE workaround to keep wrapper centered --*/
	margin: 0 auto;
	background:#fff repeat-y left top;
	overflow:hidden;		/*IE: prevent horizontal scroll*/ 
	}
#innerwrapper {
	background:repeat-y right top;
	}
#main {
	width:100%;
	font-size:80%;
	float:left;
	position:relative;
	padding-bottom:15px;	/*  space content away from footer */
	color:#505050;			/* default font color */
	}
.sidecolumn1, .lastcolarea, .colarea { float:left;}
.contenttop { 
	float:right;
	/*overflow:hidden; 		prevent ie6 from float dropping area. check on a-z list pages*/
	}
* html .contenttop {overflow:hidden; }	/*prevent ie6 from float dropping area. check on a-z list pages*/

.sidecolumn2 { float:right;	}
.sidecol .divspacer { padding:15px 10px; }
.contentwrapper { float: left; }
.contenttop .divspacer {
	padding:0 15px;
	margin-left:5px;  	/* allow space for nav border */
	/*overflow:hidden;*/
	}
.lastcolarea .divspacer {
	margin-bottom: 10px;
	padding:0 20px;
	}
.colarea .divspacer {
	border-right:4px solid #ECDFC8;
	margin-bottom:10px; 
	padding: 0 20px;
	}
/* -- banner image area -- */
.contenttop .contentimage {
	text-align:center;
	margin:0 -15px 0 -15px;
	font-size:85%;
	overflow:hidden;
	}
.contenttop .contentimage p {
	text-align:left;
	padding: 2px 15px 5px 15px;
	background-color:#EAEAEA;
	margin: 0;
	}
.contenttop .contentimage h1 {
	text-align:left;
	padding: 2px 15px 5px 15px;
	margin: 0;
	}

/* -- more link default -- */
.contentwrapper li.morelink a:link {	font-size:85%; }
.sidecol li.morelink a:link { font-size:90%;	}

/* -- campus alert notice --*/
.campus-alert h1 { padding:3px 1px 5px;	}

/* -- header styles --- */
#header {
	position: relative;
	float:left;
	width:100%;
	border-top: #333 10px solid;
	}
/* --- ulogo styles (top left bar) --- */
#ulogo {
	float: left;
	width: auto;
	}
#ulogo a {color:#000} 

/* --- unav styles (top right bar) --- */
#unav {
	float: right;
	width: 300px;
	}
#unav ul {
	float: right;
	list-style: none;
	font-size: 75%;
	padding-left: 10px;
	}
#unav ul li {
	display:block;
	float:left;
	color: #dac092;
	padding: 0 5px 8px 0;
	background-color:#333;
	}
#unav a:link, #unav a:visited { 
	color: #fff;
	text-decoration: none;
	padding-left: 5px; 
	border-left: #dac092 1px solid;
	font-weight:normal;
	}
#unav li.firstitem a:link, #unav li.firstitem a:visited{
	border-left: none;
	padding-left: 5px;
	}
#unav a:focus, #unav a:hover, #unav a:active { 
	color: #dac092;
	background-color:#000; 	
	text-decoration: none; 
	}
/* ----- search styles ----- */
#search {
	float:right;
	width:200px;
	text-align: right;
	padding: 10px 10px 0 0;
	}
#search form input {
	display:inline;
	margin-right:3px;
	}
#search form #qt {
	width:120px;
	vertical-align:top;
	}
#search form label {  /* move label off screen */
	position:absolute;
	font-size: 1px;
	top: -500px;
	}

/* ===========================================================================================
========================================= QUICK LINKS  =======================================

	Quicklinks Menu Derived from:

	GRC multi-level script-free pure-CSS menuing system stylesheet.
	This code is hereby placed into the public domain by its author
	Steve Gibson. It may be freely used for any purpose whatsoever.

===========================================================================================*/

/*============= TOP OF THE MENU CASCADE ========*/

#quicklinks {
	clear: both;
	height:1.3em;
	border-top: 5px solid;
	text-align:center;
	}

/*-----center menu -----*/	
#quicklinks #topmenu, #quicklinks .topmenu {
	position:relative;
	float:left;
	z-index:20; /* ie7 */
	left:50%;
	}
#quicklinks .mlevel1 {
	position:relative;
	float:left;
	left:-50%;
	}
/* -------------------*/	

#quicklinks ul {					/* global list styles*/
	font-size: 70%;
	text-transform: uppercase;
	padding:0;
	margin:0;
	list-style-type:none;    
	}                              
#quicklinks li {					/* global list item styles */
	position:relative;
	float:left;
	letter-spacing: 0.2em;
	border-left:1px solid;
	margin:0;
	padding:0;
	}
#quicklinks .mlevel1 li.firstitem { border-left:none;}
#quicklinks li li {					/* global sublist styles */
	border-left:none;
	text-align:left;
	text-transform: none;
	letter-spacing: normal;
	width:100%;
	margin:-1px 0 0 0;	/* NS: tighten space between drop items*/
	padding:0;
	}
#quicklinks ul li table {
	margin:-1px 0 0 0;              /* IE5/6 needs -1px top and bottom table margins */
	m\argin:0;               		/* re-zero the table margins for everyone but IE5/6 */
	border-collapse:collapse;     	/* IE5/6 needs this for the sub-menus to work */
	font-size:inherit;
	}

/*============ TOP LEVEL MENU DEFINITIONS ============*/

#quicklinks ul li a {              /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	line-height:1.8em;
	padding: 0 1em;
	}

/*=========== 2ND LEVEL MENU DEFINITIONS ==============*/

#quicklinks li ul {
	position:absolute;
	z-index:30;
	visibility:hidden;			/* use visibility rather than display property because ie6 not hidding content correclty*/			
	padding:2px 1px 1px;         /* box border width, extra space on top because of negative margin NS fix to close space between items*/
	font-size:100%;
	}
#quicklinks li:hover ul,
#quicklinks li a:hover ul {     /* 2nd level drop-down box */
	top:1.8em;              	/* place us just up underneath the top-level */
	left:-1px;       			/* left-align our drop-down to the previous button border */
	width:14em;
	/*display:block;*/
	visibility:visible;
	}
#quicklinks li.firstitem:hover ul,
#quicklinks li.firstitem a:hover ul {left:0;}	/*shift first item to align with top menu*/
	
#quicklinks li:hover li a,
#quicklinks li a:hover li a {  					/* 2nd level unselected items */
	border:0;
	margin:0;
	padding:4px 1em;
	line-height:1.3em;
	height:auto;
	width:12em;
	}

/*=========== 3RD LEVEL MENU DEFINITIONS ==========*/

#quicklinks li:hover li ul,
#quicklinks li a:hover li a ul {             /* hide inactive 3rd-level menus */
	position:absolute;
	visibility:hidden;
	} 
#quicklinks li:hover li:hover ul,
#quicklinks li a:hover li a:hover ul {      /* 3rd level drop-down box */
	margin-top:-1px;	      				/* bring the top edge of the 3rd level menu up one */
	top:0;
	/*display:block;*/
	visibility:visible;
	left:14em;
	width:14em;
	}
* html #quicklinks li a:hover ul { top: 1.7em; }	/*ie 6: prevent disappearing menu on rollover*/
* html #quicklinks li a:hover li a:hover ul {left:13.9em;} /*ie 6: prevent disappearing menu on rollover*/	


/* ============================================================================================
==================================== CONTENT STYLES ========================================= */

.contenttop ol, .contenttop ul {
	list-style-position: outside;
	margin: .5em 0 1em 3em;
	}
/*--- Tag line text ---*/
.contenttop div.tagline {								
	font-size:130%;
	font-style:italic;
	text-align:center;
	margin:.5em 0;
	}
/* -- Definition lists --*/
.contenttop dt.article-title,
.contenttop dt.link-text {
	margin:7px 0 3px 0;
	font-size:120%;
	}
.contenttop dd.article-summary,
.contenttop dd.link-description {
	margin:0 0 10px 10px;
	}
/* tabbed article layout */
#tabbed-content a.toplink { float:right;} /* move back-to-top link to right */
#tabbed-content {
	display:none; /* default tabs to hidden, show w/ inline style in document when loaded*/
	}

/* ============================================================================================
====================================BREADCRUMBS STYLES ========================================= */
#breadcrumbs {
	padding:4px 0;
	margin:0 -15px 0 -15px;
	background: #e6e6e6 url(../images/background/breadcrumb_shade.jpg) repeat-y right top;
	font-size:90%;
	}
#breadcrumbs ul {
	margin:0;
	padding-left:15px;
	width:95%;  		/* keep ie7 from misaligning left border when text is scaled*/
	}
#breadcrumbs li {
	padding:0 0 0 12px;
	display:inline;
	letter-spacing: 0; /* keep ie7 from misaligning left border when text is scaled*/
	background: url(../images/background/bcrumbs_arrow.gif) no-repeat left center;
	}
#breadcrumbs li.firstitem {
	background-image:none;
	padding:0;
	}
#breadcrumbs a {
	color:#333;
	font-weight:normal;	
	}
#breadcrumbs a:focus, #breadcrumbs a:hover, #breadcrumbs a:active {
	background-color:#f9f9f9;
	}		


/* ============================================================================================
==================================== SOCIAL ICON STYLES ======================================= */
#socons {
	font-size:90%;
	text-align:right;
	}
#socons ul {
	margin:0;
	padding:0;
	width: 100%; 		/* keep ie7 from misaligning left border when text is scaled*/
	}
#socons li {
	display:inline;
	border-left:1px solid #000;
	padding-left:3px;
	letter-spacing: 0; /* keep ie7 from misaligning left border when text is scaled*/
	}
#socons li.firstitem { border-left:none;}
#socons a {	color:#900;	}

/* ============================================================================================
==================================== SIDECOLUMN STYLES ========================================= */

.sidecol ul, .sidecol dl {
	list-style: none;
	margin:5px 5px 1.5em 5px;
	}
.sidecol a, .sidecol a:hover, .sidecol a:focus, .sidecol a:active {
	text-decoration: none;
	}
.sidecol ul a:visited {
	font-weight:normal;
	}	
.sidecol li { 
	margin:0;
	padding:2px 0;
	height:1%; /*IE 6 haslayout to get correct spacing after ul */
	}
.sidecol li a {
	display: block;
	font-weight: normal;
	margin:0 -5px;	/*create highlight area*/
	padding:2px 5px 3px;
	}	
.sidecol dl a {
	display: block;
	font-weight: bold;
	}
.sidecol dt { 
	width:100%; 	/* IE haslayout */
	margin-top:7px; 
	}
.sidecol dt a {
	margin:0 -5px;	/*create highlight area*/
	padding:0 5px;	
	}
.sidecol .vteaser p { margin: .5em 5px .8em;}
.sidecol li p, .sidecol dd p { padding: 0; }

.sidecol h1 {font-size: 135%;}
.sidecol h2, .sidecol h3 {font-size: 125%; }
.sidecol h2 {border-bottom:4px solid; }
.sidecol h2 a {display:block;} 
.sidecol h1, .sidecol h2, .sidecol h3, .sidecol h4, .sidecol h5, .sidecol h6 {
	padding-bottom:.1em;
	margin-bottom:5px;
	line-height:1.15em; 
	font-weight: bold;
	text-transform:none;
	}
.sidecol h4 { font-size: 115%;}
.sidecol h5 { font-size: 105%;}
.sidecol h6 { font-size: 100%;}

/* -- navigation menu --*/
.sidecol .navmenu .firstitem a { font-weight:bold;} /* top level link */
.sidecol .navmenu ul ul { margin: 0 0 0 10px;}
.sidecol .navmenu .subnav li { padding:0;}
.sidecol .navmenu .subnav li a { padding:3px 5px 4px; }

/* ============================================================================================
================================== PORTLET REGION STYLES ==================================== */
.portlet-region { overflow:hidden; }
/*--content area--*/
.contentwrapper .portlet-region ul {
	margin-left:10px;
	}
.contentwrapper .portlet-region li {
	list-style:outside;
	list-style-type:none;
	margin:4px 0;
	display:block;
	}
.contentwrapper .portlet-region li a:link,
.contentwrapper .portlet-region li a:visited {
	display:inline;
	font-weight:normal;
	}
.contentwrapper .portlet-region a:focus, .contentwrapper .portlet-region a:hover, .contentwrapper .portlet-region a:active { 
	text-decoration:underline;
	}
.contentwrapper .portlet-region h2 {
	font-size:120%;
	}

/* ============================================================================================
==================================== TEASER STYLES ========================================= */

/* ---- CONTENTTOP AREA HORIZONTAL (stacked) TEASER ----*/
.contenttop .hteaser {
	float:left;
	width:100%;
	overflow:hidden;
	margin:.5em 0 1em;
	}
.hteaser .teaserpic {
	float:left;
	margin:.2em 1em .5em 0;
	}
.hteaser .teaserpic img {
	margin:0;
	padding:0;
	float:left;
	}
.contenttop .hteaser p { margin-bottom:.5em;}
.contenttop .hteaser h2 {margin-top:0;}

.contenttop .hteaser .link-text {
	font-size:90%;
	margin:-.3em 0 0 0; /*move link closer to text*/
	float:right;
	}
/*------- CONTENTTOP VERTICAL TEASER GROUP --------*/
.contenttop .teaser-group {
	overflow:hidden; /*contain floats*/
	margin:1.5em 0 2em;
	}
.contenttop .vteaser .teaserpic {
	text-align:left;
	}
.contenttop .vteaser h2 {
	margin:0 0 5px 0;
	}
.contenttop .vteaser .divspacer {
	margin:0 20px 0 0;
	padding:0;
	overflow:hidden; /*contain floats*/
	}
.contenttop .vteaser {
	float:left;
	overflow:hidden; /*contain floats*/
	}
/* ------ SIDECOLUMN VERTICAL TEASER STYLES ---- */
.sidecol .teaserpic {
	text-align:center;
	margin:5px;
	width:170px;
	overflow:hidden;
	}
.sidecol .vteaser .divspacer {
	margin:0;
	padding:0;
	}

/* ============================================================================================
==================================== CONTACT STYLES ========================================= */

.sidecol .contact-location a, .sidecol .contact-email a {	display:inline-block; font-size:90%; }
.sidecol dd.contact-email a, .sidecol dd.contact-email a:focus, 
.sidecol dd.contact-email a:hover, .sidecol dd.contact-email a:active {
	font-weight:normal;
	text-decoration:underline;
	padding-left:0;
	}
.sidecol .hours-title { margin:3px 0; }
	
/* contact info: init cap phone # line */
.sidecol .contact-phone:first-letter {
	text-transform:uppercase;
	}

/* ============================================================================================
==================================== UGIVE STYLES ========================================= */
.ugive {
	margin:15px 0;
	}
.ugive img { 
	border:none;
	}
.ugive a:link, .ugive a:visited{
	display:block;
	position:relative;
	background:url(../images/ugive/ugive_up.gif) top left no-repeat;
	}
.ugive a:focus, .ugive a:hover, .ugive a:active {
	background:url(../images/ugive/ugive_over.gif) no-repeat top left; 
	}
	
/* ============================================================================================
==================================== MY UTAH STYLES ========================================= */
.myutahedu {
	color: #fff;
	font-size: 80%;
	margin:15px 0;
	width:100%;
	}
.myutahedu img {
	border:none;
	}	
.myutahedu form {
	text-align: right;
	}
.myutahedu form input {
	margin: 0 0 0 .3em;
	}
.myutahedu form label {
	float:left;
	width:140px;
	padding-top:.5em;
	font-size: 75%;
	}
.myutahedu form #goBtn {
	float:right;
	width:23px;
	margin: 5px;
	}
.myutahedu input.field {
	width:5em;
	}
.myutahedu a {
	font-weight: normal;
	text-decoration: none;
	}
.myutahedu p {
	clear:both;
	font-size: 80%;
	text-align: center;
	padding-top: .5em; 
	}
.myutahedu a strong  {
	font-weight:normal;
	text-decoration:underline;
	}

/* ============================================================================================
==================================== MULTICOLUMN STYLES ====================================== */
/* commonly used for directories*/
.multicolumn .colarea .divspacer {
	margin-left:0;
	padding-left:0;
	}
.multicolumn .lastcolarea .divspacer {
	margin-left:0;
	padding-right:0;
	}
.multicolumn h2 {
	border-bottom:2px solid #CCCCCC;
	padding-bottom:2px;
	margin-bottom:10px;
	}
.multicolumn dl {
	padding:0;
	margin-left:10px;
	}
.multicolumn dt {
	margin-top:.5em;
	}

/* ============================================================================================
==================================== ARTICLE STYLES ========================================= */
.contenttop .article { /*overflow:hidden;*/ }
.contenttop .article a:link,
.contenttop .article a:visited { 
	text-decoration:underline;
	font-weight:bold;
	}
.contenttop .article a:hover {
	text-decoration:underline;
	}
.contenttop .article th { text-align:center;}

/* --------- related links  ----------*/
.contenttop .article .related {
	font-size:90%;
	width:240px;
	padding:5px;
	margin:12px 0 12px 10px;
	border-bottom:2px solid;
	border-top:2px solid;
	}
.contenttop .article .related h3 {
	text-transform:none;
	}
.contenttop .article .related ul {
	list-style:none;
	list-style-position:outside;
	margin-left:0;
	}
.contenttop .article .related li {
	margin:.5em 0;
	}
.contenttop .article .related a:link {
	font-weight:normal;
	text-decoration:none;
	}
.article .related a:hover, .article .related a:active, .article .related a:focus {
	text-decoration:underline;
	}
.contenttop table.articleimage {
	width:10px;	/*default min size*/
	border-collapse:collapse;
	margin:12px 0 12px 10px;
	clear:right;
	float:right;
	text-align:center;
	}
.contenttop table.articleimage p {
	margin:3px 5px;
	font-size:70%;
	}
	
.article dl { margin:.5em 0 1em 0;}
.article dt {
	font-weight:bold;
	margin:0 0 .25em 0;
	}
.article dd { margin:0 0 .5em 2em;}
.article li { margin: .25em 0;}

/* ============================================================================================
==================================== SENT OF INFO NAV STYLES ================================ */
#centernav {
	float: left;
	width:93%; /*if too high it will cause float drop in ie*/
	}
	
/*--- 2 column dir ---*/	
#centernav .navcolumn1 {
	margin-right:5px;
	border-right:4px solid #ECDFC8;
	float:left;
	width: 47%;
	}
#centernav .navcolumn2 {
	float:right;
	width: 47%;
	}
/* --- end 2 col dir ---*/	
	

/* --- nav links ---*/
#centernav a { color:#666; }
#centernav h2 {	font-size: 95%;}
#centernav li {
	list-style: none outside;
	margin:.2em .5em;
	}
#centernav li a {
	color:#333;
	font-weight:normal;
	}

/* ============================================================================================
==================================== A TO Z LIST STYLES ====================================== */
 
/* --common a-z index styles for staff dir and az list-- */
.alphaanchors,	
#alphaanchors {
	width:100%;
	margin:1.5em 0;
	overflow:hidden;
	}
.contenttop .alphaanchors ul,
.contenttop #alphaanchors ul {
	margin:0;
	list-style:none;
	}

.alphaanchors li,
#alphaanchors li {
	float:left;
	line-height:1.75em;
	text-align:center;
	border:1px solid #aaa;
	width:2.7%;
	margin:0 .75% 3px 0;
	font-weight:bold;
	color:#aaa;
	}
.alphaanchors a:link, .alphaanchors a:visited,
#alphaanchors a:link, #alphaanchors a:visited {
	color:#cc0000;
	width:100%;
	display:block;
	text-decoration:underline;
	}
.alphaanchors a:focus, .alphaanchors a:hover, .alphaanchors a:active,
#alphaanchors a:focus, #alphaanchors a:hover, #alphaanchors a:active {
	background:#CCC;
	color:#333;
	}
	
/* set style of anchors */
#azlist h2,
.directory .resultgroup h2,
.directory .resultgroup h3 {
	font-size:140%;
	padding: 0 0 0 .5em;
	margin:10px 0;
	color: #505050;
	background-color:#E8E8E8;
	}	
a.nextsection {
	float:right;
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:18px;
	font-weight:normal;
	position:relative;
	z-index:10;
	}	
.resultgroup {
	float:left;
	width:100%;
	}	
/* --end common a-z index styles-- */

#azlist {
	float:left;
	width:100%;
	}
#azlist .leftcolumn {
	clear:both;
	float:left;
	width:45%;
	margin-right:5%;
	}
#azlist .rightcolumn {
	float:right;
	width:45%;
	}
#azlist .section {
	clear:left;
	float:left;
	width:85%;
	margin:10px 0 20px 0;
	}
#azlist .section ol {
	margin:0;
	padding:0;
	list-style:none outside;
	}
#azlist .section li {
	margin:.2em 0;
	}
#azlist .section li a {
	font-weight:normal;
	color:#333;
	}
	
/* ============================================================================================
==================================== DIRECTORY STYLES ========================================= */
/* directory link states */
.directory a:link, .directory .article a:link, .directory .article a:visited { text-decoration:none; }
.directory a:hover, .directory a:focus, .directory a:active,
.directory .article a:hover, .directory .article a:focus, .directory .article a:active {
	text-decoration:underline;
	}

/* directory tabs area styles */
.directory ul.dir-tabs {
	margin:0 0 1.5em 0;
	padding:0;
	width:100%;
	float:left;
	border-bottom: 1px solid #000; 			/*content top border*/	
	}
.directory ul.dir-tabs li {
	margin: 0 5px -1px 5px;					/*current tab cover top border*/
	list-style:none;
	float:left;
	}
.directory .portlet-region { width:100%;} 	/*ie6: keep from shifting when a-z items are rolled over*/
.directory .teaser-group {
	margin-bottom:0;	
}
.directory .portlet-region h2 {
	margin:1em 0 .5em 0;
	font-size:150%;
	}
.directory .portlet-region h1 {
	margin:0 0 .5em 0;
	padding:0;
	}
	
/* tabs */
.directory .portlet-region ul.dir-tabs li {
	margin: 0 8px -1px 0;				/*tabs cover content top border*/
	list-style:none;
	float:left;
	background: #DEDEDE url(/static-content/uuhome/SecondaryContent/contentexpress/images/tab_border.gif) no-repeat left top;
	border-bottom:1px solid #000;
	}

.directory .portlet-region ul.dir-tabs a, 
.directory .portlet-region ul.dir-tabs a:visited {
	float:left;
	color: #404040;						/* non-selected tab text color */
	background:url(/static-content/uuhome/SecondaryContent/contentexpress/images/tab_border.gif) no-repeat right top;
	padding: 5px 7px 5px 0;
	margin: 0 0 0 7px;
	text-decoration: none;
	white-space:nowrap;
	font-weight:bold;
	}
.directory .vteaser .divspacer { margin:0; }	
.directory .portlet-region ul.dir-tabs a:hover, 
.directory .portlet-region ul.dir-tabs a:focus, 
.directory .portlet-region ul.dir-tabs a:active {
	color:#990000;						/* tab rollover text color */
	text-decoration:underline;
	}
.directory ul.dir-tabs li.selected-tab {
	background-color: #fff;
	border-bottom:1px solid #fff;
	position:relative;
	z-index:10;
	}

/* directory top contact info */
.directory .portlet-region dl {
	margin:0 0 0 0;
	padding: 0 0 10px 0;
	border-bottom:1px solid #666;
}
.directory .portlet-region dt {
	margin-top: 1em;	
}

/* directory list */
.directory .navmenu ul { list-style:none; }
.directory .navmenu { /*padding-top:1em; */}

/*directory detail sort options*/
.directory .dir-sort { margin:.5em 0 2em 0;}
.directory .dir-sort h2 {
	display:inline;
	font-size:110%;
	}
.directory .dir-sort ul {
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
	}
.directory .dir-sort li {
	display:inline;
	margin:0 1em;
	}
.directory .dir-sort  a { padding:2px;}	
.directory .dir-sort .selected-tab a {	border:1px solid #505050;}


/* results content */
.directory .resultgroup {margin: .5em 0 0 0;}
.directory .resultgroup dl { margin: .5em 0 .5em .5em;}
.directory .resultgroup dt { margin: 1em 0 0 0;	}
.directory .resultgroup dd { margin: 0;	}
.directory .article a:link { /*text-decoration:none;*/ }

/*hide inactive content - keep in reading order*/
.directory .unselected-tab-content { 
	display:none;
}
.directory a.hide-anchor { 
	display:inline;
	position:absolute;
	top:-5000px;
	}

/* ============================================================================================
==================================== STAFF DIR STYLES ========================================= */

.staffdir {
	margin-top:10px;
	float:left;
	width:100%;
	}
.staffdir img {
	float:left;
	margin:0 10px 10px 0;
	}
.staffdir .resultitem {
	clear:left;
	margin:1em 0 1em 15px;
	position:relative;  /*ie haslayout*/ 
	}

/* ============================================================================================
==================================== STAFF INFO STYLES ====================================== */
#staffpage {
	float:left;
	width:100%;
	margin:20px 0;
	}
#staffpage img {
	float:right;
	margin:0 5px 20px 20px;
	}
#staffpage h1 {	margin:0;}
#staffpage .stafftitle { font-style:italic;	}

/* ============================================================================================
==================================== DEPARTMENT DIR STYLES ==================================== */

#deptdir {
	float: left;
	width:93%; /*if too wide, it will cause float drop in ie*/
	}
#deptdir a {
	color:#666;
	line-height:1.5em;
	}
/*--- dir columns ---*/	
#deptdir .dircolumn1 {
	margin-right:5px;
	float:left;
	width: 47%;
	}
#deptdir .dircolumn2 {
	float:left;
	width: 47%;
	}
/* --- end dir columns ---*/

/* ============================================================================================
==================================== CALENDAR STYLES ========================================= */
.calendar {
	position:relative;
	height:1%;				/*ie: align prev & back arrows*/
	}
.calendar a { outline:none; }
.calendar-set h2 {			/*calendar heading*/
	text-align:center;
	margin-top:0;
	padding:0 1.5em;
	}
.calendar-set h3 {			/*see all calendar link*/
	text-transform:none;
	font-size:90%;
	margin-left:5px;
	}
.calendar table {
	padding: 0;
	margin: 2px 5px;
	color: #616B76;
	text-align: center;
	background-color: #fff;
	border:1px solid #666;
	}
.calendar th {
	color: #404040;
	background: #E8E8E8;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-top: 1px solid #999;
	}
.calendar td {
	border-right: 1px solid #A3A3A3;
	border-bottom: 1px solid #A3A3A3;
	width: 20px;
	height: 20px;
	text-align: center;
}
td.cal-today {
	color: #404040;
	background: #DEDEDE;
	border:1px solid #666;
	}
.calendar table {
	text-align: center;
	}
.calendar td a {
	font-weight: bold;
	display: block;
	}
.calendar td a:link, .calendar td a:visited { 
	color: #404040; 
	text-decoration:underline;
	}
.portlet-region .calendar td a:focus, .portlet-region .calendar td a:hover, .portlet-region .calendar td a:active  {
	color: #fff;
	background-color:#666;
	}

/* hide non-selected content */
.calendar-set .unselected-tab-content {	display:none; }

/* month links */
.calendar .prev-month,
.calendar .next-month {
	padding:0 .5em;
	font-size:110%;
	}
.calendar .next-month {
	position:absolute;
	top:0;
	right:0;
	}
.calendar .prev-month {
	position:absolute;
	top:0;
	left:0;
	}
/* hide but keep in reading order for assistive techno */
.calendar .prev-month span,
.calendar .next-month span {
	position:absolute;
	top:-5000px;
	}
/* custom calendar styles for content area */
.contentwrapper .calendar table {
	width:100%;
	margin:0;
}

/* ============================================================================================
==================================== FOOTER STYLES ========================================= */
#footer {
	clear: both;
	min-height: 30px;
	background-color:#333;
	margin: 0;
	padding: .5em 0;
	}
#footer ul {
	text-align: center;
	list-style: none;
	margin: 0;
	line-height:.9em;
	}
#footer ul li{
	display: inline;
	font-size: 60%;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #fff;
	padding: 0 .2em 0 .5em;
	}
#footer li {
	border-left: #fff 1px solid;
	}
#footer li.firstitem {
	border-left: none;
	}
#footer a:link, #footer a:visited { 
	color:#fff; 
	text-decoration: none; 	
	}
#footer a:focus, #footer a:hover, #footer a:active { 
	color:#dac092; 
	text-decoration: none; 
	background-color:#000;	
	}

/* ============================================================================================
================================ SKIP NAV LINK STYLES ======================================= */
#skip a {
	position:absolute;
	z-index:1;
	top: -500px;
	right:300px;
	display:block;
	padding:2px;
	color:#FFF;
	font-weight:normal;
	font-size:75%;
	}
#skip a:focus, #skip a:active {
	top: 0;
	background-color:#333;
	}
	

/* ============================================================================================
================================== SELF CLEARING STYLES ===================================== */
.article:after, .divspacer:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden; 
	}
.article, .divspacer { display: inline-block; }
.article, .divspacer { display: block; }
/* ------- end self clearing rules --------*/

/* ============================================================================================
================================= VIGNETTE TWEAK STYLES ===================================== */
.vgn-ext-text {
	font-size:100%; /* get ie to show correct font size */
	font:inherit;
}