@charset "UTF-8"; 
/***********************************************************************     
Official UNIVERSITY OF HOUSON stylesheet for the "clean" template suite       
This stylesheet should be attached to all official pages using the clean template suite.       
Created: April 2009, by the IT Web Technologies Group.       
Last Updated: May 2012 to consolidate multiple clean stylesheets 
    
    CONTENTS:    
    
    TAGS    
    ---------     
    B, DD, DT, EM, H1, H2, H3, H4, I, LI, P, STRONG, TD, TH      
    
    IDs     
    ---------     
    APPLYNOW (APPLYNOW_DROPDOWN), CONTENT-WELL (.DEPARTMENT-CONTENT-WELL, .HOME-CONTENT-WELL), 
    FEATURE (FEATURED-CONTENT, FEATURED SLIDESHOW, .FEATURE-SUBCONTENT-BAR, SLIDESHOW, SLIE, SLIDECAPTION, SLIDESHOWPREV, SLIDESHOWNEXT, SWIPENEXT, SWIPEPREV, TOUCHTIP), 
    PAGE (.MAIN(BOX, HIGHLIGHT), .STANDARD, .WIDE), SIDEBAR, SIDE-CONTENT,      
    SIDE-NAV (.OPENED, .SELECTED), SUBHEAD (UNIT), TACTICAL (.FIRST, .LAST, .SELECTED)          
    
    CLASSES     
    ---------     
    ALERT-BOX, CONTACTS, EVENT-CONTENTS (#TODAYS-EVENTS), LEFT-COLUMN-LIST, QUICKLINKS, RELATED LINKS, SECTION-COLUMN, SPIFF, TAB-MENU
     
/************************************************************************/ 

