/*
UTHealth / Office of Advancement
Author: Web Communications Team
Subject: Top Tier Home Print Cascading Style Sheet

TopTierHomePrintStyles.css

*/

/* resets
----------*/
* {
  margin: 8px 3px;
  padding: 0;
  border: none;
  outline: none;
  list-style-position: inside;
  }

/* link styles
---------------*/
a:after {
  font-size: 90%;
  content: " (" attr(href) ") ";
  }
a[href^="/"]:after {
  content: " (http://www.uthouston.edu" attr(href) ") ";
  }
a:link {
  color: #069;
  }

/* global styles
-----------------*/
body {
  font-size: 1em;
  font-family: Times, 'Times New Roman', san-serif;
  }
html, body {
  color: #000;
  background: #FFF;
  }

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

/* hidden styles
-----------------*/
.hide,
#cse-search-box,
.middle,
#apply,
#Special,
#topHeadlines img,
.tweet hr,
#columns .colLF,
.colRT h4,
.calendar,
#AZcol,
#AZcolB,
#adRotator,
.skip,
#footer p:first-child,
.fullCal {
  display: none;
  }

/* #header styles
------------------*/
#header {
  background: none;
  height: auto;
  width: 100%;
  }

#logo {
  margin: 0;
  float: none;
  }

/* #ToolNav
------------*/
#ToolNav {
  padding: auto;
  float: none;
  height: auto;
  }
#ToolNav li {
  list-style: disc;
  display: block;
  }
#ToolNav li a {
  display: block;
  width: 100%;
  font-size: inherit;
  color: #069;
  padding: auto;
  float: none;
  text-align: left;
  background: none;
  }
#ToolNav li a:hover {
  color: #069;
  }
#ToolNav li.last a {
  background-image: none;
  }
#ToolNav li a.inside {
  padding-left: .5em;
  background: none;
  }
#ToolNav li a.inside:hover {
  background: none;
  }

/* #Top_Navigation
-------------------*/
#Top_Navigation {
  clear: both;
  }
#Top_Navigation ul {
  text-align: left;
  margin: 0;
  }
#Top_Navigation ul li {
  color: #000;
  font-weight: bold;
  margin-left: 1em;
  float: none;
  line-height: auto;
  list-style-position: outside;
  }
#Top_Navigation ul li a {
  display: block;
  float: none;
  line-height: 150%;
  color: #069;
  font-weight: normal;
  font-size: 1em;
  margin: 0;
  }

/* middle content
------------------*/
#RoundedBox {
  margin: 0;
  clear: both;
  width: 100%;
  }

#middle {
  margin: 0;
  }
#middle  .middle_content {
  font-size: 1em;
  padding: 0;
  width: 100%;
  float: none;
  clear: both;
  height: auto;
  background: none;
  }
#middle .middle_content p {
  font-size: 1em;
  }
#middle .middle_content a {
  font-size: 1em;
  }
#middle .middle_content .middle_contentBoxes {
  float: none;
  width: 100%;
  }
#middle .middle_content .middle_contentBoxes ul#LeftNav {
  width: 100%;
  margin: 0 0 2em;
  }
#middle .middle_content .middle_contentBoxes ul#LeftNav li {
  font-size: 1em;
  list-style-type: disc;
  letter-spacing: normal;
  font-weight: normal;
  letter-spacing: 0;
  display: list-item;
  background-color: transparent;
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: none;
  }
#middle .middle_content .middle_contentBoxes ul#LeftNav li a {
  color: #069;
  display: block;
  margin: 0;
  }
#middle .middle_content .middle_contentBoxes ul#LeftNav li h4 {
  padding: 0;
  }
#middle .middle_content .middle_contentBoxes ul#LeftNav li h4 a {
  color: #069;
  font-size: 1.2em;
  }
#middle .middle_content .middle_contentBoxes ul#LeftNav li h4 a:hover {
  text-decoration:
  underline;
  color: #069;
  }
#middle .middle_content .middle_contentBoxes ul#LeftNav li a:hover {
  text-decoration: underline;
  }
#middle .middle_content .middleBoxes {
  float: none;
  margin: 0;
  width: 100%;
  }
#middle .middle_content .middleBoxes #Schools {
  width: 100%;
  height: auto;
  margin: 0;
  background: none;
  }
#middle .middle_content .middleBoxes #Schools #videoIcon {
  float: none;
  left: 0;
  }
#middle .middle_content .middleBoxes #Schools h4 {
  font-size: 1.4em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: inherit;
  height: auto;
  background-color: transparent;
  }
