/*** 

Modernizr adds the following classes to the html element if the browser supports that feature.
If the browser doesn't support a feature, Modernizer prepends 'no-' to the class.

js    canvas    canvastext    geolocation    crosswindowmessaging    websqldatabase    indexeddb    hashchange    historymanagement    draganddrop    websockets    rgba    hsla    multiplebgs    backgroundsize    borderimage    borderradius    boxshadow    opacity    cssanimations    csscolumns    cssgradients    cssreflections    csstransforms    csstransforms3d    csstransitions     video    audio    localstorage    sessionstorage    webworkers    applicationcache    svg    smil    svgclippaths    fontface

***/

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}


body {
  background: #fff;
}

#top-background-strip {
  position: absolute;
  top: 5px;
  width: 100%;
  height: 85px;
  left: center;
  background: url('../../graphics/v4_purdue/header_diagonal_bg.jpg') repeat-x 0px 0px;
}

#background-strip {
  position: absolute;
  top: 85px;
  width: 100%;
  height: 33px;
  left: center;
  color: #000;
  background-color: #000;
}

body.one-nav-strip #background-strip {
  height: 33px;
}

body.two-nav-strips #background-strip {
  height: 66px;
}

body.landing-page-one-nav-strip #background-strip {
  height: 290px;
}

body.landing-page #background-strip {
  height: 323px;
}

#page-container {
  position: relative;
  width: 960px;
  top: 0px;
  margin: 0px auto;
}

#header-container {
  position: relative;
  top: 0px;
  height: 85px;
  /*background-color: #fff;*/
  z-index: 10;
}

#header-top-strip {
  position: relative;
  top: 0px;
  height: 5px;
  background-color: #a47700;
  z-index: 11;
}

.boxshadow #header-top-strip {
  background-image: none !important;
  box-shadow: 0px 2px 10px #656565;
  -moz-box-shadow: 0px 2px 10px #656565;
  -webkit-box-shadow: 0px 2px 10px #656565;
}

#inner-page-container {
  position: relative;
  top: 0px;
  overflow: hidden;
  background-color: #fff;
	/*min-height: 550px;*/
}



/*** Purdue signature ***/

#purdue-signature-container {
  position: absolute;
  top: 5px;
  left: 10px;
}



/*** Page title ***/

#page-title {
  position: absolute;
  width: 425px;
  height: 60px;
  top: 15px;
  left: 240px;
  font-size: 1.75em;
  font-weight: bold;
  overflow: hidden;
}

#page-title a,
#page-title a:visited {
  position: absolute;
  bottom: 0;
  vertical-align: bottom;
  padding-bottom: 3px;
  text-decoration: none;
  color: #000;
}

.small {
	font-size: .7em;
}



/*** Search ***/

#search-container {
  position: absolute;
  width: 268px;
  right: 20px;
  top: 15px;
  height: 22px;
}

#search-field {
  float: left;
  position: relative;
  left: 0px;
  top: 1px;
  width: 198px;
  margin: 0px;
}

#search-button {
  cursor: pointer;
  float: right;
}

.borderradius.boxshadow #search-button {
  display: block; 
  position: absolute; 
  right: 0px;
  top: 0px;
  width: 60px;
  height: 21px;
  margin: 0px;
  line-height: 12px;
  text-decoration: none; 
  color: #445b87 !important;
  border: 1px solid #c6a544;
  background-color: #c6a544;
  box-shadow: inset 0 1px 3px #fcf1cb, inset -1px 12px 1px #e8d591, 0 0 4px rgba(0,0,0,0.3);
  -o-box-shadow: inset 0 1px 3px #fcf1cb, inset -1px 12px 1px #e8d591, 0 0 4px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 1px 3px #fcf1cb, inset -1px 12px 1px #e8d591, 0 0 4px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 3px #fcf1cb, inset -1px 12px 1px #e8d591, 0 0 4px rgba(0,0,0,0.3);
  text-shadow: 0 1px #fcf1cb, 0 0 2px rgba(255,255,255,0.8);
}

