.accessible-text {
  height: 1px; 
  font-size: 1px; 
  line-height: 1px; 
  margin: 0; 
  padding: 0; 
  margin-left: -2000px; 
}

* {
  outline: none;
}

body {
  font-family: arial, sans-serif;
  font-size: 100%;
  color: #333;
  line-height: 18px;
  margin: 0px 0px 10px 0px;
}

pre {
  font-size: 1.2em;
}

sup {
  line-height: .5em;
}

table, 
textarea,
input {
  font-family: inherit;
  font-size: inherit;
}

a {
  outline: none;
}

img {
  border: none;
}

dt {}

dd {
  margin: .5em 0 1em 1.5em;
}

#layout {
  background-color: #FFF;
}

#header {
  position: relative;
  background: #FC0 url(../images/purdue_engineering_header.jpg) no-repeat left top;
  background-size: contain;
  height: 80px;
  
  /* IE 6 z-index fix. */
  z-index: 999;
}

#header h1,
#header #head-links,
#header #head-links a {
  margin: 0px;
  padding: 0px;
}

.hide-link {
  margin-left: -5000px;
}

#content-container {
  position: relative;
  padding-bottom: 10px;
}

#content-container h1 {
  line-height: 32px;
}

h1:first-child {
  margin-top: 0px;
}


/*** STATUS MESSAGES AND ALERTS ***/

#message,
#success-message,
#error-message
  { font-size: 14px; margin: 10px 0px; padding: 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: #EEF; }

#message.success,
#success-message 
  { border: 1px #CEC solid; background-color: #EFE; }

#message.error,
#error-message
  { border: 1px #ECC solid; background-color: #FEE; }
  
#sections {
  position: absolute;
  bottom: 0px;
  left: 8px;
}

#sites {
  position: absolute;
  bottom: 0px;
  right: 5px;
}

#sites.tabs li a {
  background: #333 url(../images/tab_background_dark.gif) top left repeat-x;
  color: #FFF;
}

#sites.tabs li.open a {
  background: #727272 url(../images/tab_background_dark_hilight.gif) top left repeat-x;
}

#sites.tabs li div {
  background-color: #727272;
  border-right: 4px solid #C9AB6F;
  border-bottom: 8px solid #C9AB6F;
  border-left: none;
  margin-left: -7.5em;
}

#sites.tabs li.open div a {
  background-image: none;
  border-bottom: 1px dotted #999;
}

#sites.tabs li.open div a:hover {
  background-color: #555555;
}

/**** BREADCRUMBS ****/

#breadcrumbs {
  padding: 12px 5px 12px 10px;
  font-size: .7em;
  background-color: #FFF;
  color: #333;
  vertical-align: top;
}

#breadcrumbs a {
  color: #333;
  text-decoration: none;
}

#breadcrumbs a:hover {
  text-decoration: underline;
}

/**** SIDEBAR RIGHT ****/

#sidebar-right-container  {
  color: #333333;
  float: right;
}

#sidebar-right-container.no-rightbar {
  display: none;
}

#sidebar-right {
  padding-right: 10px;
  margin-top: -15px;
  font-size: .8em;  
}

#sidebar-right h1,
#sidebar-right h2,
#sidebar-right h3 {
  font-size: 1.1em;
  border-bottom: 1px solid #aaa;
  padding: 4px 5px;
  margin: 15px 0px 2px 0px;
}

#sidebar-right p, 
#sidebar-right ol li, 
#sidebar-right ul li, 
#sidebar-right a,
#sidebar-right form,
#sidebar-right td {
  line-height: 1.2em;
  text-decoration: none;
  display: block;
  
  padding: 4px 5px;
  margin: 0px 0px;
  border-bottom: 1px dotted #ccc;
  color: #33A;
}

#sidebar-right table.calendar td {
  display: table-cell;
}

#sidebar-right a:hover {
  /* text-decoration: underline; */
  background-color: #f2f2f2;
}

#sidebar-right p a,
#sidebar-right table a {
  display: inline;
  padding: 0;
}

#sidebar-right .event_intro,
#sidebar-right .event-date {
  display: block;
  line-height: 1.25em;
  padding: 0 0 .25em 1em;
  margin: 0;
}

/*** Mobile Navigation ***/


