@charset "UTF-8";
/* CSS Document ========= TEMPLATE==========*/

/* Welcome to the new official UNIVERSITY OF HOUSTON To Bear Fruit for Our Race template, developed by the CLASS Office of Educational Technology and heavily inspired by the styles developed by the UH IT Web Technologies Group. 

Last modified on 2009.09.02 by brandon moeller, bmoeller@central.uh.edu, for the Center for Public HIstory in the College of Liberal Arts and Social Sciences at the University of Houston. This template is similar to the template CWS created for the Industrial Organizational Psychology program. 

In a document like this, Ctrl + F is your friend. As such, everything is now in alphabetical order, under the following three categories:

TABLE OF CONTENTS:  


		DEFAULT HTML TAGS (INCLUDES TAGS WITH IDs and TAGS WITH CLASSES)
		---------
				
		# IDs / DIVS (Includes NAVIGATION)
		---------
		
		CUSTOM . CLASSES
		---------
		
/* DEFAULT HTML TAGS -------------------------- */

a {
	font-weight: bold;
	color: #c00;
	padding: 0;
	margin: 0;
	}
a:hover, a:active {
	color: #990000;
	text-decoration: underline;
	/*background: #fff;*/
	padding: 0;
	margin: 0;
	}
a:hover.extlink, a:active.extlink {
	color: #990000;
	text-decoration: underline;
	padding: 0;
	padding-right: 16px; 
	margin: 0;
	}
body {
	margin: 0;
	background-color:#fff;
	}
div#header a {
	border: 0;
	}
h1 {
	font: italic bold large arial, sans-serif;
	color: #000;
	margin-top: 0;
	}
h1.positiontitle {
	font: italic bold large arial, sans-serif;
	color: #006;
	margin-top: -1em;
	}
h2 {
	font: italic bold medium Georgia, serif;
	color: #000;
	margin-bottom: 2px;
	margin-top: 0;
	border-top: 1px solid #999;
	background: url(../__images/layout/bg_h2_grad_gry2wht.gif) repeat-x;
	display: block;
	}
h2.blue {
	font: italic bold medium Georgia, serif;
	color: #000;
	margin-bottom: 2px;
	margin-top: 0;
	border-top: 1px solid #999;
	background: url(../__images/layout/bg_h2_grad_skyblue2wht.gif) repeat-x;
	display: block;
	} 
h2 a {
	display: block;
	}
h2 a:hover {
	text-decoration: none;
	color: #c00;
	}
h3 { 
	font: medium arial, sans-serif; 
	color: #333; 
	font-weight: bold;
	margin: 0 0 2px 0;
	}
h3.citations {
	color: #666; 
	}	
h4 {
	font: italic small arial, sans-serif;
	color: #000;
	margin: +10px 0 2px 0;
	}
h5 {
	font: italic bold small arial, sans-serif;
	color: #000;
	}
h6 {
	font: italic small arial, sans-serif;
	color: #000;
	margin: +10px 0 0 0;
	}
img.bottomline {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #999;
	}
img.facstaffphoto {
	border: 1px solid #ddd;
	padding: 2px;
	margin: 0 0 5px 0;
	}
ol {
	font: small arial, sans-serif;
	color: #000;
	}
ol.lettered {
	font: small arial, sans-serif;
	list-style-type: upper-alpha;
	}
ol.lettered li ol li ol li {
	list-style-type: lower-alpha;
	}
ol.lettered li ol li ol li ol li {
	list-style-type: decimal;
	}
p {
	font: small arial, sans-serif;
	color: #000000;
	background: none;
	margin-top: 0;
	}
table {
	text-align: left;
	}
td {
	font: small arial, sans-serif;
	color: #000;
	}
td.tdcentered {
	text-align: center;
	}
td.tdunderlined {
	text-align: center;
	border-bottom: 1px solid #333;
	display: block;
	background-color: #ddd;
	}
tr.tableheader {
	background-color: #ccc;
	}
ul {
	color: #000;
	list-style-type: square;
	}
ul.facstaffjumps {
	font: x-small arial;
	width: 150px;
	color: #000;
	margin: 0;
	padding: 0 0 0 5px;
	border-top: 1px solid #999;
	background: #eee;
	list-style-type: none;
	}
ul.nobullets {
	list-style-type: none;
	}
ul li ul {
	list-style-type: circle;
	}
ul.twocolumn {
	font: small arial, sans-serif;
	display: inline;
	}