.borderradius.boxshadow #search-button:hover,
.borderradius.boxshadow #search-button:active { 
  color: #fff !important;
  border: 1px solid #445b87;
  background-color: #7e9cd6;
  box-shadow: inset 0 1px 3px #f7f9ff, inset -1px 12px 1px #cad8fa, 0 0 4px rgba(0,0,0,0.3);
  -o-box-shadow: inset 0 1px 3px #f7f9ff, inset -1px 12px 1px #cad8fa, 0 0 4px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 1px 3px #f7f9ff, inset -1px 12px 1px #cad8fa, 0 0 4px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 3px #f7f9ff, inset -1px 12px 1px #cad8fa, 0 0 4px rgba(0,0,0,0.3);
  text-shadow: 0 -1px #445b87, 0 0 2px rgba(68,91,135,0.8);
}



/*** Social Media links ***/

#social-media-container {
  position: absolute;
  top: 45px;
  right: 20px;
  width: 268px;
  height: 30px;
  color: #000;
}

#social-media-container a {
  display: block;
  float: left;
  height: 30px;
  width: 30px;
  margin: 0px 6px;
  text-decoration: none;
  overflow: hidden;
}

#facebook-link {
  margin-left: 0px !important;
  background: url('../../graphics/v4_purdue/social_icons_small.png') no-repeat 0px 0px;
}

#twitter-link {
  background: url('../../graphics/v4_purdue/social_icons_small.png') no-repeat -31px 0px;
}

#youtube-link {
  background: url('../../graphics/v4_purdue/social_icons_small.png') no-repeat -62px 0px;
}

#rss-link {
  background: url('../../graphics/v4_purdue/social_icons_small.png') no-repeat -93px 0px;
}

#mobile-link {
  margin-right: 0px !important;
  background: url('../../graphics/v4_purdue/social_icons_small.png') no-repeat -124px 0px;
}



/*** Breadcrumbs ***/

#breadcrumbs {
  position: relative;
  height: 25px;
  width: 960px;
  margin: 0;
  padding: 6px 20px 6px 20px;
  font-size: 0.75em;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}

.boxshadow #breadcrumbs {
  border-left: none;
  border-right: none;
}

#breadcrumbs p {
  display: inline;
  padding: 0;
}

#breadcrumbs a,
#breadcrumbs a:visited {
  display: inline;
  padding: 0;
  font-weight: bold;
  color: #a57600;
  text-decoration: none;
}

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

.addthis_toolbox {
  display: block;
  position: absolute;
  right: 20px;
  bottom: 3px;
  float: right;
}

.addthis_toolbox a {
  margin: 2px;
}



/*** Banner slider - additional styles are set by the widget's stylesheet at /globals/widgets/slider/ ***/

#video-container {
  position: absolute;
  z-index: 20000;
}

#banner-container {
  position: relative;
  top: 0px;
  left: 0px;
  height: 257px;
  /*height: 360px;*/
  z-index: 8000;
}

#banner-container a,
#banner-container a:hover,
#banner-container a:active,
#banner-container a:visited {
  color: inherit;
  text-decoration: none;
}

.banner {
  position: relative;
}

.banner img.headline {
  position: absolute;
  left: 20px;
  bottom: 20px;
}



/*** Sidebar links container ***/

#sidebar-links-container {
  position: absolute;
  top: 360px;
  left: 650px;
  width: 265px;
}



/*** Main content ***/

#main-content-container {
  position: relative;
  width: 960px;
  /*width: 100%;*/
  min-height: 350px;
  /*background: url('../../graphics/v4_purdue/main_content_diagonal_bg.jpg') repeat-y 0px 0px;*/
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}

.boxshadow #main-content-container {
  border-left: none;
  border-right: none;
}

#minimum-height-pad {
  float: right; 
  margin-right: 1px;
  width: 1px; 
  height: 350px;
}