#mobile-main-nav {
  background-color: black;
  padding: 5px;
  margin: 0px;
  text-align: center;
}

#mobile-main-nav a {
  font-size: 1.25em;
  text-decoration: none;
  color: black;
  display: inline-block;
  padding: 10px 15px;
  background-color: #FC0;
  margin-left: 5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.mobile-navigation a {
  display: block;
  padding: 5px;
  border-bottom: 1px solid #999;
}

.mobile-tabs {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.mobile-tabs li {
  padding: 0px;
  margin: 0px;
}

.mobile-tabs li a {
  display: block;
  padding: 5px;
  border-bottom: 1px solid #999;
}

.mobile-tabs li div {
  display: none;
}



/*** CONTENT HEADER ***/

#content-header {
  overflow: hidden;
}

.no-leftbar #content-header {
  margin-left: 20px;
}

/**** BODY ****/

#body-container {
  padding: 10px;
}

#body {
  font-family: verdana, sans-serif;  
  font-size: .75em;
  color: #333;
}

#body h1,
#body h2,
#body h3,
#body h4 {
  font-family: arial, sans-serif;
}

/*** PHOTO PLACEMENT ***/

left_photo,
.left-photo {
  float: left;
  width: 200px;
  padding: 0;
  margin: 2em 2em 1em 0;
  border: 1px solid #ccc;
  border-left: 0;
  border-top: 0;
}

.right_photo,
.right-photo {
  float: right;
  width: 200px;
  padding: 0;
  margin: 2em 0 1em 2em;
  border: 1px solid #ccc;
  border-right: 0;
  border-top: 0;
}

.right_photo p,
.left_photo p,
.right-photo p,
.left-photo p,
.right-photo .caption,
.left-photo .caption {
  font-size: .9em;
  width: 90%;
  line-height: 1.2em;
  margin: 10px;  
  padding: 0px;
}

.event-content .right_photo img,
.event-content .left_photo img,
.event-content .right-photo img,
.event-content .left-photo img {
  margin: 0px;
}

/**** FOOTER ****/


#sub-footer {
  padding: 10px;
  text-align: left;
  position: relative;
  font-size: .725em;
  padding-bottom: 10px;
  color: #333;  
}

#sub-footer a {
  color: #333;
  text-decoration: none;
}

#sub-footer a:hover {
  text-decoration: underline;
}

#sub-footer #non-discrimination-policy a {
  text-decoration: underline;
}

/**** FIX FOR GROUPS OF FLOATING ELEMENTS ****/

.float-group:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 
.float-group {
  display: inline-block;
}
 
html[xmlns] .float-group {
  display: block;
}
 
* html .float-group {
  height: 1%;
}

/**** SIMPLE TABLE ****/

.simple-table {
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
}

.simple-table th,
.simple-table td {
  border-bottom: 1px solid #AAA;
  padding: 4px;
}

.simple-table th {
  font-weight: bold;
  vertical-align: bottom;
}

/**** HOMEPAGE ****/

#homepage {
  padding: 10px;
}

#homepage #banner-container {
  display: none;
}

#homepage #left-container {
  display: none;
}

#homepage #middle-container h2,
#homepage #right-container h2 {
  position: relative;
  left: -4px;
  background-color: #eee;
  padding: 4px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

#homepage #middle-container,
#homepage #right-container {
  font-size: .8em;  
}

/**** FEATURE ****/

#feature {
  height: 190px;
  position: relative;
  cursor: pointer;
  background-color: #000;
}

#feature #feature-image-container {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 170px;
  width: 170px;
  background-color: #000;
  text-align: center;
}

#feature #feature-text {
  position: absolute;
  top: 10px;
  height: 170px;
  left: 190px;
  width: 750px;
}

#feature #feature-title {
  color: #fff;
  border-bottom: 2px solid #2e303e;
  margin: 10px;
  padding: 0px 0px 10px 0px;
  font-size: 1.1em;
  line-height: 1.1em;
}

#feature #feature-intro {
  color: #fff;
  margin: 0px 10px 10px 10px;
  font-size: .9em;
  line-height: 1.4em;
}

#feature #feature-intro a {
  color: #fff;
}

.feature {}
.feature-with-shadow {
  background: white url(/Wraps/ECO/wrap6/images/shadow-bottom.gif) bottom left repeat-x;
  padding-bottom: 14px;
}