/* # IDs / DIVS -------------------------- */
#backattack {
	z-index: 1;
	height:405px;
	background-image:url(../__images/layout/drawing2_gray.gif);
	background-repeat:no-repeat;
	margin: 0 0 10px 0;
	/*width:675;*/
	}	
#columna {
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
	}
#columnb {
	margin: 0 0 0 265px;
	padding: 0;
	width: 440px;
	height: 350px;
	}
#columnb2 {
	margin: 0 0 0 265px;
	padding: 0;
	width: 440px;
	}
#column3 {
	margin-left: 240px;
	width: 715px;
	padding-right: 10px;
	border-right: 1px dotted #eee;
	}
#combiheader {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #eee;
	}
#combiheader img {
	border: 0;
	margin: 0;
	padding: 0;
	}
#container {
	width: 940px;
	margin: 0 auto;
	background-color: #fff;
	}
#content {
	margin-left: 240px;
	width: 675px;
	padding-right: 10px;
	border-right: 1px dotted #eee;
	}
#content ul {
	font: small arial, sans-serif;
	color: #000;
	}
#content ul li ul {
	list-style-type: circle;
	}		
#content_why {
	margin-left: 240px;
	background-image: url("../__images/DSC00037-filtered713");
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #dffbff; 
	width: 713px;
	border-right: 1px dotted #eee;
	}	
#directions {
	float:right;
	}
#expo1, #expo2, #expo3, #expo4, #expo5, #expo6, #expo7, #expo8, #expo9, #expo10, #expo11, #expo12, #expo13, #expo14, #expo15, #expo16, #expo17, #expo18, #expo19, #expo20, #expo21, #expo22, #expo23, #expo24, #expo25, #expo26, #expo27, #expo28, #expo29, #expo30, #expo31, #expo32, #expo33, #expo34, #expo35, #expo36, #expo37, #expo38, #expo39, #expo40, #expo41, #expo42, #expo43, #expo44, #expo45, #expo46, #expo47, #expo48, #expo49, #expo50, #expo51, #expo52, #expo53, #expo54, #expo55, #expo56, #expo57, #expo58, #expo59, #expo60, #expo61, #expo62, #expo63, #expo64, #expo65, #expo66, #expo67, #expo68, #expo69, #expo70, #expo71, #expo72, #expo73, #expo74, #expo75, #expo76, #expo77, #expo78, #expo79, #expo80, #expo81, #expo82, #expo83, #expo84, #expo85, #expo86, #expo87, #expo88, #expo89, #expo90, #expo91, #expo92, #expo93, #expo94, #expo95, #expo96, #expo97, #expo98, #expo99, #expo100, #expo101, #expo102, #expo103, #expo104, #expo105, #expo106, #expo107, #expo108, #expo109, #expo110 {
	display: none;
	}
#facstaffsidebar {
	float: left;
	margin: 0 15px 10px 0;
	padding: 0;
	}
#header img a, #header img a:hover, #header img a:active {
	background: #fff;
	}
#home_quote { 
	margin: 15px 0 0 0;
	padding: 0;
	}	
#home_quote p {
	color: #c00;
	font: large arial, sans-serif;
	}
#home_quote p strong {
	color: #c00;
	}
#home_quote p.attribution {
	font-style:italic;
	text-align:right;
	}
#home_slideshow {
	margin: -1px 0 0 10px;
	padding: 83px 0 0 3px;
	z-index: 2;
	}
#miscleft {
	display: block;
	padding: 0;
	width: 225px;
	margin: 10px 0 0 0;
	}
#navcontainer { /* holds #navleft and #miscleft */
	float: left;
	width: 225px;
	}
#navleft {
	display: block;
	padding: 0 1px 0 0;
	width: 225px;
	border-right: 1px solid #fff;
	background-color:#c00;
	background: transparent url("../__images/layout/newfx5.jpg") no-repeat;
	}

/* NAVIGATION -------------------------- */

/* level 1 */

#navleft a {
	display: block;
	margin: 0;
	text-decoration: none;
	}
#navleft ul {
	font: bold small arial, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style-type: none;
	display: block;
	overflow: hidden;
	}
#navleft ul li {
	border-bottom: 1px solid #bcd;
	line-height: 130%;  /* fixes IE display glitch of ul menus */
	}
#navleft ul li a {
	color: #fff;
	padding: 5px 0 5px 20px;
	}

#navleft ul li .navselected, #navleft ul li a:hover, #navleft ul li a:active {
	color: #000;
	text-decoration: none;
	background: #ddd;
	border-right: thick solid #ddd;
	}
	
/* level 2 */

