html
{
  margin:0;
  padding:0;
  width:100%;
  overflow-y: scroll;
}
body
{
  margin:0;
  padding:0;
  width:100%;
}

form
{
  padding: 0;
  margin: 0;
}

div.pageline
{
  height:1px;
  background-color: #8f8f8f;
  width:100%;
  overflow:hidden;
}
div.pagepartholder
{
  margin: 0 auto;
  width:940px;
}


/* Header */
div#firstpageline
{
  position:absolute;
  left:0;
  top:99px;
}
div#siteheaderholder, div#sitefooterholder
{
  position: relative;
}
div#siteheader, div#sitefooter
{
  background-repeat: no-repeat;
  background-position: top center;
  width:100%;
}
div#sitefooter
{
  margin-top: 80px;
  height:585px;
}
body.header196 div#siteheader
{
  height:196px;
}
body.header99 div#siteheader
{
  height:99px;
}
div#headerlinksholder
{
  position: relative;
  width: 956px;
  margin: 0 auto;
}
div#headerlinksholder table
{
  position: absolute;
  top: 12px;
  width: 956px;
  border: none;
  border-collapse: collapse;
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  font-size: 0.666em;
}
div#headerlinksholder td
{
  padding:0;
}
div#headerlinksholder td#uplinkcell
{
  text-align: left;
  vertical-align: top;
  width: 340px;
}
div#headerlinksholder td#headerlinkscell
{
  text-align: right;
  vertical-align: top;
  width: 600px;
}
div#headerlinksholder a
{
  text-transform: uppercase;
  text-decoration: none;
  color: #585858;
  font-weight: bold;
}
a#headeruplink
{
  position: absolute;
  display: block;
  top: 12px;
}
div#headerlinksholder a img
{
  border: none;
}
div#headerlinks
{
  position: absolute;
  right: 46px;
  top: 12px;
}
div#headerlinksholder a
{
  display: inline-block;
  background-color: white;
}
div#headerlinksholder span.linkcontents
{
  margin: 0 8px;
}
div#headerlinksholder a:hover
{
  background-color: #d2d2d2;
}
img#headerutlogo
{
  position: absolute;
  top: 70px;
}
div#sitenameholder
{
  position: absolute;
  top: 70px;
  width: 940px;
  height: 20px;

  text-align: right;
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  color: #222222;
}
div#sitenameholder img
{
}
div#sitenameholder span#headersitetitle
{
  background-color: white;
}

/* Site footer */
div#sitefooternav
{
  position: absolute;
  top:36px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.73em;
}
div#sitefooternav ul
{
  float: left;
  margin: 0;
  padding: 0;
  color: #004499;
  text-indent:0;
  width:188px;
}
div#sitefooternav li
{
  margin: 4px 0 0 0.6em;
  text-indent: -0.6em;
  padding-left: 0;

  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
}
div#sitefooternav li a
{
  color: #003399;
  text-decoration:none;
}
div#sitefooternav li a:hover
{
  text-decoration:underline;
}
div#grayarea
{
  position:absolute;
  top:37px;
  left:720px;
  width:220px;
  height:195px;
  background-color:#d2d2d2;
}
div#footerutlogo
{
  position: absolute;
  top: 262px;
  left: 700px;
  width: 240px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: right;
  background-image: url(/media/3dcampus/utlogo.169x14.gif);
}
body.lang_en div#footerutlogo
{
  background-image: url(/media/3dcampus/utlogo.169x14.gif);
}
div#footerlinks
{
  position: absolute;
  top: 279px;
  left: 700px;
  width: 240px;
  text-align: right;

  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  font-size: .7em;
  color: #d2d2d2;
}
div#footerlinks a, div#footerlinks span
{
  margin: 0 0 0 12px;
  color: #a2a2a2;
  text-decoration: none;
}
div#footerlinks a:hover
{
  text-decoration: underline;
}
/* Inner page */
table#pagebodytable
{
  width: 940px;
  border: none;
  border-collapse: collapse;
}
td#pagebodymenucol, td#pagebodycontentcol, td#pagebodybannercol
{
  vertical-align: top;
  text-align: left;
}
td#pagebodymenucol
{
  padding: 46px 10px 0 0;
  width:220px;
}
div#pagebodymenucolminsize
{
  width:220px;
}
td#pagebodycontentcol
{
  padding: 0 10px 0 10px;
  width: 460px;
}
td#pagebodybannercol
{
  padding: 0 0 0 10px;
  width: 220px;
}
td#pagebodybannercol div.banner
{
  width: 100%;
  overflow: hidden;
  margin-top: 12px;
  text-align: center;
}
div#navpatharea, div#sitetypeindicator
{
  margin:13px 0 0 0;
  height:33px;

  color: #585858;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7333em;
  overflow: hidden;
}
div#navpatharea a, div#navpatharea span
{
  color: #585858;
  text-decoration:none;
}
div#navpatharea a:hover
{
  text-decoration:underline;
}
/* Site type (ie intranet) */
div#sitetypeindicator
{
  text-align:right;
}

