/* Global Blocks */
html { height: 100%; background: #FFFFFF url(/qc/images/front/bkg_tile_qc3.jpg) repeat-x; }

body {
  width: 100%;
  height: 100%;
  font-size: 62.5%;
  font-family: "Helvetica Neue", "Trebuchet MS", Arial, sans-serif;
}

/* Global Styles */

.spaceTop {padding-top:50px;}

.largeList {font-size:1.5em;}

img { border: 0; }

.clear { clear: both; }

.floatLeft { float: left; }

.floatRight { float: right; }

.hide {
  position: absolute;
  left: -9999px;
  width: 0px;
  height: 0px;
  overflow: hidden;
}

/* Fonts */



h2 {
  font-size: 1.6em;
  font-weight: bold;
  color: #363636;
  text-transform: uppercase;
  padding-bottom: .5em;
}

h3 {
  font-size: 1.6em;
  font-weight: bold;
  color: #663399;
  padding: 6px 12px 6px 12px;
}

h4 {
  font-size: 1.5em;
  font-weight: bold;
  color: #000000;
  padding: 6px 12px 6px 12px;
}

h5 {
  font-size: 1.4em;
  font-weight: bold;
  color: #663399;
  padding: 6px 12px 6px 12px;
}

strong { font-weight: bold; }

/* Containers */
#mainContainer {
  width: 1010px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto;
  margin-bottom: -100px;
  background-color: #FFFFFF;
}

/* Top Navigation */
#topNav { height: 47px; }

#topNav ul { height: 47px; float: left; background-color: #333333;  }

#topNav ul li {
  float: left;
  display: inline;
  list-style-type: none;
  height: 47px;
}

#topNav ul li a {
  display: block;
  height: 47px;
  line-height: 47px;
  float: left;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.2em;
}

#topNav ul li a:hover { color: #FFCB00; }

#topNav li.about a { background: url(/qc/images/consistent/academics.jpg) no-repeat; width: 123px; }
#topNav li.academics a { background: url(/qc/images/consistent/admissions.jpg) no-repeat; width: 122px; }
#topNav li.admissions a { background: url(/qc/images/consistent/alumni.jpg) no-repeat; width: 102px; }
#topNav li.bookstore a { background: url(/qc/images/consistent/arts.jpg) no-repeat; width: 107px; }
#topNav li.community a { background: url(/qc/images/consistent/athletics.jpg) no-repeat; width: 122px; }
#topNav li.giving a { background: url(/qc/images/consistent/giving.jpg) no-repeat; width: 88px; }
#topNav li.libraries a { background: url(/qc/images/consistent/libraries.jpg) no-repeat; width: 118px; }
#topNav li.studentLife a { background: url(/qc/images/consistent/student_life.jpg) no-repeat; width: 120px; }
#topNav li.wiuQC a { background: url(/qc/images/consistent/wiu_qc.jpg) no-repeat; width: 108px; }

/* Bread Crumb */
#breadCrumbHeader {
  width: 214px;
  height: 54px;
  background: url(/qc/images/consistent/header_box.gif) no-repeat;
  float: left;
}

#breadCrumbHeader h2 {
  padding: 18px 1em 0 0;
  text-align: right;
  font-size: 1.4em;
}

#breadCrumb {
  width: 796px;
  height: 54px;
  background: url(/qc/images/consistent/breadcrumb_bar.gif) no-repeat;
  float: left;
}

#breadCrumb p {
  line-height: 54px;
  font-size: 1.2em;
  padding-left: 1em;
  color: #363636;
  font-weight: bold;
}

#breadCrumb a { color: #363636; }

/* Side Navigation */
#sideNav {
  float: left;
  width: 214px;
  height: 100%;
  background: url(/qc/images/consistent/side_nav_bkg.gif) no-repeat;
}

#sideNav ul { width: 214px; }

#sideNav ul li { /* Staggered padding to keep multiple lines right justified and still have entire area clickable */
  width: 214px;
  font-size: 1.1em;
  background: url(/qc/images/consistent/side_nav_divider.gif) bottom no-repeat;
  text-align: right;
  position: relative;
}

#sideNav ul li a {
  width: 184px;
  text-decoration: none;
  color: #363636;
  display: block;
  padding: 10px 20px 10px 10px;
}

#sideNav ul li a:hover { color: #FFFFFF; }

#sideNav ul li.sideNavRollover { background-color: #663399 !important; }

#sideNav ul li.sideNavRollover a { color: #FFFFFF; }

#sideNav ul li.more a { background: url(/qc/images/consistent/black_arrow.gif) 204px no-repeat; }

#sideNav ul li.more ul {

  position: absolute;
  left: -9999px;
  top: 0px;
  width: 214px;
}

#sideNav ul li.more ul li {
  width: 214px;
  background-color: #663399;
  background-image: none;
  border-bottom: solid 1px #A172C6;
  text-align: left;
}

#sideNav ul li.more ul li a {
  width: 184px;
  padding: 8px 10px 8px 20px;
  background-image: none;
  text-decoration: none;
  color: #FFFFFF;
  display: block;
}

