/* ========     from the CLASS STYLESHEET    ======== */

#expo1, #expo2, #expo3, #expo3a, #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, #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, #expo111, #expo112, #expo113, #expo114, #expo115, #expo116, #expo117, #expo118, #expo119, #expo120, #expo121, #expo122, #expo123, #expo124, #expo125 {
    display: none;
    }


/* ======= RIGHT PHOTOS ======= */

.photoright {
    float: right;
    margin: 5px 0 5px 5px;
    border: none;
    }
.photoright2 {
    float: right;
    margin: 5px 0 5px 5px;
    border: none;
    padding-right: 12px;
    }
.photorightborder { 
    float: right;
    margin: 5px 0 5px 5px;
    border: solid 1px #aaa;
    padding: 2px;
    }
.phototopright {
    float: right;
    margin: 0 0 5px 5px;
    border: none;
    }
.phototoprightborder {
    float: right;
    margin: 0 0 5px 5px;    
    border: solid 1px #aaa;
    padding: 2px;
    }

/* ====== LEFT PHOTOS ========= */

.photoleft {
    float: left;
    margin: 5px 5px 5px 0;
    border: none;
    }

.photoleftborder {
    float: left;
    margin: 5px 5px 5px 0;
    border: solid 1px #aaa;
    padding: 2px;
    }

.phototopleft {
    float: left;
        margin: 0px 0px 5px 5px;
        padding: 5px 10px 5px 5px;
    }
.phototopleft2 {
    float: left;
        margin: 0px 0px 5px 15px;
        padding: 5px 10px 5px 5px;
        
    }

.phototopleftborder {
    float: left;
    margin: 0 5px 5px 0;
    border: solid 1px #aaa;
    padding: 2px;
    }

/* Custom CLASSes */

.bold {
    font-weight: bold;
    }
.bolditalic {
    font-weight: bold;
    font-style: italic;
    }
.clear {
    clear:both;
    }
.readmore, .backtotop {
    clear:both;
    font: italic x-small verdana;
    color: #c00;
    text-align: right;
    margin-top: -10px;
    }
.sidebar25pct {
    margin: 0 0 1em 1em;
    padding: 0 0 1em 1em;
    border-left: 1px solid gray;
    width: 25%;
    float: right;
    background: white;
    }


/* === NEWS & HEADLINE STYLE(S) === */

h2.headline { 
    background:none;
        border-style: none;
    border-top:none;
    margin: 10px 0 10px 0;
    padding: 0;
    }

.sidebar_new {
    width: 125px;
    border-top: thick solid #CCC;
    border-bottom: solid #999;
    float: left;
    padding: 5px;
    margin-right: 1em;
    list-style-type: none;
    }
.sidebar_new p {
    font: small arial, sans-serif;
    margin-bottom: 0.25em;
    font-weight: bold;
    text-align: left;
    }
.sidebar_new a {
    color: #c00;
    }
.sidebar_new li {
    font: italic bold large arial, sans-serif;
    color: #000;
    }
.sidebar_new li ul li {
    font: normal bold small arial, sans-serif;
    color: #000;
    list-style-type: square;
    }
.sidebar_new li ul li a {
    color: #c00;
    }
.sidebar_new li ul li a:hover, ul.sidebar_new li ul li a:active {
    color: #c00;
    text-decoration: underline;
    }
.sidebar_new li ul li a:visited {
    color: #c00;
    }
    
    
.sidebar_new_right {
    width: 125px;
    border-top: thick solid #CCC;
    border-bottom: solid #999;
    float: right;
    padding: 5px;
    margin-left: 1em;
    list-style-type: none;
    }
.sidebar_new_right p {
    font: small arial, sans-serif;
    margin-bottom: 0.25em;
    font-weight: bold;
    text-align: left;
    }
.sidebar_new_right a {
    color: #c00;
    }
.sidebar_new_right li {
    font: italic bold large arial, sans-serif;
    color: #000;
    }
.sidebar_new_right li ul li {
    font: normal bold small arial, sans-serif;
    color: #000;
    list-style-type: square;
    }
.sidebar_new_right li ul li a {
    color: #c00;
    }
.sidebar_new_right li ul li a:hover, ul.sidebar_new_right li ul li a:active {
    color: #c00;
    text-decoration: underline;
    }
.sidebar_new_right li ul li a:visited {
    color: #c00;
    }   
.phototopright350withcaption {
    float: right;
    width: 350px;
    border: none;
    margin: 0 0 5px 5px;
    padding: 2px 0 0 0;
    }
