@charset "UTF-8";
/* CSS Document */

@viewport {
	width: device-width;
	min-zoom: 1;
	max-zoom: 2;
}
@viewport {
	width: 890px;
	zoom: 1;
}
@-ms-viewport{
  width: device-width;
}

@font-face {
	font-family: "Gotham";
	src: url("https://writingandthinking.org/fonts/GothamMedium.eot"); /* IE9 */
	src:
		local("Gotham"),
		url("https://writingandthinking.org/fonts/GothamMedium.ttf") format("truetype"),
		url("https://writingandthinking.org/fonts/GothamMedium.otf") format("opentype");
}
@font-face {
	font-family: "Gotham Bold";
	src: url("https://writingandthinking.org/fonts/GothamBold.eot"); /* IE9 */
	src:
		local("Gotham Bold"),
		url("https://writingandthinking.org/fonts/GothamBold.ttf") format("truetype"),
		url("https://writingandthinking.org/fonts/GothamBold.otf") format("opentype");
}
@font-face {
	font-family: "Gotham Light";
	src: url("https://writingandthinking.org/fonts/GothamMedium.eot"); /* IE9 */
	src:
		local("Gotham Light"),
		url("https://writingandthinking.org/fonts/GothamMedium.ttf") format("truetype"),
		url("https://writingandthinking.org/fonts/GothamMedium.otf") format("opentype");
}
@font-face {
	font-family: "Helvetica Neue UltraLight";
	src: url("https://www.bard.edu/fonts/HelveticaNeue-UltraLight.eot"); /* IE9 */
	src:
		local("Helvetica Neue UltraLight"),
		url("https://www.bard.edu/fonts/Helvetica Neue UltraLight.ttf") format("truetype"),
		url("https://www.bard.edu/fonts/helvetica_neue_ultralight.otf") format("opentype");
}
@font-face {
	font-family: "Helvetica Neue Light";
	src: url("https://www.bard.edu/fonts/HelveticaNeue-Light.eot"); /* IE9 */
	src:
		local("Helvetica Neue Light"),
		local("HelveticaNeue-Light"),
		url("https://www.bard.edu/fonts/Helvetica Neue Light.ttf") format("truetype"),
		url("https://www.bard.edu/fonts/helvetica_neue_light.otf") format("opentype");
}


/* ----------- Helper Classes ---------- */
.hideForMobile, .hideForTablet { display: none; }