#sideNav ul li.more ul li a:hover { color: #FFCB00; background-image: none; background-color: #3F0E64; }

/* Main Content */
#contentContainer {
  float: left;
  color: #363636;
}

#contentContainer p { padding: 6px 12px 6px 12px; font-size: 1.2em; }

#contentContainer ol, #contentContainer ul { padding-left: 3em; }

#contentContainer ol li { list-style-type: decimal; font-size: 1.2em; }

#contentContainer ul li { list-style-type: disc; font-size: 1.2em; }

#contentContainer a { color: #663399; }

#contentContainer a:hover { color: #363636; }

/* Header */
#header {
  background: url(/qc/images/consistent/main_header_qc.jpg) no-repeat;
  width: 1010px;
  height: 140px;
  position: relative;
  z-index: 100;
}

#header .homeLink {
  position: absolute;
  bottom: 0;
}

#headerNav {
  position: absolute;
  top: 20px;
  left: 0;
}

#headerNav ul { float: left; background: url(/qc/images/consistent/bkg_tile.png) repeat-x; }

#headerNav ul li {
  list-style-type: none;
  float: left;
  background: url(/qc/images/consistent/divider.png) right no-repeat;
}

#headerNav ul li.last { background: none; }

#headerNav ul li a {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
  padding: .5em 1em .5em 1em;
  display: block;
}
#headerNav ul li a:hover {
  text-decoration: none;
  color: #FFCB00;
}

#searchBar {
  position: absolute;
  right: 0;
  top: 13px;
  background: url(/qc/images/consistent/search_bar_tile.gif) repeat-x;
  width: 403px;
  height: 36px;
  line-height: 36px;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 101;
}

#searchBar img { float: left; padding-right: 8px; }

#searchBar p, #searchBar label { float: left; margin-right: 3px; }

#searchBar input.radio { float: left; margin-top: 12px; margin-right: 3px; }

#searchBar input.searchTextbox {
  float: left;
  margin-right: 3px;
  margin-top: 9px;
  font-weight: normal;
  font-style: italic;
}

#searchBar .floatRight { margin-right: 8px; }

#searchBar ul { float: left; }

#searchBar ul li.webTools {
  background: url(/qc/images/consistent/web_tools_arrow.png) no-repeat center left;
  float: left;
  padding: 0 8px 0 8px;
  margin-left: 7px;
  cursor: pointer;
}

#searchBar ul li.webTools a { text-decoration: none; color: #000000; }

#searchBar ul li ul.webToolsDropDown {
  position: absolute;
  left: -9999px;
  top: 36px;
  background: #C1C1C3 url(/qc/images/consistent/dropdown_tile.gif) repeat-x;
  z-index: 102;
}

.showWebToolsDropDown { left: 0px !important; }

#searchBar ul li ul.webToolsDropDown {
  min-height: 200px;
  height: auto !important;
  height: 200px;
  float: left;
}

#searchBar ul li ul.webToolsDropDown li {
  background: url(/qc/images/consistent/divider_line_tile.gif) bottom repeat-x;
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
}

#searchBar ul li ul.webToolsDropDown li.last { background: none; }

#searchBar ul li ul.webToolsDropDown li a {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  display: block;
}

#searchBar ul li ul.webToolsDropDown li a:hover { color: #4F107A; }

#headerLinks {
  position: absolute;
  right: 2em;
  top: 8.3em;
  height: 32px;
  z-index: 99;
}

#headerLinks a {
  height: 32px;
  line-height: 32px;
  color: #FFFFFF;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  float: left;
  margin-left: 3em;
}

#headerLinks a:hover { color: #FFCB00; }

#headerLinks a img {
  margin-right: .5em;
  float: left;
  width: 32px;
}

/* Footer */
#footerPad { height: 100px; }

#footer {
  width: 990px;
  margin: 0 auto;
  height: 85px;
  position: relative;
}

#footer img { float: left; }

#footer ul {
  position: absolute;
  left: 70px;
  bottom: 20px;
  background: url(/qc/images/consistent/footer_tile.gif) repeat-x;
  float: left;
  height: 33px;
}

#footer ul li {
  float: left;
  background: url(/qc/images/consistent/footer_divider.gif) right no-repeat;
}

#footer ul li.last { background: none; clear: right; }

#footer ul li a {
  float: left;
  padding: 0 1em 0 1em;
  height: 33px;
  line-height: 33px;
  text-decoration: none;
  text-align: center;
  color: #363636;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  font-size: 1em;
}

#footer ul li a:hover { color: #4F107A; }

#footer ul li a img { padding-top: .9em; }

#footer .copywrite {
  position: absolute;
  bottom: 0;
  left: 70px;
  font-size: 1em;
}

#footer .copywrite a { text-decoration: none; color: #363636; }

#footer .address { position: absolute; bottom: 0; right: 0; }

#footer .address, #footer .address p {
  float: right;
  clear: right;
  font-size: 1em;
}