.phototopright250withcaption {
    float: right;
    width: 250px;
    border: none;
    margin: 0 0 5px 5px;
    padding: 2px 0 0 0;
    }
.phototopright200withcaption {
    float: right;
    width: 200px;
    border: none;
    margin: 0 0 5px 5px;
    padding: 2px 0 0 0;
    }

/* ====== FROM J - REMOVES 20 TOP MARGIN AND DASHED BORDER FROM H2  ========= */

.dash {
        border: #000 1px;
    border-style: none none none none;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
        }

.nodash {
        border: none;
    margin: 0px;
    padding: 0px;
         }
.subheadline {
    margin: -5px 0 12px 0;
    color:  #505050;
    font-size: 14px;
}

/*====CENTER H2 TITLE IN SPIFF BOX=====*/

#sidebar .spiff h2, #sidebar .spiff h4, #side-content .spiff h2, #side-content .spiff H4 { 
        text-align: center;
         }

/* ==== Brandon fixed the uh.edu table style ======== */

table {
    width:90%; 
    border: none;
    border-width: 0;
    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;*/
    background: none;
    color: #000;
    margin:0;
    padding:2px;
    border-bottom:1px solid #666;
    }

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

/* ==== J fixed banner bank 1px gap ======== */

#showBanner{
       margin-left:1px;
       } 

/* ==== J changed slideshow to 706x370 ======== */


/*#feature{
    width: 708px; 
    height: 370px;
}

#feature #slideShow{
    width: 708px;
    height: 370px;
}

#feature #slideShow .slide a img{
width: 706px;
height: 370px;
}
*/

.department-content{
      padding:10px 0px 10px 10px;
     /* border-top:1px solid #333333;*/
      position:relative;
}

/* ~~~~~ New Stuff 11-4 by Brandon ~~~~~ */

.italic {
    font-style: italic;
    }
.textright {
    text-align: right;
    }

.embed350 {
    float: right;
    width: 350px;
    border: none;
    margin: 0 0 10px 10px;
    padding: 10px;
    background: #CCC;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px; 
    -webkit-box-shadow: 5px 3px 15px #968e96;
    -moz-box-shadow: 5px 3px 15px #968e96;
    box-shadow: 5px 3px 15px #968e96; 
    }

.sidebar_new_right_links {
    width: 225px;
    border-top: thick solid #CCC;
    border-bottom: solid #999;
    float: right;
    padding: 5px;
    margin-left: 1em;
    list-style-type: none;
    }

.sidebar_new_right_links p {
    font: small arial, sans-serif;
    margin-bottom: 0.25em;
    font-weight: bold;
    text-align: left;
    }
.sidebar_new_right_links a {
    color: #c00;
    }
.sidebar_new_right_links li {
    /*font: italic bold large arial, sans-serif;*/
    color: #000;
    }
.sidebar_new_right_links li ul li {
    /*font: normal bold small arial, sans-serif;*/
    color: #000;
    list-style-type: square;
    }
.sidebar_new_right_links li ul li a {
    color: #c00;
    }
.sidebar_new_right_links li ul li a:hover, ul.sidebar_new_right li ul li a:active {
    color: #c00;
    text-decoration: underline;
    }
.sidebar_new_right_links li ul li a:visited {
    color: #c00;
    }   

.hiddenlogin, .hiddenlogin:visited {
    color:#FFFFFF;
    }
.hiddenlogin:hover {
    border: 1px solid #999;
    background: #c00;
    color: #000;
    }   

.tiny-buttons {
        width: 40px;
        height: 40px;
        border: none;
        float: left;
        padding: 0px 4px;
        }


/* ===== FACULTY PAGE STYLES ===== */

.fac_addr {
    margin: 0 0 10px 15px;
}

.xlarge {
    font-size:x-large; 
}
.large {
    font-size: large;
}
.medium{
    font-size: medium;
}
.xsmall{
    font-size:x-small;
    line-height:none;
}
.small{
    font-size:small;
    }
    
.center{
    text-align:center;
}
.bookantiqua,  .bookantiqua p, .bookantiqua h2 {
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.citation { text-indent: -3em; margin-left: 3em; } 

/*===== ROTATING FEATURE NAVIGATION STYLES =====*/

#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('/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;
}

div.announcement {
    width: 674px;
    margin: -70px 10px 0 250px;
    z-index: 99;
    position: absolute;
}

.uh-college div.announcement {
    margin: 0 0 0 240px;
    position: relative;
    width: 696px;
}

.announcements.highlight {
    padding: 0 !important;
}