/* ---------------------------- GLOBAL STYLES ------------------------ */

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
body { margin: 0px; padding: 0px; font-family: "Gotham Light", Helvetica, Arial, sans-serif; font-size: .9em; line-height: 24px; color: #363636; background: #FFF;  }
	
/* Header Styles */
h1 { font-family: "Gotham", Helvetica, Arial, sans-serif; font-weight: 100; color:#feb825; margin: 0px 0px 0px 0px; padding: 0px; display: block; font-size: 4.2em; line-height: 3.5em; }
h2{ font-family: "Gotham Light", Helvetica, Arial, sans-serif; font-weight: 100; color:#363636; margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; display: block; font-size: 2.2em; }

h3, .introtext h2,
#introshell .introtext .subtitle
 { font-family: "Gotham", Helvetica, Arial, sans-serif; color:#333333; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 1.5em; line-height: 1.5em;font-weight: 400; letter-spacing: .06em; }

#column .subtitle
 { font-family: "Gotham", Helvetica, Arial, sans-serif; color:#333333; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 1.3em; line-height: 1.5em;font-weight: bold; letter-spacing: .01em; }

.peopletext h3 { color: #fff;}


h4, #column .textcol .coltext h2
 { font-family: "Gotham", Helvetica, Arial, sans-serif; font-size: 1.3em; margin: 5px 0; padding: 0px; color:#333; font-weight:bold; }
h5, #quote h3, #column .textcol .coltext h3
 { font-family: "Gotham", Helvetica, Arial, sans-serif;font-size: .9em; margin: 5px 0; padding: 0px; color:#2d2d2d; }
h6 { color:#feb825; }
p { font-size: 1em; line-height: 22px; }

/* reset styles */
.clearout { clear: both; line-height: 1px; }

a { 
overflow: hidden; /* white-space: nowrap;  text-overflow: ellipsis;
 wrap long text and urls */
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
word-wrap: break-word; /* IE 5+ */
}
a:link, a:visited { color:#feb825; text-decoration: underline;}
a:hover, a:active { color:#feb825; text-decoration: none; }
.column_fac a:link,.column_fac a:visited { color:#ffffff; text-decoration:none;}
.column_fac a:hover, .column_fac a:active { color:#ffffff; text-decoration: underline; }

img a {border-style: none; }
.imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
.caption { font-size: .8em; line-height: 1em; color: #333; }
ul { padding: 5px 5px 5px 20px; }
.icons { font-family: "Modern Pics", sans-serif; color: #FFF; margin: 0px 2px 0px 15px; text-align: center; }
.expandblock { position: relative; width: auto; }
.expandblock ul li { margin: 0px; padding: 0px;}
.hrule { width: 90%; border-top: 1px solid #666; padding: 0; margin: 10px auto; }
.skip { left:-999px; position:absolute; top:auto;z-index:-999; }
.tdhead { background:#11aac1; color:#FFF; font-size: 1.5em; font-family: "Gotham", Helvetica, Arial, sans-serif; ; }
.tdbox { background:#CCC; color:#333; border: 4px solid #FFF; }

/* classes for withs of tables and columns */
.width10 { width:10%; }
.width50 { width:50%; }

table.listings { width: 100%; background-color: #FFF; padding: 5px; margin: 0px; color: #4d4d4d; }
table tr.ltgrey { background-color: #ededed;  }

#left {float: left; width: 50%; background-color: #666; margin: 0; padding: 0;  }
#right {float: left; width: 50%; background-color: #FFF; margin: 0; padding: 0; }


#supershell {  position: relative; margin: 0px auto 0px auto; padding: 0px; max-width:1400px; display: block;  }
header.fixed {/*position: fixed; width: auto;*/ top: 0px; }

#submenu { width: 100%; max-width: 1200px; margin: 0px auto; }
.submenu_container.full_width { margin: 0 auto 20px auto; height: auto; width: 100%; clear: both; float: none; border-radius: 0px; background: #4b4a4a; box-sizing: border-box; -moz-box-sizing: border-box; }


/* header logo styles */
header { position: relative; width: auto; height: 114px;top: 0; margin: 0px 0px 0px 0px; padding: 0; background: #4b4a4a; z-index: 999; background-color:#fff;    }
header .content { position: relative; top: 0; width: 100%; height: auto; max-height:243px; margin: 0; padding: 0; display: block; float: left; }

header .content #logo { display:block; float:left; width: 16%; height: 149px; margin: 0; padding: 0 0 0 2%; z-index: 1000; background-color: #feb825; }
header .content #logo img { width: 165px; height:auto !important; margin: 0; padding: 0% 0% 0% 0%;  }
header .content #logo object { width: 305px; height:auto !important; margin: 0; padding: 1% 0% 0% 20%;  }

body#home header .content { }
body#home header .content #logo { display:block; float:left; width: 16%; height: 149px; margin: 0px 0 0 0; padding: 0% 0 0 2%; z-index: 1000; background-color: #feb825;  }
body#home header .content #logo a.svg  {position: relative;  display: block;}
body#home header .content #logo a.svg:after {  content: "";   position: absolute;  top: 0;  right: 0;  bottom: 0;  left:0;}
body#home header .content #logo a.svg img {	width: 165px; height:auto !important; margin: 0; padding: 6% 0% 6% 15%; }
body#home header .content #logo object { width: 305px; height:auto !important; margin: 0; padding: % 0% 0% 0%;  }

#mobilelogo { display: none; }


#title  { position: absolute; left: 21.5%; top: 62%; width: auto; height:auto; z-index: 1009; margin: 0px; padding: 0px;  }

body#home #title  { position: absolute; left: 10%; top: 60%; width: auto; height:auto; z-index: 1009; 
margin:3% 0% 0% 9%; padding: 0px;  }

#title h1 { z-index:999;  margin: 0px 0px 0px 0px; padding: 0px; display: block; font-size: 4.2em; line-height: 1.5em; }


body#home #title h1 {font-size:2em; margin: 0% 0% 0% 0%;  }

header .content .headpic  {height: 149px; width: 712px; z-index: -99; margin: 0px; padding: 0px;  }

header .content .headpic img { position:relative; top: 50px;right: 0; z-index:-99}

header .content nav { position: relative; top: 0px; width: 100%; height: auto; display: block; margin: 0px; padding: 0px; z-index: 2000; float: left;background: #363636; }

#sitetitle  { position: relative; width: 100%; max-width: 1200px; overflow: auto; float: none; background: #FFF; margin: 0px auto; padding: 0px;  }
#sitetitle img { margin: 0px 10px; padding: 0px;  }
#sitetitle .pagetitle { font-family: Helvetica, Arial, sans-serif; color:#FFF; margin: 20px 0px 0px 20px; padding: 10px; width: auto !important; display: inline-block; font-weight: lighter; font-size: 1.5em; line-height: 1em; background: #feb825;}
body.home #sitetitle { display: none; }
body#home #sitetitle { display: none; }

/* header fades by section */
header .headpic { position: absolute; right: 0; top: 0px; height: 149px; width: 712px; z-index: 999; margin: 0px; padding: 0px; }


/* expand styles */
.expand { display:block; width: auto; height: auto; margin: 5px 0px; }
.expand a { font-family: "Gotham", Helvetica, Arial, sans-serif; font-size: 1.3em; line-height: 14px; padding: 5px 10px; color:#fff; background: #11aac1;  }
.expand a:link, .expand a:visited { color: #FFF; text-decoration: none; }
.expand a:hover, .expand a:active { color: #FFF; text-decoration: underline; }

/* main structure styles */
main { position:relative; width: 100%; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; overflow:hidden; display:table; border-top: 4px solid #feb825;  }
main #mainrow {display:table-row; width:100%; background-color: transparent; }
main #subnav-sidebar { width: 18%; display:table-cell; background-color:#feb825; vertical-align:top; padding-top: 20px; padding-right: 20px;}

body.faculty main #subnav-sidebar {display:none;}


main #mainpic { position: relative; width: 100%; max-width: 1400px; height: auto; max-height:550px;  margin: 0px ; padding: 0px;top: 0px; overflow: hidden; }
main #mainpic #imgshell { }
main #mainpic #imgshell img { width: 100%;}
main #mainpic h2 { position: absolute; left: 40%; top: 25%; color: #fff; font-size: 4em; text-transform: uppercase; background-color: #a7c039; padding: 3px 10px; }
main #mainpic .introtext {  position: absolute; bottom:0%; font-family: "Gotham", Helvetica, Arial, sans-serif; font-weight:400; font-size: 1.3em; line-height: 1.4em;  padding: 1% 4% 1% 4%; color:#fff; background-image:url(https://www.bard.edu/images/tints/80black.png);  background-repeat:repeat; background-position:0 0; }

main #mainpic h1 {display:none;}

main #mainpic .introtext .download { display:inline; } 
main #mainpic .introtext .download a:link, main #mainpic .introtext .download a:visited { text-decoration:none; } 
main #mainpic .introtext .download a:hover, main #mainpic .introtext .download a:active { text-decoration:underline; } 

main #maintext {   display:block; width: 100%; max-width: 1400px;overflow: hidden; float: none; width: auto !important; background: #FFF; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; }
	
main #maintext .content { position: relative; padding: 0px; width:94%; display: block; margin: 0% 4% 0% 1.5%; padding: 0% 4% 2% 0; z-index:0; }

/* maintext content styles */
#maintext .content .imgshell  { position: relative; float: left; width: 40%; height: auto; margin: 0px 15px 5px 0px; padding: 0px;  }


#maintext .content .imgright  { position: relative; float: right; width: 40%; height: auto; margin: 0px 0px 5px 15px; padding: 0px; }
#maintext .content .imgright img  #maintext .content .imgshell img  { width: 100%; height: auto; margin: 0px; padding: 0px; }
#maintext .content #image  { position: relative; float: left; width: 40%; height: auto; margin: 0px 10px 5px 0px; padding: 0px; }

#maintext .content .imgshell.fac_img { width: 20%;}
#maintext .content .imgshell.fac_img img {}

#sidebar { position: relative; float:right;  margin: 2% 4% 0% 2%; padding: 0% 0% 2% 0%; width: 100%; max-width:400px; background-color: #feb825; display:block;  height:!important; overflow:auto;
overflow-x: hidden;}

#sidebar .sidetext, #sidebar .sidelist {  overflow:auto; width:89%; margin: 0% 2% 2% 2%;padding: 1% 2% 2% 1%; position:relative;  }
#sidebar .sidetext a:link, #sidebar .sidetext a:visited { color:#FFF; text-decoration: underline; }
#sidebar .sidetext a:active, #sidebar .sidetext a:hover { color:#FFF; text-decoration: none; }

#sidebar .sidetext { padding: 10% 0% 0% 5%; overflow:auto; font-size: .9em; line-height: 1.4em;  }
#sidebar .sidelist {  margin: 30px 0px 0px 10px; padding: 30px 0px 0px 0px;  }
#sidebar h3 { font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1.2em; line-height: 1.5em; color: #333;  border-bottom: none;  margin: 0px 0px 0px 0px; padding: 0px;font-weight: 400; }

#sidebar>.button { margin: 0px; padding: 0px 0px 0px 10px; border-bottom: none; }
#sidebar>.button h3 { font-size: 1em; display: inline-block; width: auto; height: auto; margin: 0px 0px 3px 0px; padding: 10px 15px 10px 15px; color: #FFF; background-color: #feb825; border-radius: 8px; border-bottom: none; }

#sidebar .content {  }
#sidebar .imgshell { width: 100%; height: auto; margin: 5px 0px 5px 0px; padding: 0px; overflow: hidden; }
#sidebar .imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
#sidebar ul { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 20px;}
#sidebar iframe { width: 100%; height: 110px; }

/* button styles */
#sidebar .button { position:relative; display:block; width: auto; height: auto; margin: 10% 0% 0% 0%; text-align:left; font-weight:400;font-size: 1.4em; line-height: 1.3em; }

#sidebar .button a, #sidebar a.button  { margin: 10px 0px 0px 0px; padding: 10px 5px 10px 5px; background: #ffffff; border-radius: 0px; }
#sidebar .button a:link, #sidebar .button a:visited, #sidebar a.button:link, #sidebar a.button:visited  { color: #feb825; text-decoration: none; }
#sidebar .button a:hover, #sidebar .button a:active, #sidebar a.button:hover, #sidebar a.button:active { color: #feb825; text-decoration: underline;}
#sidebar .button { color: #feb825; font-family: "Gotham", Helvetica, Arial, sans-serif;  white-space: nowrap; line-height: .5em; }




/* button styles 
#sidebar .button, .inspire .button { position:relative; display:block; width: auto; height: auto; margin: 10% auto 0% auto; text-align:center; font-weight:400;font-size: 1.4em; line-height: 1.3em; }

#sidebar .button a, .inspire .button a { margin: 10px 0px 0px 0px; padding: 10px 45px 10px 45px; background: #ffffff; border-radius: 0px; }
#sidebar .button a:link, #sidebar .button a:visited,
.inspire .button a:link, .inspire .button a:visited { color: #feb825; text-decoration: none; }
#sidebar .button a:hover, #sidebar .button a:active,
.inspire .button a:hover, .inspire .button a:active { color: #feb825; text-decoration: underline;}
#sidebar .button, .inspire .button { color: #feb825; font-family: "Gotham", Helvetica, Arial, sans-serif;  white-space: nowrap; line-height: .5em; }
*/
/* intro styles */
#introshell { width: auto; max-width: 100%; min-height: 0px; margin:0%; padding: 0% 4% 0% 3%;overflow: hidden;}
body#home #introshell { width: auto; max-width: 100%; height: 150px; margin:0%; padding: 1% 4% 0% 3%;overflow: hidden;}
#introshell .caption { position: absolute; bottom: 15px; right: 15px; color: #FFF; font-size: 1em; line-height: 1.1em; }

#introshell .introtext { font-family: "Gotham", Helvetica, Arial, sans-serif; position: relative; vertical-align:top;  width: auto !important; margin: 2% 0% 0% 0%; padding: 0%; color: #363636; font-size: 1.2em; line-height:1.7em; } 

body#home #introshell { width: auto; max-width: 100%; min-height: 0px; margin:0% 0% 0% 0%; padding: 0% 0% 0% 0%;overflow: hidden;}
body#home #introshell .introtext { font-family: "Gotham", Helvetica, Arial, sans-serif; position: relative; vertical-align:top;  width: auto !important; margin: 3% 0% 0% 0%; padding: 0% 0% 1% 0%; color: #363636; font-size: 1.2em; line-height:1.7em; font-weight:lighter; } 

body#home #introshell .introtext a {color: #000; font-weight:bold; margin: 0% 0% 0% 0%;}


#introshell .introright { vertical-align:top; position: relative; width:40%; min-width: 0px; height: auto !important; min-height: 0px; background: #FFF; margin: 5px 0 0 30px; padding: 0px; float:right; }
#introshell .introright .introlinks { display: block; position: relative; width: 90%; float: right; margin: 10px auto 0px auto; padding: 0px; font-size: 1.6em; font-family: "Gotham", Helvetica, Arial, sans-serif; }
#introshell .introright .introlinks li { position: relative; display: block; margin: 0 0 15px 0; padding: 10px; background:#ededed url(https://www.bard.edu/images/icon-arrow.png) no-repeat right center; background-position: 95% 10px;}
#introshell .introright .introimg { display: block; position: relative; width: 100%; height: auto !important; float: right; margin: 0px; padding: 10px 0px 30px 30px; max-height:400px; }
#introshell .introright .introimg img { width: 100%; height: auto !important; }
#introshell .introright .introexpand { display: block; position: relative; float: right; width: 90%; margin: 0px; padding: 0; background: #ededed; border-left: 6px solid #a7c038; }
#introshell .introright .introexpand>.container { position: realtive; width: 95%; margin: 3%; padding: 0; font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1.5em; line-height: 1.6em; max-height: 350px; overflow-y: scroll; }
#introshell .introright .introexpand>.container ul { margin: 0px 20px; }
#introshell .introright .introexpand>.container h4 { font-size: 1.2em; font-family: "Gotham", Helvetica, Arial, sans-serif; color: #feb825;}
#introshell .introright .introembed { display: block; position: realtive; float: right; width: 90%; margin: 0px; padding: 0; background: #ededed; border-left: 6px solid #a7c038; }
#introshell .introright .introembed>.container { position: realtive; width: 95%; margin: 3%; padding: 0; font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1.5em; line-height: 1.8em; }
#introshell .introright .introembed>.container ul { margin: 0px 20px; }
#introshell .introright .introembed>.container h4 { font-size: 1.2em; font-family: "Gotham", Helvetica, Arial, sans-serif; ; color: #feb825;}
#introshell .introright .introembed>.container>.eventbox { margin-top: 5px; display:block; width: 100%; max-height: 175px;  max-width: 1200px;overflow-y: scroll; }
#introshell .introright .introembed>.container>.eventbox li {width: 100%; }
#introshell .introright .introembed>.container>.eventbox li .eventdate .date { color: #feb825; font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1.8em; line-height: 1.1em; padding: 0px; margin: 0px; display: block;text-align: center;  }
#introshell .introright .introembed>.container>.eventbox li .eventdate .month { color: #000; font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1em;text-transform:uppercase; line-height: .8em; text-align: center; padding: 0px; margin: 0px 0px 3px 0px;diplsay: block;  }
#introshell .introright .introembed>.container>.eventbox li .eventarea { position: relative; width: 80%; float: right; padding: 0px; margin: 0px; padding-bottom: 10px; margin-bottom: 10px; color: #CCC;  }


body#home #introshell { width: auto; max-width: 100%; min-height: 0px; margin:2% 0% 0% 0%; padding: 0% 4% 0% 20%;overflow: hidden;
background-color: #fff;}



.billboard {position: relative; display: block; width: 100%; height: auto !important; max-height:400px; margin: 20px auto; overflow: hidden; }
.billboard h2 { position: absolute; top: 40%; left: 20%; color: #FFF; font-size: 5.5em; font-family: Georgia,Times,Times New Toman,serif; text-shadow: 2px 2px 2px #000;}
.billboard img { width: 100%; height: auto !important; }
.billboard .caption { position: absolute; bottom: 1%; right: 1%; color: #FFF; }

.inspire { width: 100%; max-width: 249px; /*max-height: 500px; min-height: 0px; */margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;overflow: hidden; display: table;  }
.inspire h3 { text-align: left; font-size: 1.5em; font-weight: bold; font-family: "Gotham", Helvetica, Arial, sans-serif;  }
.inspire h4 { text-align: left; font-size: 1.6em; font-weight: normal; line-height: 1.8em; }
.inspire .rule { width: 15%; border-bottom: 2px solid #feb825; margin: 15px auto; }

.inspire ul {list-style:none;}


/* Home Page announce */
.announce { position: relative; display: block; width: 20%; height: auto; background-color: #feb825; float:left; margin: 30px 0px 0px 20px; padding: 20px; min-height:200px;}
.announce h3 { display: block; font-size: 1.6em; font-weight: bold; font-family: "Gotham Bold", Helvetica, Arial, sans-serif;  color: #000; padding:0; margin: 0 0 10px 0; }
.announce h4 { font-size: 1.4em; font-weight: normal; line-height: 1.8em; }
.announce .rule { width: 15%; border-bottom: 2px solid #feb825; margin: 10px auto; }
.announce .button a:link,.announce .button a:visited { display: inline-block; 5px; background: #FFF; color: #000; }

/*
#featurebox {    display:table;	border-spacing:35px;	margin: 20px 0px 0px 0px; padding: 0px 0px 50px 0px;	width:90%; max-width: 1400px; position:relative;  }         	
#featurebox .contentx4 {     display:table-row;width: 100%;	margin: 0px; padding: 0px; position:relative;z-index:9; }
*/


#featurebox { width: 100%; max-width:1400px;     }         	
#featurebox .contentx4 {display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap; justify-content: space-around;  width: 99%;flex-flow: row wrap;  }
#featurebox .contentx4 .textcol {    flex:1 1 auto; order:1;  }






         
#featurebox .contentx4 .textcol {width: 20%;	border: 2px solid #ccc;	margin: 0% 2% 0% 0%; padding: 0px 0px 0px 0px; position:relative; overflow:hidden; top: 20px; }
#featurebox .contentx4 .textcol.past { border: 2px solid #ccc; background-image:url(https://www.bard.edu/images/tints/80black.png);  background-repeat:repeat; background-position:0 0; z-index: 9; margin: 0px 0px 0px 0px; top: 20px;}
#featurebox .contentx4 .textcol.past .coltext h2  { color: #999; font-weight:400;	 border-top: 1px solid #999; background-color:#333;   } 
#featurebox .contentx4 .textcol.past .overlay { }
#featurebox .contentx4 .textcol.upcoming {	border: 4px solid #feb825;	background-color: transparent; box-shadow: 5px 10px 10px 5px rgba(116, 116, 116, 0.75);	-moz-box-shadow: 5px 10px 10px 5px rgba(116, 116, 116, 0.75);-webkit-box-shadow: 5px 10px 10px 5px rgba(116, 116, 116, 0.75);	top:0px;	}		 

#featurebox .contentx4 .textcol .imgshell {width: 100%; margin: 0px 0px 0px 0px;  }
#featurebox .contentx4 .textcol .imgshell img {	height: auto;  margin:-2px 0px 0px 0px; width:100%; min-width: 268px; }
#featurebox .contentx4 .textcol.past .imgshell  {	opacity: 0.5;    filter: alpha(opacity=50);	}
#featurebox .contentx4 .textcol .imgshell .icon { position:absolute; bottom: 0px; height: 92px;}
#featurebox .contentx4 .textcol .imgshell .icon img {height: 92px;}
#featurebox .contentx4 .textcol .coltext  { position:relative; clear:both; margin: 0px 0px 20px 0px;  } 
#featurebox .contentx4 .textcol .coltext h2  { 	 font-family: "Gotham", Helvetica, Arial, sans-serif; color:#fff; 	 margin: 10px 0px 5px 0px; padding: 25px 5px 5px 10px; 	 font-size: 1.2em; line-height: 1.2em;   font-weight:400;	 border-top: 1px solid #fff; background-color:#333; min-height: 25px; 		  } 
#featurebox .contentx4 .textcol .coltext h3  { font-family: "Gotham", Helvetica, Arial, sans-serif; font-size: 1.1em; margin: 5px 0;padding: 10px 5px 5px 10px; color:#333; }
 #featurebox .contentx4 .textcol .coltext .featurebox-text {font-family: "Gotham Light", Helvetica, Arial, sans-serif; font-weight:100; padding: 0px 5px 5px 10px; color:#333;}
#featurebox .contentx4 .textcol .date-short { background-color:#333; position:absolute; bottom:0; min-width: 25%;}
#featurebox .contentx4 .textcol .month { color: #fff; font-family:"Helvetica Neue Condensed Bold", "Helvetica Neue Condensed Black", Helvetica, "Arial Black", sans-serif;  font-size: 1.4em;text-transform:uppercase; line-height: 1em; text-align: center; margin: 0px 0px 3px 0px; padding: 10px 10px 0px 10px;display: block; font-weight:800;  }
#featurebox .contentx4 .textcol .date { color: #feb825;font-family:"Helvetica Neue Condensed Bold", "Helvetica Neue Condensed Black", Helvetica, "Arial Black", sans-serif; font-size: 3em; line-height: 1em; padding: 0px 10px 10px 10px; margin: 0px; display: block;text-align: center; font-weight: 600;  }

/* button styles */
#featurebox .button { display:table-row; width: auto; height: auto; margin: 0px 0px 0px 0px; }
#featurebox .button { position:absolute; bottom: 9px; right:0px; margin: 0%; padding: 0%;  }
#featurebox .button a { margin: 10px 0px 0px 0px; padding: 10px 15px 10px 15px; color: #FFF; background: #feb825; border-radius: 0px; font-size: 1em; line-height: 14px;}
#featurebox .button a:link, #featurebox .button a:visited { color: #FFF; text-decoration: none; }
#featurebox .button a:hover, #featurebox .button a:active { color: #FFF; text-decoration: underline;}
#featurebox .button { color: #feb825; font-family: "Gotham", Helvetica, Arial, sans-serif;  white-space: nowrap; line-height: .5em; }

/* Main Column Styles */
#column { font-family: "Gotham Light", Helvetica, Arial, sans-serif; font-weight:100; font-size: 1.2em; line-height:1.5em; color: #333;  position: relative; display: table; width: 99%; max-width: 92%;  height: auto !important; min-height: 0px; margin: 2% 0% 0% 0%;  padding: 0% 4% 0% 4%; }
#column h3 { font-family: "Miso Regular", Helvetica, Arial, sans-serif; font-size: 2.0em; line-height: 1em; color: #000; }
#column .content { position: relative; display: table-cell; min-width: 100%; height: auto !important; padding: 0px; margin: 0px auto; padding-right: 0px; }
#column .contentx2 { position: relative; display: table-cell; width: 48%; height: auto !important; padding-right: 2%; }
#column .contentx3 { display: table-cell; width: 32%; height: auto !important; padding-right: 2%; }
#column .contentx4 { display: table-cell; width: 23%; height: auto !important; padding-right: 2%; }
#column .content .textcol,#column .contentx3 .textcol { position: relative; width: 95%; height: auto !important; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px; overflow: hidden; }
#column .content iframe { position: relative; float: left; width: 50%; height: auto; margin: 0px 10px 5px 0px; padding: 0px; }
#column .content .imgshell, #column .contentx2 .imgshell, #column .contentx3 .imgshell, #column .contentx4 .imgshell { position: relative; width: 100%; float: none; display: block; margin: 0px 0px 10px 0px; overflow: hidden; }
#column ul { margin: 20px 10px; }
#column ul li { line-height: 1.4em; margin-bottom: 10px; }



/*  -----------------------------Faculty four column */

#faculty_flex {display: flex; flex-flow: row wrap; justify-content:space-between;
/*space-around*/align-items: stretch;align-content:stretch; margin: 0px 0px 0px 40px;
 max-width:1000px;}

.column_fac {order: 1;flex: 0 1 18%;  align-self: flex-start;   }


.facshell { width: 180px; max-height:   150px; overflow:hidden; }

.facshell img { width: 150px;}

.column_fac h3 { margin: 0px 0px 20px 0px; padding: 5px 0px 5px 5px; font-size: .9em; line-height: 1em;font-weight: 400; letter-spacing: .06em; color: #fff; background-color: #feb825; width: 145px; }

/*
.column_fac {float:left;display: inline-block; width: 16%;  margin: 10px 10px 0px 32px; padding: 5px 5px 5px 5px; }
.column_fac h2 { font-size: 1.5em; line-height: 1.2em; margin: 0px; padding: 0px; font-weight: bold; }
.column_fac h2 a:link, .column_fac h2 a:visited {color: #d69816; text-decoration: none; }
.column_fac h2 a:hover, .bars h2 a:active {color: #d69816; text-decoration: underline; }
.column_fac .imgshell {  position: relative; float: left; width: 25%; height: auto; margin: 0px; padding: 0px 10px 0px 0px; overflow: hidden; }
.column_fac .imgshell img { width: 100%; height: auto; }


.column_fac { float:left; display:inline-block; width: 16%;  height: auto; margin: 1% 0% 2% 3%; padding: 0% 0% 0% 0%; background-color: #feb825;min-height: 140px; }

.column_fac .facshell { width: auto; height: 140px; float: left; margin: 0px 0px 40px 0px; overflow:hidden; }
.column_fac .facshell img { min-width: 182px; max-width: 182px; height: auto; overflow:hidden; }




body#faculty .text { padding: 2% 0% 0% 3%;} 
body#faculty .text h2 { color: #feb825; font-size:2em; font-weight:400; margin: 0; padding:0; line-height:2em;}

body#faculty .text h2.fac_text { color: #000;}*/

/* Main Column Text Styles */
#coltext { float: left; width: 20%; height: 100px; margin: 20px 0px 20px 30px; display: table;  padding: 0px 10px 0px 10px; }

#coltext #content { min-height: 0px; margin: 0px; padding: 0px;  }
#coltext #content h3 { margin: 0px; padding: 0px; font-size: 1.2em; line-height:1em; }
#coltext #content #imgshell { float: left; width: 100%; max-height: 200px; margin: 0px 10px 5px 0px; padding: 0px; overflow: visible; }
#coltext #content #imgshell img { width: auto; max-width: 180px; max-height: 150px; margin: 0px; padding: 0px; }
#coltext #content #button { }
#coltext #content ul { margin-bottom: 5px; }







/* icon styles */
#icons { position: relative; display: table; width: 90%; height: auto !important; margin: 20px auto 25px auto; text-align: center; color: #09C1F1; text-align: center; padding: 0px; font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1.5em; line-height: 2em; }
#icons>.column { display: inline; float: left; width: 100%;  }
#icons>.columnx2 { display: inline; float: left; width: 50%; }
#icons>.columnx3 { display: inline; float: left; width: 33%; }
#icons>.columnx4 { display: inline; float: left; width: 23%; border-right: 1px solid #ededed; padding-right: 5px; margin-right: 5px; }
#icons>.columnx5 { display: inline; float: left; width: 20%; }
#icons>.columnx6 { display: inline; float: left; width: 16.6%; }
#icons>.columnx8 { display: inline; float: left; width: 22%; border-right: 1px solid #ededed; padding-right: 10px; margin-right: 10px; }
#icons p { display: block; padding: 0px 0px 20px 0px; margin: 0px; top: 0; }
#icons>.columnx2 .icon { height: auto; width: 100%; margin: 0 auto;  }
#icons>.column .icon img, #icons>.columnx2 .icon img, #icons>.columnx3 .icon img, #icons>.columnx4 .icon img { height: 50px; width: auto; margin: 0 auto;  }
#icons h3 { font-family: "Gotham", Helvetica, Arial, sans-serif;  color:#feb825; margin: 0px; padding: 0px; font-size: 1.5em; line-height: 1.0em; font-weight: 400; }
#icons .number { display: block; margin: 0px; padding: 0px; font-size: 1.5em; line-height: 1.4em; font-weight: 400; font-family: "Gotham", Helvetica, Arial, sans-serif; color:#feb825;}
#icons a:link, #icons a:visited { color: #09C1F1; text-decoration: none; }
#icons a:hover, #icons a:active { color: #09C1F1; text-decoration: underline; }


/* button styles */
.button { display: inline-block; width: 100%; height: auto; margin: 2% 0% 2% 0%; padding: 0px 2% 0% 0%; }
.button a { margin: 1% 0% 2% 0%; padding: 2% 2% 2% 2%; color: #FFF; background: #feb825; border-radius: 0px; font-size: .9em; line-height: 1.7em;}
.button a:link, .button a:visited { color: #FFF; text-decoration: none; }
.button a:hover, .button a:active { color: #FFF; text-decoration: underline;}
.button { color: #feb825; font-family: "Gotham", Helvetica, Arial, sans-serif;  white-space: nowrap; line-height: .5em; }

/* buttons styles*/
#buttons { position: relative; display: block; width: 90%; height: auto !important; margin: 20px auto;   }
#buttons { display: inline-block; width: auto !important; text-align: center; color: #FFF; background-color: #feb825; margin: 10px 10px 20px 0px; padding: 5px 10px; font-family: "Gotham", Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1em; }
#buttons .content { display: inline; width: auto !important; text-align: center; color: #FFF; background-color: #feb825; margin: 20px 10px 20px 0px; padding: 5px 10px; font-family: "Gotham", Helvetica, Arial, sans-serif; font-size: 2em; line-height: 1.5em; }
#buttons .content .icon { display:inline; float: left; height: 25px; width: auto; margin:5px; }
#buttons .content .imgshell { display:inline; float: left; height: 25px; width: auto; margin:5px; }
#buttons .content .imgshell img { height: 25px; width: auto; margin: 0 auto; }
#buttons .content h3 { display:inline;  float: left;  margin:10px 10px 5px 5px; padding: 0px; font-size: 1.0em; line-height: 1.0em; font-weight: 200; }
#buttons .content a:link, #buttons .content a:visited { color: #FFF; text-decoration: none; margin:15px; padding: 5px; }
#buttons .content a:hover, #buttons .content a:active { color: #FFF; text-decoration: underline; margin:15px; } 

/* taglines styles */
#taglines { position: relative; display: table; width: auto !important; height: auto !important; margin: 20px auto; padding: 0px auto; text-align: center; color: #FFF; text-align: center; padding: 0px;  }
#taglines>.tagline { display: inline; float: left; width: auto !important; padding: 3px 10px; margin: 0px 10px; color: #FFF; background: #11aac1; font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 2em; line-height: 1.5em;}
#taglines>.tagline a:link, #taglines>.tagline a:visited { color: #FFF; text-decoration: none; }
#taglines>.tagline a:hover, #taglines>.tagline a:active { color: #FFF; text-decoration: underline; } 


/* highlight class styles */
#highlight { width: 100%; max-width:1300px; margin:2% 0% 0% 3%; padding: 0% 0% 0% 0%;overflow: hidden; display: block; background-color: #333; }


/* position: relative; width: 97%; max-width: 1280px; height: auto; margin: 0% 0% 0% 0%; padding:0% 10% 0% 3%; display: table; */


#highimagearea { position:relative; border-right: 1px solid #fff;  float: left; width: 50%; margin: 0; padding:0%; height: auto !important;  overflow: hidden; overflow-y:auto; }
#highlight .date-short { background-color: transparent; position:relative; width: auto; max-width:120px; display:inline-block; border-right: 1px solid #fff;}
#highlight .month { color: #fff; font-family:"Helvetica Neue Condensed Bold", "Helvetica Neue Condensed Black", Helvetica, "Arial Black", sans-serif;  font-size: 1.4em;text-transform:uppercase; line-height: 1em; text-align: center; margin: 0px 0px 3px 0px; padding: 10px 10px 0px 10px;display: block; font-weight:800;  }
#highlight .date { color: #feb825;font-family:"Helvetica Neue Condensed Bold", "Helvetica Neue Condensed Black", Helvetica, "Arial Black", sans-serif; font-size: 3em; line-height: 1em; padding: 0px 10px 10px 10px; margin: 0px; display: block;text-align: center; font-weight: 600;  }

#highlight h2 {display:inline-block; font-size: 1.8em; line-height: 1em; margin: 0px 0px 10px 0px; color: #FFF; padding: 0px 0px 0px 20px; position:absolute; top: 20px;}
#highlight h3 { font-size: 1em; line-height: 1em; margin:25px 0px 10px 0px; color: #feb825; padding: 0px;text-align:center; font-weight:600;}
#highlight h4 { font-size: 1em; line-height: 1.3em; margin: 0px 0px 10px 0px; color: #FFF; padding: 0px; font-weight:100; text-align:center;}


#highlight .image { position: relative; float: left;  padding: 0px 0px 0px 0px;  z-index: 999px; height: auto; max-height:380px; overflow:hidden; min-width: auto; width: 100%; }

#highlight .image img { width: 100%; height: auto; max-height:380px; }
#highlight .embed { position: relative; float: left; width: 60%; overflow: hidden; z-index: 1000px; }
#highlight .embed iframe { width: 100%; height: 350px; max-height: 380px; }


#highlight .caption {  position: relative; bottom: 50px; font-family: "Gotham", Helvetica, Arial, sans-serif; font-weight:400; font-size: 1em; line-height: 1em;  padding: 10px 40px 20px 25px; color:#fff;
 background-image:url(https://www.bard.edu/images/tints/80black.png);  background-repeat:repeat; background-position:0 0; }

#highlight .hightext { position: relative; float: right; width: 43%; margin: 0; padding: 3%; background: #333; color: #FFF; height: auto !important; max-height: 380px; overflow: hidden; font-size:1.3em; line-height:1.3em; font-weight:100; }
#highlight .hightext ul { margin: 0px; }

/* button styles */
#highlight .button { position:relative; display:block; width: auto; height: auto; margin: 30px auto 0px auto; text-align:center; font-weight:400;font-size: 1.1em; line-height: 1.3em; }
#highlight .button a { margin: 10px 0px 0px 0px; padding: 10px 15px 10px 15px; background: #ffffff; border-radius: 0px; }
#highlight .button a:link, #highlight .button a:visited { color: #feb825; text-decoration: none; }
#highlight .button a:hover, #highlight .button a:active { color: #feb825; text-decoration: underline;}
#highlight .button { color: #feb825; font-family: "Gotham", Helvetica, Arial, sans-serif;  white-space: nowrap; line-height: .5em; }


/* text portal styles */
#portal { position: relative; width: 88%; margin:4% 10% 0% 4%; padding: 2% 2% 2% 2%;overflow: hidden; display: block; background-color: #ececec;	 }
#portal h2 { font-size: 1.8em; margin: 0px; }
#portal .textlinks { /*position: relative; display: table-cell; */ float: right; width: auto; max-width: 200px; min-width: 0%; padding: 0px; margin: 0px; }
#portal .textlinks .content { width: 100%; min-height: 100px; max-height: 220px; overflow: scroll; padding: 0px; margin: 0px 0px 0px 10px; border-left: 1px solid #CCC; border-top: 1px solid #CCC; font-size: 1em; } 
#portal .textlinks ul { margin: 0px 0px 0px 5px; }
#portal .textarea { overflow:hidden; /*float: left; position: relative; display: table-cell; width: auto; padding: 0px; margin: 0px; overflow: hidden;*/ }
#portal .imgshell, #portal .imgleft { position: relative; display: table-cell; float: left; width: auto; max-width: 15%; min-width: 0%; height: auto !important; overflow: hidden; margin: 20px 20px 20px 0px; }
#portal .imgright { position: relative; display: table-cell; float: right; width: auto; max-width: 35%; min-width: 0%; height: auto !important; overflow: hidden; margin: 5px 0px 0px 10px; }
#portal .imgshell .piccontent, #portal .imgleft .piccontent, #portal .imgright .piccontent {position: relative;  display: block; width: 100%; height: auto !important;  }
#portal .imgshell .piccontent img, #portal .imgleft .piccontent img, #portal .imgright .piccontent img { width: 98%; height: auto; margin: 0px; padding-right: 0px; }
	/*#portal #textarea h3 { font-size: 1.8em; margin: 0px; }*/
#portal .imgshell .piccontent .caption, #portal .imgright .piccontent .caption { display: block; float: none; }

/* text styles */

.text { position: relative; width:100%; max-width: 1300px; height: auto; margin: 0% 0% 0% 0%; padding:0% 10% 0% 3%; display: table; overflow:hidden;  }
.text .imgshell { position: relative; display:inline; float: left; max-width:25%; min-width: 0%; overflow: hidden; margin: 10px 30px 0px 0px;  }
.text .imgright { position: relative; display:inline; float: right; max-width: 50%; min-width: 0%; overflow: hidden; margin: 10px 0px 0px 20px;  }
.text .imgshell img { width: 100%; height: auto; margin: 0px 30px 0px 0px;}
.text .imgright img { width: 100%; height: auto; margin: 0px 01x 0px 10px;}
.text .embedshell { position: relative; display:inline; float: left; width: 25%; min-width: 0%; height: auto; overflow: hidden; margin: 10px 30px 0px 0px;  }
.text .embedshell iframe { width: auto; height: auto; }
.text .textarea { position: relative; display: inline; width: auto; max-width: 45%; float: left; padding: 0px; margin: 0px;  }
.text .textarea .content { padding: 0px; margin: 0px; }
.text .textarea h2 { font-size: 1.8em; margin: 0px; line-height: 1em; }



.text .textlinks { display: block; max-width: 100%; float: left;min-width: 0%; min-height: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;  }
.text .textlinks .content { width: 100%; min-height: 100px;  padding: 0px; margin: 0px 0px 0px 10px; border-right: 1px solid #CCC; }
.text .textlinks ul { margin: 0px 0px 0px 20px; }
.text ul { margin: 0px 0px 0px 20px; }
.text.expandblock { min-height: 0px;  }

.sponsorlinks { display: block; max-width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; position:relative; }

.sponsorlinks .imgshellz {  float:left; height: auto; position:relative;margin: 0px 30px 10px 0px;}
.sponsorlinks .imgshellz img { float:left; height: 50px;}

/* expandable bars styles */
.bars { display: block; width: 96%; max-width: 1280px; margin: 20px 60px 0px 32px; padding: 5px 15px 5px 15px; border: 1px solid #CCC; background-color: #ededed; }
.bars h2 { font-size: 1.5em; line-height: 1.2em; margin: 0px; padding: 0px; font-weight: 100; }

.bars h2 a:link strong, .bars h2 a:visited strong,
.bars h2 a:link, .bars h2 a:visited,
.bars h2 a.expand:link, .bars h2 a.expand:visited
	 {color: #d69816; text-decoration: none; }

.bars h2 a:hover strong, .bars h2 a:active strong,
.bars h2 a:hover, .bars h2 a:active,
.bars h2 a.expand:hover, .bars h2 a.expand:active
	 {color: #d69816; text-decoration: underline; }

body#july #supershell main#main #mainrow #maintext .content .text {background-color: transparent;}


.bars .imgshell {  position: relative; float: left; width: 25%; height: auto; margin: 0px; padding: 0px 10px 0px 0px; overflow: hidden; }
.bars .imgshell img { width: 100%; height: auto; }

.bars .expandblock { position: relative; width:99%;margin: 0px; padding: 0px 20px 0px 0px;}
.bars .expandblock ul li { margin: 0px; padding: 0px;}





body.details #text iframe {width: 80%; height: 460px; min-height: auto;  }

/* text w/ buttons styles */
#multibuttons { position: relative; width: 100%; max-width: 1280px;  height: auto; margin: 20px 0px 0px 0px; padding: 0px 60px 0px 60px; display: table; }
#multibuttons .imgshell { position: relative; display:inline; float: left; max-width: 50%; min-width: 0%; overflow: hidden; margin: 10px 20px 0px 0px;  }
#multibuttons .imgright { position: relative; display:inline; float: right; max-width: 50%; min-width: 0%; overflow: hidden; margin: 10px 0px 0px 20px;  }
#multibuttons .imgshell img { width: 100%; height: auto; margin: 0px 10px 0px 0px;}
#multibuttons .imgright img { width: 100%; height: auto; margin: 0px 0px 0px 10px;}
#multibuttons .buttons { display: block; width: 100%;  margin: 20px 0px; padding: 0px; font-size: 1.1em;}
#multibuttons .buttons ul { width: 100%; list-style: none; float: left; margin: 0px; padding: 0px; }
#multibuttons .buttons li { list-style: none; display: inline; color:#FFF; background-color: #feb825; margin: 0px 10px 0px 0px; padding: 10px; border-radius: 5px; }
#multibuttons .buttons li a:link, #multibuttons .buttons li a:visited { color:#FFF; text-decoration: none; }
#multibuttons .buttons li a:hover, #multibuttons .buttons li a:active { color:#FFF; text-decoration: underline; }

	
/* links styles */
#links { position: relative; display: block; width: 99%; max-width: 92%; height: auto !important; margin: 1% 0% 0% 0%; padding: 0% 4% 0% 4%;   }
#links ul {list-style: none; margin: 0; margin: 0%; padding: 0%; }
#links li.content { position: relative; width: auto !important; display: inline; float: left; text-align: center; color: #CCC; border: 1px solid #989797; margin: 0% 2% 0% 0%; }
#links li.content .imgshell { display:inline; float: left; height: 25px; width: auto; margin:5px; }
#links li.content .imgshell img { height: 25px; width: auto; margin: 0 auto; }
#links li.content h5,
#links li.content h2 { display:inline;  float: left;  margin:10px 10px 5px 5px; padding: 0px; font-size: 1.0em; line-height: 1.0em; font-weight: 200; }

#links li.content h2 a { color: #ad1a1f; }


/* list styles */
#list { position: relative; display: block; width: 90%; max-width: 1200px; height: auto !important; margin: 20px auto;  }
#list h3 { margin: 0px; }
#list ul { width: 100%; margin: 0px 0px 0px 0px; }
#list ul li { margin:5px; }
#list ul li #expand { border-bottom: 1px solid #CCC; padding-bottom: 5px; margin-bottom: 5px; }


/* quote styles */
#quote { display: block; width: 90%; max-width: 1280px; margin: 60px 60px 30px 30px; padding: 5px 15px 5px 15px;  background-color: #ededed; text-align:center;}
#quote .content { display: table-cell; width:30%; color: #333; padding: 20px 20px 20px 20px; margin: 0px; font-family: "Gotham Light", Helvetica, Arial, sans-serif; font-size: 1.3em; font-weight: 100;  }
#quote .contentx2 { display: table-cell; width: 48%; height: auto !important; padding-right: 2%; max-height: 350px; overflow: scroll; }
#quote .contentx3 { display: table-cell; width: 32%; height: auto !important; padding-right: 2%; max-height: 350px; overflow: scroll;  }
#quote .contentx4 { display: table-cell; width: 23%; height: auto !important; padding-right: 2%; }
#quote .content .imgshell,#quote .contentx2 .imgshell,#quote .contentx3 .imgshell,#quote .contentx4 .imgshell { text-align: center; height: auto; width: 100%; margin: 0px auto; }
#quote .content .imgshell img,#quote .contentx2 .imgshell img,#quote .contentx3 .imgshell img,#quote .contentx4 .imgshell img { height: 40px; width: auto; margin: 0 auto; }
#quote h3 { font-family: "Gotham", Helvetica, Arial, sans-serif;  margin: 5px auto; text-align: center; padding: 0px; font-size: 1.6em; line-height: 1.0em; font-weight: 200; }
#quote h3 a:link, #quote h3 a:visited { color: #11aac1; text-decoration: none; }
#quote h3 a:active, #quote h3 a:hover { color: #11aac1; text-decoration: underline; }
#quote .content .number { display: block; margin: 0px; padding: 0px; font-size: 1.5em; line-height: 1.0em; font-weight: 400; color: #feb825;}
#quote .content .quotetext { display:block;width: 85%; margin: 10px auto 25px auto;padding: 0px 30px 0px 0px;font-style:italic;  }
#quote .content #embedshell { width: 90%; margin: 0 auto; }
#quote .content .button { max-width: 200px; margin: 5px auto; text-align: center; align-content: center; }
#quote #iframe { width: 100%; height: auto; margin: 0px 20px; border: 0px; }
#quote p { display: block; padding: 0px; margin: 0px; text-align: center; }
#quote ul { list-style: none; }
#quote ul li { list-style: none; display: block; padding-bottom: 5px; margin-bottom: 5px; }
#quote ul.bardtype a:link, #quote ul.bardtype a:visited { color:#feb825; text-decoration: none; }
#quote ul.bardtype a:hover, #quote ul.bardtype a:active { color:#feb825; text-decoration: underline; }
#quote a:link, #quote  a:visited { color:#feb825; text-decoration: underline; }
#quote a:hover, #quote a:active { color:#feb825; text-decoration: underline; }
#quote hr {height:1px;}

/* feeds styles */
#feeds { position: relative; display: table; width: 99%; max-width: 92%;  height: auto !important; min-height: 0px; margin: 2% 0% 0% 0%;  padding: 0% 4% 0% 4%; overflow: hidden;  }
#feeds .content { display: table-cell; width:30%; color: #666; border-right: 1px solid #ededed; padding: 20px; margin: 20px;  overflow: hidden;}
#feeds .contentx2 { display: table-cell; width: 48%; height: auto !important; padding-right: 2%; max-height: 350px; overflow: scroll; }
#feeds .contentx3 { display: table-cell; width: 32%; height: auto !important; padding-right: 2%; max-height: 350px; overflow: scroll;  }
#feeds .contentx4 { display: table-cell; width: 23%; height: auto !important; padding-right: 2%; }
#feeds .content .imgshell,#feeds .contentx2 .imgshell,#feeds .contentx3 .imgshell,#feeds .contentx4 .imgshell { text-align: center; height: auto; width: 100%; margin: 0px auto; }
#feeds .content .imgshell img,#feeds .contentx2 .imgshell img,#feeds .contentx3 .imgshell img,#feeds .contentx4 .imgshell img { height: 40px; width: auto; margin: 0 auto; }
#feeds h3 { font-family: "Gotham", Helvetica, Arial, sans-serif;  margin: 5px auto; text-align: center; padding: 0px; font-size: 1.6em; line-height: 1.0em; font-weight: 200; }
#feeds h3 a:link, #feeds h3 a:visited { color: #11aac1; text-decoration: none; }
#feeds h3 a:active, #feeds h3 a:hover { color: #11aac1; text-decoration: underline; }
#feeds .content .number { display: block; margin: 0px; padding: 0px; font-size: 1.5em; line-height: 1.0em; font-weight: 400; color: #feb825;}
#feeds .content #feedtext { width: 90%; margin: 0 auto; }
#feeds .content #embedshell { width: 90%; margin: 0 auto; }
#feeds .content .button { max-width: 200px; margin: 5px auto; text-align: center; align-content: center; }
#feeds #iframe { width: 100%; height: auto; margin: 0px 20px; border: 0px; }
#feeds p { display: block; padding: 0px; margin: 0px; text-align: center; }
#feeds ul { list-style: none; }
#feeds ul li { list-style: none; display: block; padding-bottom: 5px; border-bottom: 1px solid #ededed; margin-bottom: 5px; }
#feeds ul.bardtype a:link, #feeds ul.bardtype a:visited { color:#feb825; text-decoration: none; }
#feeds ul.bardtype a:hover, #feeds ul.bardtype a:active { color:#feb825; text-decoration: underline; }
#feeds a:link, #feeds  a:visited { color:#feb825; text-decoration: underline; }
#feeds a:hover, #feeds a:active { color:#feb825; text-decoration: underline; }
#feeds hr {height:1px;}

/* Main Image BoxStyles */
#imgbox { position: relative; display: table; width: 100%; max-width: 1280px; height: auto !important; margin: 20px 60px 0px 60px; padding: 5px 15px 5px 15px;  }
#imgbox .contentx2 .boxcol .boxtext h3 { font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 2.4em; line-height: 1.2em; color: #FFF; margin-top: 0px; text-shadow: 2px 2px 2px #000; }
#imgbox .content { position: relative; display: table-cell; min-width: 100%; height: auto !important; padding: 0px; margin: 0px auto; padding-right: 0px; }
#imgbox .contentx2 { position: relative; display: table-cell; width: 48%; height: auto !important; padding-right: 2%; }
#imgbox .contentx3 { position: relative; display: table-cell; width: 30%; height: auto !important; padding-right: 2%;}
#imgbox .contentx4 { display: table-cell; width: 23%; height: auto !important; padding-right: 2%; }
#imgbox .content .boxcol { position: relative; width: 95%; height: auto !important; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px; overflow: hidden; }
#imgbox .content iframe { position: relative; float: left; width: 50%; height: auto; margin: 0px 10px 5px 0px; padding: 0px; }
#imgbox .contentx2 { position: relative; display: table-cell; width: 46%; height: auto !important; padding:0  1%; }
#imgbox .contentx2 .boxcol .boxtext { position: absolute; top: 0px; left: 10px; width: 90%; z-index: 20; height: auto !important; margin: 0px; padding: 5%; color: #FFF; font-size: 1.15em; line-height: 1.4em; font-weight: bold; }
#imgbox .contentx2 .boxcol .boxtext h3 { margin: 0px; }
#imgbox .contentx2 .boxcol .imgshell { position: relative; width: 100%; float: none; display: block; margin: 0px; }

/* Video Cols */
#videorow { position: relative; display: table; width: 100%; max-width: 1280px; height: auto !important; margin: 20px 60px 0px 60px; padding: 5px 15px 5px 15px; }
#videorow #videocol { position:relative; display: inline; float: left; width: 23%; margin: 0 auto; padding-right: 2%; }
#videorow #videocol>#embedshell { display: block; width: 100%; height: auto !important;  float: none;  margin: 0px; padding: 0px; max-height: 140px; }
#videorow #videocol>#embedshell iframe { display: block; width: 100%; float: none;  margin: 0px; padding: 0px; }

/* Main Video Styles */
#video{ width:90%; min-height:0px; background-color: #ededed;overflow-x:auto; overflow-y: hidden; position: relative; margin: 0px auto;  padding: 0px; }
#video .content{ width:7000px;  height:300px; background-color: #ededed;  padding: 10px 20px;     /* just an example*/}
#video .content .textcol{ width:250px; height:498px; float:left; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px; }
#video .content .textcol { /*width: 95%; height: auto !important; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px; overflow: scroll; */}
#video .content iframe { width:95%; height: auto; max-height: 130px; float:left; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px;  position: relative; }


/* Main Row Styles */
#rows { width: 100%; height: auto; position: relative; float: left; margin: 20px 0px; padding: 0px; background-color: #FFF;}
#rows .content { position: relative; width: auto; height: auto; min-height: 0px; margin: 0px; padding: 0px;}
#rows .content table { width: 100%; margin: 0px; padding: 0px; }
#rows .content table td { width: auto; margin: 0px; padding: 10px; background-color: #ededed; border: 1px solid #FFF; }
#rows .content table td.fixed { width: 65%; margin: 0px; padding: 10px; background-color: #ededed; border: 1px solid #FFF; }
#rows .content .imgshell { width: 100px; height: auto; margin: 5px 0px 5px 0px; padding: 0px; overflow: hidden; }
#rows .content .imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
#rows h4 { margin: 0px; padding: 0px; }
#rows .button { margin: 0px; white-space: nowrap; }
#rows ul { margin: 0px;}


/* Main Tables Styles */
#tables { width: 100%; height: auto; position: relative; float: left; margin: 20px 0px; padding: 0px; background-color: #FFF;}
#tables .content { position: relative; width: auto; height: auto; min-height: 0px; margin: 0px; padding: 0px;}
#tables .content table { width: 100%; margin: 0px; padding: 0px;}
#tables .content tr { margin: 0px; padding: 0px;}
#tables .content td { width: auto; margin: 0px; padding: 8px; border: 1px solid #CCC; }
#tables .content table td.fixed { width: 60%; margin: 0px; padding: 10px; border-right: 1px solid #666; }
#tables .content .imgshell { width: 150px; height: auto; margin: 5px 0px 5px 0px; padding: 0px; overflow: hidden; }
#tables .content .imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
#tables .content #embedshell  { width: 300px; height: auto; margin: 5px 0px 5px 0px; padding: 0px; overflow: hidden; }
#tables .content #embedshell iframe { width: 100%; height: auto; margin: 5px 0px 5px 0px; padding: 0px; overflow: hidden; }
#tables h4 { margin: 0px; padding: 0px; white-space: nowrap; }
#tables .button { margin: 0px; white-space: nowrap; }
#tables ul { margin: 0px;}

/* Table 2Col Styles */
.table { position: relative; display: table; width: 90%; max-width: 1200px; height: auto !important; min-height: 0px; margin: 20px auto 25px auto;  padding: 0px;}
.table .tdx2 h3 { font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 2.4em; padding: 0px; margin: 0px 0px 20px 0px; color:#5e544a; }
.table .tdx2 h3 a:link, #table .tdx2 h3 a:visited { color:#5e544a; text-decoration: none; }
.table .tdx2 h3 a:hover, #table .tdx2 h3 a:active { color:#feb825; text-decoration: underline; }
.table .tdx2 { display: table-cell; width: 47%; height: auto !important; margin-right: 3%; border: none; float: left; }
.table .tdx2.tdlast { display: table-cell; width: 48%; height: auto !important; margin-right: 0%; border: none; float: left; }
.table .tdx2 .tdx2img { position: relative; display:block; width: 100%; height: 250px; padding: 0px; margin: 10px 0px; overflow: hidden;}
.table .tdx2 .tdx2img img { width: 95%; height: auto !important; padding: 0px; margin: 0px; }
.table .tdx2 .tdtext { position: relative; display:block; width: 100%; height: auto !important; padding: 0px; margin: 0px 2% 10px 0px; overflow: hidden; float: none; }

/* Archive Styles */
#archive { position: relative; display: table; width: 90%; height: auto !important; min-height: 0px; margin: 20px auto 25px auto;  padding: 0px;}
#archive .col1 h3, #archive .col2 h3 { font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1.5em; padding: 0px; margin: 0px 0px; color:#feb825; }
#archive .col1 h3 a:link, #archive .col1 h3 a:visited { color:#5e544a; text-decoration: none; }
#archive .col1 h3 a:hover, #archive .col1 h3 a:active { color:#feb825; text-decoration: underline; }
#archive .col2 h3 a:link, #archive .col2 h3 a:visited { color:#5e544a; text-decoration: none; }
#archive .col2 h3 a:hover, #archive .col2 h3 a:active { color:#feb825; text-decoration: underline; }
#archive .col1, #archive .col2 { display: table-cell; width: 46%; height: 300px;  margin: 0% 2% 3% 0%; border: none; float: left; overflow: scroll; }
#archive .col1.tdlast { display: table-cell; width: 48%; height: auto !important; margin-right: 0%; border: none; float: left; }
#archive .col1 .archimg, #archive .col2 .archimg { position: relative; float: left; display:block; width: 20%; height: auto !important; max-height: 200px; padding: 0px; margin: 0px 10px; overflow: hidden;}
#archive .col1 .archimg img { width: 95%; height: auto !important; padding: 0px; margin: 0px; }
#archive .col1 .archtext, 
#archive .col2 .archtext { position: relative; float: right; display:block; width: 85%; height: auto !important; padding: 0px; margin: 0px 2% 10px 0px; overflow: hidden; float: none;  }



#archbuttons { display: block; margin: 10px 0 0 0; }

#archbuttons .archbutton { position: relative; display: inline; background: #feb825; color: #FFF; padding: 10px; font-family: "Gotham", Helvetica, Arial, sans-serif; font-size: 1.3em; float: left; margin: 10px 10px 0px 0px;  }

#archbuttons .archbutton a:link, #archbuttons .archbutton a:visited { color: #FFF; padding: 0 10px; text-decoration: none; }

#archbuttons .archbutton a:hover, #archbuttons .archbutton a:active { color: #FFF; padding: 0 10px; text-decoration: underline;  }







.profile { position: relative; width: 97%; max-width: 1280px; height: auto; margin: 1% 0% 0% 0%; padding: 1% 10% 0% 4%; display: table;/* border-top: 1px solid #ccc;*/ }
.profile .profshell { width: 150px; height: auto; float: left; margin: 0px 15px 5px 0px; }
.profile .profshell img { width: 100%; height: auto; }
.profile h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.5em; line-height: 1.5em;font-weight: 400; letter-spacing: .06em; }
.profile h4 { margin: 0px;  padding: 0px 10px 10px 10px;  }

.cal_small {display: none; }

/* footer styles */
.footer { font-family: "Gotham Light", Helvetica, Arial, sans-serif; font-size: .9em; color: #FFF; line-height: 20px; }
footer { position: relative; width: 100%; height: auto; top: 0px; min-height: 100px; margin:0px 0px 20px 0px; background-color: #000000; display: block; }

footer ul {margin: 0px; padding: 0px; list-style:none;}
footer .imgshell img { height: 30px; width: auto; margin: 0px 0px 5px 0px; }

footer .content { max-width: 1325px; padding: 20px 20px 20px 15px; margin: 0 0 0 0px; background-color: #000000; display:block; height: auto; min-height:25px; 	 }

footer #footercontent { float: left; width: auto; max-width:900%; display: inline; margin: 10px 20px 0px 0px;padding: 0px 0px 0px 0px; }
footer .content #footercontent a:link, footer .content #footercontent a:visited { color:#ad1a1f; text-decoration: none; font-weight:bold; }
footer .content #footercontent a:hover, footer .content #footercontent a:active { color:#ad1a1f; text-decoration: underline; font-weight:bold;}

.footercol { position: relative; float:left; width: auto; max-width: 100%; margin: 10px 0px 0px 0px; padding: 0px 0px 20px 8px; border-left: 1px solid #CCC; font-size: 0.8em;}
.footercol.first { padding: 0px 0px 0px 8px; border-left: none;}
.footercol #imgfooter img { position: relative; width: 100%;  }
.footercol #imgfooter a { position: relative; width: 100%; height: 100%; }
.footercol img { position: relative; width: 100%;  }

footer #footercontact { position: relative; float: left; width: 100%; display: inline-block; margin: 0px 15px 0px 0px; padding: 0px; font-size: 1.05em; }
footer #footercontact h4 { font-family: "Gotham", Helvetica, Arial, sans-serif; font-size: 1.5em; color:#FFF; }

footer #footercontact ul {margin: 0px; padding: 0px; display: inline;}
footer #footercontact li {display: inline; margin: 0px 0px 0px 0px;padding: 0px 8px 0px 8px; border-right: 1px solid #4e4e4e;}

footer .content #footercontact a:link, footer .content #footercontact a:visited { color:#feb825; text-decoration: none; font-weight:bold; }
footer .content #footercontact a:hover, footer .content #footercontact a:active { color:#feb825; text-decoration: underline; font-weight:bold;}

footer #footiconbox { position: absolute; top: 10px; right: 20px; float: right; width: auto; display: block; margin: 0px; padding: 0px;  }
footer #footiconbox .footericons { float: right; margin: 0 0 0 0px; height: auto; width: auto;}
footer #footiconbox .footericons img { height: 25px; width: auto;}

/* random styles */
ul.newslinks .imgleft {float:left; padding: 0px; margin: 0px 10px 10px 0px; }
ul.news {list-style: none; padding: 0px; margin: 0px 10px 10px 10px; font-size: 1.1em; }
ul.news .imgleft {float:left; padding: 0px; margin: 0px 10px 10px 0px; width:100px; height:100px; overflow: hidden; }
ul.news .imgleft img { width:100px; height:auto; }
ul.news li { padding: 0px 10px 10px 10px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #ededed; }

body.news form#searchform { margin-top: 1em; clear: both;}
body.news form#searchform input#keywords { padding: 3px 6px 3px 6px; width: 300px; border: 1px #666666 solid; font-size: 1em; color: #000000; }
body.news form#searchform input.submit { padding: 2px 3px 2px 3px; border: 1px #666666 solid; font-size: 1em; color: #333333;background-color: #F0F0F0;}
body.news form#searchform input.submit:hover { background-color: #DEDEDE;}
body.news form#searchform input.submit:active {color: #000000; background-color: #CCCCCC;}
body#news .wpnewsimg { position: relative; float: left; width: 80px; height: 80px; margin : 0 10px 0 0; }
body#news .wpnewsimg img { position: relative; display: block; width: 80px; height:auto !important; }
body#news p { margin: 0 0 25px 0; }
body#news .wpdivide { border-top: 1px solid #333; margin: 0 0 25px 0; padding: 25px 0 0 0; }

.eventbox {position: relative; display: table; width: 100%; max-width: 1060px; height: auto !important; margin: 60px 60px 0px 30px; padding: 5px 15px 5px 15px;   }
.eventbox ul.hpevents li { list-type: none; display: inline;  }
.eventbox>h3 {font-family: "Gotham", Helvetica, Arial, sans-serif; font-size: 1.6em; color:#000; margin: 0; padding: 0 0 20px 0; font-weight: normal; text-transform: uppercase; display: inline; float: left; border-bottom: 4px solid #feb825;}
.eventbox ul { display: block; border-top: 1px solid #666; margin: 0; padding: 20px 0 0 0; width:100%; }
.eventbox li  { position: relative; display: inline; list-style: none; width: 24%; float: left; color: #8F8D8D;font-family: "Miso Regular", Helvetica, sans-serif; font-size: 1.1em; line-height: 1.2em; margin-right: 1%;  }
.eventbox li a:link, body#home .eventbox li a:visited { color: #000; text-decoration: none;  }

body#events .eventbox {position: relative; display: table; width: 100%; max-width: 1060px; height: auto !important; margin: 60px 0px; padding: 5px 0px; font-family: "Gotham Bold", Helvetica, Arial, sans-serif;   }
body#events .eventbox>h3 {font-family: "Gotham", Helvetica, Arial, sans-serif; font-size: 1.6em; color:#000; margin: 0; padding: 0 0 20px 0; font-weight: normal; text-transform: uppercase; display: inline; float: left; border-bottom: 4px solid #feb825;}
body#events .eventbox ul { display: block; border-top: 1px solid #666; margin: 0; padding: 20px 0 0 0; width:100%; }
body#events .eventbox li  { position: relative; display: inline; list-style: none; width: 24%; float: left; color: #8F8D8D;font-family: "Miso Regular", Helvetica, sans-serif; font-size: 1.1em; line-height: 1.2em; margin-right: 1%;  }
body#events .eventbox li a:link, body#events .eventbox li a:visited { font-family: "Gotham Bold", Helvetica, Arial, sans-serif;color: #feb825; text-decoration: none;  }
body#events .eventbox li .eventdate .date { color: #333;font-family:"Gotham Bold", Helvetica, "Arial Black", sans-serif; font-size: 1.4em; line-height: 1.1em; padding: 0px; margin: 0px; display: block;text-align: left; font-weight: 600;  }
body#events .eventbox li .eventdate .month { color: #666; font-family:"Gotham", Helvetica, "Arial Black", sans-serif;  font-size: 1em;text-transform:uppercase; line-height: .8em; text-align: left; padding: 0px; margin: 0px 0px 3px 0px; display: block; font-weight:800;  }



/* button styles */

body#home .eventbox {position: relative; display: table; width: 100%; max-width: 1060px; height: auto !important; margin: 60px 60px 0px 30px; padding: 5px 15px 5px 15px; border: 1px dashed red;   }

body#home .eventbox li .eventarea .button { display: block; width: 50%; height: auto; margin: 2% 0% 2% 0%; padding: 2% 2% 2% 2%;line-height: 1em; background-color: #feb825;   }
body#home .eventbox li .eventarea .button a { margin: 1% 2% 2% 2%; padding: 2% 2% 2% 2%; color: #FFF;  border-radius: 0px; font-size: .9em; line-height: 1.7em; height: 100%;}
body#home .eventbox li .eventarea .button a:link, body#home .eventbox li .eventarea .button a:visited { color: #FFF; text-decoration: none; }
body#home .eventbox li .eventarea .button a:hover, body#home .eventbox li .eventarea .button a:active { color: #FFF; text-decoration: underline;}


.eventbox li .eventdate { position: relative; width: 10%; float: left; color: #FFF; padding: 0 7% 0 0; margin: 0 3% 0 0; border-right: 1px solid #666666;  }
.eventbox li .eventdate .date { color: #333;font-family:"Helvetica Neue Condensed Bold", "Helvetica Neue Condensed Black", Helvetica, "Arial Black", sans-serif; font-size: 1.4em; line-height: 1.1em; padding: 0px; margin: 0px; display: block;text-align: left; font-weight: 600;  }
.eventbox li .eventdate .month { color: #666; font-family:"Helvetica Neue Condensed Bold", "Helvetica Neue Condensed Black", Helvetica, "Arial Black", sans-serif;  font-size: 1em;text-transform:uppercase; line-height: .8em; text-align: left; padding: 0px; margin: 0px 0px 3px 0px; display: block; font-weight:800;  }
.eventbox li .eventarea { position: relative; width: 70%; float: left; padding: 0 5% 0 0; margin: 0 3% 0 0; padding-bottom: 10px; margin-bottom: 10px; color: #CCC;   }
.eventbox h3 {font-family: "Gotham", Helvetica, Arial, sans-serif;font-size: 1.25em; line-height: 1em; color:#000000; margin: 0px; padding: 0px; font-weight: 400; text-transform:uppercase; }
.eventbox li .eventarea h4 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: auto;  }
.eventbox li .eventarea h4 a {font-family:"Helvetica Neue Condensed Bold", "Helvetica Neue Condensed Black", Helvetica, "Arial Black", sans-serif; font-weight:600;font-size:.8em; line-height: 1.1em; color:#333; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; }
.eventbox li .eventarea h4 a :link, .eventbox li .eventarea h4 a:visited { text-decoration:none;}
.eventbox li .eventarea h4 a:hover, .eventbox li .eventarea h4 a:active {text-decoration:underline;}
.eventbox li .eventarea h5 {font-family:"Helvetica Neue Condensed Bold", "Helvetica Neue Condensed Black", Helvetica, "Arial Black", sans-serif; font-weight:100; font-size: 1em;line-height: 1.1em; color:#999; margin: 0px 0px; padding: 5% 0% 0 0;   }

.eventbox .event-link a {font-family: "Gotham Bold", Helvetica, Arial, sans-serif; color: #ad1a1f;}
.eventbox .event-link a:link, .eventbox .event-link a:visited { text-decoration: none; }
.eventbox .event-link a:hover, .eventbox .event-link a:active { text-decoration: underline; }

.eventbox li .eventarea .eventimg { float: left; margin-right: 10px; }
#sidebar .eventbox li  { position: relative; display: block; list-style: none; width: 100%; float: left; color: #8F8D8D;font-family: "Gotham", Helvetica, Arial, sans-serif;font-size: 1.1em; line-height: 1.2em; }
body.sbfridays .eventbox li  { position: relative; display: inline; list-style: none; width: 50%; float: left; color: #8F8D8D;font-family: "Gotham", Helvetica, Arial, sans-serif;font-size: 1.1em; line-height: 1.2em; }

.eventitems {position: relative; display: table; width: 100%; max-width: 1280px; height: auto !important; margin: 0px 20px 20px 0px; padding: 5px 15px 5px 15px;   }
.eventitems h3 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.eventitems h4 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

.iconline  {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 1px dashed black;}



/* -------- Home Page Exceptaions -------- */

body#home .eventbox {position: relative; display: table; width: 98%; max-width: 1280px; height: auto !important; margin: 30px 60px 0px 0px; padding: 5px 15px 5px 15px;   }

body#home.dev .eventbox {position: relative; display: table; width: 72%; max-width: 1280px; height: auto !important; margin: 30px 0px 0px 0px; padding: 5px 15px 5px 15px;  float:left;  }

body#home.dev .eventbox ul { display: block; /*border-top: 1px solid #666;*/ margin: 0; padding: 20px 0 0 0; width:100%;  }
body#home.dev .eventbox li  { position: relative; display: inline; list-style: none; width: 32%; float: left; color: #8F8D8D;font-family: "Miso Regular", Helvetica, sans-serif; font-size: 1.1em; line-height: 1.2em; margin-right: 1%;
  }

body#home header { background: none; height: 40px;  }
body#home header .headpic {display: none; }
body#home main { position:relative; width: 100%; top: 565px; margin: 0px auto 0px auto; padding: 0px; overflow:hidden; display: block; border-top: none;} 
body#home footer { top: 50px;  }
body#home main { top: 0px; }

body#home header .content { position: relative; top: 0; width: 100%; height: auto; max-height:291px; margin: 0; padding: 0px 0px 0px 0px; display: block; float: left;
background-image:none; }

body#home header .content #logo { position: absolute; top: 100%; left:1%; width: 70%; padding: 0px 0px 0px 0px; margin:15px 0px 20px 10px; z-index: 0;float:left; height:auto !important; max-width: 225px; }

body#home header .content #logo img { padding: 0px 0px 0px 30px; }
body#home header .content #logo object { padding: 0px 0px 0px 30px; }

body#home main #mainpic { position: relative; width: 100%; max-width: 1400px; height: auto; max-height:300px;  margin: 0px ; padding: 0px; top: 0px; overflow: hidden; }
body#home main #mainpic #imgshell { }
body#home main #mainpic #imgshell img { width: 100%;}

body#home main #mainpic h2 { position: relative; left: 0%; top: 0%; color: #feb825; font-size: 1.3em; text-transform: none; background-color: transparent ; font-family: "Gotham", Helvetica, Arial, sans-serif; font-weight:400; font-size: 1.2em; line-height: 1.3em; margin: 0%; padding: 0%; display:inline-block;  }

body#home main #mainpic .introtext {  position: absolute; bottom:0%; font-family: "Gotham", Helvetica, Arial, sans-serif; font-weight:400; font-size: 1.2em; line-height: 1.3em;  padding: 1% 4% 1% 4%; color:#fff; background-image:url(https://www.bard.edu/images/tints/80black.png);  background-repeat:repeat; background-position:0 0; }

body#home main #maintext { position: relative; width: 100%; max-width: 3000px; min-height: 500px; overflow: auto; float: none; width: auto !important; background: #FFF; margin: 0px; padding: 0px 0px 20px 0px; }	
body#home main #maintext .content { width: 100%; margin: 0px auto; display: block;border-top: 17px solid #feb825; }

body#home #maincol { position: relative; width: 70%; height: auto !important; display:block; float: left; margin: 20px 0px; padding: 0px;  }
body#home #maincol #column {position: relative; width: 100%; height: auto !important; display:block; float: none; margin: 0px; padding: 0px; }
body#home #maincol #column .contentx2 {position: relative; width: 45%; height: auto !important; display:block; float: left; margin: 0px; margin-right: 3%; font-family: Helvetica, sans-serif; font-size: 14px; line-height: 24px; color: #333; }
body#home #maincol #column .contentx2 h3 {font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 2em; color:#333; margin: 0px; padding: 0px; font-weight: normal; text-transform: uppercase; }
body#home #maincol #column .contentx2 .hpcolimg {position: relative; width: 100%; height: auto !important; max-height: 250px; overflow: hidden; display:block; float: none; margin: 0px; }
body#home #maincol #column .contentx2 .hpcolimg img {position: relative; width: 98%; margin: 0px; padding: 0px; }

body#home #sidebar {position: relative; width: 30%; height: auto !important; display:block; float: left; margin: 0px 0px; padding: 0px; }
body#home #sidebar #content { width: 100%; margin: 0; padding: 0; }
Body#home #sidebar #content .sidetext { padding: 0px;  }
body#home #sidebar a:link, body#home #sidebar a:visited { color:#11aac1; text-decoration: none; }
body#home #sidebar a:hover, body#home #sidebar a:active { color:#feb825; text-decoration: underline; }
body#home #sidebar h3 {font-family: "Gotham", Helvetica, Arial, sans-serif; font-size: 2em; line-height: 1em; color:#000; margin: 20px; padding: 0px; font-weight: normal; text-transform: uppercase; }
body#home #sidebar h4 {font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1.3em; color:#11aac1; margin: 10px 0px; padding: 0px; font-weight: normal; }
body#home #sidebar h5 {font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1.1em; color:#000; margin: 10px 0px; padding: 0px; }

body#home #feeds { max-height: 300px; overflow: hidden; }

body#home #wowslidershell #wowslider-container1 .hplogo { position: absolute; top: 10px; left: 10px; width: 300px; padding: 0px auto; margin: 0px; background:url(images/IWT-logo.svg) no-repeat; z-index: 1200; }
body#home #wowslidershell #wowslider-container1 .hpbutton { position: absolute; bottom: 0%; right: 0%; font-size: 5em; font-family: "Gotham", Helvetica, Arial, sans-serif; color: #ffffff; padding: 15px 30px 15px 20px; margin: 0px; z-index: 1200; background: #333; text-transform: uppercase; }
body#home #wowslidershell #wowslider-container1 .hpbutton a:link, body#home #wowslidershell #wowslider-container1 .hpbutton a:visited { color: #FFF; text-decoration: none; }
body#home #wowslidershell #wowslider-container1 .hpbutton a:hover,body#home #wowslidershell #wowslider-container1 .hpbutton a:active { color: #CCC; text-decoration: none; }

body#home #hpboxes { position: relative; display: block; width: 100%; height: auto !important; margin: 0 0 2% 0; }
body#home #hpboxes .hprow1, body#home #hpboxes .hprow2 { position: relative; display: block; width: 25%; height: auto !important; min-height: 200px; max-height: 380px; overflow: hidden; float: left; background: #333;font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 2em; color: #feb825;border-bottom: 17px solid #feb825; }

body#home #hpboxes .hprow1 h3, body#home #hpboxes .hprow2 h3 { font-family: "Gotham", Helvetica, Arial, sans-serif;position: relative; top:0px; height: 10px;margin: 0px;  padding: 10px 0px 40px 0px; z-index: 31; font-size: 1.7em; line-height:.9em; color: #feb825; letter-spacing:0.003em; }
body#home #hpboxes .hprow1 a, body#home #hpboxes .hprow2 a { margin: 0px;padding: 10px 7px 30px 8px;font-family: "Gotham", Helvetica, Arial, sans-serif; font-size: .6em; line-height:1.1em; color: #fff;  display:block; background-image:url(https://www.bard.edu/images/tints/80black.png);  background-repeat:repeat; background-position:0 0; height: 330px;}
 
body#home #hpboxes .hprow1 h5, body#home #hpboxes .hprow2 h5 { position: absolute; bottom: 25%; left: 5px; font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1.0em; color: #FFF; z-index: 31;  margin: 5px;text-align: left;}
body#home #hpboxes .hprow1 img, body#home #hpboxes .hprow2 img { width: 100%; height: auto !important; z-index: 30; }
body#home #hpboxes .hprow1 .hprowtext h4, body#home #hpboxes> .hprow2 .hprowtext h4 {position: relative; margin: 10px auto; width: 100%; display: block; z-index: 31; font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1.25em; color: #FFF; text-transform: none; text-shadow: none;}

body#home #hpboxes .hprow1 .hprowtext h4 a:link, body#home #hpboxes> .hprow2 .hprowtext h4 a:visited { text-decoration: none; border: none; }
body#home #hpboxes .hprow1 .hprowtext h4 a:active, body#home #hpboxes> .hprow2 .hprowtext h4 a:hover { text-decoration: none; border: none; }
body#home #hpboxes .hprow1 {	position:relative;	overflow:hidden;}

body#home #hpboxes .hprow1 .hprowtext {	width:100%;		position:absolute;	bottom:0;	left:0;	margin-bottom:-280px;	border-radius:5px;}
body#home #hpboxes .hprow1:hover .hprowtext {	margin-bottom:-20px; }
body#home #hpboxes h3 {	padding-bottom: 0px;}
body#home #hpboxes .hprowtext {	-webkit-transition: all 0.7s ease;	transition: all 0.7s ease;}

body#about #hpboxes { position: relative; display: block; width: 100%; height: auto !important; margin: 0 0 20px 0; }
body#about #hpboxes .hprow1, body#about #hpboxes .hprow2 { position: relative; display: block; width: 25%; height: auto !important; min-height: 200px; max-height: 160px; overflow: hidden; float: left; background: #333; font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 2em; color: #FFF; text-align: center; }
body#about #hpboxes .hprow1 h3, body#about #hpboxes .hprow2 h3 { position: absolute; top: 15%; left: 10px; font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 2.3em; line-height:0.8em; color: #FFF; text-transform: none; margin: 10px auto; background-repeat: no-repeat; z-index: 31; text-shadow:none;text-align: left;}
body#about #hpboxes .hprow1 h5, body#about #hpboxes .hprow2 h5 { position: absolute; top: 25%; left: 5px; font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1.0em; color: #FFF; z-index: 31; text-shadow: 2px 2px 2px #000; margin: 0 5px; text-align: left; }
body#about #hpboxes .hprow1 img, body#about #hpboxes .hprow2 img { width: 100%; height: auto !important; z-index: 30;  }
body#about #hpboxes .hprow1 .hprowtext, body#about #hpboxes .hprow2 .hprowtext {position: absolute; top: 30%; display: block; width: 100%;  }
body#about #hpboxes .hprow1 .hprowtext h4, body#about #hpboxes> .hprow2 .hprowtext h4 {position: relative; margin: 10px auto; width: 100%; display: block; z-index: 31; font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1.25em; color: #FFF; text-transform: none; text-shadow: none;}
body#about #hpboxes .hprow1 .hprowtext h4 a:link, body#about #hpboxes> .hprow2 .hprowtext h4 a:visited { color: #FFF;text-decoration: none; border: none; }
body#about #hpboxes .hprow1 .hprowtext h4 a:active, body#about #hpboxes> .hprow2 .hprowtext h4 a:hover { color: #FFF;text-decoration: none; border: none; }

#hpboxes a:link, #hpboxes a:visited { text-decoration: none; color:#FFF; }


/* HP Table 4Col Styles */
body#home main #maintext .hpcontent .hptable { position: relative; display: table; width: 100%; height: auto !important; min-height: 0px; margin: 0px auto 25px auto;  padding: 0px;}
body#home main #maintext .hpcontent .hptable .tdx4 h3 { position: absolute; margin: 45% auto; padding: 0px; font-family: "Gotham", Helvetica, Arial, sans-serif; ; font-size: 2.5em; color:#FFF; z-index: 31; text-shadow: 2px 2px 2px #000;}
body#home main #maintext .hpcontent .hptable .tdx4 h3 a:link, #table .tdx4 h3 a:visited { color:#5e544a; text-decoration: none; }
body#home main #maintext .hpcontent .hptable .tdx4 h3 a:hover, #table .tdx4 h3 a:active { color:#feb825; text-decoration: underline; }
body#home main #maintext .hpcontent .hptable .tdx4 { display: table-cell; width: 25%; height: auto !important; max-height: 200px; margin: 0%; border: none; float: left; background: #333; }
body#home main #maintext .hpcontent .hptable .tdx4.tdlast { display: table-cell; width: 25%; height: auto !important; margin: 0%; border: none; float: left; }
body#home main #maintext .hpcontent .hptable .tdx4 .tdx4img { position: relative; display:block; width: 100%; height: 250px; padding: 0px; margin: 10px 0px; overflow: hidden;}
body#home main #maintext .hpcontent .hptable .tdx4 .tdx4img img { width: 100%; height: auto !important; padding: 0px; margin: 0px; }


#pagebox { display:table; border-spacing:35px; margin: 20px 0px 0px 30px; padding: 0px 0px 0px 0px;	width:100%; max-width: 1300px; }
         
#pagebox .contentx4 { display:table-row;width: 100%;	margin: 0px; padding: 0px;}
         
#pagebox .contentx4 .textcol { display:table-cell; width: 50%;	border: 2px solid #ccc;	margin: 0px; padding: 0px; position:relative; }

#pagebox .contentx4 .textcol .imgshell {width: 100%; margin: 0; height:250px; overflow: hidden; }
#pagebox .contentx4 .textcol .imgshell img { width: 100%; height:auto !important; margin: 0;}

#pagebox .contentx4 .coltext  { position:relative; clear:both; margin: 0px 0px 20px 0px; padding: 0px; } 
#pagebox .contentx4 .coltext h2  { 
	 font-family: "Gotham", Helvetica, Arial, sans-serif; color:#fff; 
	 margin: 10px 0px 5px 0px; padding: 10px 5px 5px 10px; 
	 font-size: 1.1em; line-height: 1.2em;   font-weight:400;
	 border-top: 1px solid #fff; background-color:#333; min-height: 25px; 
		  } 
#pagebox .contentx4 .coltext h4  { 
font-family: "Gotham", Helvetica, Arial, sans-serif; font-size: 1.1em; margin: 5px 0;padding: 10px 5px 5px 10px; color:#333; }
 
#pagebox .contentx4 .coltext .pagebox-text {font-family: "Gotham Light", Helvetica, Arial, sans-serif; font-weight:100; padding: 0px 5px 5px 10px; color:#333;}

#pagebox .contentx4 .textcol .date-short { background-color:#333; position:absolute; bottom:0; min-width: 25%;}

#pagebox .contentx4 .textcol .month { color: #fff; font-family:"Helvetica Neue Condensed Bold", "Helvetica Neue Condensed Black", Helvetica, "Arial Black", sans-serif;  font-size: 1.4em;text-transform:uppercase; line-height: 1em; text-align: center; margin: 0px 0px 3px 0px; padding: 10px 10px 0px 10px;display: block; font-weight:800;  }

#pagebox .contentx4 .textcol .date { color: #feb825;font-family:"Helvetica Neue Condensed Bold", "Helvetica Neue Condensed Black", Helvetica, "Arial Black", sans-serif; font-size: 3em; line-height: 1em; padding: 0px 10px 10px 10px; margin: 0px; display: block;text-align: center; font-weight: 600;  }

/* button styles */
#pagebox .button { display:table-row; width: auto; height: auto; margin: 0px 0px 0px 0px; }
#pagebox .button { position:absolute; bottom: 9px; right:0px; margin: 0%; padding: 0%;  }
#pagebox .button a { margin: 10px 0px 0px 0px; padding: 10px 15px 10px 15px; color: #FFF; background: #feb825; border-radius: 0px; font-size: 1em; line-height: 14px;}
#pagebox .button a:link, #pagebox .button a:visited { color: #FFF; text-decoration: none; }
#pagebox .button a:hover, #pagebox .button a:active { color: #FFF; text-decoration: underline;}
#pagebox .button { color: #feb825; font-family: "Gotham", Helvetica, Arial, sans-serif;  white-space: nowrap; line-height: .5em; }


/* ---------------------------- DESKTOP ONLY  STYLES ------------------------ */

@media only screen and (min-width: 1001px) {
	/*//DESKTOP styles go here*/
	
/* html 5 element styles */

#navmobile { display: none;}
/* button styles */
body#home .eventbox li .eventarea .button { display: block; width: 50%; height: auto; margin: 1% 0% 1% 0%; padding: 1% 1% 1% 1%;line-height: .9em; background-color: #feb825;   }
body#home .eventbox li .eventarea .button a { margin: 1% 1% 1% 1%; padding: 1% 1% 1% 1%; color: #FFF;  border-radius: 0px; font-size: .8em; line-height: 1.5em; height: 100%;}
body#home .eventbox li .eventarea .button a:link, body#home .eventbox li .eventarea .button a:visited { color: #FFF; text-decoration: none; }
body#home .eventbox li .eventarea .button a:hover, body#home .eventbox li .eventarea .button a:active { color: #FFF; text-decoration: underline;}




/* header logo styles */
header { position: relative; width: auto; height: 114px;top: 0; margin: 0px 0px 0px 0px; padding: 0; background: #4b4a4a; z-index: 999; background-color:#fff;    }
header .content { position: relative; top: 0; width: 100%; height: auto; max-height:243px; margin: 0; padding: 0; display: block; float: left; }
header .content #logo { display:block; float:left; width: 16%; height: 149px; margin: 0; padding: 0 0 0 2%; z-index: 1000; background-color: #feb825;  }
header .content #logo img { width: 150px; height:auto !important; margin: 0; padding: 4% 0% 0% 0%;  }
header .content #logo object { width: 305px; height:auto !important; margin: 0; padding: 1% 0% 0% 20%;  }



body#home header .content #logo {margin: 30px 0px 0px 0px;padding: 0 0 0 0%}
body#home header .content #logo img { }
body#home header .content #logo object {}

body#home #introshell .introtext {  margin: 2% 0% 1% -1%; padding: 0% 0% 0% 0%;}

/*// end DESKTOP styles*/

}

/* ---------------------------- TABLET ONLY  STYLES ------------------------ */

@media only screen and (min-width: 901px) and (max-width: 1000px) {
	/*//LAPTOP styles go here*/
	
main #subnav-sidebar {display:none;}
body#home #hpboxes .hprow1, body#home #hpboxes .hprow2 { position: relative; display: block; width: 25%; height: auto !important; min-height: 235px; max-height: 235px; overflow: hidden; float: left; background: #333;font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1.8em; color: #feb825;border-bottom: 17px solid #feb825; }

body#home #hpboxes .hprow1 h3, body#home #hpboxes .hprow2 h3 { position: relative; top:0px; height: 10px; margin: 0px; padding: 10px 0px 40px 0px; z-index: 31; font-size: 1.3em; line-height: 1em; color: #feb825; letter-spacing:0.002em;}
body#home #hpboxes .hprow1 a, body#home #hpboxes .hprow2 a { margin: 0px; padding: 10px 5px 10px 5px; font-size: .5em; line-height:1.1em; color: #fff; letter-spacing:0.006em; display:block; background-image:url(https://www.bard.edu/images/tints/80black.png);  background-repeat:repeat; background-position:0 0; height: 240px; font-weight:100; }
body#home #hpboxes .hprow1 .hprowtext {	width:100%;	position:absolute;	bottom:0;	left:0;	margin-bottom:-205px;	border-radius:5px;}
body#home .eventbox li .eventdate { position: relative; width: 10%; float: left; color: #FFF; padding: 0 7% 0 0%; margin: 0 3% 0 0; border-right: 1px solid #666666;  }
body#home .eventbox li .eventdate .date { color: #333;font-family:"Helvetica Neue Condensed Bold", "Helvetica Neue Condensed Black", Helvetica, "Arial Black", sans-serif; font-size: 1.4em; line-height: 1.1em; padding: 0px; margin: 0px; display: block;text-align: left; font-weight: 600;  }
body#home .eventbox li .eventdate .month { color: #666; font-family:"Helvetica Neue Condensed Bold", "Helvetica Neue Condensed Black", Helvetica, "Arial Black", sans-serif;  font-size: 1em;text-transform:uppercase; line-height: .8em; text-align: left; padding: 0% 0% 0% 0%; margin: 0px 0px 3px 0px; display: block; font-weight:800;  }

body#home.dev .eventbox {position: relative; display: table; width: 95%; max-width: 1280px; height: auto !important; margin: 30px 0px 0px 0px; padding: 5px 15px 5px 15px;  float:left;  }

/* button styles */
body#home .eventbox li .eventarea .button { display: block; width: 65%; height: auto; margin: 1% 0% 1% 0%; padding: 1% 1% 1% 1%;line-height: .9em; background-color: #feb825;   }
body#home .eventbox li .eventarea .button a { margin: 1% 1% 1% 1%; padding: 1% 1% 1% 1%; color: #FFF;  border-radius: 0px; font-size: .8em; line-height: 1.5em; height: 100%;}
body#home .eventbox li .eventarea .button a:link, body#home .eventbox li .eventarea .button a:visited { color: #FFF; text-decoration: none; }
body#home .eventbox li .eventarea .button a:hover, body#home .eventbox li .eventarea .button a:active { color: #FFF; text-decoration: underline;}

body#home header .content #logo {margin: 30px 10px 0px 0px;padding: 0 0 0 0}
body#home #title h1 { margin-top: 2%;margin-left: 12%; font-size:1.5em;}
body#home #introshell {margin-left: 7%;}
body#home #introshell .introtext a {font-size: .7em; font-weight:normal;}


#highlight h2 {  font-size: 1.6em; line-height: 1em; margin: 0px 0px 10px 0px; padding: 0px 10px 0px 20px; position:absolute; top: 20px;}

.text h3 { font-size: 1.3em; line-height: 1.3em;font-weight: 400; letter-spacing: .06em;}

#faculty_flex { margin: 0px 0px 0px 30px; max-width:900px; }
 
 
footer .content { padding-bottom:40px; }
footer #footercontact { position: relative; float: left; width: auto; display: block; margin: 0px 0px 0px 0px; padding: 0px; }
footer #footercontact li {display: inline; margin: 0px 0px 0px 0px;padding: 0px 8px 0px 8px; border-left: 1px solid /*#4e4e4e*/red;}
footer #footiconbox { position: relative; float: left; width: auto; display: block; margin: 0px; padding: 0px 0px 0px 0px;  }
footer #footiconbox .footericons { float: left; margin: 0 0 0 0px; height: auto; width: auto;}
footer #footiconbox .footericons img { height: 25px; width: auto; }

}


/* ---------------------------- TABLET ONLY  STYLES ------------------------ */

@media only screen and (min-width: 565px) and (max-width: 900px) {
	/*TABLET styles go here*/

body { background: #FFF; }
main #subnav-sidebar {display:none;}
h2.pagetitle { margin: 30px 0px 10px 20px; }





#navdesk { display: none;}
body#home #mobilelogo { display: none; }

.toggleMenu { background: #feb825; }
.toggleMenu a:link { color: #FFF; }
.toggleMenu a:hover { text-decoration: underline;}

nav { position: relative; top: 25px; padding: 0px 0px 0px 0px; }

.active {display: block;}

main { width: 100%; height: auto !important; overflow: visible; display: block; }
main #maintext { width: 100%; float: none; display: block; max-width: 100%; margin: 0px; height: auto; }
main #maintext .content { padding: 0px; margin: 0px; }

#maintext .content .imgshell { float: left; width: 50%; height: auto; margin-right: 10px;  }
#maintext .content .imgright { float: right; width: 50%; height: auto; margin-left: 10px; }
#coltext .content .imgshell { float: none; width: 100%; margin: 0px; padding: 0px; }

main #maintext { position:relative; display:block; width: 100%; max-width: 1400px;overflow: auto; float: none; width: auto !important; background: #FFF; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; /*background-color: pink;*/border-top: 4px solid #feb825; }	
main #maintext .content { position: relative; padding: 0px; width:100%; display: block; margin: 0px auto 0px auto;}

#faculty_flex { margin: 0px 0px 0px 25px; max-width:750px;  }
.column_fac {order: 1;flex: 0 1 22%;  align-self: flex-start;   }



/* 2015 Tablet Styles */
/* intro styles */
#introshell {  width: 99%; max-width: 85%; /*max-height: 500px; min-height: 0px; */margin:0%; padding: 0% 4% 0% 4%;overflow: hidden; display: table;    }
#introshell .caption { position: absolute; bottom: 15px; right: 15px; color: #FFF; font-size: 1em; line-height: 1.1em;}
#introshell .introtext { font-family: "Gotham Light", Helvetica, Arial, sans-serif; position: relative; display: table-cell; vertical-align:top; float: left; width: auto !important; min-width: 65%; margin: 2% 0% 0% 0%; padding: 0%; color: #363636; font-size: 1.2em; line-height:1.7em;} 
#introshell .introright { display: table-cell; vertical-align:top; position: relative; width:40%; min-width: 0px; height: auto !important; min-height: 0px; background: #FFF; margin: 5px 0 0 30px; padding: 0px; float:right; }
#introshell .introright .introlinks { display: block; position: relative; width: 90%; float: right; margin: 10px auto 0px auto; padding: 0px; font-size: 1.6em; font-family: "Gotham", Helvetica, Arial, sans-serif; }
#introshell .introright .introlinks li { position: relative; display: block; margin: 0 0 15px 0; padding: 10px; background:#ededed url(https://www.bard.edu/images/icon-arrow.png) no-repeat right center; background-position: 95% 10px;}
#introshell .introright .introimg { display: block; position: relative; width: 100%; height: auto !important; float: right; margin: 0px; padding: 10px 0px 30px 30px; max-height:400px; }
#introshell .introright .introimg img { width: 100%; height: auto !important; }


body#home header .content #logo {margin: 30px 10px 0px 0px;padding: 0 0 0 0}
body#home #title h1 { margin-top: 3%;margin-left: 16%; font-size:1.3em;}
body#home #introshell {margin-left: 11%;}
body#home #introshell .introtext a {font-size: .7em; font-weight:normal;}

header .content #mobilelogo { position: absolute; top: 5px; left: 80px; width: 195px; height: 35px; padding: 0px; margin: 0px; background:url(images/logo-mba-mobile.png) no-repeat; z-index: 5001; display:block;}

#featurebox { width: 100%; max-width:1400px;     }         	
#featurebox .contentx4 {display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap; justify-content: space-around;  width: 99%;flex-flow: row wrap;  }
#featurebox .contentx4 .textcol {    flex:1 1 auto; order:1;  }


/*
#featurebox {    display:table;	border-spacing:10px;	margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px;	width:100%; max-width: 1400px; }         
#featurebox .contentx4 {     display:table-row;width: 100%;	margin: 0px; padding: 0px;}        
#featurebox .contentx4 .textcol {    display:table-cell;width: 20%;	border: 2px solid #ccc;	margin: 0px; padding: 0px; /*max-width:100px;position:relative; }   */       
#featurebox .contentx4 .textcol.past { border: 2px solid red; }
#featurebox .contentx4 .textcol.upcoming {	border: 2px solid #feb825;	background-color: transparent; box-shadow: 5px 10px 10px 5px rgba(116, 116, 116, 0.75);	-moz-box-shadow: 5px 10px 10px 5px rgba(116, 116, 116, 0.75);
	-webkit-box-shadow: 5px 10px 10px 5px rgba(116, 116, 116, 0.75);}		 
#featurebox .contentx4 .textcol .imgshell {width: 100%; margin: 0px 0px 0px 0px; height:auto;}
#featurebox .contentx4 .textcol .imgshell img {width: 100%; margin: 0px; height:auto;}
#featurebox .contentx4 .textcol .imgshell .icon { position:absolute; bottom: 0px; height: 92px;}
#featurebox .contentx4 .textcol .imgshell .icon img {height: 92px;}
#featurebox .contentx4 .textcol .coltext  { position:relative; clear:both; margin: 0px 0px 20px 0px;  } 
#featurebox .contentx4 .textcol .coltext h3  { 	 font-family: "Gotham", Helvetica, Arial, sans-serif; color:#fff; 	 margin: 10px 0px 5px 0px; padding: 25px 5px 5px 10px; 	 font-size: 1.1em; line-height: 1.2em;   font-weight:400;	 border-top: 1px solid #fff; background-color:#333; min-height: 25px; 		  } 
#featurebox .contentx4 .textcol .coltext h4  { font-family: "Gotham", Helvetica, Arial, sans-serif; font-size: 1.1em; margin: 5px 0;padding: 10px 5px 5px 10px; color:#333; }
#featurebox .contentx4 .textcol .coltext .featurebox-text {font-family: "Gotham Light", Helvetica, Arial, sans-serif; font-weight:100; padding: 0px 5px 5px 10px; color:#333;}
#featurebox .contentx4 .textcol .date-short { background-color:#333; position:absolute; bottom:0; min-width: 25%;}
#featurebox .contentx4 .textcol .month { color: #fff; font-family:"Helvetica Neue Condensed Bold", "Helvetica Neue Condensed Black", Helvetica, "Arial Black", sans-serif;  font-size: 1.4em;text-transform:uppercase; line-height: 1em; text-align: center; margin: 0px 0px 3px 0px; padding: 10px 10px 0px 10px;display: block; font-weight:800;  }
#featurebox .contentx4 .textcol .date { color: #feb825;font-family:"Helvetica Neue Condensed Bold", "Helvetica Neue Condensed Black", Helvetica, "Arial Black", sans-serif; font-size: 3em; line-height: 1em; padding: 0px 10px 10px 10px; margin: 0px; display: block;text-align: center; font-weight: 600;  }

/* button styles */
#featurebox .button { display:table-row; width: auto; height: auto; margin: 0px 0px 0px 0px; }
#featurebox .button { position:absolute; bottom: 9px; right:0px;  }
#featurebox .button a { margin: 10px 0px 0px 0px; padding: 10px 15px 10px 15px; color: #FFF; background: #feb825; border-radius: 0px; font-size: 1em; line-height: 14px;}
#featurebox .button a:link, #featurebox .button a:visited { color: #FFF; text-decoration: none; }
#featurebox .button a:hover, #featurebox .button a:active { color: #FFF; text-decoration: underline;}
#featurebox .button { color: #feb825; font-family: "Gotham", Helvetica, Arial, sans-serif;  white-space: nowrap; line-height: .5em; }

#highlight h2 { font-size: 1.6em; line-height: 1em; margin: 0px 0px 10px 0px; padding: 0px 10px 0px 20px; position:absolute; top: 15	px;}
/* ********************************************************************************************************************************************************** */

body#home #hpboxes { position: relative; display: block; width: 100%; height: auto !important; margin: 0 0 2% 0; }

body#home #hpboxes .hprow1, body#home #hpboxes .hprow2 { position: relative; display: block; width: 25%; height: auto !important; min-height: 190px; max-height: 190px; overflow: hidden; float: left; background: #333;font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1.8em; color: #feb825;border-bottom: 17px solid #feb825; }
body#home #hpboxes .hprow1 h3, body#home #hpboxes .hprow2 h3 { position: relative; top:0px; height: 10px; margin: 0px; padding: 5px 0px 25px 0px; z-index: 31; font-size: 1.1em; line-height: 1em; color: #feb825; letter-spacing:0.002em;}
body#home #hpboxes .hprow1 a, body#home #hpboxes .hprow2 a { margin: 0px; padding: 5px 5px 5px 5px; font-size: .5em; line-height:1em; color: #fff; letter-spacing:0.006em; display:block; background-image:url(https://www.bard.edu/images/tints/80black.png);  background-repeat:repeat; background-position:0 0; height: 200px; font-weight:100; }
body#home #hpboxes .hprow1 h5, body#home #hpboxes .hprow2 h5 { position: absolute; bottom: 25%; left: 5px; font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1.0em; color: #FFF; z-index: 31;  margin: 5px;text-align: left;}
body#home #hpboxes .hprow1 img, body#home #hpboxes .hprow2 img { width: 100%; height: auto !important; z-index: 30; }
body#home #hpboxes .hprow1 .hprowtext, body#home #hpboxes .hprow2 .hprowtext {/*position: absolute; bottom: 0%; display: block; width: 100%; */ }
body#home #hpboxes .hprow1 .hprowtext h4, body#home #hpboxes> .hprow2 .hprowtext h4 {position: relative; margin: 10px auto; width: 100%; display: block; z-index: 31; font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1.25em; color: #FFF; text-transform: none; text-shadow: none;}

body#home #hpboxes .hprow1 .hprowtext h4 a:link, body#home #hpboxes> .hprow2 .hprowtext h4 a:visited { text-decoration: none; border: none; }
body#home #hpboxes .hprow1 .hprowtext h4 a:active, body#home #hpboxes> .hprow2 .hprowtext h4 a:hover { text-decoration: none; border: none; }
body#home #hpboxes .hprow1 {	position:relative;	overflow:hidden;}
body#home #hpboxes .hprow1 .hprowtext {	width:100%;		position:absolute;	bottom:0;	left:0;	margin-bottom:-170px;	border-radius:5px;}
body#home #hpboxes .hprowtext {	-webkit-transition: all 0.7s ease;	transition: all 0.7s ease;}

/* button styles */
body#home .eventbox li .eventarea .button { display: block; width: 100%; height: auto; margin: 1% 0% 1% 0%; padding: 1% 1% 1% 1%;line-height: .9em; background-color: #feb825;   }
body#home .eventbox li .eventarea .button a { margin: 1% 1% 1% 1%; padding: 1% 1% 1% 1%; color: #FFF;  border-radius: 0px; font-size: .8em; line-height: 1.5em; height: 100%;}
body#home .eventbox li .eventarea .button a:link, body#home .eventbox li .eventarea .button a:visited { color: #FFF; text-decoration: none; }
body#home .eventbox li .eventarea .button a:hover, body#home .eventbox li .eventarea .button a:active { color: #FFF; text-decoration: underline;}


body#home.dev .eventbox {position: relative; display: table; width: 95%; max-width: 1280px; height: auto !important; margin: 30px 0px 0px 0px; padding: 5px 15px 5px 15px; float:left;  }

.eventbox {position: relative; display: table; width: 90%; max-width: 1000px; height: auto !important; 
margin: 10px 10px 0px 0px; padding: 5px 5px 5px 0px;  }

.eventbox h3 { margin: 10px 10px 0px 0px; padding: 5px 5px 5px 0px;}
.eventbox ul { display: block; border-top: 1px solid #666; margin: 0; padding: 20px 0 0 0; width:100%; }

body#home .eventbox li .eventdate { position: relative; width: 10%; float: left; color: #FFF; padding: 0 7% 0 1%; margin: 0 3% 0 0; border-right: 1px solid #666666;   }

body#home .eventbox li .eventdate .date { color: #333;font-family:"Helvetica Neue Condensed Bold", "Helvetica Neue Condensed Black", Helvetica, "Arial Black", sans-serif; font-size: 1em; line-height: 1.1em; padding: 0px; margin: 0px; display: block;text-align: left; font-weight: 600;  }

body#home .eventbox li .eventdate .month { color: #666; font-family:"Helvetica Neue Condensed Bold", "Helvetica Neue Condensed Black", Helvetica, "Arial Black", sans-serif;  font-size: .7em;text-transform:uppercase; line-height: .8em; text-align: left; padding: 0% 1% 0% 0%; margin: 0px 0px 3px 0px; display: block; font-weight:800;  }

/* Home Page announce */
.announce { position: relative; display: block; width: 98%; height: auto; background-color: #feb825; float:left; margin: 30px 0px 0px 0px; padding: 5px 0px 5px 5px;}
.announce h3 { text-align: left; display: inline-block; font-size: 1.2em; font-weight: bold; font-family: "Gotham", Helvetica, Arial, sans-serif;  color: #000; padding: 5px 8px; margin: 0 0 10px 0; }
.announce h4 { text-align: left; font-size: 1.6em; font-weight: normal; line-height: 1.8em; }
.announce .rule { width: 15%; border-bottom: 2px solid #feb825; margin: 10px auto; }
.announce br { display:none;}

/* ********************************************************************************************************************************************************** */

ul.subnav {  height:30px; font-size: 1.05em;  line-height: .9em;  }
.subnav { font-weight: 200; color:#FFF; line-height: .8em; padding-top: 0px;}
#facts .content .number { font-size: 1.3em; ont-weight: 400; }
#facts .content .imgshell { height: auto; width: 100%; }
#facts .content .imgshell img { height: 35px; width: auto; margin: 0 auto; }
#facts .content { font-size: 1.1em; }
#facts .content { padding: 0 15px; }
#icons .content .number { font-size: 1.3em; ont-weight: 400; }
#icons .content .imgshell { height: auto; width: 100%; }
#icons .content .imgshell img { height: 35px; width: auto; margin: 0 auto; }
#icons .content { font-size: 1.1em; }
#icons .content { padding: 0 15px; }
#boxes h3 { font-size: 1.6em; line-height: 1.2em; }
#boxes h3 img.icon { width: 15%; }
#highlight #hightext .content h3 { font-size: 1.6em; margin: 0px; color: #FFF; }
#highlight #hightext .content h4 { font-size: 1.2em; line-height: 1.2em; margin: 0px; color: #95896e; }
#highlight #hightext .content { max-height: 200px; oveflow: scroll; line-height: 14px; font-size: 1em;  }
#highlight #hightext .content { position:relative; padding: 8%; color: #FFF; max-height: 200px; oveflow: scroll; }
#highlight #hightext .content .caption { position: absolute; bottom:0px; right:25px; color: #95896e; }
#highlight #highlinks { padding: 5px 10px; margin: 7px 0px; background: #3d3932; }
#highlight #hightext .content { position:relative; padding: 8%; color: #FFF; max-height: 375px; overflow: auto; }

#feeds { width: 100%;  }
#feeds .content .imgshell { display: block; float: none;}
#feeds .content .imgshell { display: block; float: none;}
#text .textlinks .content { max-height: 180px; font-size: 0.9em; }
#text .imgshell { position: relative; display:inline; float: right; max-width: 50%; min-width: 0%; overflow: hidden; margin: 10px 0px 0px 20px;  }
body.details #text iframe {width: 100%; height: 330px; min-height: auto;  }

.text h3 { font-size: 1.3em; line-height: 1.3em;font-weight: 400; letter-spacing: .06em;}

#multibuttons .buttons { display: block; width: 100%;  margin: 0px 0px; }
#multibuttons .buttons ul { width: 100%; display: block; }
#multibuttons .buttons li { list-style: none; display: block; width: 100%; margin: 0px 0px 10px 0px;  }

/* links styles */
#links .content { display: inline-block; float: left; text-align: center; color: #CCC; border: 1px solid #989797; margin: 5px 10px 20px 0px; display: block; }
#links .content .imgshell { display:inline; float: left; height: 25px; width: auto; margin:2px; }
#links .content .imgshell img { height: 25px; width: auto; margin: 0 auto; }
#links .content h3 { display:inline;  float: left;  margin:5px 5px 0px 5px; padding: 0px; font-size: 1.0em; line-height: 1.0em; font-weight: 200; }

.cal_small {display: none; }


footer { position: relative; width: 100%; height: auto; top: 0px; min-height: 50px; margin:0px 0px 20px 0px; background-color: #000000; display: block; }
footer .content { max-width: 100%; padding: 20px 20px 20px 15px; margin: 0 0 0 0px; background-color: #000000; display:block; height: auto; min-height:50px; 	 }

.footercol { position: relative; float:left; width: auto; max-width: 100%; margin: 0px 00px 0px 0px; padding: 0px 0px 20px 0px; border-left: none; clear:both; }
.footercol.first { padding: 0px 0px 0px 00px; border-left: none;}
.footercol #imgfooter { /*display: none;*/ position: relative; width: 100%;  }
.footercol img { position: relative; width: 100%;  }

footer #footercontent { clear:both; max-width:50%; display: inline; margin: 0px 20px 0px 0px;padding: 0px 0px 0px 0px; float:left; }
footer .content #footercontent a:link, footer .content #footercontent a:visited { color:#ad1a1f; text-decoration: none; font-weight:bold; }
footer .content #footercontent a:hover, footer .content #footercontent a:active { color:#ad1a1f; text-decoration: underline; font-weight:bold;}


footer #footiconbox { clear:both; position: relative; float: left; width: auto; display: block; margin: 0px; padding: 0px;  }
footer #footiconbox .footericons { float: right; margin: 0 0 0 0px; height: auto; width: auto;}
footer #footiconbox .footericons img { height: 25px; width: auto;}

footer #footercontact ul {margin: 0px; padding: 0px;  }
footer #footercontact li {display: inline; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; border:none;}

body#home main article { float: none; width: 100%; background-color: transparent; margin-bottom: 20px;}
body#home main article h3 { width: 95%; }
body#home main article .content { 	min-height: 140px; }
body#home main article .content .imgshell { width: 35%; height: 100%; float: left; margin-top: 20px;  }
body#home main article .content #textbox { float: right; width: 59%; padding: 3%; margin: 0px; margin-top: 20px; }

body#home #eventbox #eventtext {position: relative; width: 55%;}
body#home #eventbox #eventad {width: 40%;  }
body#home #eventbox #eventad img {width: 100%; height: auto !important }

body#inside #eventbox #eventtext {position: relative; width: 55%;}
body#inside #eventbox #eventad {width: 40%;  }
body#inside #eventbox #eventad img {width: 100%; height: auto !important }

body.viewbook #issuufix { position: relative; height: 0; width: 600px; height: 400px; overflow: hidden; margin-left: -50;  }
body.viewbook #issuufix iframe { position: absolute; top: 0; left: -50px; width: 600px; height: 400px; }
	// end TABLET styles
}

@media only screen and (min-width: 565px) and (max-width: 1000px) {
	/* responsive 800x600*/

main #subnav-sidebar {display:none;}
 

 /* header logo styles */
header { position: relative; width: auto; top: 0; margin: 0px 0px 0px 0px; padding: 0; background: #4b4a4a; z-index: 1999; background-color:#fff;    }
header .content { position: relative; bottom:0px; right: 0px; width: 100%; height: auto; max-height:10px; margin: 0; padding: 0; display: block; float: left;}

/* page titles and site titles */
#title  { position: absolute; left: 3%; bottom: 0%; width: auto; height:auto; max-height:100px; z-index: 1009; margin: 0px; padding: 0px;  }

#title h1 {  margin: 65px 0px 0px 10px; padding: 0px; display: block; font-size: 2em; line-height: 1.5em; z-index:999;  }

header .content .headpic  { /*position: absolute; right: 0; top: 0px; height: 149px; width: auto; z-index: 9; margin: 0px; padding: 0px;  */ }


header .content .headpic  {height: 89px; width: 712px; margin: 0px; padding: 0px; float:right; }

header .content .headpic img { height:0px; position:relative; top: 40px; right: 0; float:right;}

header .content #logo { display:block; float:left; width: 15%;  margin: 0px 0px 0px 0px; padding: 0%; z-index: 1000; background-color: #feb825; height: auto; }
/*header .content #logo img { width: 200px; margin: 0; padding: 4px 0px 4px 25px;  }*/

header .content #logo img { width: 100px; height:auto !important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px;  }





header .content #logo { display:none;  }
header .content #mobilelogo { }
header .content #mobilelogo img {margin: 0% 0% 0% 10%; }
body#home header .content #logo img{ display:none;}
body#home header .content #logo {display:none;}





h3 { margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 1em; line-height: 1.5em;font-weight: 400; letter-spacing: .06em; }

#introshell .introtext {  margin: 2% 0% 0% 0%; padding: 0%; color: #363636; font-size: .9em; line-height:1.2em; } 



body#home header .content #logo img{ display:none;}
body#home header .content #logo {display:none;}
body#home #title { margin: 3% 0% 0% 0%; left:0:}
body#home #title h1 { margin-top: 5%;margin-left: 0%; font-size:1.3em; color:#feb825;}
body#home #introshell {margin-left: 0%; left: 0; margin: 2% 0% 0% 2%; padding: 0%;}
body#home #introshell .introtext{ font-size: 1.1em;  margin: 2% 0% 0% 0%; padding: 0%;}
body#home #introshell .introtext a {font-size: .7em; font-weight:normal;}



#highlight h2 { font-size: 1.3em; line-height: 1em; margin: 0px 0px 10px 0px; padding: 0px 10px 0px 20px; position:absolute; top: 10px;}


#quote { width: 80%;}
#quote .content { padding: 10px 10px 10px 10px; margin: 0px; font-size: 1em; font-weight: 100;  }



.eventbox { margin: 0px 0px 0px 30px; width: 86%;}
.eventbox>h3 { font-size: 1.6em; color:#000; margin: 0; padding: 0 0 20px 0; font-weight: normal; text-transform: uppercase; display: inline; float: left; border-bottom: 4px solid #feb825;}
.eventbox ul { display: block; border-top: 1px solid #666; margin: 0; padding: 20px 0 0 0; width:100%; }
.eventbox li  { position: relative; display: inline; list-style: none; width: 24%; float: left; color: #8F8D8D; font-size: 1.1em; line-height: 1.2em; margin-right: 1%;  }
.eventbox li a:link, body#home .eventbox li a:visited { color: #000; text-decoration: none;  }

.eventbox li .eventdate { position: relative; width: 12%; float: left; color: #FFF; padding: 0 7% 0 0; margin: 0 3% 0 0; border-right: 1px solid #666666;  }
.eventbox li .eventdate .date { font-size: 1em; line-height: 1em; padding: 0px; margin: 0px; display: block;text-align: left; font-weight: 600;  }
.eventbox li .eventdate .month { font-size: .8em;text-transform:uppercase; line-height: .7em; text-align: left; padding: 0px; margin: 0px 0px 3px 0px; display: block; font-weight:800;  }
.eventbox li .eventarea { position: relative; width: 70%; float: left; padding: 0 2% 0 0; margin: 0 3% 0 0; padding-bottom: 10px; margin-bottom: 10px; color: #CCC;  }

.eventbox h3 {font-size: 1em; line-height: 1em; color:#000000; margin: 0px; padding: 0px; font-weight: 400; text-transform:uppercase; }
.eventbox li .eventarea h4 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: auto;  }
.eventbox li .eventarea h4 a {font-weight:600;font-size:.6em; line-height: 1.1em; color:#333; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; }
.eventbox li .eventarea h5 { font-weight:100; font-size: .7em;line-height: 1.1em; color:#999; margin: 0px 0px; padding: 5% 0% 0 0;   }

footer .content { width: 100%; max-width: 100%; height: auto; margin: 0 0 0 0px; padding: 10px 10px 10px 10px; display: block;height: auto; min-height:90px; }
footer .content #footercontent { max-width:100%;}
footer .content #footercontent #imgfooter { float: none; width: 100%; max-width: 100%; }
footer .content #footercontent .footercol { position:relative; float:none; width: auto; max-width: 100%; margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; border-left: none; display: block; }
footer .content #footercontent .footercol.first { width: 100%; max-width: 100%;padding: 0% 0% 0% 0%; margin: 0% 0% 0% 0%; width: 100%;  }
footer .content #footercontent .footercol img { width: 100%; height: auto; }



}



/* ---------------------------- MOBILE ONLY  STYLES ------------------------ */
 
@media screen and (max-width: 600px) {
	/*MOBILE styles go here*/

body { background: #FFF; }
header { position: relative; width: 100%; height: auto;  top: 0; margin: 0px; padding: 0px; background: #4b4a4a; z-index: 999;clear: both; }


header.fixed {position: relative; width: 100%; top: 0px; }
#navdesk { display: none;}
header .content { background-image:none;  max-height:100px;clear: both; }

header .content #logo { display:none;  }
header .content nav .menu_container ul li.social { display: none; }
header .content #mobilelogo { }
header .content #mobilelogo img {margin: 0% 0% 0% 10%; }
header .headpic {display: none; }



#mobilelogo { display: none; }


#title  { position: relative; left: 1%; top: 0%; width: auto; height:auto; max-height:200px; z-index: 9; margin: 0px; padding: 0px;clear: both;   }
#title h1 { margin: 0px 0px 0px 0px; padding: 0px; display: block; font-size: 1.8em; line-height: 1.5em; z-index:9; letter-spacing: .005em;clear: both;}


#title h1 { color: black;}

h2 {  font-weight: 100; color:#363636; margin: 0%;padding: 0% 0% 2% 0%; display: block; font-size: 1.5em; line-height: 1em; }
b { font-size: 1em; }

#supershell { width: 99%;  display: block; float: none; margin: 0px; padding: 0px; }
main { position:relative; width: 100%; top: 0px;margin: 0%; padding: 0%; }
main { overflow: visible; width: 100%;  }
main #subnav-sidebar {display:none;}
main #maintext  { width: 100%; max-width:564px; float: left; display: block; clear: both; height: auto; margin: 0%; padding: 0%; top: 0; position:relative;}
main #maintext .content { width: 100%; max-width:564px;margin: 0%; padding: 0%; }



.active {display: block;}
nav { position: relative; top: 25px; padding: 0px 0px 0px 0px; z-index: 1000; }

.toggleMenu { background: #feb825; }
.toggleMenu a:link { color: #FFF; }
.toggleMenu a:hover { text-decoration: underline;}

#topnav { float: left; display: inline; position: absolute; top: 10px; right: 5px; right: 0px; height: 25px; width: auto; color: #FFF;font-size: .9em; border:none; margin: 0px; padding: 0px;}
#topnav a:link, #topnav a:visited { color:#FFF; margin-right: 5px; }
#topnav a:hover, #topnav a:active { color:#FFF; margin-right: 5px; }

#maintext .content .imgshell { float: none; width: 100%; height: auto; margin-right: 0px; padding: 0px; }
#maintext .content .imgright { float: none; width: 100%; height: auto; margin-left: 0px; padding: 0px; }
#maintext .content iframe { float: none; width: 100%; height: auto; margin-left: 0px; padding: 0px; }

#coltext { width: 100%; padding : 0; }


#faculty_flex { margin: 0px 0px 0px 0px; max-width:564px;  }
.column_fac {order: 1;flex: 0 1 100%;  align-self: flex-start;   }
.facshell { width: 100%; max-height:   250px; overflow:hidden; }
.facshell img { width: 100%;}

.column_fac h3 { margin: 0px 0px 20px 0px; padding: 5px 0px 5px 5px; font-size: .9em; line-height: 1em;font-weight: 400; letter-spacing: .06em; color: #fff; background-color: #feb825; width: 99%; }




/* Main Column Box Styles */
/* intro styles */
#introshell h3 { font-size: 1.2em; }
#introshell {  width: 100%; max-width: 564px; /*max-height: 500px; min-height: 0px; */margin:0%; padding: 0% 2% 0% 2%;overflow: hidden; display: table;   }
#introshell .caption { position: absolute; bottom: 15px; right: 15px; color: #FFF; font-size: 1em; line-height: 1.1em;}
#introshell .introtext { display: block; vertical-align:top; float: none; width:100%; margin: 10% 0% 0% 0%; padding: 0% 0% 0% 0%; font-size: .9em; overflow: visible; }

#introshell .introright { display: block; vertical-align:top; position: relative; width: 100%; min-width: 100px; height: auto !important; min-height: 0px; margin: 0%; padding: 0px; float:left; }
#introshell .introright .introimg { display: block; position: relative; width: 100%; height: auto !important; float: left; margin: 0% 0% 3% 0%; padding:2%; max-height: 1-00px; overflow:hidden;  }
#introshell .introright .introimg img { display: block; position: relative; width: 90%; height: auto !important; float: left; margin: 0%; padding: 0%; }



body#home header .content #logo img{ display:none;}
body#home header .content #logo {display:none;}
body#home #title { margin: 3% 0% 0% 0%; left:0; padding-left:2%;}
body#home #title h1 { margin-top: 5%;margin-left: 0%; font-size:1.3em; color:#feb825;}
body#home #introshell {margin-left: 0%; left: 0; margin: 3% 0% 1% 2%; padding: 0%;}
body#home #introshell .introtext{ font-size: 1.1em;  margin: 2% 0% 0% 0%; padding: 0%;}
body#home #introshell .introtext a {font-size: .7em; font-weight:normal; padding-left: 0%;padding-bottom: 7%; }


#introshell .introright .introexpand { display: block; position: relative; float: none; width: 100%; margin: 0px auto; padding: 0; background: #ededed; border-left: none; }
#introshell .introright .introexpand>.container { position: realtive; width: 100%; margin: 10px auto; padding: 0; font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1.5em; line-height: 1.8em; max-height: 1000px; overflow-y: visible; }
#introshell .introright .introembed { display: block; position: realtive; float: none; width: 100%; margin: 10px auto; padding: 0; background: #ededed; border-left: none; }
#introshell .introright .introembed>.container { position: realtive; width: 100%; margin: 0%; padding: 0; }
	
#boxes { width:100%;float: none; }
#taglines { display: block; width: 90%; margin: 20px auto; float:none; }
#taglines .tagline { display: block; width: 190%; margin: 10px auto; float:none; }
#bars { display: block; width: 90%; margin: 10px auto; float:none; }
.box { width: 100%; float: none; disp;lavy: block; }
#icons>.column,#icons>.columnx2,#icons>.columnx3,#icons>.columnx4,#icons>.columnx5 { display: block; float: none; width: 100%; margin-bottom: 10px; border: none; }
	


/* expandable bars styles */
.bars { display: block; width: 96%; max-width: 500px; margin: 10px 2px 0px 2px; padding: 5px 5px 5px 5px; border: 1px solid #CCC; background-color: #ededed; }
.bars h2 { font-size: 1.6em; line-height: 1em; margin: 10px 0px 5px 0px; font-weight: bold; }
.bars h2 a:link, .bars h2 a:visited {color: #333; text-decoration: none; }
.bars h2 a:hover, .bars h2 a:active {color: #333; text-decoration: underline; }
.bars .imgshell {  position: relative; float: left; width: 25%; height: auto; margin: 0px; padding: 0px 10px 0px 0px; overflow: hidden; }
.bars .imgshell img { width: 100%; height: auto; }


	
#highlight { width: 100%; margin:0% 0% 0% 0%; padding: 2% 0% 0% 0%;overflow: hidden; display: block; background-color: #333; }
#highimagearea { position:relative; border-right: 1px solid #fff;  float: left; width: 100%; margin: 0; padding:0%; height: auto !important; overflow: scroll;}

#highlight .date-short { background-color: transparent; position:relative; width: auto; max-width:25%; display:inline-block; border-right: 1px solid #fff; float:left;}
#highlight .month { font-size: 1.2em;text-transform:uppercase; line-height: 1em; text-align: center; margin: 0px 0px 3px 0px; padding: 10px 10px 0px 10px;display: block; font-weight:800;  }
#highlight .date { font-size: 2em; line-height: 1em; padding: 0px 10px 10px 10px; margin: 0px; display: block;text-align: center; font-weight: 600;  }

#highlight h2 {display:inline-block; font-size: 1.5em; line-height: 1em; margin:0% 0% 0% 0%; padding: 0% 2% 0% 2%; color: #FFF;  position:absolute; top: 10px;}

#highlight .image { width: 100%; margin:0% 0% 0% 0%; padding: 2% 0% 0% 0%;overflow: hidden; display: block; clear:both;}

#highlight .hightext { position: relative; float: right; width: 94%; margin: 0; padding: 3% 3% 3% 3%; background: #333; color: #FFF; height: auto !important; max-height: 380px; overflow: scroll; font-size:1.2em; line-height:1.4em; font-weight:100; }
	
#portal { position: relative; width: 96%; margin:4% 0% 0% 0%; padding: 2% 2% 2% 2%;overflow: hidden; display: block; background-color: #ececec;	 }
#portal h2 { font-size: 1.8em; margin: 0px; }
#portal .textlinks { /*position: relative; display: table-cell; */ float: right; width: auto; max-width: 200px; min-width: 0%; padding: 0px; margin: 0px; }
#portal .textlinks .content { width: 100%; min-height: 100px; max-height: 220px; overflow: scroll; padding: 0px; margin: 0px 0px 0px 10px; border-left: 1px solid #CCC; border-top: 1px solid #CCC; font-size: 1em; } 
#portal .textlinks ul { margin: 0px 0px 0px 5px; }

#portal .textarea { overflow:hidden; /*float: left; position: relative; display: table-cell; width: auto; padding: 0px; margin: 0px; overflow: hidden;*/  }
#portal .imgshell, #portal .imgleft { position: relative; display: block; float: left; width: auto; max-width: 100%; min-width: 0%; height: auto !important; overflow: hidden; margin: 20px 20px 20px 0px;}
#portal .imgright { position: relative; display: block; float: right; width: auto; max-width: 35%; min-width: 0%; height: auto !important; overflow: hidden; margin: 5px 0px 0px 10px; }

#portal .imgshell .piccontent, #portal .imgleft .piccontent, #portal .imgright .piccontent {position: relative;  display: block; width: 100%; height: auto !important;  }
#portal .imgshell .piccontent img, #portal .imgleft .piccontent img, #portal .imgright .piccontent img { width: 98%; height: auto; margin: 0px; padding-right: 0px; }
	/*#portal #textarea h3 { font-size: 1.8em; margin: 0px; }*/
#portal .imgshell .piccontent .caption, #portal .imgright .piccontent .caption { display: block; float: none; }

	/* quote styles */
#quote { display: block; width: 91%; max-width: 564px; margin: 10px 5px 0px 2px; padding: 5px 15px 5px 15px;  background-color: #ededed; text-align:center;}

#quote .content { display: table-cell; width:30%; color: #333; padding: 20px 20px 20px 20px; margin: 0px; font-family: "Gotham Light", Helvetica, Arial, sans-serif; font-size: 1.1em; font-weight: 100;  }

#quote h3 { font-family: "Gotham", Helvetica, Arial, sans-serif;  margin: 5px auto; text-align: center; padding: 0px; font-size: 1em; line-height: 1.0em; font-weight: 200; }
#quote h3 a:link, #quote h3 a:visited { color: #11aac1; text-decoration: none; }
#quote h3 a:active, #quote h3 a:hover { color: #11aac1; text-decoration: underline; }

#text { display: block;  }
#text .imgshell { width: 100%; max-width: 100%; float: none; display: block; margin: 0px; }
#text .imgright { display:block; float: none; max-width: 100%; width: 100%; margin: 0px; padding: 0px; }
#text #textarea { width: 100%; float: none; display: block; }
#text .textlinks { max-width: 100%; float: none; display: block;  }
#text .textlinks .content { height: auto; max-height: auto; overflow: visible; }

	
.table .tdx2 { display: block; width: 95%; height: auto !important; margin: 0 auto; border: none; float: none; }
.table .tdx2.tdlast { display: block; width: 95%; height: auto !important; margin: 0 auto; border: none; float: none; }

.eventbox {position: relative; display: table; width: 100%; max-width: 500px; height: auto !important; margin: 10px 0px 0px 10px; padding: 5px 0px 5px 0px; }
.eventbox li  { position: relative; display: block; list-style: none; width: 100%; float: none; color: #8F8D8D;font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1.1em; line-height: 1.2em; }


body.details #text iframe {width: 100%; height: 200px; min-height: auto;  }
#multibuttons .buttons { display: block; width: 100%;  margin: 20px 0px; padding: 0px; font-size: 1.1em;}
#multibuttons .buttons ul { width: 95%; display: block; }
#multibuttons .buttons li { list-style: none; display: block; width: 100%; margin: 0px 0px 10px 0px;  }

#feeds { position: relative; display: block; width: 92%; max-width: 92%;  height: auto !important; min-height: 0px; margin: 0% 0% 2% 0%;  padding: 0% 4% 0% 4%;  }
#feeds .content { display: block; width:100%; color: #666; border-right: 1px solid #ededed; padding: 20px; margin: 20px; }
#feeds .contentx2 { display: block; width: 98%; height: auto !important; max-height: 350px; overflow: scroll;border-top: 1px solid #feb825; margin: 2% 0% 0% 0%; padding: 2% 2% 0% 0%; }
#feeds .contentx3 { display: block; width: 98%; height: auto !important;  max-height: 350px; overflow: scroll;border-top: 1px solid #feb825;margin: 2% 0% 0% 0%; padding: 2% 2% 2% 0%;  }
#feeds .contentx4 { display: block; width: 98%; height: auto !important; border-top: 1px solid #feb825;margin: 2% 0% 0% 0%; padding: 2% 2% 2% 0%; }
#feeds .content .imgshell,#feeds .contentx2 .imgshell,#feeds .contentx3 .imgshell,#feeds .contentx4 .imgshell { text-align: center; height: auto; width: 100%; margin: 0px auto; }
#feeds .content .imgshell img,#feeds .contentx2 .imgshell img,#feeds .contentx3 .imgshell img,#feeds .contentx4 .imgshell img { height: 40px; width: auto; margin: 0 auto; }

#column {width: 99%;  height: auto !important; min-height: 0px; margin: 2% 0% 0% 0%;  padding: 0% 2% 0% 2%; }



#column .content { display: block;  height: auto !important; padding: 0px; float: none;}
#column .contentx2, #column .contentx3, #column .contentx4 { display: block; width: 99%;  height: auto !important; margin: 0% 0% 5% 0%;  padding: 1% 0% 0% 0%; border-top: none; }
#column .contentx2 iframe, #column .contentx4 iframe, #column .contentx4 iframe { display: block; width: 100%; height: auto !important; min-height: 210px; padding: 0px; float: none;}




#column { position: relative; display: block; float:left; width: 99%; max-width: 92%;  height: auto !important; min-height: 0px; margin: 2% 0% 0% 0%;  padding: 0% 4% 0% 4%; }
#column h3 { font-family: "Miso Regular", Helvetica, Arial, sans-serif; font-size: 2.0em; line-height: 1em; color: #000; }
#column .content { position: relative; display:block; float:left; min-width: 100%; height: auto !important; padding: 0px; margin: 0px auto; padding-right: 0px; }
#column .contentx2 { position: relative; display:block; float:left; width: 98%; height: auto !important; padding-right: 2%; }
#column .contentx3 { display:block; float:left;width: 98%; height: auto !important; padding-right: 2%; }
#column .contentx4 { display:block; float:left; width: 98%; height: auto !important; padding-right: 2%; border-top: 2px solid #ccc; }

#column .contentx4 .textcol { border: none; padding: 0%;}



#featurebox { display:block;	border-spacing:35px;	margin: 2% 0% 0% 0%;  padding: 0% 0% 0% 0%;width: 99%;  }
#featurebox .contentx4 {    display:block;width: 100%;	margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%;}
#featurebox .contentx4 .textcol {display:block;width:100%;	border: none;	margin: 0% 0% 15% 0%;  padding: 0% 0% 0% 0%;/*max-width:100px;*/position:relative; }
#featurebox .contentx4 .textcol.past { border: 2px solid red; }
#featurebox .contentx4 .textcol.upcoming {	border: 2px solid #feb825;}		 
#featurebox .contentx4 .textcol .imgshell {width: 100%; margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; height:auto;}
#featurebox .contentx4 .textcol .imgshell img {width: 100%; margin: 0% 0% 0% 0%;  padding: 0% 0% 0% 0%; height:auto;}
#featurebox .contentx4 .textcol .imgshell .icon { position:absolute; bottom: 0px; height: 92px;}
#featurebox .contentx4 .textcol .imgshell .icon img {height: 92px;}
#featurebox .contentx4 .textcol .coltext  { position:relative; clear:both; margin: 0px 0px 20px 0px;  } 
#featurebox .contentx4 .textcol .coltext h3  { 	 margin: 10px 0px 5px 0px; padding: 25px 5px 5px 10px; min-height: 25px; 		  } 
#featurebox .contentx4 .textcol .coltext h4  {  margin: 5px 0;padding: 10px 5px 5px 10px; color:#333; }
#featurebox .contentx4 .textcol .coltext .featurebox-text {padding: 0px 5px 5px 10px; color:#333;}
#featurebox .contentx4 .textcol .date-short { background-color:#333; position:absolute; bottom:0; min-width: 25%;}
#featurebox .contentx4 .textcol .month { margin: 0px 0px 3px 0px; padding: 10px 10px 0px 10px;display: block; font-weight:800;  }
#featurebox .contentx4 .textcol .date { padding: 0px 10px 10px 10px; margin: 0px; display: block;text-align: center; font-weight: 600;  }
#featurebox .contentx4 .textcol {display:block;width: 98%;	border: none;	margin: 0px; padding: 0px 0px 0px 0px; position:relative; overflow:visible; top: 20px; }

/* button styles */
#featurebox .button { display:table-row; width: auto; height: auto; margin: 0px 0px 0px 0px; }
#featurebox .button { position:absolute; bottom: 9px; right:0px; margin: 0%; padding: 0%;  }
#featurebox .button a { margin: 10px 0px 0px 0px; padding: 10px 15px 10px 15px; color: #FFF; background: #feb825; border-radius: 0px; font-size: 1em; line-height: 14px;}
#featurebox .button a:link, #featurebox .button a:visited { color: #FFF; text-decoration: none; }
#featurebox .button a:hover, #featurebox .button a:active { color: #FFF; text-decoration: underline;}
#featurebox .button { color: #feb825; font-family: "Gotham", Helvetica, Arial, sans-serif;  white-space: nowrap; line-height: .5em; }


#imgbox { position: relative; display: block; width: 100%; max-width: 1200px;  height: auto !important; min-height: 0px; margin: 20px auto;  padding: 0px; }
#imgbox .contentx2 { position: relative; display: block; width: 100%; height: auto !important; padding-right: 0%; padding-bottom: 20px; }
#imgbox .contentx3 { position: relative; display: block; width: 100%; height: auto !important; padding-right: 0%; padding-bottom: 20px; }
#imgbox .contentx4 { display: block; width: 100%; height: auto !important; padding-right: 0%; padding-bottom: 20px; }
#imgbox .contentx2 .boxcol .imgshell { position: relative; width: auto; height: 100%; min-height: 300px; float: none; display: block; margin: 0px; overflow: visible; }
#imgbox .contentx2 .boxcol .imgshell img { width: auto !important; height: 300px;}
	
#videorow #videocol { position:relative; display: inline; float: none; width: 100%; margin: 0 auto; padding-right: 0%; }
#videorow #videocol #embedshell { display: block; width: 100%; float: none;  margin: 0px; padding: 0px; max-height: 300px;}
#video .content { position: relative; display: block;  width: 100%; float: none; height: auto !important; max-height: 500px; overflow: visible; padding: 0px 0px 5px 0px; margin: 5px auto 10px auto;  }
#video .content iframe { position: relative; float: none; width: 100%; height: auto; max-height: 600px; margin: 0px; padding: 0px; }

#links { display: block; width: 99%; margin: 1% 0% 0% 0%; padding: 0% 4% 0% 2%;}
#links ul { list-style: none;margin: 0%; padding: 0%;  }
#links li { display: block; width: 100%;  }
#links li.content { position: relative; width: auto !important; display: inline; float: left; text-align: center; color: #CCC; border: 1px solid #989797; margin: 0% 2% 0% 0%; }
#links li.content .imgshell { display:inline; float: left; height: 25px; width: auto; margin:5px; }
#links li.content .imgshell img { height: 25px; width: auto; margin: 0 auto; }
#links li.content h5 { display:inline;  float: left;  margin:10px 10px 5px 5px; padding: 0px; font-size: 1.0em; line-height: 1.0em; font-weight: 200; }



#profile { position: relative; width: 97%; max-width: 600px; height: auto; margin: 1% 0% 0% 0%; padding: 1% 0% 0% 1%; display: table; border-top: 1px solid #ccc;  }
#profile #profshell { width: 100%; height: auto; float: left; margin: 0px 0px 5px 0px; padding: 0% 1% 0% 1%; }
#profile #profshell img { width: 100%; height: auto; }
#profile h3 { margin: 0px 0px 0px 0px; padding: 0% 1% 0% 0%; font-size: 1.5em; line-height: 1.5em;font-weight: 400; letter-spacing: .06em; }
#profile h4 { margin: 0px;  padding: 1% 0% 0% 0%;  }


.text { position: relative; width: 100%; max-width: 500px; height: auto; margin: 0% 0% 0% 0%; padding: 0% 10% 0% 1%; display: table; }
.text h2 {  font-weight: 100; color:#363636; margin: 0%; padding: 0% 0% 0% 0%; display: block; font-size: 1.6em; line-height: 1em; }



.textcol { display:block; width: 98%; border: 2px solid #ccc; margin: 0px auto; padding: 0px; position:relative; overflow:visible; top: 20px; }





#sidebar { position: relative; float:left;  margin: 2% 0% 0% 0%; padding: 0% 10% 2% 0%; width: 100%; max-width:100%; background-color: #feb825; display:block;  height:!important; overflow:auto;
overflow-x: hidden;}
#sidebar .sidetext, #sidebar .sidelist {  overflow:auto; width:95%; margin: 0% 1% 2% 0%;padding: 1% 1% 2% 1%; position:relative;  }
#sidebar .sidetext { padding: 10% 0% 0% 2%; overflow:auto; font-size: .9em; line-height: 1.4em;  }
#sidebar .sidelist {  margin: 30px 0px 0px 10px; padding: 30px 0px 0px 0px;  }
#sidebar h3 { font-family: "Gotham", Helvetica, Arial, sans-serif;  font-size: 1.2em; line-height: 1.5em; color: #333;  border-bottom: none;  margin: 0px 0px 0px 0px; padding: 0px;font-weight: 400; }

#sidebar>.button { margin: 0px; padding: 0px 0px 0px 10px; border-bottom: none; }
#sidebar>.button h3 { font-size: 1em; display: inline-block; width: auto; height: auto; margin: 0px 0px 3px 0px; padding: 10px 15px 10px 15px; color: #FFF; background-color: #feb825; border-radius: 8px; border-bottom: none; }

#sidebar .content {  }
#sidebar .imgshell { width: 100%; height: auto; margin: 5px 0px 5px 0px; padding: 0px; overflow: hidden; }
#sidebar .imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
#sidebar ul { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 20px;}
#sidebar iframe { width: 100%; height: 110px; }


.cal_small {display: block; }
.cal_full {display: none; }

footer { margin: 0px; width: 99%; height: auto; display: block; min-height: 90px; top: 0px; }
footer .content { width: 100%; max-width: 100%; height: auto; margin: 0 0 0 0px; padding: 10px 10px 10px 10px; display: block;height: auto; min-height:105px; }

footer .content #footercontent { max-width:100%;}
footer .content #footercontent #imgfooter { float: none; width: 100%; max-width: 100%; }
footer .content #footercontent .footercol { position:relative; float:none; width: auto; max-width: 100%; margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; border-left: none; display: block; }
footer .content #footercontent .footercol.first { width: 100%; max-width: 100%;padding: 0% 0% 0% 1%; margin: 0% 0% 0% 0%; width: 100%;  }
footer .content #footercontent .footercol img { width: 100%; height: auto; }

footer .content #footercontact { position: relative; float: none; width: 100%; display: block; clear: both; margin: 0% 0% 0% 0%; padding: 0% 0% 0% 1%; }
footer .content #footiconbox { margin: 0%; width: auto; float:left; padding:0%;  }
footer .content #footiconbox #footericons { float: left; margin: 0%; padding:0%;   }

footer #footercontact ul {margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; }
footer #footercontact li {display: inline; margin: 0% 0% 0% 0%; padding: 0% 2% 0% 0%; border:none;}


/*header .content #mobilelogo { position: absolute; top: 5px; left: 80px; width: 195px; height: 35px; padding: 0px; margin: 0px; background:url(images/logo-mba-mobile.png) no-repeat; z-index: 5001; display:block;}*/
	
body#home #wowslidershell {top: 0px;}
body#home #wowslider-container1 { top: 3px; }
body#home #wowslidershell #wowslider-container1 .hplogo { position: absolute; top: -40px; left: 80px; width: 205px; height: 40px; overflow: hidden; padding: 0px auto; margin: 0px; background:url(images/logo-mba.png) no-repeat; z-index: 2001; }
body#home #wowslidershell #wowslider-container1 .hpbutton { position: absolute; bottom: 0px; right: 0%; font-size: 5em; line-height: 1.0em; font-family: "Gotham", Helvetica, Arial, sans-serif;  color: #ffffff; padding: 15px; margin: 0px; z-index: 1200; background: #333; text-transform: uppercase; }
	
body#home #maincol { position: relative; width: 90%; height: auto !important; display:block; float: left; margin: 20px auto; padding: 0px;  }
body#home #maincol #column {position: relative; width: 100%; height: auto !important; display:block; float: none; margin: 0px; padding: 0px; }
body#home #maincol #column .contentx2 {position: relative; width: 100%; height: auto !important; display:block; float: none; margin: 0px auto; margin-right: 0%; font-family: "Gotham", Helvetica, Arial, sans-serif; font-size: 1.5em; }
body#home #maincol #column .contentx2 .hpcolimg {position: relative; width: 100%; height: auto !important; max-height: 250px; overflow: hidden; display:block; float: none; margin: 0px; }
body#home #maincol #column .contentx2 .hpcolimg img {position: relative; width: 98%; margin: 0px; padding: 0px; }

body#home #sidebar {position: relative; width: 90%; height: auto !important; display:block; float: none; margin: 0px auto; padding: 0px; }

body#home #eventbox {position: relative; width: 100%; max-width: 1200px; height: auto !important; min-height: 600px; background-color:#333;margin:25px 0px 0px 0px;padding:0px;display:block; color: #FFF; }
body#home #eventbox #eventtext {position: relative; width: 90%; display:block; float: none; margin-bottom: 15px; }
body#home #eventbox #eventad {width: 100%; display:block; float: none; margin-top: 15px; }
body#home #eventbox #eventad img {width: 100%; height: auto !important }


body#home.dev .eventbox {position: relative; display: table; width: 90%; max-width: 1280px; height: auto !important; margin: 30px 0px 0px 0px; padding: 5px 15px 5px 15px;  float:left;  }





body#home .eventbox {position: relative; display: table; width: 90%; max-width: 1000px; height: auto !important; 
margin: 10px 10px 0px 0px; padding: 5px 5px 5px 0px;  }

body#home .eventbox h3 { margin: 10px 10px 0px 0px; padding: 5px 5px 5px 0px;}

body#home .eventbox ul { display: block; border-top: 1px solid #666; margin: 0; padding: 20px 0 0 0; width:100%; float:left; }

body#home .eventbox li { position:relative; display:block; width: 100%; min-width: 300px;float:left;  }

/*body#home .eventbox li .eventdate { position: relative; width: 10%; float: left; color: #FFF; padding: 0 7% 0 1%; margin: 0 3% 0 0; border-right: 1px solid #666666;   }

body#home .eventbox li .eventdate .date { color: #333;font-family:"Helvetica Neue Condensed Bold", "Helvetica Neue Condensed Black", Helvetica, "Arial Black", sans-serif; font-size: 1em; line-height: 1.1em; padding: 0px; margin: 0px; display: block;text-align: left; font-weight: 600;  }

body#home .eventbox li .eventdate .month { color: #666; font-family:"Helvetica Neue Condensed Bold", "Helvetica Neue Condensed Black", Helvetica, "Arial Black", sans-serif;  font-size: .7em;text-transform:uppercase; line-height: .8em; text-align: left; padding: 0% 1% 0% 0%; margin: 0px 0px 3px 0px; display: block; font-weight:800;  }

*/

body#home .eventbox h4 {font-size:1em; line-height: 1.1em;  }







body#home main #mainpic { position: relative; width: 100%; max-width: 564px; height: auto; min-height:165px;  margin: 0px ; padding: 0px 0px 0px 0px;top: 0px; overflow: hidden; }

body#home main #mainpic #imgshell { height: 200px;  }

body#home main #mainpic #imgshell img { width: 100%;}

body#home main #mainpic h2 { display:inline-block; position: relative; left: 0%; top: 10%; color: #feb825;  text-transform: none; background-color: transparent ; font-family: "Gotham", Helvetica, Arial, sans-serif; font-weight:400; font-size: 1em; line-height: 1.2em;  margin: 0%; padding: 0% 0% 0% 0%;  }

body#home main #mainpic .introtext {  position: absolute; bottom:0%; font-family: "Gotham", Helvetica, Arial, sans-serif; font-weight:400; font-size: .9em; line-height: 1.1em;  padding: 1% 4% 1% 4%; color:#fff;
 background-image:url(https://www.bard.edu/images/tints/80black.png);  background-repeat:repeat; background-position:0 0; }
 
body#home #hpboxes { position: relative; display: block; width: 100%; height: auto !important; margin: 0 0 2% 0; }

body#home #hpboxes .hprow1, body#home #hpboxes .hprow2 { position: relative; display: block; width: 100%; height auto !important; min-height: 320px; max-height: 350px; overflow: hidden; float: left; background: #333;	  font-size: 1.8em; color: #feb825;border-bottom: 17px solid #feb825; }

body#home #hpboxes .hprow1 h3, body#home #hpboxes .hprow2 h3 { position: relative; top:0px; height: 0px; margin: 0px; padding: 10px 0px 10px 0px; z-index: 31; font-size: 1.3em; line-height: 1em; color: #feb825; letter-spacing:0.002em;}

body#home #hpboxes .hprow1 a, body#home #hpboxes .hprow2 a { margin: 0px; padding: 5px 5px 5px 5px; font-size: .5em; line-height:1em; color: #fff; letter-spacing:0.006em; display:block;  float:left; height: 360px;  font-weight:100; }




body#home #hpboxes .hprow1 .hprowtext {	width:100%;	position:absolute;	bottom:0;	left:0;	margin-bottom:-250px;	border-radius:5px;}
body#home #hpboxes .hprow1:hover .hprowtext {	margin-bottom:-30px; }




	/* Home Page announce */
.announce { position: relative; display: block; width: 94%; height: auto; background-color: #feb825; float:left; margin: 30px 0px 0px 0px; padding: 5px 0px 5px 5px;}
.announce h3 { text-align: left; display: inline-block; font-size: 1em; font-weight: bold; font-family: "Gotham", Helvetica, Arial, sans-serif;  color: #000; padding: 5px 8px 5px 0px; margin: 0 0 10px 0; }
.announce h4 { text-align: left; font-size: 1.6em; font-weight: normal; line-height: 1.8em; }
.announce .rule { width: 15%; border-bottom: 2px solid #feb825; margin: 10px auto; }

.announce .button br { display:none; }
/* button styles 

.button a { margin: 1% 0% 2% 0%; padding: 2% 2% 2% 2%; color: #FFF; background: #feb825; border-radius: 0px; font-size: .9em; line-height: 1.7em;}
.button a:link, .button a:visited { color: #FFF; text-decoration: none; }
.button a:hover, .button a:active { color: #FFF; text-decoration: underline;}
.button { color: #feb825; font-family: "Gotham", Helvetica, Arial, sans-serif;  white-space: nowrap; line-height: .5em; }
*/

#pagebox {display:block; float:left; margin: 10px 0px 10px 4px; padding: 0px 0px 0px 0px;	width:98%; max-width: 600px; }
#pagebox .contentx4 { display:block; float:left; width: 100%; margin: 0; }

#pagebox .contentx4 .textcol { display:block; float:left;width: 98%;	border: 2px solid #ccc;	margin: 0px 0px 10px 0px; padding: 0px; position:relative; }
	
	/*end MOBILE styles*/
}

@media screen and (max-width: 320px){
	#supershell { width: 320px;  display: block; float: none; margin: 0px; padding: 0px; }
}

/* ---------------------------- PRINT ONLY  STYLES ------------------------ */

@media print { 

body { background: #FFF; }
nav { }
nav a:link,nav a:visited,nav a:hover;nav a:active { color: #000; }
header { display: none; }
header .content #logo { position: relative; top: 5px; width: 175px; padding: 0px auto; margin: 0px auto; background: url(https://www.bard.edu/images/logo-print.png) center center; }
header .content #logo img { position: relative; padding: 0px auto; margin: 0px auto;}
main { position:relative; width: 100%; top: 0px; }
#introshell { max-height: auto; }
ul.dropdown-menu {display: none; }
#subnav li { margin-right: 10px; padding-right: 10px; }
#submenu {display: none;}
#introtext {margin-top: 15px; }
#introcol #left #image { display: none; }
#introshell h1 { position: relative; top: 10px; left: 0%;font-size: 2em; line-height: 2em; color: #FFF; height: auto; margin: 10px 0; }
h1.pagetitle { position: relative; margin: 10px 0; }
#introshell .imgshell { width: 100%; height: auto; }
#boxes { margin-top: 50px; }
#boxes h3 { position: absolute; top: -30%; margin: 0px auto; padding: 0px 5%; text-align: center; color: #FFF; font-size: 1.5em; line-height: 1.2em; font-weight: 200; }
#boxes img.icon, #boxes .button {display: none; }
* { text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important; }
a:link,a:visited,a:hover,a:active { color: #feb825; text-decoration:underline; }
header h2 { display: block; font-family: "Gotham", Helvetica, Arial, sans-serif; ;font-weight: bold; color:#5d5d5d; margin: 0px 0px 15px 0px; display: block; font-size: 3em; line-height: 2em; }
.cal_small {display: none; }
.cal_full {display: block; }
#imgfooter {display:none;}

}