p, b, i, em, strong, td, th, li, dt, dd {color: #000; line-height: 2em;}  
h1 { background: transparent url("https://uh.edu/_shared/_images/layout/bg-page-hdr.png") bottom repeat-x; color: #4D4D4D; font-size: 125%; margin:0 0 -5px 0; padding: 5px 10px 5px 10px; border-left: #909090 1px solid; border-right: #909090 1px solid; z-index: 50; position: relative; }  
h2 {color: #434343; font-weight: bold;}  
h3, h4 {color: #000;}  
.Wide h1.newsHead{font-size:large !important;border:none !important;}
.column h3{ text-transform: none; font-weight: bold; padding: 15px 0 3px 0; } 

/* ========      ALERT-BOX    ======== */
.alert-box { border: 1px solid #a2adbb; padding: 3px 7px; width: 692px; background-color: #ffff99; } 

/* ========      APPLYNOW    ======== */
#box-top #applyNow{margin: 70px 10px 10px;}  
#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('https://uh.edu/_shared/_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('https://uh.edu/_shared/_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('https://uh.edu/_shared/_images/apply-now/an-background-hover.gif'); background-repeat: repeat-y; }

#banner-image {margin-left:1px; }

/* ========      CONTENT-WELL - alterations from main-web.css    ======== */ 
#content-well{  background: url("https://uh.edu/_shared/_images/layout/bg-page-dvdr.jpg") left repeat-y;} 
.home-content-well{ clear:both; margin:0 auto 10px; overflow:hidden; padding:0; width:945px; } 
.department-content-well{ clear:both; margin:0 auto 10px; overflow:hidden; padding:0; width:945px;  background: url("https://uh.edu/_shared/_images/layout/bg-page-dvdr.jpg") left repeat-y; } 
#content-well li { color:#000; } 

/* ========      FEATURE    ======== */ 
#featured-content { overflow: hidden; border-right: 1px solid #a2adbb; border-bottom: 1px solid #e5e5e5; float: left; background-color: white; width: 237px; height: 270px; } 
#featured-slideshow ul { width: 711px; padding: 0; top: -20px; } 
#featured-slideshow li { width: 237px; height: 270px; float: left; } 
.feature-subcontent-bar { background:url("https://uh.edu/_shared/_images/gray-vert-gradient-bg.jpg") repeat-x scroll 0 85% transparent; border-color:#999999; border-style:solid; border-width:1px 0 0; margin:0 1px; overflow:hidden; padding:10px;}

#feature{ width: 708px;  height: 350px; margin: 0 0 10px 0; padding: 0; float: left; } 
#page #feature{ margin: 0; padding: 0;   height: 350px; background: url("https://uh.edu/_shared/_images/layout/bg-feature.jpg") bottom no-repeat;  }  
#feature #slideShow{ width: 708px; height: 350px; margin: 0 0 0 0; } 
#page #feature #slideShow{   margin: 0 0 8px 0; } 
#feature #slideShow .slide .slideCaption{   background: #fff bottom repeat-x; border: 1px #c7c7c7 solid; margin: 0 0 0 3px; } 
#page #feature #slideShow .slide .slideCaption{ margin: 0 0 0 0; width: 706px; }  
#feature #slideShow .slide .slideCaption h2{ margin: 5px 5px 5px 10px; } 
#feature #slideShow .slide a img{ margin: 0 0 0 3px; width: 706px; }
#page #feature #slideShow .slide a img{ margin: 0 0 0 1px; } 
#feature #slideShow .slide .slideCaption p{ margin: 5px 5px 10px 11px; }  
#feature #slideShow .slide .slideCaption p a{ font-weight: normal; }  
#feature #slideShow .slide .slideCaption h2 a{ color: #000; }  
.slideCaption p {color:#000; line-height: 1.2em} 
#slideShowPrev{ display: none; text-align: center; height: 55px; margin: 0; float: left; position: relative; top: -220px; left: 10px; z-index: 99; width: 35px; background: transparent; padding: 5px; color: #fff; } 
#slideShowNext{ display: none; text-align: center; height: 55px; margin: 0; float: left; position: relative; top: -220px; left: 610px; z-index: 98; width: 35px; background-color: transparent; padding: 5px; color: #fff; } 
#swipeNext{ display: none; text-align: center; height: 85x; margin: 0; float: left; position: relative; top: -250px; left: 266px; z-index: 97; width: 157px; background-color: transparent; padding: 5px; color: #fff; } 
#swipePrev{ display: none; text-align: center; height: 85px; margin: 0; float: left; position: relative; top: -250px; left: 266px; z-index: 96; width: 157px; background-color: transparent; padding: 5px; color: #fff; } 
#touchTip{ display: none; clear:both; overflow: none; text-align: center; height: 28px; margin: 0; position: relative; top: -279px; left: 167px; z-index: 95; width: 380px; background-color: transparent; background-image: url('https://uh.edu/_shared/_images/layout/bg-feature-touch-tip.png'); background-repeat: no-repeat; padding: 5px; color: #fff; font-size: 18px; } 
#touchTip img{ vertical-align: -6px; margin-right: 10px; } 
#touchTip strong{ color: #fff; line-height: 1.22em; }


/* ========      GRID    ======== */ 
#grid { position: relative; float: left; padding: 0; margin:0; width: 945px; }  
#grid .layer { margin: 0; width: 945px; float: left; border-top: #B8B8B8 1px solid; } 
#grid .four{ background: url("https://uh.edu/_shared/_images/layout/bg-grid/bg-home-boxsides.jpg") repeat-y;}
#grid .threeone{ background: url("https://uh.edu/_shared/_images/layout/bg-grid/bg-home-boxsides-31.jpg") repeat-y;} 
#grid .onethree{ background: url("https://uh.edu/_shared/_images/layout/bg-grid/bg-home-boxsides-13.jpg") repeat-y;} 
#grid .twotwo{ background: url("https://uh.edu/_shared/_images/layout/bg-grid/bg-home-boxsides-22.jpg") repeat-y;} 
#grid .twooneone{ background: url("https://uh.edu/_shared/_images/layout/bg-grid/bg-home-boxsides-211.jpg") repeat-y;} 
#grid .onetwoone{ background: url("https://uh.edu/_shared/_images/layout/bg-grid/bg-home-boxsides-121.jpg") repeat-y;} 
#grid .oneonetwo{ background: url("https://uh.edu/_shared/_images/layout/bg-grid/bg-home-boxsides-112.jpg") repeat-y;} 
#grid .oneoneoneone{ background: url("https://uh.edu/_shared/_images/layout/bg-grid/bg-home-boxsides-1111.jpg") repeat-y;}
#grid .infothree{ background: url("https://uh.edu/_shared/_images/layout/bg-grid/bg-home-boxsides-info3.jpg") repeat-y;}  
#grid .layer .box {float: left; overflow: hidden; padding: 16px; } 
#grid .layer .one { width: 203px;} 
#grid .layer .two { width: 440px;} 
#grid .layer .three { width: 676px;}
#grid .layer .four { width: 912px;}  
#grid hr { margin-bottom: 20px; position: relative; top: 10px; }  
#grid h2 { font-size: 120%; font-weight: bold; color: #000; }  

/* ========      EVENT-CONTENTS & TODAYS-EVENTS    ======== */ 
#today-events { border-right: 1px solid #b2b2b2; border-left: 1px solid #a2adbb; border-bottom: 1px solid #e5e5e5; float: left; width: 468px; height: 270px; -moz-box-shadow:inset 0 0 10px #d4d4d4; -webkit-box-shadow:inset 0 0 10px #d4d4d4; box-shadow:inset 0 0 10px #d4d4d4; background-color: #F5F5F5; background-image: url('/infotech/_images/icons70/events.gif'); background-repeat: no-repeat; background-position: -35px -20px; overflow: auto; } 
.event-contents { padding-left: 90px; padding-right: 30px; padding-bottom: 30px; } 
.event-contents h4 { color: #5d5d5d; font-size: 15pt; } 
.event-contents ul { list-style: none; } 
.event-contents li { margin-bottom: 25px; } 

     
/* ========      INFO    ======== */ 
#side-content #contacts img {margin: 3px 0;} 
#side-content .info-nav{ width: 204px; background: #DCDCDC url("https://uh.edu/_shared/_images/layout/bg-info.jpg") bottom center no-repeat; float: left; } 
#side-content .info-nav h2{ background: url("https://uh.edu/_shared/_images/layout/bg-info-hdr.jpg") top center no-repeat; padding: 10px; font-size: 98%; color: #000; text-transform: uppercase; margin: 0; }  
#side-content .info-nav ul{ list-style:none; margin: 0; padding: 0; }  
#side-content .info-nav ul li { padding: 5px 10px; margin: 0px; border-top: #B2B2B2 1px solid; font-size: 90%; text-transform: uppercase; }  
#grid .info-nav{ background: #D4D5D5; float: left; padding: 0;  width: 236px;}  
#grid .info-nav h2{ background: #C4C4C4 url("https://uh.edu/_shared/_images/layout/bg-grid/bg-hdr-infobox.jpg") top repeat-x; padding: 8px 16px; font-size: 98%; color: #000; text-transform: uppercase; margin: 0; }  
#grid .info-nav ul{ list-style:none; margin: 0 0 30px 0; padding: 0; border-bottom: #A5A5A5 1px solid; }  
#grid .info-nav ul li { padding: 5px 16px; margin: 0px; border-top: #A5A5A5 1px solid; font-size: 90%; text-transform: uppercase; }  

/* ========      LEFT-COLUMN-LIST    ======== */
.left-column-list { background: url("https://uh.edu/_images/display/template-landing-left-fade.gif") repeat scroll 0 0 #FFFFFF; margin: 5px 0; padding: 10px 0; width: 226px; } 
.left-column-list h4 { font-size: 100%; font-weight: normal; margin: 0 0 0 15px; text-transform: uppercase; } 
.left-column-list ul { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #FFFFFF; border-style: solid none none; border-width: 1px; margin: 4px 0 10px; } 
.left-column-list ul li { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: url("https://uh.edu/_images/display/arrow-c00-on-900.gif") no-repeat scroll 2px 6px transparent; border-color: #FFFFFF; border-style: none none solid; border-width: 1px; list-style-type: none; padding: 4px 0 4px 15px; } 
.left-column-list ul li a { color: #CC0000; font-size: 92%; } 
.left-column-list li.selected { background: url("https://uh.edu/_images/display/arrow-black-on-white.gif") no-repeat scroll 2px 10px transparent; } 
.left-column-list li.selected a { color: #000000; } 
.left-column-list { background: url("https://uh.edu/_shared/_images/display/template-landing-left-fade.gif") repeat scroll 0 0 #FFFFFF; width: 226px; margin: 5px 0; padding: 10px 0;} 
.left-column-list h4 { font-weight: normal; font-size:  100%; margin: 0 0 0 15px; text-transform: uppercase;} 
.left-column-list ul { border: 1px #ffffff; border-style: solid none none none; margin: 4px 0 10px 0;} 
.left-column-list ul li { border: 1px #ffffff; border-style: none none solid none; background: transparent url("https://uh.edu/_shared/_images/display/arrow-c00-on-900.gif"); background-repeat: no-repeat; background-position: 2px 6px; list-style-type: none; padding: 4px 0 4px 15px;} 
.left-column-list ul li a { color: #cc0000; font-size: 92%;} 
.left-column-list li.selected { background: transparent url("https://uh.edu/_shared/_images/display/arrow-black-on-white.gif"); background-repeat: no-repeat; background-position: 2px 10px;} 
.left-column-list li.selected a { color: #000;} 

/* ========      LINK-LIST & LINK-SECTIONS    ======== */ 
.link-list-black li a{ color: #000; }  
ul.long, ol.long{ list-style-type: none !important; }
ul.long li, ol.long li{ 
    list-style-image: none !important;
    background: transparent url(https://uh.edu/_shared/_images/display/arrow-c00-on-trans.png) no-repeat 2px center !important;
    padding-left: 20px !important;
    margin-bottom: 10px !important;
    line-height: 1.22em !important;
}
ul.long li a, ol.long li a{
    color: #c00 !important;
}

#link-sections { float: left; background-color: white; border: 1px solid #a2adbb; border-top: none; border-bottom: 1px solid #e5e5e5; width: 706px; } 
#link-sections-wrapper { padding: 20px 10px 20px 10px; } 

/* ========      MAIN, BOX & BOX-TOP    ======== */ 
#main{ color:#000;padding: 10px;}
#page .box { float: left;  padding: 10px;  width: 686px; margin-left: 1px; }  
#page ul{ margin: 0 0 15px 0; } 
#box-top{ width: 945px; float: left; margin: -90px 0 0 0; background: url("https://uh.edu/_shared/_images/layout/bg-grid/bg-home-boxtop.jpg") top no-repeat; z-index: -10; position: relative; } 


/* ========  MENU    ======== */
ul#menu{ width: 220px; float: left; list-style: none; text-transform: uppercase; } 

 
/* ========     MORE-ABOUT-IT    ======== */ 
#more-about-it { background-color: white; width: 706px; height: 120px; border: 1px solid #a2adbb; border-top: none; border-bottom: 1px solid #a2adbb; border-bottom-right-radius: 20px; } 
#more-about-it h4 { color: #5d5d5d; font-size: 15pt; } 
#more-about-it-wrapper { padding: 5px 15px; } 

/* ========     PAGE & COLUMNS    ======== */ 
.Standard{ background: #FFF url("https://uh.edu/_shared/_images/layout/bg-page-2column.jpg") repeat-y;} 
.Standard #main { width:447px;}
.Standard #main { width: 413px; }  
.Standard #main .half { width:223px;}
.Standard #page-bottom { background:url("https://uh.edu/_shared/_images/layout/bgbottom-page-1column.gif") no-repeat scroll center bottom transparent;}

#page { width: 708px; float: left; border-top: #909090 1px solid; }
#page-bottom{ background: url("https://uh.edu/_shared/_images/layout/bgbottom-page-1column.gif") bottom no-repeat; height: 37px; width: 708px; float: left; }   
#page h1 {color:#000; } 
#page h1 .subtitle {    display: inline;} 
#page .banner { width: 740px; margin: 0; padding: 0; border: none; } 
#page .highlight, #grid .highlight{ background: #C8CCAA url('https://uh.edu/_shared/_images/layout/bg-dvdr-shadow.jpg') top left repeat-x; }  

.one-column{ background: #FFF url("https://uh.edu/_shared/_images/layout/bg-page-1column.gif") repeat-y;} 
.Wide{ background: #FFF url("https://uh.edu/_shared/_images/layout/bg-page-1column.gif") repeat-y;} 
.column {   float: left; } 
.Wide #main { width: 688px; }  
.Wide #page-bottom{ background: url("https://uh.edu/_shared/_images/layout/bgbottom-page-1column.gif") bottom no-repeat; height: 37px; width: 708px; float: left; }  
.Standard #page-bottom{ background: url("https://uh.edu/_shared/_images/layout/bgbottom-page-2column.jpg") bottom no-repeat; height: 37px; width: 708px; float: left; }  
.page ul, .page ol {    margin: 0 0 0 10px;} 
.one-column  { background:url("https://uh.edu/_shared/_images/layout/bg-page-1column.gif") repeat-y scroll 0 0 #FFFFFF; }  
.one-column #page-bottom { background:url("https://uh.edu/_shared/_images/layout/bgbottom-page-1column.gif") no-repeat scroll center bottom transparent; float:left; height:37px; width:708px; }  
      
/* ========     PRINT-TOOLS    ======== */ 
#print-tools{ padding: 30px 10px 10px 5px; font-weight: bold; } 
#print-tools img{ vertical-align: -3px; } 
#get-printable img{ vertical-align: -3px; }  

/* ========     QUICKLINKS    ======== */  
.quicklinks_dropDown{ clear: right; float: right; padding: 40px 16px 0px 0px; } 
ul.quicklinks{float: right; margin: 5px;}  
.quicklinks, .quicklinks ul{ padding: 0; margin: 0; list-style: none; line-height: 1; width: 157px; } 
#applyNow{margin: 5px 10px;}  
.quicklinks 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 */ } 
.quicklinks a:hover{color: #ffffff;}  
.quicklinks li{ /* all list items */ float: left; width: 100%; background: url("https://uh.edu/_shared/_images/apply-now/an-background.gif"); background-repeat: repeat-y; padding: 0px; margin: 0px; } 
.quicklinks li div{ /* all list items */ cursor: pointer; cursor: hand; width: 159px; height: 35px; background: url("https://uh.edu/_shared/_images/apply-now/an-apply-now.gif"); } 
.quicklinks 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; }  
.quicklinks li:hover, .quicklinks li.sfhover{ background: url("https://uh.edu/_shared/_images/apply-now/an-background-hover.gif"); background-repeat: repeat-y; }  

/* ========     RELATED-LINKS    ======== */ 
.related-links{ background: #D9D9D9 url("https://uh.edu/_shared/_images/layout/bg-sidebar-greyfade.jpg") bottom  repeat-x; width: 216px; padding: 10px 0 0 10px; float: left; color: #333; } 
#sidebar .related-links { width: 264px; background: none; }  
.related-links h2{ font-size: 100%; font-weight:bold; text-transform: capitalize; padding: 5px 0; border-bottom: #909090 1px solid; } 
.related-links ul {padding-left: 0;}  
.related-links ul li{ border-bottom: #909090 1px solid; list-style-position: inside;     }  
.related-links ul a{  color: #333; font-weight: normal; } 

/* ========     SECTION-COLUMN    ======== */
.section-column { float: left; width: 340px;  margin: 30px 0;  } 
.section-column img { float: left; width: 60px; height: 60px; padding: 0px 10px 10px 10px; } 
.section-column h5 { font-size: 13pt; } 
 

/* ========     SIDEBAR    ======== */ 
#sidebar { width: 275px;} 
#sidebar { width:240px;}
#sidebar p{ padding: 0 10px;} 
#sidebar h2 { text-transform: uppercase; font-size: 100%; margin: 10px 5px; padding: 5px 0; border-bottom: #999 1px solid; } 
#sidebar .spiff h2 {bordeR: none;padding: 0;}  
#sidebar .links ul { list-style: none; margin: 5px; padding: 0; } 
#sidebar .links ul li { background: url("https://uh.edu/_shared/_images/display/arrow-000-on-f4f4f4.gif") left no-repeat; padding: 0 5px 0 10px; margin: 5px 0; border-bottom: #CCC 1px solid; } 
.Wide #sidebar{ display:none;} 
.Wide #sidebar p {padding: 10px; align: left;}  
 
/* ========      SIDE-CONTENT    ======== */ 
#side-content{ width: 236px; float: left; padding: 0; margin: 0; }  
#side-content form { background: none; border: none; padding: 0 0 15px 0; width: 206px; float: left; }
#contacts p {color:#000; line-height: 1.2em;} 
#contacts{  width: 210px;  float: left; padding: 10px 5px 5px 16px; } 
#side-content #contacts, #side-content .columnCopy { width: 206px;  padding: 10px; }  
#side-content .feed {margin-right: 20px;}
 
/* ========      SIDE-NAV    ======== */ 
#side-nav { width: 226px; padding: 0; margin: 0; float: left; background: #FFF; border: 1px #000; list-style-position: outside; list-style-type: none; } 
#side-nav li { list-style-type: none; margin: 0; padding: 0; margin: 0; border-bottom: #CCC 1px solid; } 
#side-nav .new-section { margin-top: 10px; padding-top: 10px; border-top: #ccc 1px solid;   }   
#side-nav a { display: block; padding: 7px 11px; margin: 0px; }  
#side-nav li.selected a{ background: #FFF url("https://uh.edu/_shared/_images/display/bg-horizontal-gray-fade-selected.gif") repeat-y; color: #000; } 
#side-nav li.opened a{ background: #FFF url("https://uh.edu/_shared/_images/display/bg-horizontal-gray-fade.gif") repeat-y; color: #C00; }  
#side-nav li.selected li a, #side-nav li.opened li a { background: #FFF url("https://uh.edu/_shared/_images/display/bg-horizontal-gray-fade.gif") repeat-y; color: #C00; }  
#side-nav li.opened li.selected a{ background: #FFF url("https://uh.edu/_shared/_images/display/bg-horizontal-yellow-fade-selected.gif") repeat-y; color: #000; }  
#side-nav li.opened li.opened a { background: #FFF url("https://uh.edu/_shared/_images/display/bg-horizontal-yellow-fade.gif") repeat-y; border-color: #FC0; color: #C00; }  
#side-nav li.opened li.opened li a{ background: #FFF url("https://uh.edu/_shared/_images/display/bg-horizontal-yellow-fade.gif") repeat-y; border-color: #FC0; color: #C00; }  
#side-nav li.opened li.selected li a { background: #FFF url("https://uh.edu/_shared/_images/display/bg-horizontal-yellow-fade.gif") repeat-y; border-color: #FC0; color: #C00; }  
#side-nav li.opened li.opened li.selected a{ background: #FFF url("https://uh.edu/_shared/_images/display/bg-horizontal-tan-fade-selected.gif") repeat-y; color: #000; }  
#side-nav li.opened li.opened li.opened a{ background: #FFF url("https://uh.edu/_shared/_images/display/bg-horizontal-tan-fade.gif") repeat-y;   color:#C00; }  
#side-nav li.opened li.opened li.selected li a { background: #FFF url("https://uh.edu/_shared/_images/display/bg-horizontal-tan-fade.gif") repeat-y;   color:#C00; }  
#side-nav li.opened li.opened li.opened li.opened a { background: #FFF url("https://uh.edu/_shared/_images/display/bg-horizontal-gray-fade.gif") repeat-y; color: #C00; }  
#side-nav li.opened li.opened li.opened li.selected a{ background: #FFF none; color: #000; }  
#side-nav li.opened li.opened li.opened li.selected li a{ background: #FFF none; color: #000; }  
#side-nav li a:hover, #side-nav li.selected a:hover, #side-nav li.opened li a:hover, #side-nav li.opened li.selected a:hover, #side-nav li.opened li.opened li a:hover, #side-nav li.opened li.opened li.selected a:hover { background: #FFF url("https://uh.edu/_shared/_images/display/bg-horizontal-active.gif") repeat-y; color: #C00; }  

/* ========     SPIFFS    ======== */ 
.spiff { float: left; padding: 0; width: 204px; border: none; } 
.spiff h3 img {border: none;}
#sidebar .spiff, #side-content .spiff{   border: #999 1px solid; background: #D1D4D4 url("https://uh.edu/_shared/_images/layout/bg-spiff.jpg") top repeat-x; margin: 10px 0; } 
#sidebar .spiff { margin: 10px 35px;}  
.spiff h2, .spiff p { background: none; text-transform: none; color: #000; border: none; } 
.spiff h4, .spiff p { background: none; text-transform: none; color: #000; border: none; }  
.spiff p {color:#000; line-height: 1.2em;} 
.spiff img { margin: 5px; width: 194px; border: #333 1px solid; } 
.spiff ul li { float: none; margin: 3px 0 0 20px; list-style-image: url("https://uh.edu/_shared/_images/display/arrow-c00-on-trans.png"); list-style-position: outside; }  
.spiff-bank { float: left;  background: url("https://uh.edu/_shared/_images/layout/bg-spiffbank.gif") repeat-y; border-top: #909090 1px solid; border-bottom: #909090 1px solid; width: 708px; } 
.spiff-bank .spiff{ border: none; background: none; padding: 10px 15px;} 
.spiff-bank .wide{ float: left; height: 270px; overflow: auto; width: 468px;}  
.spiff-bank .small{ float: left; height: 270px; overflow: hidden; width: 237px;}
.two-spiffs { float: left; padding: 0; width: 320px; border: none; padding: 16px; overflow: hidden;  }  
.two-spiffs h2{ background: none; text-transform: none; font-weight:bold; color: #000; border: none; margin-top:0px; padding-top:0px; font-size:100% } 
.one-column .column .spiff-bank { float: left; background: none; /* url("https://uh.edu/_shared/_images/layout/bg-two-spiffs.gif") repeat-y; */  border-top: #909090 1px solid;  border-bottom:none; /* #909090 1px solid; */ width: 708px; }  
.two-spiffs { float: left; padding: 0; width: 320px; border: none;  padding: 16px;  overflow: hidden; } 
.two-spiffs img { margin: 5px; width: 302px; border: #333 1px solid;  } 
.two-spiffs { float: left; padding: 0; width: 320px; border: none; padding: 16px; overflow: hidden;  }  
.two-spiffs h2{ background: none; text-transform: none; font-weight:bold; color: #000; border: none; margin-top:0px; padding-top:0px; font-size:100% } 
.two-spiffs p {color:#000; line-height: 1.2em;}  
.two-spiffs img { margin: 5px; width: 302px; border: #333 1px solid;  } 
.spiff-bank .plain{margin-left; 1px;}
.spiff-bank .boxed {border-left: #909090  1px solid; }
.spiff-bank .silver{border-left: #909090  1px solid; background-color: #EBEBEB; background-image: -moz-linear-gradient(center top, #EBEBEB 0%, #C4C4C4 100%);}
.spiff-bank .yellow{border-left: #909090  1px solid; background-color: #FEED9F; background-image: -moz-linear-gradient(center top, #FEED9F 0%, #F4AC36 100%);}
.spiff-bank .inset{border-left: #909090  1px solid; background-color: #F5F5F5; box-shadow: 0 0 10px #D4D4D4 inset;}
 

/* ========      SUBHEAD    ======== */ 
#subhead { margin: 0 auto 15px; width: 945px; } 
#subhead #unit a { color: #000; font-size: 250%; margin: 0; padding: 0; font-weight:normal; }  

 
/* ========      TAB-MENU    ======== */ 
.tab-menu { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #EEEEEE; background-image: -moz-linear-gradient(center bottom , #CFCFCF 7%, #EBEBEB 86%); border-color: #E5E5E5 #A2ADBB -moz-use-text-color; border-left: 1px solid #A2ADBB; border-right: 1px solid #A2ADBB; border-style: solid solid none; border-width: 1px 1px medium; height: 45px; width: 706px; float: left; }
.tab-menu ul { list-style: none outside none; padding: 0 10px 0; }
.tab-menu li { background-color: transparent; display: block; float: left; height: 35px; margin: 0 10px; padding: 10px 5px 0; position: relative; text-align: center; width: 100px; }
.tab-menu li:hover { cursor: pointer; }
.tab-menu .current { background-color: white; }
.tab-menu a, .tab-menu a:visited { bottom: 5px; color: #777777; left: 0; position: absolute; width: 100%; }
.tab-menu li:hover, .tab-menu a:hover { color: .3C3C3C; text-decoration: none; }
.tab-menu a:hover .small-font { color: .3C3C3C; }
.tab-menu .small-font { font-size: 8pt; }
.tab-menu-display { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF; border-color: -moz-use-text-color #A2ADBB #E5E5E5; border-left: 1px solid #A2ADBB; border-right: 1px solid #A2ADBB; border-style: none solid solid; border-width: medium 1px 1px; float: left; padding-bottom: 20px; width: 706px; }
.tab-menu-display ul { clear: both; list-style: none outside none; }
.tab-menu-display li { display: block; float: left; height: 70px; margin: 10px 5px; padding: 5px; text-align: center; width: 90px; }
.tab-menu-display img { height: 60px; width: 60px; }
.tab-menu-display a, .tab-menu-display a:visited { color: #666666; font-weight: normal; }
.tab-menu-display a:hover { color: .CC0000; font-weight: bold; text-decoration: none; }

/* ========      TACTICAL    ======== */ 
#tactical { clear: both; margin:0 auto; overflow: hidden; padding: 0 0 0 0; width: 945px; }  
#tactical ul{ float: right; clear: right; background: #F3F4F5 url("https://uh.edu/_shared/_images/layout/bg-tactical.jpg") repeat-x top; margin: 0; padding: 0; overflow: visible; }
#tactical ul li { list-style:none; display: inline; padding: 0; margin: 0; float: left; }  
#tactical ul li a { color: #222; padding: 5px 10px; float: left; font-weight:normal; }  
#tactical ul li.selected a {text-decoration: underline; } 
#tactical ul li.first { background:url("https://uh.edu/_shared/_images/layout/bg-tactical-left.jpg") top left no-repeat; padding-left: 10px;} 
#tactical ul li.last { background:url("https://uh.edu/_shared/_images/layout/bg-tactical-right.jpg") top right no-repeat; padding-right: 10px;}