/*** News, events and content ***/

#news-events-container,
#column-container {
  float: right;
  /*float: left;*/
  position: relative;
  width: 650px;
  margin-right: 25px;
}

/*#news-events-container h2 {
  font-family: Champion, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 16px;
  text-transform: uppercase;
  color: #edc200;
}*/

#news-headline,
#events-headline {
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

#news-headline .rss-link,
#events-headline .rss-link {
  display: block;
  float: left;
  position: relative;
  width: 15px;
  height: 16px;
  background: url('../../graphics/v4_purdue/rss_icon_small_gray.jpg') no-repeat left top;
  margin-right: 10px;
}

#news-headline .headline,
#events-headline .headline {
  position: relative;
}

#news-events-container li,
#news-events-container p {
  position: relative;
  margin-top: 15px;
  left: 26px;
  font-size: 13px;
}

#news-container {
  float: left;
  margin: 25px 10px 25px 25px;
  /*margin: 25px 25px 25px 10px;*/
  width: 260px;
}

#events-container {
  float: right;
  margin: 25px 25px 25px 30px;
  /*margin: 25px 30px 25px 25px;*/
  width: 260px;
}

#news-container a,
#events-container a { 
  text-decoration: none;
}

#news-container a,
#events-container a,
#events-contianer a:visited,
#news-container a:visited {
  color: #000;
}

#news-container a:hover,
#events-container a:hover {
  text-decoration: underline;
}

#news-container a.third-party-credit,
#events-container a.third-party-credit {
  font-size: 11px;
  color: #aaa;
}



/*** Featured links ***/

#featured-links-container {
  float: left;
  /*float: right;*/
  position: relative;
  top: 22px;
  left: 0px;
  /*right: 0px;*/
  width: 279px;
  padding: 0px;
}

#featured-links-container a img {
  float: right;
  display: block;
  width: 262px;
  height: 75px;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  border: none;
  margin: 0px;
}



/*** Sidebar content ***/

#sidebar-container {
  float: left;
  position: relative;
  top: 22px;
  left: 0px;
  width: 279px;
  padding: 0px;
  margin-bottom: 50px;
}

#sidebar-header {
  position: relative;
  left: 25px;
  width: 227px;
  /*height: 44px;*/
  background: #695e4a;
  border: 3px solid #fff;
  z-index: 1;
}

.boxshadow #sidebar-header {
  box-shadow: 0 0 7px rgba(0,0,0,0.5);
  -o-box-shadow: 0 0 7px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 7px rgba(0,0,0,0.5);
}

.no-boxshadow #sidebar-header {
  border: none;
}

#sidebar-header h2 {
  font-size: 1.25em;
  padding: 10px;
  color: #fff;
}

#highlights-content-container {
  font-size: 0.8em;
  line-height: 1.25;
  position: relative;
  left: 25px;
  width: 227px;
  padding: 10px;
  background-color: #fff;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
}

.boxshadow #highlights-content-container {
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-top: none;
  box-shadow: 0 0 7px rgba(0,0,0,0.5);
  -o-box-shadow: 0 0 7px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 7px rgba(0,0,0,0.5);
}

/*#highlights-content-container img {
  float: left;
  margin: 0 5px 1.5em 0;
}*/

#highlights-content-container ul, ol {
  margin-top: 0;
  margin-bottom: 1.5em;
}

#highlights-content-container ul li, ol li {
  margin-bottom: 1em;
}

#highlights-content-container a {
  display: block;
  margin-bottom: .7em;
}

#highlights-content-container ul li a, ol li a {
  margin-bottom: 0;
}



/*** Single column content ***/

#single-column-content-container {
  padding: 0 25px 0 25px;
}



/*** Other content that might come before the Resources ***/

#single-column-content-container,
#other-content-container, 
.content-container {	
  font-size: 0.8em;
  line-height: 1.25;
  position: relative;
  margin: 25px;
}

