/***********************************************************************

 	This code is taken directly from yahoo to standardize the font sizes 
	and precent nesting issues since we use relative font sizes 
	This stylesheet is imported into all official template stylesheets.  
	---------
	Copyright (c) 2007, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 2.2.2
	
	CONTENTS:
		HTML TAGS
		---------
		body,  code,  input,  pre,  select, table,  textarea
		
/************************************************************************/



/*****************************************

               HTML TAGS  
				   
*****************************************/


body {
	font: 13px arial,helvetica,clean,sans-serif;
	*font: x-small;
	*font-size: small;
	}
	
body * {
	line-height: 1.22em;
	}
	
pre, code {
	font: 115% monospace;
	*font-size: 100%;
	}
	
select, input, textarea {
	font: 99% arial,helvetica,clean,sans-serif;
	}
	
table {
	font: 100%;
	font-size: inherit;
	}
	
	/***********************************************************************
	Official UNIVERSITY OF HOUSON stylesheet for the tall (standard) header. 
	This stylesheet is imported into all official template stylesheets.  
	Created: June 2007, by the IT Web Technologies Group.  
	Last Updated: 
 
 CONTENTS: 
 	IDs
	---------
	HEADER,  LOGOTYPE,  NAV BAR,  NAV BAR BUTTONS,  QUICK LINKS,  RED-BAR,  SEARCH-*
/************************************************************************/

/*****************************************

                  IDs
				   
*****************************************/

/* ========      HEADER    ======== */

#header{
	background: #cc0000;
	margin: 0;
	padding: 0 0 10px 0;
	width: 100%;
	}
	

/* ========      LOGOTYPE    ======== */

#logotype{ 
	float: left; 
	display: block;
	width: 470px;
	height: 32px;
	margin-top: 18px;
	background: #C00 url("/images/display/uh-web-logotype.gif") no-repeat;
	}
	
#logotype img{ visibility: hidden;}

/* ========      NAV BAR    ======== */

ul#nav {
	clear: both;
	width: 945px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	top: -10px;
	z-index: 100; 
	list-style-type: none;
	}

ul#nav li{
	color: #fff;
	float: left;
	padding: 0;
	margin: 0 0 5px 0; 
	list-style-type: none;
	}
	
ul#nav li a { 
	display: block;
	background: #515453 url("/images/display/menu/navbarbg.jpg") top repeat-x; 
	color: #fff;
	font-size: 95%;
	font-weight: bold;
	padding: 5px 7px; 
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

ul#nav li a:hover, #nav ul li a:active, #nav ul li a:focus{
	background: #424443 url("/images/display/menu/navbarbg-rollover.jpg") bottom repeat-x;
	color: #FFF;
	}
	 
ul#nav li ul {
	position: absolute;
	width: 200px;
	left: -999em;
	padding: 0 0 10px 0;
	margin: 0;
	background: transparent url("/images/display/menu/bg-submenu.gif") bottom no-repeat;
	z-index: 100;
}

ul#nav li li {
	margin: 0;
	padding: 0;
	}

ul#nav li li a {
	display: block;
	width: 186px;
	margin: 0;
	color: #000;
	padding: 5px 7px;
	text-transform:none; 
	background: none;
}

ul#nav li:hover ul, ul#nav li.sfhover ul { left: auto;}

#nav li:hover, #menu li.hover {  
  position: static;  
  } 
	
/* ========      RED BAR    ======== */

#red-bar{
	background: #cc0000;
	width: 945px;
	margin: 0 auto 0 auto;
	overflow: auto;
	padding: 0;
	text-align: right;
	}



/* ========      SEARCH    ======== */


#search-button{
	vertical-align: -6px;
	margin: 0 3px 0 0;
	}
	
#search-gateway{
	display: block;
	margin: 0;
	padding: 0 0 18px 33px ;
	}
#search-gateway label{
	color: #ffffff;
	font-size: 90%;
	line-height: 90%;
	margin: 1px 10px 0 0;
	text-transform: none;
	vertical-align: 1px;
	}
	
#search-gateway #search-box #query{
	color: #757575;
	font-size: 100%;
	line-height: 100%;
	padding: 2px 0 2px 5px;
	}

#searchgateway #searchbox{ margin: 0 0 .3em 0;}
#search-label{ display: none;}
#web-search, #people-search{ vertical-align: -1px; }

/* ========      TACTICAL    ======== */

#tactical-links{
	display: block;
	margin: 6px 0 0;
	}
	
