/***********************************************************************
    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("");
    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; overflow: hidden;}
    .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 ***************/