#single-column-content-container h1,
#other-content-container h1,
.content-container h1 {
  font-size: 2em;
  color: #a57600;
  margin-bottom: .75em;
}

#single-column-content-container h2,
#other-content-container h2,
.content-container h2 {
  font-size: 2em;
  color: #a57600;
  margin-bottom: .75em;
}

#single-column-content-container h3,
#other-content-container h3,
.content-container h3 {
  font-size: 1.5em;
  color: #a57600;
  margin-bottom: 1em;
  line-height: 1;
}

#single-column-content-container h4,
#other-content-container h4,
.content-container h4 {
  font-size: 1.2em;
  margin-bottom: 1.25em;
  line-height: 1.25;
}

#single-column-content-container h5,
#other-content-container h5,
.content-container h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
	/*margin-bottom: 1em;*/
}

#single-column-content-container h6,
#other-content-container h6,
.content-container h6 {
  font-size: 1em;
  font-weight: bold;
}

#single-column-content-container h2 a, #single-column-content-container h3 a, #single-column-content-container h4 a, #single-column-content-container h5 a,
#other-content-container h2 a, #other-content-container h3 a, #other-content-container h4 a, #other-content-container h5 a,
.content-container h2 a, .content-container h3 a, .content-container h4 a, .content-container h5 a {
  text-decoration: none;
}

#single-column-content-container h2 a, #single-column-content-container h3 a, #single-column-content-container h4 a, #single-column-content-container h5 a,
#single-column-content-container h2 a:visited, #single-column-content-container h3 a:visited, #single-column-content-container h4 a:visited, #single-column-content-container h5 a:visited,
#other-content-container h2 a, #other-content-container h3 a, #other-content-container h4 a, #other-content-container h5 a,
#other-content-container h2 a:visited, #other-content-container h3 a:visited, #other-content-container h4 a:visited, #other-content-container h5 a:visited,
.content-container h2 a, .content-container h3 a, .content-container h4 a, .content-container h5 a,
.content-container h2 a:visited, .content-container h3 a:visited, .content-container h4 a:visited, .content-container h5 a:visited {
  color: #e4ae23;
}

#single-column-content-container h2 a:hover, #single-column-content-container h3 a:hover, #single-column-content-container h4 a:hover, #single-column-content-container h5 a:hover,
#other-content-container h2 a:hover, #other-content-container h3 a:hover, #other-content-container h4 a:hover, #other-content-container h5 a:hover,
.content-container h2 a:hover, .content-container h3 a:hover, .content-container h4 a:hover, .content-container h5 a:hover {
  text-decoration: underline;
}

#highlights-content-container a,
#single-column-content-container a,
#other-content-container a,
.content-container a {
  text-decoration: none;
}

#highlights-content-container a,
#highlights-content-container a:visited,
#single-column-content-container a,
#single-column-content-container a:visited,
#other-content-container a,
#other-content-container a:visited,
.content-container a,
.content-container a:visited {
  color: #a57600;
}

#highlights-content-container a:hover,
#single-column-content-container a:hover,
#other-content-container a:hover,
.content-container a:hover {
  text-decoration: underline;
}

#highlights-content-container p,
#single-column-content-container p,
#other-content-container p,
.content-container p {margin: 0 0 1.5em;}