#tactical-links li{
	display: inline;
	list-style-type: none;
	margin: 0 10px 0 0;
	}

#tactical-links li a{
	color: #fff;
	font-size: 93%;
	font-weight: normal;
	text-decoration: none;
	}

#tactical-links li a:hover{ text-decoration: underline;}
	


/* ========      WEATHER    ======== */

a#weather{
	padding-bottom: 33px;
	background: transparent url("/images/display/icons/weather.gif") bottom center no-repeat;
	margin: 0 15px 0 0;
	}
a#weather:hover{
	background: url("/images/display/icons/weather-hover.gif") bottom center no-repeat;
	
	}
/********************************************

                     CLASSES

*********************************************/

.gone {	display: none;}
.hidden { visibility: hidden;}
/***********************************************************************
	Official UNIVERSITY OF HOUSON main web stylesheet.  
	This stylesheet is imported into official UH temmplate stylesheets.
	It is not intended to be directly referenced by HTML pages.  
	Created: July 2007, by the IT Web Technologies Group.  
	Last Updated: June 2010

 CONTENTS: 

 	CLASSES
	---------
	article-list, date, formlet, intro-image, link-list*, news, right, skinny, skip-nav, spiff *, subtitle, want-to, controls
	
	HTML TAGS
	---------
	html, h1-4, p, ul, ol, li, dd, dt, td, th, label, a, em, acronym, abbr
		
 	IDs
	---------
	address, badge, breadcrumb, columns, content-well, footer*, inset-box-*, Spiff filler
	
/************************************************************************/



/*****************************************

                  CLASSES
				   
*****************************************/
/* Corrects all pngs for IE 6*/
* html #badge-shadow { behavior: url("/scripts/iepngfix.htc") }

/* ========      ARTICLE-LIST    ======== */


.article-list p {
	margin: 2px 0px 15px 0px; 
	
	}


/* ========      DATE    ======== */

.date {
	font-style: italic;
	font-family:"Century Old Style", "Times New Roman";
	white-space: nowrap;
	}


/* ========      FORMLET    ======== */

.formlet {
	background-color: #E8E8E8;
	background-image:url("/images/display/bg-formlet.gif");
	background-repeat: no-repeat;
	margin: 0 0 15px 0;
	padding: 0;
	width: 235px;
	}
	
.formlet-top {
	background: url("/images/display/bg-formlet-top.gif");
	background-repeat: no-repeat;
	margin:0px;
	}
	
.formlet-bottom {
	background-image: url("[/system-asset:file]");
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0 0 15px 0;
	}

.formlet h3 {
	background: url("/images/display/bg-formlet-heading.jpg");
	border-bottom: #FFF 1px solid;
	font-size: 140%;
	padding: 10px;
	}
	
.formlet h4, .formlet p, .formlet ul, .formlet ol {
	margin: 10px;
	}
	
#content-well .formlet label {
		display: block;
		float:none;
	}

	
/* ========      INTRO-IMAGE    ======== */

.intro-image{
	float: left;
	margin: 0 15px 15px 0;
	width: auto;
	overflow: hidden;
	}
.intro-image .caption{
    clear: left;
    margin: 8px;
    font-style: italic;
}
	
/* ========      LINK-LIST    ======== */

.link-list li{
	list-style-image: url("/images/display/arrow-on-white.gif");
	}
	