#navleft ul li ul {
	font: x-small arial, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	overflow: hidden;
	}
#navleft ul li ul li {
	border-top: 1px solid #222;
	border-bottom: none;
	}
#navleft ul li ul li a {
	color: #fff;
	background: #333;
	padding: 0 0 0 40px;
	}
#navleft ul li ul li .navselected, #navleft ul li ul li a:hover, #navleft ul li ul li a:active {
	color: #000;
	text-decoration: none;
	background: #ddd;
	border-right: thick solid #c00;
	}
	
/* level 3 */
	
#navleft ul li ul li ul {
	font: x-small arial, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	overflow: hidden;
	}
#navleft ul li ul li ul li {
	border-top: 2px solid #222;
	border-bottom: none;
	}
#navleft ul li ul li ul li a {
	color: #fff;
	background: #666;
	margin: -1px 0 0 0;
	padding: 0 0 0 60px;
	}
#navleft ul li ul li ul li .navselected, #navleft ul li ul li ul li a:hover, #navleft ul li ul li ul li a:active {
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background: #ddd;
	border-right: thick solid #c00;
	display: block;
	margin: -1px 0 0 0;
	}
/* END NAVIGATION --------------------- */

#slideshow {
	float: left;
	width: 248px;
	margin: 0;
	padding: 0;
	border:thin #999;
	}
#slideshowadmissions {
	float: right;
	width: 247px;
	margin: 0;
	padding: 0 0 10px 10px;
	border:thin #999;
	}		
#slideshowresearch {
	float: right;
	width: 247px;
	margin: 0;
	padding: 0 0 10px 10px;
	border:thin #999;
	}	
#slideshowcoursework {
	float: left;
	width: 247px;
	margin: 0;
	padding: 0 10px 10px 0;
	border:thin #999;
	}	
#textsizer {
	margin: 1em auto;
	width: 150px;
	border-bottom: 1px solid #ccc;
	background: #eee;
	padding: 5px;
	text-align: center;
	}
#topbanner {
	z-index: 3;
	/*margin: 50px 0 0 0;*/
	padding: 5px 0 10px 0;
	}	

/* CUSTOM . CLASSES --------------------------*/

.bold {
    font-weight: bold;
	color: #000;
	}
.bolditalic {
	font-weight: bold;
	font-style: italic;
	}
.bolditalicunderline {
	font-weight: bold;
	font-style: italic;
	border-bottom: 1px solid #000;
	}
.bottomline {
	border-bottom: 1px solid #999;
	}
.bulletacrobat {
	list-style-image:   url("../__images/layout/icons/acrobat.gif");
	}
.bulletword {
	list-style-image:   url("../__images/layout/icons/word.gif");
	}
.center {
	text-align: center;
	}
.citations {
	color: #666; 
	}
.clear {
	clear: both;
	margin-top: 20px;
	}
.clear_top {
	clear: both;
	}
.definition {
	color:#000;
	}
.deptlogo {
	padding: 0;
	margin: 10px 10px;
	border: 0;
	}
.deptlogo a, .deptlogo a:hover, .deptlogo a:active {
	background: #fff;
	text-decoration: none;
	}
.extlink { 
	padding-right: 16px; 
	background-image: url("../__images/layout/extlink.png"); 
	background-position: right; 
	background-repeat: no-repeat;
	}
.featurecaption {
	background: #ddd;
	width: 240px;
	font: small verdana, sans-serif;
	color: #000;
	padding: 5px 5px 5px 5px;
	margin: 0 0 10px 0;
	text-align: justify;
	border-top: 3px solid #999;
	background: url(../__images/layout/feature_grad2c.gif) repeat-x;
	}
.featurecaption2 {
	background: #ddd;
	width: 238px;
	font: small verdana, sans-serif;
	color: #000;
	padding: 5px 5px 5px 5px;
	margin: 248px 0 10px 0;
	text-align: justify;
	border-top: 3px solid #999;
	background: url(../__images/layout/feature_grad2c.gif) repeat-x;
	}
.featurecaption a {
	font-style: italic;
	color: #acd;
	padding: 0;
	margin: 0;
	border: 0;
	display: inline;
	}
.fineprint {
	font: italic x-small arial, sans-serif;
	color: #333;
	}
.footercontactinfo {
	font: italic x-small arial, sans-serif;
	color: #333;
	text-align: center;
	margin: 5px 12px;
	padding: 15px 0 8px 0;
	border: 1px #d8d8d8;
	border-style: none none solid none;
	}