#middle .middle_content .middleBoxes #Schools ul {
  margin: 0;
  }
#middle .middle_content .middleBoxes #Schools li {
  letter-spacing: 0;
  list-style-type: disc inside;
  color: inherit;
  font-weight: normal;
  margin: 0;
  }
#middle .middle_content .middleBoxes #Schools li a {
  font-size: 1em;
  text-decoration: underline;
  color: #069;
  margin: 0;
  }
#middle .middle_content .middleBoxes #Schools li a:hover {
  text-decoration: underline;
  color: #069;
  margin: 0;
  }

#middle .middle_content #HomeSlideShow {
  float: none;
  margin: 0;
  width: 100%;
  height: auto;
  }

#middle .middle_content #topHeadlines {
  height: auto;
  width: 100%;
  float: none;
  margin: 0 0 30px;
  background-color: transparent;
  }
#middle .middle_content #topHeadlines h4 {
  font-size: 1.4em;
  color: inherit;
  display: block;
  padding: 0;
  height: auto;
  width:100%;
  background-color: transparent;
  }
#middle .middle_content #topHeadlines ul {
  float: none;
  margin: 0;
  width: 100%;
  }
#middle .middle_content #topHeadlines li {
  font-size: 1em;
  float: none;
  height: auto;
  overflow: hidden;
  width: 100%;
  }
#middle .middle_content #topHeadlines span.HL {
  float: none;
  width: 100%;
  }
#middle .middle_content #topHeadlines p {
  margin: 0;
  }
#middle .middle_content #topHeadlines a {
  color: #069;
  }
#middle .middle_content #topHeadlines h4 a.newsroom {
  font-size: 1em;
  color: #069;
  display: block;
  left: 0;
  position: none;
  }

#columns {
  width: 100%;
  margin: 0;
  padding-left: 0;
  clear: none;
  }
#columns p {
  font-size: 1em;
  line-height: 150%;
  margin: 0;
  padding: 0;
  }
#columns span.HL {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  }
#columns .col .HL img {
  margin-bottom: 0;
  }
#columns .col .HL {
  width: 100%;
  font-size: 1em;
  color: #FF0;
  } 
#columns .col .HLlink a {
  font-size: 1em;
  margin: 0;
  padding: 0;
  width: 100%;
  }
#columns .col {
  float: none;
  width: 100%;
  padding: 0;
  margin:0 0 25px;
  }
#columns .col span.tweet {
  font-size: 1em;
  color: inherit;
  border-bottom: none;
  display: list-item;
  margin: 0;
  padding: 0;
  }

.col UL {
  list-style-type: disc;
  }
.col LI {
  list-style-type: disc;
  padding: 0;
  }

#columns .colRT {
  float: none;
  margin: 0;
  width: 100%;
  }

#columns .col .HL img {
  float: none;
  clear: both;
  margin-right: 0;
  }
#columns .colLF p a img,
#columns .col p a img {
  border-style: none;
  text-decoration: underline;
  }

/* calendar styles
-------------------*/
ul.events {
  list-style-type: none;
  margin: 0;
  padding: 0;
  }
ul.events li {
  display: block;
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
  border-bottom: 0;
  background: none;
  }
ul.events li span.calDate {
  display: block;
  width: auto;
  }
ul.events li span.month {
  display: block;
  width: auto;
  text-align: left;
  color: #000;
  font-weight: normal;
  font-size: inherit;
  padding: 0;
  float: none;
  }
ul.events li span.date {
  display: block;
  width: auto;
  text-align: left;
  color: #000;
  font-weight: normal;
  font-size: inherit;
  padding: 0;
  float: none;
  }
ul.events a {
  font-size: inherit;
  padding: 0;
  display: block;
  float: none;
  width: auto;
  }
ul.events a:hover {
  text-decoration: underline;
  }

/* #footer
-----------*/
#footer {
  margin: -4em 0 0;
  height: auto;
  width: 100%;
  clear: both;
  background: none;
  }
#footer p {
  margin: 0;
  font-size: 1em;
  letter-spacing: normal;
  text-align: left;
  }
#footer a {
  display: block;
  margin: 0 0 -1.2em;
  padding: 0 0 0 .5em;
  }

/* #socialmedia
----------------*/
#socialmedia {
  border: none;
  margin: 0 0 -3em;
  padding: 0;
  width: 100%;
  background-color: transparent;
  }
#socialmedia p:first-child {
  margin: 0 0 -1em;
  }
#socialmedia a img {
  margin: 3px;
  margin-right: 0;
  display: block;
  }