/* corners */
span.corners
{
  position:relative;
  display:block;
}
img.corner_nw, img.corner_ne, img.corner_sw, img.corner_se
{
  position: absolute;
  display: block;
  border: none;
}
span.corner_nw, span.corner_ne, span.corner_sw, span.corner_se
{
  position: absolute;
  display: block;
  width: 1px;
  height: 1px;
  background-image: url(/media/3dcampus/corner.gif);
  background-repeat: no-repeat;
}
.corner_nw
{
  top:0;
  left:0;
  background-position:top left;
}
.corner_ne
{
  top:0;
  right:0;
  background-position:top right;
}
.corner_sw
{
  bottom:0;
  left:0;
  background-position:bottom left;
}
.corner_se
{
  bottom:0;
  right:0;
  background-position:bottom right;
}

/* Site menu (left) */
div.sitemenu
{
  width:100%;
  margin-bottom:25px;
}
div.sitemenu a
{
  display:block;
  margin: 6px 0;

  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-decoration: none;
  text-transform: uppercase;
  color: #222222;
}
div.sitemenu span.linkcontents
{
  display:block;
  padding: 0 8px 1px 5px;
}
div.sitemenu a:hover
{
  background-color: #d2d2d2;
  font-weight: bold;
}
div.sitemenu a.selected
{
  background-color: #000000 !important;
  font-weight: bold;
  color: #ffffff;
}

/* Site contents */
div#content
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  color: #222222;
}
div#content a
{
  text-decoration:none;
  color:#003399;
}
 div#content h1
,div#content h2
{
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  color: #222222;
  text-transform: uppercase;
  font-weight: normal;
}

 div#content h1
,div#content h1.wh-heading1
{
  font-size: 1.86em;
  line-height: 1.3em;
  margin: 0 0 20px 0;
  padding: 0;
}

 div#content h2
,div#content h2.wh-heading2
{
  font-size: 1.2em;
  margin: 15px 0 8px 0;
  padding: 0;
}
 div#content h3
,div#content h3.wh-heading3
{
  margin: 15px 0 8px 0;
  padding: 0;
}

 div#content h4
,div#content h4.wh-heading4
{
  margin: 15px 0 15px 0;
  padding: 0;
}

div#content div#indexpage div.browsetitle
{
  border-bottom: 1px solid #8f8f8f;
  padding-bottom: 0px;
  margin-bottom: 15px;
}

div.webpack-survey fieldset div.browsetitle h2
{
  font-weight: bold;
  text-transform: uppercase;
  color: #8f8f8f;
}


div#content div#indexpage table.indexoverview
{
  border-collapse: collapse:
  border: none;
}

div#content div#indexpage table.indexoverview td
{
  text-align: left;
  vertical-align: top;
  padding: 0;
  width: 220px;
}
div#content div#indexpage table.indexoverview td.first div.block
{
  padding-right: 26px;
}

div#content div#indexpage div.block
{
  margin-bottom: 20px;
}
div#content div#indexpage div.line
{
  padding: 4px 0 4px 0.75em;
  text-indent: -0.75em;
}

 div#content div#indexpage span.blocktitle
,div#content div#indexpage a.blocktitle
{
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  color: #222222;
  font-weight: bold;
}

div#content div#indexpage a.blocktitle:hover
{
  text-decoration: underline;
}

div#content div#sitemap ul
{
  margin: 0;
  padding: 0;
  color: #004499;
  text-indent:0;
}

div#content div#sitemap ul li
{
  margin: 4px 0;
  padding-left: 0.75em;
  text-indent: -0.75em;
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
}

 div#content div#sitemap ul ul
,div#content div#sitemap ul ul ul
{
  margin-left: 20px;
}

/* Folder navigation: brothers */
div#brothers
{
  border-top: 1px solid #8f8f8f;
  border-bottom: 1px solid #8f8f8f;
  padding: 8px 0;
  margin: 0 0 8px 0;
}
div#brotherlinks
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7333em;
  text-align: left;
}
div#brotherlinks a
{
  color: #585858;
  text-decoration:none;
}
div#navpatharea a:hover
{
  text-decoration:underline;
}
div#brotherlinks a.selected
{
  color: #000000;
}

/* Document navigation: pages */
div.pagenav
{
  text-align: right;
  font-size: 0.8em;
  margin: 10px 0;
  width: 460px;
}