.link-list li a{ color: #666; }
.link-list li a:hover, .link-list li a:active {	color: #C00; }
		
	
.link-list-alt {
	background-image: url("/images/display/bg-horizontal-lt-gray-fade.jpg");
	background-repeat:repeat-y;
	padding: 0 0 0 3px;
	}

.link-list-alt li{
	background: transparent url("/images/display/arrow-on-white.gif");
	background-repeat: no-repeat;
	background-position: 0px 8px;
	list-style-type: none;
	padding: 2px 4px 1px 10px;
	border-top: #CCC 1px solid;
	}
.link-list-alt li a{ color: #333; }
.link-list-alt li a:hover, .link-list li a:active {	color: #C00; }
	
.link-list-image {
	float:left;	
	margin: 0 18px 0 10px;
	}
	
/* ========      NEWS    ======== */	
/* Archive */
#newsStoriesDiv { text-align: center; font-size: 90%;}
#newsStories {text-align: left; margin:0px; padding: 0px; border-collapse:collapse; width: 100%; font-size: 100%; }
#newsStories td { margin: 0px; padding: 2px; width: auto; }
#newsStories td input { width: 99%; }
.newsStoriesHeader { background-color: #ce0000; font-weight: bold; color: #ffffff; font-size: 110%;  }
#newsStoriesDiv .title a { text-transform: none; text-decoration:none; font-weight: bold; font-size: 12px;}	
#newsStoriesDiv .year{
	color:#CC0000;
	font-weight: bold;
	font-size: 18px;
	font-style: italic;
}	
#newsStoriesDiv  #advancedSearch h3 {text-transform: none !important; font-weight: bold; text-align: left; font-size: 14px; padding:0px 0 5px 0 !important;}
#newsStoriesDiv .month{ color:#CC0000;
	font-weight: bold;
	font-size: 14px;
	font-style: italic; }
	#newsStoriesDiv form#search {
	text-align: left;
	height: 27px;
	padding: 4px 5px 3px !important;
	background-repeat: repeat-x !important;
	background-position: left bottom;
	border-bottom:2px solid #999999; 
}
.hrShadow { background-color: #000000; padding: 0px; margin: 0px; display: block;}
	#newsStoriesDiv #advSearchLink { color:#000000; font-weight: bold; font-size: 12px;
display:block;
float:right;
height:10px;
margin-bottom:0;
margin-top:10px;
padding:0 15px 0 0;
cursor: pointer;}

	#newsStoriesDiv a { text-decoration: none !important;}
	#newsStoriesDiv input { padding: 3px; margin-bottom: -5px; font-size: 13px;}
	#newsStoriesDiv #go {margin-bottom: -10px; margin-top: -15px; }
	#newsStoriesDiv form#advancedSearch label{font-weight: bold; text-align: left; font-size: 12px; color: #000000; width: 75px !important; height: 30px; line-height: 300%; padding: 0 0 0 25px; clear: both;}
	.greyhr {color: #ccc; clear: both; margin: 0px 0 0px 0; padding: 0px; }
	#newsStoriesDiv form#advancedSearch {height: 120px; background-image: none !important; padding: 5px; border-bottom:2px solid #999999; }
	#newsStoriesDiv form#advancedSearch select { height: 20px; float: left; margin: 5px 0 0 0;}
		#newsStoriesDiv form#search input#taSearch{ border:2px solid #555555; width: 230px;}
		#newsStoriesDiv #lbYear, #newsStoriesDiv #lbMonth, #newsStoriesDiv #lbCategory {font-size: 13px;}
		.clearBoth {clear: both; height: 1px; padding: 0px;}
		ul#treemenu2 {padding: 0px !important;}
      #newsStoriesDiv form#search label.taSearch {float:right; width: auto; margin: 0; float: none; clear: none; display: inline;}
/*End Archive*/



/*Top Stories*/
#pdfNotice {}
#pdfNotice img {float: left; padding: 5px 5px 5px 0;}
#adobe p {float:right;
line-height:120%;
padding:5px 0;
width:300px;}
#adobe{}
.rssListing {width: 100%;}
#news #news-headlines h4 a { text-transform: none;}
#topStoriesDiv .hd{text-transform: none;}
#topStoriesDiv .author {font-style: italic; color: #000;}
#topStoriesDiv p {color: #000;}
#topStoriesDiv .date {color: #000;}

/*End Top Stories*/
.news-controls{
	margin: 10px 0 0 0;
	padding: 0 0 0 35px;
	}

a.news-controls {
	color: #C00;
	background: #efefef;
	padding: 1px 10px;
	text-transform: uppercase;
	border: 1px #BEBEBE solid;
	font-weight: bold;
	margin: 0 0 0 6px;
	}

a.news-controls:hover{
	text-decoration: none;
	border: 1px #C00 solid;
	}

	.newsArticleDiv p {margin-top: 20px; color: #000;}	
.newsArticleDiv	div > p:first-child {display: inline; color: #663366; text-indent: 25px; }
.newsArticleDiv .author{float:left; margin: 0px 25px 10px 0px;}
.newsArticleDiv .author a {color: #666666;}
.newsArticleDiv h1 { clear: both; font-size: 19px; padding: 20px 0 0 0; margin: 0px;}
.newsArticleDiv #subtitle {
	display: block;
	font-size: 16px;
	color: #999999;
	font-weight:bold;
	margin-bottom: 1.5em;
	}
	.newsArticleDiv #rightColumn { width: 364px; float: right; padding: 5px 10px 5px 10px;}
	.newsArticleDiv #rightColumn .image { margin: 0 0 20px 0; border: solid 1px #000000; clear: both;}
	.newsArticleDiv #rightColumn .image a {border: none; font-weight:normal;}
	.newsArticleDiv #rightColumn .image .caption {padding: 4px; color:#000; margin: 0; clear: both;}
.newsArticleDiv #categories {
	padding: 10px 0 0 0;
	margin: 0;
	font-weight: normal;
	color:#000;
	height: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
.newsArticleDiv #categories a:hover {color:#cc0000 !important;}
.newsArticleDiv #categories a {color: #cc0000;}
.newsArticleDiv #dateLoc {float: left; display: inline-block;padding: 0 5px 0 0; color: #000; line-height: 167%;}
.newsArticleDiv .articleContent {line-height: 167%; color:#000000;}
#advSearchLink a {color: #000000;}
#newsStoriesDiv #advSearchLink a:hover {text-decoration: underline !important;}
#newsStoriesDiv .year a:hover, #newsStoriesDiv .month a:hover, #newsStoriesDiv ul li .title a:hover {text-decoration: underline !important;}
/* ========      RIGHT     ======== */
.right {text-align: right}

/* ========      SKINNY    ======== */

.skinny {
	padding: 0px;
	margin:0;
	}
	
		
/* ========      SKIP-NAV    ======== */

.skip-nav {
	display: none;
	}
	

/* ========      SPIFF    ======== */

.spiff {
	background-color: #FFF;
 	border: #666 1px solid;
 	width: 216px;
	
	}

.spiff h2 {
	background: #5c5c5c url("/images/display/navbarbg.jpg");
	background-repeat: repeat-x;
	background-position: 0px -5px;
	border: none;
	font-weight: bold;
	margin-top: 0px;
	padding: 2px 10px 2px 10px;	
	text-transform: uppercase;
	font-size: 131%;
	}
	
.spiff h2 a { 
	color: #fff; 
	}
	
.spiff h3, .spiff h4 {	
	font-weight: bold;
	padding: 5px 6px 2px 6px;
	margin: 0;
	}
		
	
.spiff p { 
	padding: 3px 6px 6px 6px;
	margin: 0;
	}
	
/* ========      SUBTITLE    ======== */

.subtitle {
	display: block;
	font-size: 65%;
	color: #777;
	margin-bottom: 1.5em;
	}




/* ========      WANT-TO    ======== */

.want-to {
	background-color: #FCF5C1;
	background-image: url("/images/display/bg-want-to-bottom.gif");
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	width: 235px;
	}
	
.want-to h3 {
	background: url("/images/display/bg-want-to-heading.jpg");
	background-repeat: repeat-y;
	border-bottom: #FFF 1px solid;
	font-size: 140%;
	padding: 10px;
	}
.want-to ul {
	list-style-image: url("/images/display/arrow-on-yellow.gif");
	margin: 10px;
	}

.want-to a {
	color: #303030;
	}
.want-to a:active, .want-to a:hover {
	color: #C00;
	}
.want-to h2 {
	text-transform: uppercase;
	font-size: 140%;
	color: #333;
	margin: 10px;
	}

/* ========      WANT-TO    ======== */

.controls{
	margin: 10px 0 0 0;
	padding: 0 0 0 35px;
	overflow: hidden;
}

.controls a{
	display: block;
	float: right;
	color: #cc0000;
	background: #efefef;
	padding: 1px 10px;
	text-transform: uppercase;
	border: 1px #999999 solid;
	font-weight: bold;
	margin: 0 0 0 6px;
	font-size: 88%;
}

.controls a:hover{
text-decoration: none;
border: 1px #cc0000 solid;
}

.controls a.button{
	padding: 1px 2px;
}

.controls a.button:hover{
}

/*****************************************

               HTML TAGS  
				   
*****************************************/

html * {
	color: #666;
	font-family: Arial, Helvetica, Sans-serif;
	margin: 0px;
	padding: 0px;
	} 

a {
	color: #C00;
	font-weight: bold;
	text-decoration: none;
	}

a:hover, a:active {	
	text-decoration: underline;	
	}

a img { 
	border-style: none; 
	}

acronym, abbr{
	color: inherit;
	font-size: inherit;
	border: 0px #fff none;
}

dd { 
	margin: 0 0 10px 20px;
	}
	
dt {
	font-weight: bold;
	padding: 10px 0 0 0;
	}
	
em {
	font-family: Arial, Helvetica, Sans-serif;
	font-style: italic;
	}
	
	
h1 {
	color: #000;
	font-weight: normal;
	margin: 0 0 5px 0;
	}
	
h2 {
	color: #000;
	font-weight: normal;
	}
	
h3 {
	color: #333;
	font-weight: normal;
	padding: 20px 0 0 0;
	text-transform:uppercase;
	}
	
h4 { 
	margin: 10px 0 0 0; 
	}

li { 
	margin: 5px 0 5px 0; 
	}
	
li, dt, dd, p td, th, label { 
	line-height: 1.5em; 
	}
	
p {	
	margin: 10px 0 10px 0; 
	}


table {
	width:90%; 
	border:#DDD 1px solid;
	border-width: 1px 1px 0 1px;
	margin:10px auto;
	padding:0;
	}
	
table caption {
	font-weight:bold;
	}
	
table.center th, table.center td, td.center, th.center, tr.center  {text-align:center;}
table.left th, table.left, td.left, th.left, tr.left {text-align:left;}
table.right th, table.right, td.right, th.right, tr.right {text-align:right;}

table th {
 	background: #FFF url("/images/display/bg-small-yellow-fade.jpg") bottom repeat-x;
	color: #000;
	margin:0;
	padding:2px;
	border-bottom:1px solid #666;
	}

table td {
	padding:2px;
 	border:0;
	margin:0;
	border-bottom:1px solid #CCC;
	}
table td.scope {
 	text-align:left;
	background:#FCF5C0;
	}
table th.alt-th{
	background-color:#FFF;
	}
 
ul, ol{	
	padding: 0 0 0 16px; 
	}


/*****************************************

                   IDS  
				   
*****************************************/


/* ========      ADDRESS    ======== */

#address a {
	margin: 0 10px 0 10px;
	}
	
/* ========      BADGE    ======== */

	
	
/* ========      BREADCRUMB    ======== */

#breadcrumb {
	color: #333333;
	font-size: 72%;
	line-height: 72%;
	margin: 0 auto 1em auto;
	padding: 0;
	text-transform: uppercase;
	width: 945px;
	clear: both;
	}

#breadcrumb a {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	}

#breadcrumb a:hover {
	text-decoration: underline;
	}

#breadcrumb img {
	vertical-align: top;
	}
	
	
	
	
	
/* ========      COLUMNS    ======== */
	

#right-column .spiff {
	border-color:#FFF;
	width: 190px;
	}

