/********************************************************
             TABLE OF CONTENTS                          *
    Press Ctrl-F and enter the section's ID             *
                                                        *
    ID   -  Content                                     *
    ----------------------                              *  
    01A. - General Styling                              *
    02A. - Navigation and Header                        *
         > 02B - Header                                 *
         >  02C - Occassionally used left navigation    *
    03A. - Breadcrumbs                                  *
    04A. - Tables                                       *
    05A. - Footer                                       *
    08A. - Library Staff Page                           *
    09A. - Student Services page                        *
    10A. - Library Instruction and Media Center         *
    11A. - Library Staff page                           *
    12A. - Texas Index Home Page                        *
         > 12B - Texas Index Search Results             * 
                                                        *
********************************************************/


/*****************************
**** 01A. General Styling ****
*****************************/

h1 {
    font-style: italic;
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    padding: 10px 0 10px 0;
    color: #9c1e3d;
}

h2 {
    color:#1e3c9b; /*blue*/
    font-size:18px;
}

/*without h2 a, h2 text that is also a link will take on the link properties*/
h2 a {
    color:#1e3c9b; /*blue*/
    font-size:18px;
}

h3 {
	color:#9c1e3d; /*red*/
	text-align:center;
    font-size:14px;
}

h4 {
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
    color: #9c1e3d;
}

/*remove the blue border around hyperlinked images*/
img {
    border:0;
}

/*The header-image*/
#Layer1 img {
    border:0;
}

a {
    color:#444444;
    text-decoration:none;
}

a:hover {
    color: #9c1e3d;
    text-decoration:underline;
}

/*Outside the main content though the font size and type applies to the entire page*/
body {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    background-color: #444444;
    line-height:130%;
}

/*The content section of the web page as a whole.  This is stored in the MASTER file*/
#wrapper {
    background-color:#ffffff;
    width:960px;
    margin:auto;
    padding-bottom:10px;
}

#content {
    margin-left: 100px;
    margin-right: 100px;
    background-color: #ffffff;
    padding-bottom: 20px; /*Removes a tiny but of gray space*/
    letter-spacing: .02em;
}

.blue-subheader, .blue-subheader a {
    margin-right:auto;
    text-align:center;
    font-size:18px;
    color:#1e3c9b;
    margin:15px 0 15px 0;
    font-weight:bold;
}

.black-subheader {
    color:#000000;
    font-size:18px;
    text-align:center;
}

/*red,larger text.  Very similar to .red-italic*/
.red-subheader {
    color:#9c1e3d;
    font-size:14px;
    text-align:center;
}

/*Bold, Italic, red, text.  Currently used only on the Library Staff and TXIndex Publisher Information pages*/
.red-italic {
        font-style:italic;
        font-weight:bold;
        color:#9c1e3d;
        font-size:12px;
        text-align:center;
}

/*simply aligns text left*/
.leftalign {
    text-align:left;
}

/*used for <li> with no bulletpoint*/
.bulletpointless {
    list-style-type:none;
}

/*The div which contains the jQuery that detects and tests the browser*/
#browserstatus {
    padding-bottom:10px;
    padding-top:10px;
    margin-bottom:10px;
    overflow:hidden;
	font-size:12px;
}

/******************************/
/******* 02A. Navigation ******/
/******************************/
nav {
		padding:0;
		background-color:#444444;
		margin:0;
		height:35px;
		border-top: 3px solid #dddee1;
		border-bottom:3px solid #dddee1;
        width:960px; /*the same as the content*/
	}
	
	nav ul {
		padding:0;
		margin:0;
		height:35px;
	}

    nav ul li {
        display: inline;
        /*padding:0 25px 0 25px;*/
        padding: 0 20px 0 20px;
    }
	
	nav ul li a:link, nav ul li a:visited {
		color:#ffffff;
		background-color:#444444;
		text-decoration:none;
		font-size:14px;
		text-align:center;
		display:inline;
		padding:0;
		line-height:35px;
	}

    nav ul li a:hover {
        background-color:#9c1e3d;
}

/**********************************************
**** 02C. Optional Left Navigation Sidebar ****
**********************************************/

/*On some pages, such as the Library Departments page, a secondary jQuery-powered navigation-sidebar*/
/*height of the page (#content) or navbar itself (#nav2) may need to be increased / set to accomodate for this. */
#nav2 {
    width:30%;
    background-color:#ffffff;
    padding-left:0;
    float:left;
    border-right:2px solid #999999;
    margin-right:30px;
}

#nav2 a {
    cursor:pointer;
    text-decoration:none;
}

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

#nav2 li {
    list-style-type:none;
    line-height:35px;
}

/**************************/
/******* 02B. Header ******/
/**************************/

#headerimage {
    margin-bottom:-5px;
    width:210px;
}

