/* header styling (in the new style, Aug 2008) */


/* make room for the siteinfo header ath tetop of the page*/
body
{
padding: 0px;
margin:0px;
padding-top: 120px;

}
div#content
{
padding-left: 7%;
padding-right: 7%;
margin:0px;


}



/* position the site-info div at the top of the page */


#site-info
{
position: absolute;
width: 100%;
top: 0px;
left: 0px;
height: 116px;
text-align: right;

background: url(../images/header-bg.jpg) repeat-x 620px 0px ;

/*
border: 1px solid red;
border-right: 0px solid red;
margin-left: 620px;
margin-top: 0px;
margin-right: 0px;
padding-bottom: 116px;
padding-right: 400px;
background-color: orange;
display: block;
background: url(../images/header-bg.png) no-repeat right 20px ;
*/
}




div#site-info dl, div#site-info dl dd, div#site-info dt

{
margin: 0px;
padding: 0px;
}

div#site-info dl dd#serviceName
{

/*
for testing...


border: 1px solid red;
*/


/* position the servicename text and make it the same size as the logo */
position: absolute;
display: block;
top: 0px;
left: 275px;
height: 110px;
width: 340px;

background: url(../images/servicename.png) no-repeat 0px 0px;

/* obscure the actual text */

font-size: 0px;
color: #fff;

}



div#site-info dl dd#institution a
{


position: absolute;
top: 0px;
left: 0px;


/* position the institution link and make it the same size as the logo */
/* 
   Original comment (above) claims "same size as the logo" BUT the link is actually bigger than the image.
   The actual logo image is 78px high, then background-position adds 19px from the top = 97px. 
   Previously the link block was 118px high which covered up some of the content underneath it.
   2024-03-21: If we now make link 110px high, that still leaves 13px of active link underneath the image,
   but doesn't overwrite the "CUD Home" link, which normally appears at an absolute position of 115px.
*/

display: block;
height: 110px;
width: 291px;
background-image: url('../images/crest.png');
background-color: #fff;
background-repeat: no-repeat;
background-position: 20px 19px ;

/* obscure the actual text */

font-size: 0px;
color: #fff;
text-decoration: none;
padding: 0px;
margin: 0px;
border-style: none;
line-height: 0px;


/*
for testing...


border: 1px solid red;
*/

}

div#site-info dl dd#unitName
{
position: absolute;
top: 0px;
left: 615px;


display: block;
height: 105px;
width: 90px;
background-image: url('../images/linacre.png');
background-color: #fff;
background-repeat: no-repeat;
background-position: 0px 20px ;


/* obscure the actual text */
font-size: 0px;
color: #fff;
text-decoration: none;
padding: 0px;
margin: 0px;
border-style: none;

line-height: 0px;

/*
for testing...


border: 1px solid red;
*/
}






/* hide anything that's for non-visual exposition*/

.nonvis-exposition
{
position: absolute;
top: -1600px;
left: -1600px;
}