#right-column .spiff img{
	width: 190px;
	}

#center-column-items .spiff {
 	width: 90%;
	margin: 20px 0 20px 5%; 
 	border: 1px solid #000000;
	}
#center-column-items .spiff img{
	text-align: center;
 	border: 1px solid #000000;
	
	}

/* ========      CONTENT WELL    ======== */

#content-well {
	clear: both;
	margin: 0 auto 10px auto;
	overflow: hidden;
	padding: 0;
	width: 945px;
	position: relative;
	}
	
	
#content-well form {
	background-color: #E8E8E8;
	background-image:url("/images/display/bg-formlet.gif");
	background-repeat: no-repeat;
	padding: 10px 7px;
	border: #CCC 1px solid;

	}

#content-well form ol {
	list-style:none inside;
	padding: 0;
	margin: 0;
	}

#content-well form ol li {
	margin: 0;
	padding: 4px 3px 5px 3px;
	border: 1px;
	border-color: #fff;
	border-style: none none solid none;
	}
#content-well form ol li.required label, #content-well form ol fieldset.required legend {
	font-weight: bold;
	color: #000;
	}

#content-well form ol li.required label:before, #content-well form ol fieldset.required legend:before, #content-well form ol li.invalid label:before, #content-well form ol li.invalid fieldset legend:before {
	content:"*";
	}