/*The header*/
.header {
    margin:0 auto -4px auto;
    width:960px;
	height:100px;
    background:#ffffff;
}

#headerinfo a:hover {
    text-shadow: 1px 0 0 #9c1e3d;
    text-decoration: none;
}

.header #headertable {
    width: 960px;
}

/*The library hours cell*/
.header #hours {
        font-size: 15px;
        color: black;
        font-weight: 700;
        line-height: 1.5em;
}

.header #morehours {
    margin: -5px 5px 0 0;
    padding-left:5px;
    font-size: .85em;
}


    /* The clock icon in the header */
    .header #clockyclock {
        vertical-align: bottom;
        margin-right: -35px;
    }

    /*The current day's hours of operation*/
.header .s-lc-time {
    color: #1e3c9b;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 15px;
}


    /*Hide the "VC/UHV Library" text*/
    .header .hours-col-loc {
        display: none;
    }

    .header #hours {
    }

    .header #headerinfo {
        font-size: 15px;
        text-align: left;
        max-width:560px;
    }

	
/**************************
***** 03A. Breadcrumbs ****
**************************/
#breadcrumbs {
    background-color: #ffffff;
    width: 960px;
    margin: auto;
    font-size: 1em;
    text-indent: 5px;
    padding-top: 5px;
    text-align: left;
}

#breadcrumbs a {
	font-size:1em;
	color:#444444;
	font-weight: bold;
}

#breadcrumbs a:hover{
    color:#9c1e3d;
}

/**************************
******* 04A. Tables *******
**************************/
    .toc {
        margin-left:auto;
        margin-right:auto;
        padding:0;
    }

    .toc tr {
        margin:0;
        padding:0 3px 2px 3px;
    }

    .toc td {
        line-height:30px;
        padding-right:25px;
    }

    .toc th {
        margin:0;
        padding:0;
        background-color:#444444;
        color:#ffffff;
        font-weight:bold;
    }

    /*replacing the <table> tag*/
.table {
    display:table;
    margin-left:auto;
    margin-right:auto;
    padding:0 0 10px 0;
    width:610px;
    
}

/*The table on the sitemap page*/
.sitemap-table {
    display:table;
    margin-left:auto;
    margin-right:auto;
    width:800px;
}

.sitemap-table li {
    padding:3px 0 3px 0;
}

/*replacing the <th> tag*/
.table-header {
    display:table-cell;
    background-color:#444444;
    color:#ffffff;
    font-weight:bold;
    padding:0 10px 0 10px;
    text-align:left;
}
/*For table-of-contents with only one header value*/
.toc-header {
    display:table-cell;
    background-color:#444444;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
    padding:5px 0 5px 30px;
}
.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
    padding: 10px 10px 10px 10px;
    text-align:left;
}


/*Left aligning.  This was originally done for the table on the Services for Students page*/
.table-left-aligned {
    margin-left:0;
}


/*for tables with multiple columns*/
.grid-row {
    display:inline-table;
    width:750px;
}

/*for tables with multiple columns*/
.grid-cell {
    display: table-cell;
    padding: 10px 0 10px 10px;
    text-align:left;
    vertical-align:top;
    width:150px;
}

.grid-cell h2 {
    font-size:14px;
    padding-left:10px;
}

/********************
**** 05A. Footer ****
********************/

footer {
		font-size:1em;
		width:960px;
		color:#444444;
		background-color:#ffffff;
		font-weight:bold;
		border-top:6px solid #9c1e3d;
		margin:auto;
        float:left;
	}
	
	footer a {
		text-decoration:none;	
	}
	
	footer a:hover {
		text-decoration:underline;
	}

.footericon {
	width:30px;
	height:30px;
	margin-left:75px;
}

#uhvicon {
    width:30px;
    height:30px;
}

#victoriaicon {
    width:140px;
    height:60px;
}

.footer-cell{
    display: table-cell;
    padding: 25px 5px 10px 15px;
    font-weight:bold;
    text-align:left;
    vertical-align:middle;
}

.footer-row {
    display:table-row;
}


/*******************************/
/*708A. The Library Staff Page */
/*******************************/
.stafflistth {
    color:#ffffff;
	background-color:#444444;
	text-align:center;
    display:inline;
    padding-left:25px;
}


.stafflist {
	padding:0 19px 10px 3px;
    width:740px;
}

.stafflist tr {
    border: 1px solid gray;
    border-spacing: 2px;
    padding: 0 3px 2px 3px;
    width:740px;
}
/*The names of the staff members.  These link to contact forms.*/
.stafflist a{
    color:#444444;
	font-weight:bold;
}

.stafflist a:hover{
    color:#9c1e3d;
}

.generalnumbers {
    margin:auto;
    font-weight:bold;
    padding:8px 0 10px 0;
}

.generalnumbers td {
    padding:0 3px 2px 3px; 
    width:291px;
    text-align:center;
}

