html, body {
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px; 
color: #000000;
}
img {
border: none;
}
a:link, a:visited, a:hover {
text-decoration: underline;
color: #000000;
}
.small {
font-size: 8px; 
}
h1 {
font-size: 14px; 
color: #ae2c31;
text-transform: uppercase;
}
h2 {
font-size: 12px; 
color: #ae2c31;
margin-bottom: -8px;
}

/* HEADER */
#header  {
margin: 0;
padding: 0;
padding-bottom: 10px;
height: 64px;
background-image: url(images/OPAC_logo.jpg);
background-repeat: no-repeat;
}
#headerIntDiv {
position: absolute;
margin-left: 178px;
margin-top: 24px;
background-image: url(images/rainbow_bar_sm.gif);
background-repeat: repeat-x;
width: 100%;
}
#headnav { /* this is a cheat beacuse i couldn't get the top nav to stick to the bottom of the header div*/
float: right;
text-align: right;
margin: 0;
padding: 0; 
margin-top: 47px;
margin-right: 20px;
}
#headnavInterior { /* delete this */
float: right;
text-align: right;
margin: 0;
padding: 0; 
margin-top: 12px;
margin-right: 20px;
}
#headIntDiv { /* delete this */
margin: 0;
padding: 0; 
margin-left: 178px;
margin-top: 12px;
background-image: url(images/rainbow_bar_sm.gif);
background-repeat: repeat-x;
width: 480px;
}

/* GLOBAL NAV - used in both header and footer */
.globalnav {
margin: 0;
padding: 0; 
font-size: 8px;
color: #ec292d;
font-weight: bold;
}
.globalnav a:link, .globalnav a:visited, .globalnav a:hover {
color: #ec292d;
font-size: 8px;
font-weight: bold;
text-decoration: none;
}

/* LEFT NAV */
#leftnav {
margin: 0;
padding: 0;
padding-left: 11px;
width: 167px;
float: left;
}
#leftnav ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 12px;
color: #757272;
}
#leftnav ul li {
margin-bottom: 8px;
}
#leftnav ul li a:link, #leftnav ul li a:visited {
color: #757272;
font-size: 12px;
text-decoration: none;
}
#leftnav ul li a:hover {
color: #cf3f3f;
text-decoration: none;
}
#leftnav ul ul {
margin: 0;
margin-top:3px;
margin-bottom:3px;
padding: 0;
padding-left: 16px;
font-size: 10px;
}
#leftnav ul ul li {
margin-top: 2px;
margin-bottom: 4px;
font-size: 10px;
}
#leftnav ul ul li a:link, #leftnav ul ul li a:visited {
color: #757272;
font-size: 10px;
text-decoration: none;
}
#leftnav ul ul li a:hover {
color: #cf3f3f;
text-decoration: none;
}
#leftnav .highlight {
color: #cf3f3f; 
}
#ad {
width: 149px;
margin-top: 10px;
margin-bottom: 20px;
background-color: #ffffff;
/* border: 5px #eaaf0f solid; */
/* padding-bottom: 7px; */
}
/* Ad Space */
#ad .adtext {
margin: 0;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 6px;
font-size: 8px;
text-align: justify;
}
#ad .adlink {
margin: 0;
padding: 0;
padding-left: 10px;
padding-right: 10px;
font-size: 8px;
font-weight: bold;
text-align: center;
color: #c7006d;
}
#ad .adlink a:link, #ad .adlink a:visited, #ad .adlink a:hover {
font-size: 8px;
font-weight: bold;
color: #c7006d;
text-align: left;
text-decoration: underline;
}

.adheader {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}

.acrobat {
margin-bottom: 7px;
}

/* CONTENT AREA */
#homeContent {
margin: 0;
margin-left: 178px;
padding-top: 15px; 
padding-left: 20px; 
padding-right: 12px; 
padding-bottom: 10px;
border-left: 1px #000000 solid;
height: 100%; 
min-width: 480px;
min-height: 400px;
background-image: url(images/rainbow_bar_med.gif);
background-repeat: repeat-x;
}

#content {
margin: 0;
margin-top: -39px;
margin-left: 178px;
padding-left: 20px; 
padding-right: 12px; 
padding-bottom: 10px;
border-left: 1px #000000 solid;
height: 100%; 
}

hr {
margin: 0;
padding: 0; 
color: #ffffff; 
background-color: #ffffff; 
border: 2px dotted #d6d6d6; 
border-style: none none dotted none; 
}
/* PUBLICATIONS LIST */
.publist {
border-collapse: collapse;
width: 100%;
text-align: left;
}
.publist th {
text-transform: uppercase;
color: #ae2c31;
font-size: 12px;
padding-top: 13px;
text-align: left;
}
.publist .rowdiv {
border-top: 2px dotted #d6d6d6; 
border-collapse: collapse;
height: 1px;
}
.publist .pubimage {
padding-top: 9px;
padding-bottom: 10px; 
width: 113px;
}
.publist .pubdetail {
padding-top: 9px;
padding-bottom: 10px; 
vertical-align: top; 
}
.publist .pubactions {
font-weight: bold;
padding-top: 9px;
padding-bottom: 10px; 
padding-left: 17px; 
vertical-align: top;
text-align: left; 
width: 81px;
}
.publist .pubactions a:link, .publist .pubactions a:visited, .publist .pubactions a:hover {
font-size: 8px;
color: #ec292d;
text-decoration: none;
}
.publist .pubactions ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left; 
color: #ec292d;
font-size: 8px;
font-weight: bold;
}
.publist .pubactions ul li {
margin: 0;
padding: 0;
margin-bottom: 8px;
vertical-align: top;
padding-left:27px;
}
.publist .pubactions ul li.download {
background:url(images/pdf.gif);
background-repeat: no-repeat;
background-position: 0 0;
line-height: 17px;
}
.publist .pubactions ul li.spanish {
background:url(images/spanish.gif);
background-repeat: no-repeat;
background-position: 3px 3px;
}
.publist .pubactions ul li.add {
background:url(images/add.gif);
background-repeat: no-repeat;
background-position: 3px 3px;
}

/*
.products {
margin: 0;
padding: 0; 
}
.products ul {
list-style: none;
}
.products li {
display: inline;
margin-right: 15px; 
}
.products li ul {
display: inline;
}
.products a:link, .products a:visited, .products a:hover {
color: #ec292d;
font-size: 8px;
text-decoration: none;
}
*/

/*
#productList {
margin: 0;
padding: 0; 
}
#productList .thumbnail {
float: left;
margin-right:15px;
}
#productList .item {
clear: both;}

#productList .actions {
float: right;
}
*/

/* FOOTER */
#footer {
margin: 0;
padding: 0; 
clear: both;
height: 99px;
}
#partnerlinks {
margin: 0;
padding: 0; 
width:178px;
float: left;
border-top: 8px #8080a0 solid;
height: 99px;
text-align: center;
padding-top: 20px;
}
#footnav {
margin: 0;
padding: 0; 
padding-top: 25px;
padding-left: 34px;
margin-left:178px;
border-left: 1px #000000 solid;
height: 99px;
background-image: url(images/rainbow_bar.gif);
background-repeat: repeat-x; 
}