/* viva-print.css */
/* ##### Common Styles for print ##### */

body {
  color: black;
  background-color: white;
  font-family: "times new roman", times, roman, serif;
  font-size: 12pt;
  margin: 0;
  padding: 0;
}
/* applied as a class to the text in the upper part of the footer, tells it not to display [so that only the lower part of the footer containing the copyright info gets printed]. Could also be used to prevent gallery images, and the 'Images from the project...' line of text from displaying when printed if desired in future */
.doNotPrint {
  display: none !important;
}

/* ##### Header print rules ##### */
#header {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid black;
}
.headerTitle {
  font-size: 200%;
  margin: 0;
  padding: 0 0 0.5ex 0;
}
.headerTitle a {
  color: black;
  background-color: transparent;
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  text-decoration: none;
}
/* tells the .subHeader [which contains the navigation buttons] not to print */
.subHeader {
  display: none;
}

/* ##### Side Bars print rules ##### */
/* tells both sidebars not to print */
#side-bar {
  display: none;
}

/* ##### Main Copy print rules ##### */
/* expands the #main-copy area to fill the page when printing */
#main-copy {
  text-align: justify;
  margin: 0;
  padding: 0;
}
/* styles any h1 headings within the #main-copy area */
#main-copy h1 {
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-size: 120%;
  margin: 2ex 0 1ex 0;
  padding: 0;
}
/* styles any h2 headings within the #main-copy area */
#main-copy h2 {
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-size: 105%;
  margin: 2ex 0 1ex 0;
  padding: 0;
}
/* styles any h3 headings within the #main-copy area */
#main-copy h3 {
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-size: 100%;
  margin: 2ex 0 1ex 0;
  padding: 0;
}
/* styles any links within the #main-copy area */
#main-copy a {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}
/* styles the visited state of links in the #main-copy div */
#main-copy a:visited {
  color: #551A8B;
  background-color: transparent;
  text-decoration: underline;
}
/* prints the links' URLs after the links' texts. Doesn't work in MSIE */
#main-copy a:after {  
  content: "<" attr(href) ">";
  font-size: 90%;
  padding-left: 1ex;
}

/* ##### Paragraph print rules ##### */
/* styles all default paragraph text */
p {
  margin: 0 0 2ex 0;
  padding: 0;
}
/* applied as a span class to an existing <p> removes top spacing from a para where desired for it to sit tight under a heading */
p.tight {
  text-align: left;
  margin: 0 0 1.5em 0;
  padding: 0;
}
/* styles any Definition Lists */
dl {
  margin: 0;
  padding: 0;
}
/* styles any Definition Terms within a Definition List */
dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 1ex 0;
}
/* styles any Definition Description [used beneath a Definitoon Term] within a Definition List */
dd {
  margin: 0 0 2ex 1.5em;
  padding: 0;
}

/* ##### Footer print rules ##### */
/* rem: only the lower part of the footer gets printed - the text in the upper part has the .doNotPrint rule applied which tells it not to display [and thus not to show up in print] */
#footer {
  margin: 2em 0 0 0;
  padding: 1ex 0 0 0;
  border-top: 1px solid black;
}
#footer a {
  color: black;
  background-color: transparent;
  text-decoration: none;
}