#highlights-content-container blockquote,
#single-column-content-container blockquote,
#other-content-container blockquote,
.content-container blockquote {margin: 1.5em; color: #666; font-style: italic;}

#single-column-content-container ul, ol,
#other-content-container ul, ol,
.content-container ul, ol {margin: 0 1.5em 1.5em 1.5em;}

#single-column-content-container ul,
#other-content-container ul,
.content-container ul {list-style-type: disc;}

#highlights-content-container ol,
#single-column-content-container ol,
#other-content-container ol,
.content-container ol {list-style-type: upper-alpha;}

#single-column-content-container ul li, ol li,
#other-content-container ul li, ol li,
.content-container ul li, ol li {margin-top: 1em; margin-bottom: 1em;}

#highlights-content-container ol li ol,
#single-column-content-container ol li ol,
#other-content-container ol li ol,
.content-container ol li ol {list-style-type: decimal;}

#highlights-content-container ol li ol li ol,
#single-column-content-container ol li ol li ol,
#other-content-container ol li ol li ol,
.content-container ol li ol li ol {list-style-type: lower-alpha;}

#highlights-content-container ol li ol li ol li ol,
#single-column-content-container ol li ol li ol li ol,
#other-content-container ol li ol li ol li ol,
.content-container ol li ol li ol li ol {list-style-type: lower-roman;}

#highlights-content-container li ul, li ol,
#single-column-content-container li ul, li ol,
#other-content-container li ul, li ol,
.content-container li ul, li ol {margin: 0 1.5em;}



/*** Resources ***/

#resources-container {
  position: relative;
  clear: all;
  bottom: 0px;
  width: 960px;
  height: 54px;
  background: url('../../graphics/v4_purdue/resources.png') no-repeat 0px 0px;
  overflow: hidden;
  margin-bottom: 0px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}

.boxshadow #resources-container {
  border-left: none;
  border-right: none;
}

#resources-links {
  position: relative;
  left: 275px;
  top: 1px;
}

#resources-container .column {
  float: left;
  position: relative;
  margin-right: 20px;
}

#resources-container .column a {
  display: block;
  font-weight: 600;
  font-size: 13px;
  line-height: 13px;
  margin-top: 10px;
  text-decoration: none;
}

#resources-container .column a,
#resources-container .column a:visited {
  color: #000;
}

#resources-container .column a:hover {
  text-decoration: underline;
}



/*** Footer ***/

#footer-container {
  position: relative;
  top: 0px;
  width: 960px;
  background: url('../../graphics/v4_purdue/footer_bg.jpg') no-repeat center bottom;
  padding-bottom: 25px;
  color: #ccc;
  font-size: 10px;
  line-height: 17px;
}

.borderradius #footer-container {
  background-color: #000;
  background-image: none !important;
}

#left-foot {
  position: relative;
  left: 20px;
  top: 15px;
}

#left-foot {
  float: left;
  position: relative;
  left: 20px;
  top: 10px;
  width: 70%;
}

#right-foot {
  float: right;
  position: relative;
  right: 20px;
  top: 10px;
  width: 25%;
  text-align: right;
}

#footer-container a,
#footer-container a:visited {
  color: #eee;
}

#footer-container .phone {
	font-weight: bold;
	color: #eee;
}



#bottom-pad {
  height: 25px;
}



/*** Transparency ***/

.opacity .opacity100 {
  filter:alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.opacity .opacity70 {
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

.opacity .opacity50 {
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

.opacity .opacity30 {
  filter:alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}

.opacity .opacity0 {
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}



/*** Shadows ***/

.boxshadow .shadow10 {
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.boxshadow .shadow7 {
  box-shadow: 0 0 7px rgba(0,0,0,0.5);
  -o-box-shadow: 0 0 7px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 7px rgba(0,0,0,0.5);
}

.boxshadow .dropshadow10 {
  box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
  -o-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
  -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}

.boxshadow .dropshadow7 {
  box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
  -o-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
  -webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
  -moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
}



/*** Rounding corners ***/

.round10
  {  border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px 10px 10px 10px; }
 
.round7
  {  border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px 7px 7px 7px; }
 
.round5
  {  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px 5px 5px 5px; }
  
.round-top10 {
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.round-bottom10 {
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}



/*** For hiding the text alternative for text graphics ***/

.accessible-text {
  position: absolute;
  left: -3000px;
}
  


/*** General positioning ***/

.clear-left
  { clear: left; }
  
.clear-right
  { clear: right; }
  
.clear-both
  { clear: both; }



/*** Fix for groups of floating elements. ***/
/*** This is a renamed version of clearfix: http://www.webtoolkit.info/css-clearfix.html ***/

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