#content-well form ol li.invalid{
 background: #FCF5C1;
 border: 1px;
 border-color: #999;
 border-style: solid;
}
#content-well form ol li.invalid *{
	color: #cc0000;
	font-weight: bold;
}

#content-well form ol li.invalid fieldset label:after, #content-well form ol li.invalid fieldset label:before{
	content: "";
}

#content-well form h2{
	border: none;
	margin: 0px;
	padding: 0 3px;
	}
	
#content-well form label{
	display: block;
	width: 150px;
	float: left;
	clear: left;
	margin: 0 5px 0 0;
	line-height: 1.1em;
	}
	
#content-well .note {
	font-style: italic;
	color: #888;
	font-size: 95%;
	font-weight: normal;
	}

	
#content-well input, #content-well textarea, #content-well button, #content-well select{	
	}
	
#content-well fieldset {
	border: none;
	}
	
#content-well fieldset ol{
	margin:5px 5px 5px 155px;
	}
	
#content-well fieldset li {
	border: none;
	padding:0;
	margin:0;
	}
	
#content-well fieldset label{
		display: inline;
		width:auto;
		float:none;
		clear: none;
	}
	

/* ========      INSET BOX    ======== */

#inset-box-header, #inset-box-footer{
	background-repeat: no-repeat;
	height: 21px;
	margin: 0;
	padding: 0;
	width: 697px;
	}
	
	
	