.footercontactinfo_index {
	font: italic x-small arial, sans-serif;
	color: #333;
	text-align: center;
	margin: 5px 12px;
	padding: 15px 0 8px 0;
	border: 1px #d8d8d8;
	border-style: none none solid none;
	}
.hide {
	display: none;
	}
.img {
	border: solid 1px #999;
	}
.initialcontent {
	margin-top: 0;
	}
.italic {
	font-style: italic;
	}
.large {
	font: large arial, sans-serif;
	}
.left {
	float: left;
	padding: 0 3px 0 20px;
	}
.leftsidebarblue {
	border-top: thick solid #CCC;
	border-bottom: solid #999;
	float: left;
	padding: 0 0 5px 0;
	margin: 0 1em 1em 0;
	list-style-type: none;
	}
.leftsidebarblue p {
	font: x-small arial, sans-serif;
	margin-bottom: 0.25em;
	}
.leftsidebarblue p.screenshots {
	font: small arial, sans-serif;
	margin-bottom: 0.25em;
	}
.leftsidebarblue p em {
	color: #000;
	}
.leftsidebarblue a {
	color: #c00;
	}
.leftsidebarblue a.definition {
	color: #000;
	}	
.leftsidebarblue a:hover, .leftsidebarblue a:active {
	color: #990000;
	}	
.leftsidebarblue li {
	font: italic bold large arial, sans-serif;
	color: #000;
	}
.leftsidebarblue li ul li {
	font: normal bold small arial, sans-serif;
	color: #000;
	list-style-type: square;
	}
.leftsidebarblue li ul li a {
	color: #009;
	}
.leftsidebarblue li ul li a:hover, ul.sidebarblue li ul li a:active {
	color: #c00;
	text-decoration: underline;
	}
.leftsidebarblue li ul li a:visited {
	color: #09c;
	}
.leftsidebarblue_video {
	width: 320px;
	border-top: thick solid #CCC;
	float: left;
	padding: 0 0 5px 0;
	margin: 0 1em 1em 0;
	list-style-type: none;
	}
.leftsidebarblue_video p {
	font: small arial, sans-serif;
	margin: 0.25em 0 0.25em 0;
	color: #FF0000;
	}
.leftsidebarblue_video a {
	color: #c00;
	}
.leftsidebarblue_video li {
	font: italic bold large arial, sans-serif;
	color: #000;
	}
.leftsidebarblue_video li ul li {
	font: normal bold small arial, sans-serif;
	color: #000;
	list-style-type: square;
	}
.leftsidebarblue_video li ul li a {
	color: #009;
	}
.leftsidebarblue_video li ul li a:hover, ul.leftsidebarblue li ul li a:active {
	color: #c00;
	text-decoration: underline;
	}
.leftsidebarblue_video li ul li a:visited {
	color: #09c;
	}
.medium {
	font: medium arial, sans-serif;
	}
.newsintro {
	font: normal /*x-small*/small verdana;
	color: #333;
	line-height: 1.55;
	}
.photo_left_horiz {
	float: left; 
	padding:2px 10px 8px 0px; 
	margin: 0;  
	color: #c00; 
	font: arial, sans-serif;
	font-style:italic;
	text-align: center; 
	width: 247px;
	}	
.photo_left_horiz_bullit {
	float: left; 
	padding:2px 20px 8px 0px; 
	margin: 0;  
	color: #c00; 
	font: arial, sans-serif;
	font-style:italic;
	text-align: center; 
	width: 247px;
	}
.photo_research {
	border: solid 1px #aaa;
	margin: 0 0 5px 0;
	padding: 2px;
	}
.photo_right_horiz {
	float: right; 
	padding:2px 0px 8px 10px; 
	margin: 0;  
	color: #c00; 
	font: arial, sans-serif;
	font-style:italic;
	text-align: center; 
	width: 247px;
	}
.photo_still_center {
	padding: 10px;
	}
.photocaption {
	font: x-small arial, sans-serif;
	text-align: center;
	margin-bottom: 0.25em;
	}
.photocaptionright {
	float: right;
	display: block;
	font: x-small arial, sans-serif;
	text-align: center;
	width: 104px;
	padding: 1px 0 5px 0;
	}
.photocolumn {
	display: block;
	font: x-small arial, sans-serif;
	text-align: center;
	padding: 0 5px;
	width: 100px;
	}
.photoright {
	margin: 5px 0 5px 5px;
	float: right;
	}
.phototopright {
	float: right;
	border: solid 1px #aaa;
	margin: 0 0 5px 5px;
	padding: 2px;
	}
