/* libraryweb -- style sheet for UTEP library web pages */
 html {
 margin: 0;
 padding: 0;
  }
 
 body { 
 margin: 0;
 padding: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font : 12px; 
 text-align: center;
 
    }
 
   /* standard font sizes and colors */
a:link  { 
 color: #003466;
 font-weight: bold;
 text-decoration: none;

}

a:visited   { 
 color: #003466;
 font-weight: bold;
 text-decoration: none;
}

a:active   { 
 color: #003466;
 font-weight: bold;
 text-decoration: none;
}

a:hover  { 
 color: #FF6633;
 font-weight: bold;
 text-decoration: none;
}

.nolink	{
margin: 0;
font-family: tahoma;
font-size: 12px;
color: #FF6633;
text-decoration: none;
  }
  
.nolink1	{
margin: 0;
color: #FFC097;
text-decoration: none;
  } 
  
.orange {
color: #FF6B09;
font-weight: bold;
}
  
tr	{
font-size: 12px;
}

td	{
font-size: 12px;
}

h1  { 
margin: 5px 0 10px 0;
font-size: 1.75em;  
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #000000;
}

h2  { 
margin: 5px 0 10px 0;
font-size: 1.50em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #000000;
}

h3  { 
margin: 5px 0 10px 0;
font-size: 1.25em;  
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #000000;
}

h4  { 
margin: 5px 0 10px 0;
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #000000;
}

p	{
font-family: Verdana, Arial, Helvetica, sans-serif;
}

p.h1_less {
margin: 0;
}

.small	{
font-size: .9em;
}

.smallindex {
font-size: .9em;
text-align: center;
}

.medium	{
font-size: 1.25em;
}

p.search {
margin: 5px 0;
}

/* header table and text */
table.header	{
width: 90%;
}

tr.header	{
background-color: #E4E4E4;
}

td.header	{
text-align: center;
}

table.headertable	{
width: 95%;
}

td.headertable {
text-align: center;
border: 1px solid #2D3C55;
width: 25%;
}

table.littlehours {
width: 60%;
text-align: left;
}

td.littlehours	{
width: 50%;
vertical-align:top
}

td.littlehoursright	{
width: 50%;
text-align:right;
vertical-align:top
}

table.book {
width: 50%
}

table.hours {
width: 90%;
border: 1px solid #6683AE; 
text-align: left;
}

td.hours	{
border: 1px solid #8DA3C2;
width: 25%;
text-decoration: none;
}

td.maps	{
border: 1px solid #8DA3C2;
width: 10%;
}

td.maps1	{
border: 1px solid #8DA3C2;
width: 40%;
}

table.instruction {
width: 90%;
border: 1px solid #6683AE;
}

tr.instruction {
border: 1px solid #6683AE;
}

td.instruction {
width: 50%;
border: 1px solid #6683AE;
}

tr.blue	{
background-color: #E6EAF2;
}

td.cd {
width: 50%;
border: 1px solid #6683AE;
}

td.code	{
width: 8%;
border: 1px solid #DBE1EE;
}

td.description	{
width: 70%;
border: 1px solid #DBE1EE;
}

td.headerdate	{
text-align: center;
}

td.govnav	{
text-align: center;
width: 50%
}

tr.govnav	{
background-color: #E4E4E4;
}

table.home {
margin: 0 0;
}

table.home_new {
margin: 10px 0;
}

td.home {
margin: 0 0;
border-top: solid #6683AE 1px;
border-bottom: solid #6683AE 1px;
}

td.tack {
margin: 0 0 0 0;
vertical-align: top;
}

.selectedtab  { 
  margin: 1px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #003466;
  text-decoration: none;
}