/* ========     SPIFF FILLER    ======== */
#spiff-filler {
	background: #ffffff;
	border: 1px #000000 solid;
	height: 300px;
	margin: 10px;
	width: 220px;
	}

#spiff-filler-right {
	background: #ffffff;
	border: 1px #000000 solid;
	height: 265px;
	margin: 10px 0 10px 3px;
	overflow: auto;
	padding: 0;
	width: 190px;
	}

/********************************************

                     CLASSES

*********************************************/

.gone {	display: none;}
.hidden { visibility: hidden;}

#pagingControls { padding: 20px 0px; font-size: 90%;}
#pagingControls a { font-weight: normal; padding: 0px 10px;  }
.archiveEntry a { font-weight: normal; }
.even{ background-color:#fff; }/*row bg alternating color*/
.odd{ background-color:#eeeeee; }/*row bg alternating color*/
span.keyword{ background-color: #ffcc00; color: #000000;}


/*simpletree.css*/
.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
text-align: left;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
cursor: pointer !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}
/*End simpletree.css */

/*************** BEGIN:  News Article Listing Includes ***************/
/*Top Stories Include*/
#topStoriesIncludeDiv .hd, #searchArea div .hd{text-transform: uppercase;}
#topStoriesIncludeDiv .hd a, #searchArea div .hd a span.majorURL, #searchArea div .hd a span.majorURL b{color:#C00;}
#searchArea div .hd a span.majorURL b{font-style:italic;}
#topStoriesIncludeDiv .author, #searchArea div .author {font-style: italic; color: #000;}
#topStoriesIncludeDiv p, #searchArea div p {color: #000;}
#topStoriesIncludeDiv .date, #searchArea div .date {color: #000;}
/*End Top Stories Include*/

/*All Stories Include*/
#allStoriesIncludeDiv .hd{text-transform: uppercase;}
#allStoriesIncludeDiv .author {font-style: italic; color: #000;}
#allStoriesIncludeDiv p {color: #000;}
#allStoriesIncludeDiv .date {color: #000;}
/*End All Stories Include*/

/*Category Listing Include*/
#categoryIncludeDiv .hd{text-transform: uppercase;}
#categoryIncludeDiv .author {font-style: italic; color: #000;}
#categoryIncludeDiv p {color: #000;}
#categoryIncludeDiv .date {color: #000;}
/*Category Listing Include*/
/*************** END:  News Article Listing Includes ***************/
/***********************************************************************
	Official UNIVERSITY OF HOUSON stylesheet for pages that use horizontal spiff banks  
	This stylesheet should only be attached to pages that use spiff banks with multiple spiffs,
	such as the UH home page. 
	Created: July 2007, by the IT Web Technologies Group.  
	Last Updated: August 2008
 
 CONTENTS: 
 
 	IDs
	---------
	SPIFF-BANK
	
	CLASSES
	---------
	TABS, THREE, FOUR, FIVE, SELECTED-TAB, SPIFF 
	
/************************************************************************/


#spiff-bank{
	width: 684px; 
	margin: 0 0 0 5px;
	float: left; 
	}

#spiff-bank h2{
	color: #FFF;
	background: #5C5C5C url("/images/display/navbarbg.jpg") repeat-x;
	margin: 1px 0px;
	padding: 2px 0px 2px 9px;
	font-size: 165%;
	font-weight: normal;
	}



/* ========      TABS    ======== */

#spiff-bank ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	width: 684px;
	background: #D4D7D7 url("/images/display/bg-lt-gray-fade.jpg") repeat-x bottom;
	text-align: center;
	}	
	
	#spiff-bank ul.tabs li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none; 
	}	

#spiff-bank ul.tabs li a {
	display: block;
	margin: 0;
	width: 116px; 
	padding: 5px 10px; 
	color: #000;
	}

#spiff-bank  ul.tabs li a:hover {
	background: transparent url("/images/display/tab-hover.gif") top left no-repeat;
	text-decoration:none;
	}
	
#spiff-bank  ul.tabs li.selected-tab a {
	background: transparent url("/images/display/tab-selected.gif") top left;
	color: #C00;
	}