.readmore, .backtotop {
	font: italic x-small verdana;
	color: #c96;
	text-align: right;
	margin-top: -10px;
	}
.redhot, .redhot a {
	font-weight: bold;
	color: #c00;
	}	
.shadebarblue {
	width: 125px;
	border-top: thick solid #CCC;
	border-bottom: solid #999;
	float: left;
	padding: 5px;
	margin-right: 1em;
	list-style-type: none;
	}
.shadebarblue p {
	font: small arial, sans-serif;
	margin-bottom: 0.25em;
	font-weight: bold;
	text-align: left;
	}
.shadebarblue a {
	color: #c00;
	}
.shadebarblue li {
	font: italic bold large arial, sans-serif;
	color: #000;
	}
.shadebarblue li ul li {
	font: normal bold small arial, sans-serif;
	color: #000;
	list-style-type: square;
	}
.shadebarblue li ul li a {
	color: #c00;
	}
.shadebarblue li ul li a:hover, ul.shadebarblue li ul li a:active {
	color: #c00;
	text-decoration: underline;
	}
.shadebarblue li ul li a:visited {
	color: #c00;
	}
.sidebarblue {
	border-top: thick solid #CCC;
	border-bottom: solid #999;
	float: right;
	padding: 0 0 5px 0;
	margin: 0 0 1em 1em;
	list-style-type: none;
	}
.sidebarblue p {
	font: x-small arial, sans-serif;
	margin-bottom: 0.25em;
	}
.sidebarblue p.screenshots {
	font: small arial, sans-serif;
	margin-bottom: 0.25em;
	}
.sidebarblue p em {
	color: #000;
	}
.sidebarblue a {
	color: #c00;
	}
.sidebarblue li {
	font: italic bold large arial, sans-serif;
	color: #000;
	}
.sidebarblue li ul li {
	font: normal bold small arial, sans-serif;
	color: #000;
	list-style-type: square;
	}
.sidebarblue li ul li a {
	color: #009;
	}
.sidebarblue li ul li a:hover, ul.sidebarblue li ul li a:active {
	color: #c00;
	text-decoration: underline;
	}
.sidebarblue li ul li a:visited {
	color: #09c;
	}
.sidebarblue_video {
	width: 320px;
	border-top: thick solid #CCC;
	/*border-bottom: solid #999;*/
	float: right;
	padding: 0 0 5px 0;
	margin: 0 0 1em 1em;
	list-style-type: none;
	}
.sidebarblue_video p {
	font: small arial, sans-serif;
	margin: 0.25em 0 0.25em 0;
	color: #FF0000;
	}
.sidebarblue_video a {
	color: #f00;
	}
.sidebarblue_video li {
	font: italic bold large arial, sans-serif;
	color: #000;
	}
.sidebarblue_video li ul li {
	font: normal bold small arial, sans-serif;
	color: #000;
	list-style-type: square;
	}
.sidebarblue_video li ul li a {
	color: #009;
	}
.sidebarblue_video li ul li a:hover, ul.sidebarblue li ul li a:active {
	color: #c00;
	text-decoration: underline;
	}
.sidebarblue_video li ul li a:visited {
	color: #09c;
	}
.sidebarred {
	width: 200px;
	background-color: #ddd;
	border: solid 1px #c00;
	font: italic bold medium arial, sans-serif;
	color: #c00;
	float: right;
	padding: 5px 0 5px 5px;
	text-align: center;
	}
.sidebarred a {
	color: #c00;
	}
.small {
	font: small arial, sans-serif;
	}
.subnav { 
	font: italic bold large arial, sans-serif; 
	color: #000; 
	margin: 0 0 10px 0;
	}
.subnav a { 
	font: normal large arial, sans-serif;
	color: #036; 
	text-decoration: none;
	}
.subnav a:hover, .subnav a:active {
	text-decoration: underline;
	}
.subsubnav {
	font: italic bold medium arial, sans-serif; 
	color: #000; 
	text-indent: 20px;
	text-align: right;
	margin: 0 0 10px 0;
	}
.subsubnav a {
	font: normal medium arial, sans-serif;
	color: #036; 
	text-decoration: none;
	}
.subsubnav a:hover, .subsubnav a:active {
	text-decoration: underline;
	}
.textright {
	text-align: right;
	}
.ul_ada {
    font: normal small;
    color: #000;
    list-style:disc;
    }
.underline {
	border-bottom: 1px solid #000;
	}
.widthauto { width: auto; }