.generalnumbers tr {
    padding:0 3px 2px 3px; 
}

/*For centered paragraphs.  The width of the content is 610px so 305 is half*/
.centered {
    text-align:center;
    margin-top:0;
}

/*******************************/
/* 08A. Student Services Page **/
/*******************************/

/*A small picture of the circulation desk*/
#circimage {
    float:right; /*sets the image to the right of a paragraph of text*/
}

 /*The small image of the library computers on thye first floor*/
 #libcomputers {
     float:right;
     padding-left:10px;
 }
 /*the study room images*/
 .studyroomimage {
     width:150px;
     height:100px;
 }

.leftalignimg {
     float:left;
     padding-right:10px;
 }

/*adding space between each field on the "add record" page*/
.record-addition-field {
    margin-bottom:25px;
}

/******************************************************************************************************************/
/** 09A. Alternative Page Layout - Used on the Student Services page**/
/******************************************************************************************************************/
.sectionleft{
	float: left;
	margin: 0 2%;
	padding: 0;
	width: 32%;
	height: 375px;
	background-color: #ffffff;
	border: solid 3px #dddee1;
}

/*The titles of each of the boxes*/
    .sectionleft h2, .sectionright h2, .middle h2, .mission h2, #faculty h2 {
        margin: 0;
        padding: 2.5px 5px;
        font-size: 1.083em;
        color: #ffffff;
        background-color: #9c1e3d;
        text-align: left;
        border-bottom: #dddee1 solid 3px;
    }

/*also used on Media home page*/
.sectionright{
	float: right;
	padding: 0;
	height: 135px;
	width: 24%;
	background-color: #ffffff;
	border: solid 3px #dddee1;
	text-align:center;
}
.sectionright a:link, 
.sectionright a:visited, .sectionleft a:link, 
.sectionleft a:visited  {
	color: #444444;
	text-decoration: none;
	font-weight: bold;
}
.sectionright a:hover, .sectionleft a:hover {
	color:#9c1e3d; 
	text-decoration: underline ; 
	font-weight: bold;
}
#imagebox{
	margin-top: 25px;
	height: 170px;
	float: right;
	margin-left: 2%;
	margin-right: 2%;
	padding: 0;
	border: solid 3px #dddee1;
	width: 24%;	
}

#imagebox img{
	height: 170px;
	width: 100%;
}
.middle{
	float: left;
	margin: 0 0 0 1%;
	width: 32%;
	height: 375px;
	background-color: #ffffff;
	border: solid 3px #dddee1;
}
.middle a:link, 
.middle a:visited {
	color: #444444;
	text-decoration: none;
	font-weight: bold;
}
.middle a:hover {
	color:#9c1e3d; 
	text-decoration: underline ; 
	font-weight: bold;
}

.heading{
	margin: 0;
	padding: 0;
	background-color: #9c1e3d;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
#more{
	text-align: right;
	margin: 0 20px 0 0;
	padding: 0;
}
.mission{
	float: left;
	width: 95.5%;
	margin: 25px 2%;
	background-color: #ffffff;
	border: solid 3px #dddee1;
}

.mission #inner {
    padding:10px 20px;
}

#workshops{
	float: left;
	width: 63%;
	height: 196px;
	margin:0 10px 0 0;
	background-color: #EBE8DA;
}

/*lists on the Library Instruction page*/
.instruct-list li{
    list-style-type:disc;
    padding:4px 0 4px 0;
}

/***************************
**** 11A. Library Staff ****
***************************/

    /*Align all of the cells so that the information is at the top*/
    #content tr {
        vertical-align:top;
    }

    /*change the width of each column*/
    .staffinfo td {
        width:20%;
        padding:5px 0 5px 0;
    }

    .staffinfo table {
        width:90%;
        margin:auto;
        margin-top:-10px;
    }

    .staffinfo #th1 {
        width:219px;
        background-color:#444444;
        color:#ffffff;
        font-weight:bold;
    }

    .staffinfo #th2 {
        width:218px;
        background-color:#444444;
        color:#ffffff;
        font-weight:bold;
    }

    .staffinfo #th3 {
        width:225px;
                background-color:#444444;
        color:#ffffff;
        font-weight:bold;
    }


/*********************************
** 12B. TX Index Search Results **
*********************************/

/*The grey lines seperating items within the TX INDEX Records Lists*/
.txindex-seperator {
    background-color:#dddee1; /*light grey*/
    height:17px;
}

/*The four buttons making up the pager*/
#txindexpager {
    text-align:right;
    padding:10px 0 0 0;
}

/*A little spacing on the Sort-Type drop-down*/
#CPH1_DropDownListSort {
    margin-left:5px;
}

/*The content of the page, the actual records*/
.txindex #form1 {
    width:85%;
    margin:auto;
}