/*** 

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

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

#header-container {
  position: relative;
  top: 0px;
  height: 286px;
	background: url('../../graphics/v4_purdue/header_president_noQuote.jpg') no-repeat 0px 0px;
  z-index: 10;
}

#header-container-plain {
  position: relative;
  top: 0px;
  height: 286px;
	background: url('../../graphics/v4_purdue/PresidentsHeader_NoMug.jpg') no-repeat 0px 0px;
  z-index: 10;
}

.boxshadow #header-container {
  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);
}

#inner-page-container {
  position: relative;
  top: 0px;
  overflow: hidden;
  background-color: #fff;
}



/*** Purdue signature ***/

#purdue-signature-container {
  position: absolute;
  width: 159px;
	height: 56px;
	top: 33px;
  left: 20px;
}



/*** Breadcrumbs ***/

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

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

/*** Main content ***/

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

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

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



/*** News and events ***/

#news-events-container {
  float: right;
  position: relative;
  width: 635px;
	margin-right: 20px;
}



/*** Sidebar content ***/

#sidebar-container {
  float: left;
  position: relative;
  top: 22px;
  left: 20px;
  width: 240px;
  padding: 0px;
}

#sidebar-header {
	position: relative;
	left: 5px;
	width: 220px;
	/*height: 44px;*/
	background: #a47700;
	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 {
	padding: 10px;
	color: #fff;
}

#highlights-content-container {
  font-size: 12px;
	line-height: 1.25;
	position: relative;
	left: 5px;
	width: 220px;
  padding: 10px;
	margin-bottom: 20px;
	background-color: #fff;
	border-left: 1px solid #999;
  border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

.boxshadow #highlights-content-container {
  border-left: none;
  border-right: none;
	border-bottom: 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 5px 0;
}

#highlights-content-container p {
	margin-top: 0;
	margin-bottom: 5px;
}

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

/*#gallery-content-container {
  font-size: 12px;
	line-height: 1.25;
	position: relative;
	left: 5px;
	width: 220px;
  padding: 10px;
	background-color: #fff;
}*/



/*** Single column content ***/

#single-column-content-container {
  font-size: 0.8em;
  position: relative;
  margin: 25px;
	padding: 0 25px 0 25px;
}



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

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

#single-column-content-container h1,
#other-content-container h1,
.content-container h1 {
  font-size: 1.5em;
  font-weight: bold;
	color: #a57600;
	margin-bottom: 10px;
}

#single-column-content-container h2,
#other-content-container h2,
.content-container h2 {
  font-size: 1.25em;
  font-weight: bold;
	color: #a57600;
	margin-bottom: 10px;
}

#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 {line-height: 1.25;}

#single-column-content-container ul, ol,
#other-content-container ul, ol,
.content-container ul, ol {margin: 1em 1.5em; line-height: 1.25;}

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

.presidents-message {margin: 15px;}

.presidents-message tr td p {border: 1px solid #999; padding: 5px; margin: 0;}

.presidents-bibliography {margin: 5px;}

.presidents-bibliography tr td {border: 1px solid #999; padding: 5px; margin: 0;}



/*** 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;
}

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

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

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



#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: https://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%; }