/* ========     SPIFFS    ======== */
#spiff-bank .spiff{
	float: left;
	width: 156px;
	padding: 0 5px 0 9px;
	margin: 12px 0;
	border: 1px #CCC;
	border-style: none solid none none;
	overflow: hidden;
	}

#spiff-bank .spiff ul li{
	float: none;
	width: 120px;
	margin: 3px 0 0 20px;
	list-style-image: url("/images/display/arrow-c00-on-fff.gif");
	list-style-position: outside;
	}


#spiff-bank .spiff h4, #spiff-bank .spiff p {
	margin: 0; 
	padding: 0;
	}

#spiff-bank .spiff img{
	margin: 0 auto 3px auto;
	width: 146px;
	border: #666 1px solid;
	}
	
	#spiff-bank .wide-content{ padding: 20px; }
	
	#spiff-bank .double {width: 326px;}
	#spiff-bank .double img { float: left; margin: 0 10px 0 0;}
	
	#spiff-bank .double h4 { margin-bottom: 15px;}
	
	/***********************************************************************
	Official UNIVERSITY OF HOUSON main footer stylesheet.  
	This stylesheet is imported into official UH template stylesheets.
	It is not intended to be directly referenced by HTML pages, unless they otherwise don't include main-web.css.  
	Created: July 2007, by the IT Web Technologies Group.  
	Last Updated: August 2007

 CONTENTS: 
	
 	IDs
	---------
	footer
	
/************************************************************************/




/*****************************************

                   IDS  
				   
*****************************************/


/* ========      FOOTER    ======== */
#footer {
	clear: both;
	color: #666666;
	margin: 0 auto;
	padding: 0;
	width: 945px;
	font-weight: normal;
	text-align: center;
	}
	
#footer a {
	color: #cc0000;
	text-decoration: none;
	font-weight: normal;
	}

#footer a:hover {
	text-decoration: underline;
	}

#footer ul li, #address{
	font-size: 93%;
	letter-spacing: .5px;
}
	
#footer ul {
	list-style-type: none;
	margin: 2px 0 0 0;
	padding: 0;
	}

#footer ul li {
	border: 1px #666666;
	border-style: none none none solid;
	display: inline;
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	}
	
#footer ul li.first {
	border-style: none;
	padding: 0 10px 0 0;
	}
	
#address a {
	margin: 0 10px 0 10px;
	}

#footer-jobs {
	border: 1px #a8a8a8;
	border-style: none solid none none;
	float: left;
	font-size: 107%;
	font-weight: bold;
	margin: 0 10px 0 0;
	padding: 7px 15px 7px 0;
	}
#footer-jobs a{
	font-weight: bold;
}

/***********************************************************************
	Official UNIVERSITY OF HOUSON stylesheet for the UH Home page  
	This stylesheet should be attached to all official UH subpages (tertiary pages).  
	Created: July 2007, by the IT Web Technologies Group.  
	Last Updated: August 2008
 
 CONTENTS: 
 
  TAGS
  ----------
  P
 
 	IDs
	---------
	ANNOUNCEMENTS,  APPLY BUTTON,  AUDIENCES, CONTENT-WELL, FOOTER, HOME BANNER,  INSET BOX,  MYUH, NEWS,  QUICK LINKS, WEATHER WIDGET
	
	 	CLASSES
	---------
	GONE, HIDDEN
	
/************************************************************************/



/********************************************

                     TAGs

*********************************************/

p {color: #333;}

/********************************************

                     IDs

*********************************************/


/* ========      ANNOUNCEMENTS    ======== */


#announcement{
	background: transparent;
	margin: 0;
	overflow: hidden;
	width: 208px;
	
	}
	
#announcement-heading{ display: none;	}
#announcement h4 { margin: 5px 5px 0 14px;}
#announcement p {	margin: 0px 5px 8px 14px;}
	
#announcement-photo{
	display: block;
	margin: 0;
	padding: 0;
	z-index: -10;
	}
	
	
	
/* ========      APPLY BUTTON    ======== */
	
#apply-button {
	clear: right;
	float: right;
	padding: 15px 20px 0;
	text-align: center; 
	}

	
	
/* ========      AUDIENCES    ======== */

#audience-menu{
	width: 191px;
	font-weight: bold;
	padding: 0;
	margin: -22px 0 20px 0;
	text-transform: uppercase;
	}

#audience-menu h2{
	color: #666666; 
	font-size: 77%;
	letter-spacing: 1px;
	border: none;
	margin: 40px 0 15px 0;
	}
