/* 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 */
img { border: 0; }

.clear { clear: both; }

.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;
}

strong { font-weight: bold; }

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

#contentContainer {
  padding: 10px;
  background-color: #FFFFFF;
}

/* Top Navigation */
#topNav { height: 37px; width: 990px; }

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

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

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

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



#topNav li.about a { background: url(/qc/images/front/academics.gif) no-repeat; width: 111px; }
#topNav li.about a:hover { background: url(/qc/images/front/academics_roll.gif); }
#topNav li.academics a { background: url(/qc/images/front/admissions.gif) no-repeat; width: 122px; }
#topNav li.academics a:hover { background: url(/qc/images/front/admissions_roll.gif); }
#topNav li.admissions a { background: url(/qc/images/front/alumni.gif) no-repeat; width: 102px; }
#topNav li.admissions a:hover { background: url(/qc/images/front/alumni_roll.gif); }
#topNav li.arts a { background: url(/qc/images/front/arts.gif) no-repeat; width: 107px; }
#topNav li.arts a:hover { background: url(/qc/images/front/arts_roll.gif); }
#topNav li.athletics a { background: url(/qc/images/front/athletics.gif) no-repeat; width: 122px; }
#topNav li.athletics a:hover { background: url(/qc/images/front/athletics_roll.gif); }
#topNav li.giving a { background: url(/qc/images/front/giving.gif) no-repeat; width: 88px; }
#topNav li.giving a:hover { background: url(/qc/images/front/giving_roll.gif); }
#topNav li.libraries a { background: url(/qc/images/front/libraries.gif) no-repeat; width: 118px; }
#topNav li.libraries a:hover { background: url(/qc/images/front/libraries_roll.gif); }
#topNav li.studentLife a { background: url(/qc/images/front/student_life.gif) no-repeat; width: 120px; }
#topNav li.studentLife a:hover { background: url(/qc/images/front/student_life_roll.gif); }
#topNav li.wiuQC a { background: url(/qc/images/front/wiu_qc.gif) no-repeat; width: 100px; }
#topNav li.wiuQC a:hover { background: url(/qc/images/front/wiu_qc_roll.gif); }

/* Rotating image feature */
#imageregion{
  float:left; 
  width: 659px; 
  height: 341px; 
  padding-right: 3px; 
  position:relative;
}

#thinkpurple img{
  position:absolute; 
  z-index:10000; 
  top:238px;
}

/* Higher Values */
#higherValuesBox {
  float: left;
  width: 659px;
  height: 341px;
  padding-right: 3px;
  position: relative;
  
}

/*background: url(/qc/images/front/higherValues1.jpg) no-repeat;*/

#higherValuesNav {
  position: absolute;
  bottom: 0px;
}

#higherValuesNav img { float: left; }

#higherValuesNav ul li {
  float: left;
  display: inline;
  list-style-type: none;
}

/* Right Side Navigation */
#sideNav { float: left; width: 328px; }

#sideNav .group { margin-bottom: 20px; }

#sideNav .group ul { float: left; margin-bottom: 3px; width: 225px; }

#sideNav .group img { float: left; margin-bottom: 3px; }

#sideNav .lastGroup ul, #sideNav .lastGroup img { float: left; }

#sideNav .group ul li, #sideNav .lastGroup ul li { width: 225px; height: 56px; }

#sideNav .group ul li a {
  line-height: 56px;
  background: url(/qc/images/front/3squares_bullet.jpg) no-repeat 1.5em center;
  padding-left: 2.5em;
  text-decoration: none;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #4F107A;
  font-weight: bold;
}

#sideNav .group ul li a:hover { color: #000000; }

#sideNav .multiLine { float: left; padding-top: 1em; }

#sideNav .multiLine p {
  padding: .1em 0 0 2.5em;
  font-weight: bold;
  font-size: 1.2em;
  color: #363636;
}