.selectedtab1  { 
  margin: 1px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

.selectedtab_blue  { 
  margin: 1px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #476187;
  text-decoration: none;
}

.selectedtabright  { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

a.selectedtab:link  { 
  color: #003466;
  text-decoration: none;
}

a.selectedtab:visited  { 
  color: #003466;
  text-decoration: none;
}

a.selectedtab:active   { 
  color: #003466;
  text-decoration: none;
}

a.selectedtab:hover   { 
  color: #ff6600;
  text-decoration: none;
}


/* layout for libraryweb pages */

#wrapper {
	width: 760px;
	background: #FFFFFF;
	margin: 0 auto;
		}

#header {
margin: 0 0 0 0;
padding: 0;

}

#sidebar {
float: left;
width: 180px;
margin: 10px 0 0 0;
padding: 0 0 0 0;
font-size : 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}

#main {
margin: 10px 0 0 195px;
text-align: left;
height: auto;
font-size : 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left: .75em;
}


#footer {
float: left;
margin: 10px 0 0 0; 
padding: 0 0 0 0;
text-align: center;
width: 100%;
border-top: solid #003466 3px;
}

#google {
line-height: 12px;
}

p.menu {
display: block;
margin: 0;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: left;
}

p.menu a {
display : block;
margin: 0;
padding-top : 2px;
padding-right : 3px;
padding-bottom : 2px;
padding-left : 3px;
text-decoration : none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font: bold 12px;
color : #FFFFFF;
background-color : #003466;
border: solid #364867 1px;
text-align: left;
}

p.menu a:visited  {
background-color : #003466;
border: 1px solid #364867;
color : #FFFFFF; 
text-decoration : none;
text-align: left;
}

p.menu a:hover {
background-color : #FFFFFF ;
border : solid #003466 1px;
color : #003466;
text-decoration : none;
text-align: left;
}


p.menu a:visited:hover {
background-color : #FFFFFF ;
border : solid #003466 1px;
color : #003466;
text-decoration : none;
text-align: left;
}

p.menuselect {
display : block;
margin: 0 0 2px 0;
padding-top : 2px;
padding-right : 3px;
padding-bottom : 2px;
padding-left : 3px;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color : #003466;
background-color : #FFFFFF ;
border : solid #003466 1px ;
text-decoration : none;
text-align: left;
}

p.menusub	{
display : block;
margin-top : 1px;
margin-bottom :3px;
margin-left : 3px;
font-size : 12px;
color : #FF6633;
text-align: left;
padding-top : 0px;
padding-right : 0px;
padding-bottom : 0px;
padding-left : 3px;
text-decoration : none;
}

p.menusub a {
color : #003466;
}

p.menusub a:visited {
color : #003466;
text-decoration : none;
text-align: left;
}

p.menusub a:hover {
color : #FF6633;
text-decoration : underline;
text-align: left;
}

td.white	{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background-color: #6683AE;
border: solid #6683AE 1px;
text-align: left;
}

td.app	{
background-color: #DBE1EE;
border: 1px solid #6683AE;
}

#app {
margin: 20px 0 0 20px;;
width : 90%;
height: auto;
text-align: left;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* center text */
div.index	{
text-align: center;
}

h1.index			{
text-align: center;
}

h2.index			{
text-align: center;
}

h3.index		{
text-align: center;
}

p.index	{
text-align: center;
}

p.right	{
margin: 0;
text-align: right;
}

right {
text-align: right;
}


p.left {
text-align: left;
}

p.red	{
font-size: 18px;
color: #CC0000;
text-align: center;
}

p.red a {
font-size: 18px;
color: #003466;
text-align: center;
text-decoration:underline; 
}

p.red a:hover {
color: #FF6633;
}

.rednormal {
font-size: 12px;
color: #CC0000;
}

p.redindex {
font-size: 12px;
color: #CC0000;
text-align: center;
}

caption { 
width: auto;
text-align: left
 }
 
blockquote.maps {
margin: 5px;
}

hr.home {
color: #8299BD;
width: 75%;
height: 3px;
text-align: center;
}

.hours {
text-decoration: underline;
}


/* skip navigation */
 #skip a, #skip a:hover, #skip a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skip a:active, #skip a:focus
{
position:static;
width:auto;
height:auto;
}

.skiplink a:visited:hover {
font-size: xx-small;
color: #FFFFFF;
}