div.pagenav a
{
  cursor:pointer;
}

 div.pagenav a span.corners
,div.pagenav span.disabled span.corners
{
  display: inline-block;
}

 div.pagenav a span.corners span.linkcontents
,div.pagenav span.disabled span.corners span.linkcontents
{
  background-color: white;
  border: 1px solid #cccccc;
  padding: 3px 8px;
  display: block;
}

div.pagenav span.disabled span.corners span.linkcontents
{
  color: #9f9f9f;
}

div.pagenav a:hover span.corners span.linkcontents
{
  background-color: #dfdfdf;
  border: 1px solid #9f9f9f;
}

div.pagenav a.selected span.corners span.linkcontents
{
  background-color: #4c70b7;
  border: 1px solid #003366;
  color: white;
}

 p.consilio
{
  color: #9f9f9f;
  font-size: 0.7em;
}

input.dtbutton /* generic button class */
, div.cwi-forum input.whwp-button /* blog buttons */
{
  background-color: #8f8f8f;
  border: 1px solid #4a4a4a;
  color: white;
}

div#content div#consilioresults .searchresulttitle,
div#content div#consilioresults .searchresultdate
{
  color: #9f9f9f;
  font-size: 0.7em;
}

/* Photo galleries */

div#gallery
{
  width: 460px;
}
div#gallery table#thumbnails
{
  border-collapse: collapse;
  border: none;
  width: 100%;
}
div#gallery table#thumbnails td
{
  padding: 7px 7px;
  text-align: center;
  vertical-align: middle;
}
div#gallery table#thumbnails td.first
{
  padding-left:0;
}
div#gallery table#thumbnails td.last
{
  padding-right: 0;
}

div#gallery table#photo
{
  border-collapse: collapse;
  border: none;
  width: 100%;
}
div#gallery table#photo td
{
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
  width: 680px;
}

/* News overviews */
table#newsoverview
{
  margin-top:15px;
  width:100%;
  border-collapse: collapse;
}
table#newsoverview td
{
  padding: 0 0 23px 0;
  vertical-align: top;
  text-align: left;
}
table#newsoverview td.newspicture
{
  width: 104px;
}
table#newsoverview td.newspicture img
{
  margin: 5px 14px 0 0;
}
table#newsoverview td.newstext
{
  width: 356px;
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  color:#333333;
}
table#newsoverview td.newstext p
{
  margin: 0;
  padding: 0;
}
table#newsoverview td.newstext p.newstitle
{
  font-size: 1.25em; /* compensates for 0.8 on body */
  text-transform: uppercase;
}
table#newsoverview td.newstext p.newstitle a
{
  color: #333333;
}
table#newsoverview td.newstext p.newstext
{
}
table#newsoverview td.newswide p.newstitle
{
  font-size:1.12em !important;
}
div.bodyfollowuplink
{
  margin-top: 1.7em;
}
/* Print control */
div#printoverlay
{
  position:absolute;
  text-align: right;
  top:0;
  width:100%;
}
div#printoverlay span
{
  display:inline-block;
  background-color: #ffff00 !important;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  padding: 0 10px;
  margin: 0 auto;

  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
}

div#printcontrols
{
  display: none;
  bottom:0;
  position:fixed;
  text-align: right;
  width:100%;
}
div#printcontrols span
{
  background: #ffffff !important;
  display:inline-block;
  border: 1px solid #8f8f8f;
  padding: 5px 10px;
  margin: 10px;
  text-align: left;

  color: #585858;
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
}
div#printcontrols a
{
  font-family: Arial, Helvetica, sans-serif;
  text-decoration:none;
  color:#003399;
}
@media print
{
  div#printcontrols
  {
    display: none !important;
  }
}

/* Quicklinks on subhomepages */
div#quicklinks
{
}
div#quicklinks h1
{
  margin: 0 0 .5em 0;
  padding:0;

  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  color: #222222;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.1em;
}
div#quicklinks ul
{
  margin:0 0 1em 0;
  padding:0;
  background-color: #E0E0E0;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
}
div#quicklinks ul li
{
  border-bottom: 1px dotted #fefefe;

  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
  padding: 2px 8px;
}
div#quicklinks ul li a
{
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  color: #222222;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.75em;
}

/* For use by specific pages */
.errortext
{
  color: #b74c4c;
}

div#utweblognav a.dtbutton
{
  padding:2px 6px;
  text-decoration:none;
  background-color:#8F8F8F;
  border:1px solid #4A4A4A;
  color:white;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.9em;
  margin-right: 35px;
}

div#utweblognav a.dtbutton:hover
{
  cursor: pointer;
}