.futureStudents { background: url(/qc/images/front/future_students_box.jpg) no-repeat; }
.internationalStudents { background: url(/qc/images/front/international_box.jpg) no-repeat; }
.parentsAndFamily { background: url(/qc/images/front/parents_box.jpg) no-repeat; }
.onlineLearning { background: url(/qc/images/front/online_learning_box.jpg) no-repeat; }

.socialNetworking { background: url(/qc/images/front/social_net_box.jpg) no-repeat; }
.socialNetworking a {
  background: url(/qc/images/front/3squares_bullet.jpg) no-repeat 1.5em center;
  padding-left: 2.5em;
  text-decoration: none;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #4F107A;
  font-weight: bold;
}
.socialNetworking a:hover { color: #000000; }

.currentInformation { background: url(/qc/images/front/current_info_box.jpg) no-repeat; }
.currentInformation a {
  background: url(/qc/images/front/current_info_bullet.jpg) no-repeat 1.5em center;
  padding-left: 2.5em;
  text-decoration: none;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #000000;
  font-weight: bold;
}
.currentInformation a:hover { color: #4F107A; }

/* Content Columns */
.columnOne {
  float: left;
  position: relative;
  width: 317px;
  padding: 1em 0 0 13px;
}

.columnOne ul { width: 317px; }

.columnOne ul li {
  background: url(/qc/images/front/todays_news_divider.gif) bottom no-repeat;
  width: 317px;
  padding: .5em 0 .5em 0;
}

.columnOne ul li.last { background: none; }

.columnOne ul li a {
  font-size: 1.2em;
  color: #363636;
  font-weight: bold;
  text-decoration: none;
}

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

.columnOne ul li a span { float: right; color: #4F107A; }

.columnTwo {
  float: left;
  position: relative;
  width: 308px;
  padding: 1em 0 0 21px;
}

.spotlightImage {
  padding-top: .5em;
  width: 308px;
  height: 145px;
  background: url(/qc/images/front/new-student-orientation-august-13-2014.jpg ) no-repeat;
}

.spotlightImage p {
  float: left;
  clear: left;
  padding-left: .5em;
  font-size: 1.2em;
  color: #663399;
  font-weight: bold;
  text-transform: uppercase;
}

.spotlightImage a { color: #13011f; }

.spotlightImage a:hover { color: #663399; }

.columnThree {
  float: left;
  position: relative;
  width: 299px;
  padding: 1em 0 0 21px;
}

.columnThree ul { width: 299px; }

.columnThree ul li {
  background: url(/qc/images/front/featured_events_divider.gif) bottom no-repeat;
  width: 299px;
  padding: .5em 0 .5em 0;
  clear: both;
  height: 1.6em;
}

.columnThree ul li.last { background: none; }

.columnThree ul li a {
  color: #363636;
  font-weight: bold;
  text-decoration: none;
  width: 270px;
}

.columnThree ul li span { float: left; padding-right: 1em; font-size: 1.2em; font-weight: bold; color: #363636; }

.columnThree ul li span a:hover { color: #4F107A; }

.columnThree ul li img { float: right; padding-top: 2px; }

.viewAllBox {
  width: 110px;
  height: 20px;
  position: absolute;
  right: 0px;
  top: 10px;
}

.viewAllBox a {
  width: 110px;
  height: 20px;
  padding-left: .5em;
  line-height: 20px;
  display: block;
  background: url(/qc/images/front/view_button.gif) no-repeat;
  color: #4F107A;
  font-weight: bold;
  font-size: 1em;
  text-decoration: none;
}

.viewAllBox a:hover { background: url(/qc/images/front/view_button_roll.gif) no-repeat; }

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

#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 */
#footer {
  width: 990px;
  height: 85px; /* originally 85px; */
  padding-top: 3em; /* originally 3em; */
  position: relative;
}

#footer img { float: left; }

#footer ul {
  position: absolute;
  left: 70px;
  bottom: 20px; /* originally 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; /* originally 0 */
  left: 70px;
  font-size: 1em;
}

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

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

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