#audience-menu ul {
	padding: 0;
	margin:0;
	}

#audiences li{
	list-style-type: none;
	margin: 4px 0 0 0;
	padding: 1px 0 1px 0;
	}

#audiences li a{
	font-size: 107%;
	text-decoration: none;
	}
/* ========      CONTENT-WELL    ======== */

#content-well {
	margin:0pt auto;
	}
	
	
/* ========      FOOTER    ======== */
#footer{ 
	background: url("/images/home-banner/inset-box-wide-bottom.gif") top left no-repeat;
	position: relative;
	margin: 0 auto 0;
	padding: 30px 0 0 0;
	width: 945px; 
	}


/* ========      HOME BANNER    ======== */
#home-banner {
	position: relative;
	float: right;
	width: 542px;
	height: 330px;
	margin: 0 0 -100px 0;
	z-index: 10;
        background: url("/images/home-banner/default-feature-ecullen.jpg") bottom no-repeat; 
	}
#home-banner-caption{
  position: relative;
	top: 273px;
	z-index: 4;
	margin: 0 0 0 30px;
	padding: 0;
	overflow: hidden;
	}	
	
#home-banner-heading{
	color: #CC0000;
	font: 200%/1.2em "Century Old Style", "Times New Roman",Times,serif;
	letter-spacing: .01em;	
	display: block;
	margin: 0 0 -2px 0;
	}
	
#caption-copy{ 
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 0 0;
}



/* ========      INSET BOX    ======== */

#inset-box {
	background: url("/images/home-banner/inset-box-wide-top.gif") top no-repeat;
	width: 935px;
	padding: 0;
	margin: 0;
	float: left;
	}

#inset-box-top {
	
	width: 935px;
	padding: 0;
	margin: 0;
	clear: none;
	}


/* ============   MYUH    ============= */

#myuh {
	float: right;
	width: 162px;
	margin: 20px 16px 0 17px;
	}
	
	
/* ========      NEWS    ======== */

#news {
	border-top: #CCCCCC 1px solid;	
	width: 215px;
	margin: 0 5px 0 5px;
	padding: 2px 5px 0 5px;
	float: left;
	}
#news h2 {
	font-size: 197%;
	color: #666666;
	}
a.news-controls {
	background-color: #FFF;	
	margin-right: 10px;	
	}


/* ========      QUICK LINKS    ======== */
form#quicklinksform {
	width: 530px;
	background: none;
	border: none;
	float: right;
	padding:5px;
	margin: 107px 0 10px 0;
	text-align: center;
	}
	
form#quicklinksform  select {
	width: 200px; 
	margin: 0 20px;
	text-align: left;
	}	
	
	
/* =========== WEATHER WIDGET ========= */
#weather-widget{
	margin: 0px 0 20px 0;
	overflow: hidden;
	}
#weather-widget #weather-flag{
	float: left;
	margin: 45px 6px 0 6px;
	overflow: hidden;
	}
#weather-widget ul.link-list{
	float: right;
	overflow: hidden;
	margin: 0 12px 0 0;
	width: 110px;
	}
#weather-widget ul.link-list li{
	margin: 5px 0 0 0px;
	line-height: 17px;
	}
#weather-widget ul.link-list li.red a{ color: #cc0000;}


	

/********************************************

                     CLASSES

*********************************************/

.gone {	display: none;}
.hidden { visibility: hidden;}
	
#applyNow_dropDown{
	clear: right;
	float: right;
	padding: 40px 16px 0px 0px;
}
#applyNow, #applyNow ul{ /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	width: 157px;
}
#applyNow a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #000000;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	padding: 8px 0px 8px 6px;
	/* fix for ie 6 */
	_width: 150px;
	/* end fix for ie 6 */
}
#applyNow a:hover{
	color: #ffffff;
}
#applyNow li{ /* all list items */
	float: left;
	width: 100%;
	background: url('/images/apply-now/an-background.gif');
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px;
}
#applyNow li div{ /* all list items */
	padding
	cursor: pointer;
	cursor: hand;
	width: 159px;
	height: 35px;
	background: url('/images/apply-now/an-apply-now.gif');
}
#applyNow li ul{ /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: solid 1px #bfbfbf;
	border-top: 0px;
}
#applyNow li:hover ul, #applyNow li.sfhover ul{ /* lists nested under hovered list items */
	left: auto;
}
#applyNow li:hover, #applyNow li.sfhover{
	background: url('/images/apply-now/an-background-hover.gif');
	background-repeat: repeat-y;
}