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

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

@font-face {
	font-family: "Modern Pics";
	src: url("https://www.bard.edu/fonts/modernpics.eot"); /* IE9 */
	src:
		local("Modern Pics"),
		local("Modern Pics"),
		url("https://www.bard.edu/fonts/modernpics.ttf") format("truetype"),
		url("https://www.bard.edu/fonts/modernpics.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("Helvetica Neue 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: "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; line-height: 22px; color: #333; background: #ededed url(../images/) repeat center center fixed; }
	
h1 { font-family: "Helvetica Neue UltraLight", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-weight: 400; color:#5d5d5d; margin: 10px 0px 10px 0px; padding: 0px; display: block; font-size: 2.8em; line-height: 38px; }
h1.pagetitle { font-family: "Helvetica Neue UltraLight", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-weight: lighter; color: #5e544a; font-size: 2.8em; line-height: 40px; margin: 50px 0px 10px 0px; }
h1.pagetitle a:link, h2.pagetitle a:visited { color:#5e544a;text-decoration: none; }
h1.pagetitle a:hover, h2.pagetitle a:active { color:#5e544a;text-decoration: underline; }
h2 { font-family: Helvetica, sans-serif; color:#5e544a; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; font-size: 1.4em; font-weight: bold;}
#column h2 { margin: 0px; }
h2.pagetitle { font-family: "Helvetica Neue UltraLight", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-weight: 400; color:#5e544a; margin: 20px 0px 20px 0px; padding: 0px; display: block; font-size: 2.8em; line-height: 38px; }
h3, .subtitle3 { font-family: Helvetica, sans-serif; color:#5e544a; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; font-size: 1.4em; font-weight: bold; }
h4, .subtitle4 { font-size: 1.2em; line-height: 1em; margin: 0 0 5px 0; padding: 0; color:#be1d23;  }
h5 { font-size: 1.1em; margin: 0; padding: 0px; color:#5e544a; }
h6 { color:#5e544a; }
p { font-size: 1em; line-height: 22px; }

/* reset styles */
.bardtype { font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 0.9em; color:#333; }
.bardtype a:link, a:visited { color:#5e544a; text-decoration: none; }
.bardtype a:hover, a:active { color:#cc0000; text-decoration: underline; }
.clearout { clear: both; line-height: 1px; }
a:link, a:visited { color:#be1d23; text-decoration: underline; }
a:hover, a:active { color:#cc0000; text-decoration: underline; }
img a {border-style: none; }
#imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
/*#content { width: 100%; height: auto; margin: 0px; paddiJulng: 0px; }*/
/* random font styles */
.caption { font-size: 9px; line-height: 9px; color: #CCC; }
.intro { font-size: 1.1em; line-height: 1.6em; color: #666; font-weight: 300; margin: 0px 0px 10px 0px;}
ul { padding: 5px 5px 5px 20px; }
.icons { font-family: "Modern Pics", sans-serif; color: #FFF; margin: 0px 2px 0px 15px; }
.caption { font-size: 9px; line-height: 9px; color: #CCC; }
.expandblock { position: relative; width: auto; }
.expandblock ul li { margin: 0px; padding: 0px;}


#supershell { position: relative; margin: 0px; padding: 0px; width: 100%; }
#supershell>img { position: relative; width: 50%; min-width: 1000px; height: auto;}

header.fixed {position: fixed; width: 100%; top: 0px; }

/* html 5 element styles */

/* header logo styles */
header { position: relative; width: 100%; height: auto; min-height: 120px; top: 0; margin: 0px; padding: 0px; background: #5e544a; z-index: 999;}
header #content { position: relative; top: 0; width: 100%; height: auto; margin: 0px auto; padding: 0px; display: block;}
header #content #logo { position: relative; top: 5px; width: 555px; padding: 0px auto; margin: 0px auto; }
header #content #logo img { position: relative; padding: 0px auto; margin: 0px auto;}
header #content nav { position: relative; top: 15px; width: 100%; height: 40px; display: block; margin: 0px auto; padding: 0px; z-index: 1000;  }
header #content nav ul { margin: 0px auto;  }


/* top nav detail styles */
header #topnav { position: relative; max-width: 1200px; margin: 0 auto; color: #FFF; font-size: 12px; z-index: 1000; }
header #topnav>ul>li { padding: 0 0 0 10px; }
header #topnav a:link, #topnav a:visited { color:#FFF; text-decoration: none; }
header #topnav a:hover, #topnav a:active { color:#FFF; text-decoration: underline; }
header #topnav ul { margin: 0px; padding: 0px; }
header #topnav li { list-style: none; display: inline; margin: 0px; padding: 0px; }
header #topnav #imgshell { float: right; margin: 5px 15px 0 5px; }
header #topnav #imgshell img { height: 25px; width: auto; }


/* button styles */
#button { display: inline-block; width: auto; height: auto; margin: 0px ; padding: 10px; color: #FFF; border: 1px solid #5e544a; border-radius: 8px; }
#button a:link, #button a:visited { color: #be1d23; text-decoration: underline; }
#button a:hover, #button a:active { color: #b31d23; text-decoration: underline; }
.button { color: #5e544a; font-family: "Helvetica Neue", Helvetica, sans-serif; white-space: nowrap; line-height: .5em; }


/* buttons styles */
#buttons { position: relative; display: block; width: 100%; height: auto !important; margin: 25px auto;   }
#buttons #content { display: inline-block; float: left; text-align: center; color: #FFF; background-color: #5e544a; margin: 5px 10px 20px 0px; padding: 5px; border-radius: 5px; font-size: 1.1em; }
#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 .button { 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; }


/* main structure styles */
main { position:relative; width: 100%; top: 120px; margin: 0px auto 0px auto; padding: 0px; overflow:hidden; display: block; }
main #maintext { position: relative; width: 100%; max-width: 1200px; overflow: auto; float: none; width: auto !important; background: #FFF; margin: 0px auto; padding: 0px 0px 20px 0px; }	
main>#maintext>#content { position: relative; width: 85%; padding: 20px 0px; margin: 0px auto; }
main #maintext #content #imgshell, #maincol #content #imgshell { position: relative; float: left; width: 40%; height: auto; margin: 0px 15px 5px 0px; padding: 0px; }
main #maintext #content #imgright, #maincol #content #imgright { position: relative; float: right; width: 40%; height: auto; margin: 0px 0px 5px 15px; padding: 0px; }
main #maintext #content #imgright img, #maincol #content #imgright img, #maintext #content #imgshell img, #maincol #content #imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
main #maintext #content #image, #maincol #content #image { position: relative; float: left; width: 40%; height: auto; margin: 0px 10px 5px 0px; padding: 0px; }


main #maincol { position: relative; width: 100%; max-width: 1200px; overflow: auto; float: none; width: auto !important; background: #fff; margin: 0px auto; padding: 0px 0px 20px 0px; }	
main>#maincol>#content { position: relative; width: 65%; padding: 0px 5%; float:left;  margin: 0px 0px 0px 0px;  }
/* sidebar detail styles */
main>#maincol>#sidebar { /*position: absolute; right: 0; top: 0;*/  float: left; margin: 20px 0px 0px 0px; padding: 0px 0px 10px 0px; width: 20%; background-color: #FFF;  border: 1px solid #ededed; }
main #maincol #sidebar #content.sidetext {   }
main #maincol #sidebar #content.sidelist {  margin: 0px 0px 0px 10px; padding: 0px;  }
main #maincol #sidebar #content.sidelist { font-size: 1em; border-bottom: none;  margin: 0px 0px 0px 10px; padding: 0px;font-weight: normal; list-style:disc outside none; display:inline; }
main #maincol #sidebar #content.button { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 10px; border-bottom: none; background-color: #5e544a; }
main #maincol #sidebar #content.button { font-size: 1em; display: inline-block; width: auto; height: auto; margin: 0px 0px 3px 0px; padding: 10px 15px 10px 15px; color: #FFF; background-color: #5e544a; border-radius: 8px; border-bottom: none; }
main #maincol #sidebar #content { position: relative; padding: 10px; }
main #maincol #sidebar #content #imgshell { position: relative; width: 100%; height: auto; margin: 5px 0px 5px 0px; padding: 0px; overflow: hidden; }
main #maincol #sidebar #content #imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
main #maincol #sidebar #content ul { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 20px;}
main #maincol #sidebar #content iframe { width: 100%; height: 110px; }

#title  { width: 100%; overflow: auto; float: none; background: #FFF; margin: 0px 0px 0px 5%; padding: 0px;  }

/* intro styles */
#introshell { position: relative;  width: 100%; max-height: 500px; overflow: hidden; margin: 0px auto; padding: 0; }
#introshell h1 { font-family: "Helvetica Neue UltraLight", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-weight: 200; position: absolute; bottom: 10%; left: 10%; color: #FFF; font-size: 5em; line-height: 1em; text-shadow: 2px 2px 2px #000;}
#introshell #title  { position: relative; margin: 0px auto; padding: 0px; width: 100%; max-width: 1200px; height: 75px; }
#introshell #title h1.pagetitle { position: absolute; bottom: 0px; left: 5%; color: #5e544a; font-size: 2.8em; text-shadow: none;}
#introshell #imgshell { width: 100%; height: auto; }
#introshell #imgshell img { width: 100%; height: auto; }
#introshell #button { position: absolute; bottom: 35px; right: 10%; color: #FFF; border-color: #FFF; background: url(https://www.bard.edu/images/tints/80black.png) repeat; }
#introshell #button a:link, #introshell #button a:visited, #introshell #button a:hover, #introshell #button a:active { color: #FFF;  }
#introshell #caption { position: absolute; bottom: 0px; right: 10%; color: #FFF; padding: 5px; font-size: 1em; line-height: 1.1em;background: url(https://www.bard.edu/images/tints/80black.png) repeat;}
#introshell #caption a:link, #introshell #caption a:visited { color: #fff;}
#introtext { position: realtive; width: 100%; margin: 0px auto 30px auto; padding: 0px; font-size: 1.3em; }
#maintext #content #introtext>h2 { color: #be1d23; display: block; }


/* boxes styles */
#boxes { position: relative; width: 33.33%; display: block; height: auto !important; margin: 0px; padding: 0px; float: left; text-align: center; }
#boxes #imgbox { position: realtive; width: 100%; height: auto; margin: 0px; padding: 0px; overflow: hidden; }
#boxes #imgbox img { width: 100%; height: auto; }
#boxes h2 { position: absolute; bottom: 20%; margin: 0px auto; padding: 0px 15%; text-align: center; color: #FFF; font-size: 2.5em; line-height: 1.2em; font-weight: 200; }
#boxes h3, #boxes .subtitle3 { position: absolute; bottom: 20%; margin: 0px auto; padding: 0px 15%; text-align: center; color: #FFF; font-size: 2.5em; line-height: 1.2em; font-weight: 200; }
#boxes #button { position: absolute; bottom: 2%; right: 2%; width: auto; height: auto; color: #FFF; border: 1px solid #FFF; border-radius: 4px;}
#boxes #button a:link, #boxes #button a:visited, #boxes #button a:hover, #boxes #button a:active { color: #FFF;  }


/* highlight styles */
#highlight { position: relative; width: 100%; height: auto !important; margin: 0px 0px 25px 0px; padding: 0px; overflow: hidden; display: block; background: #49453c; }
#highlight #imghigh { position: relative; float: left; width: 60%; overflow: hidden; z-index: 999px; }
#highlight #imghigh img { width: 100%; height: auto; }
#highlight #embedshell { position: relative; float: left; width: 60%; overflow: hidden; z-index: 1000px; }
#highlight #hightext { float: right; width: 40%; height: auto !important; background: #49453c; overflow: hidden; }
#highlight #hightext #content { position:relative; padding: 8%; color: #FFF; max-height: 385px; overflow-y: auto; overflow-x: hidden; font-size: 1em;  }
#highlight #hightext #content h2 { font-size: 1.8em; margin: 0px; color: #FFF; }
#highlight #hightext #content h4,
#highlight #hightext #content .subtitle4 { font-size: 1.3em; line-height: 1.4em; margin: 0px; color: #B5B5B5; }
#highlight #hightext #content ul { margin: 0px; }
#highlight #hightext #content #caption { position: absolute; bottom:5px; right:25px; color: #ededed; }
#highlight #button { display: inline-block; width: auto; height: auto; margin: 15px 5px 5px 0px; border: none; background: #be1d23; }
#highlight #button a:link, #highlight #button a:visited, #highlight #button a:hover, #highlight #button a:active { color: #FFF; }
.button { color: #5e544a; font-family: "Helvetica Neue Light", Helvetica, sans-serif; white-space: nowrap; line-height: .5em; }
#highlight #highlinks { padding: 7px 10px; margin: 7px 0px; background: #3d3932; }
#highlight #highlinks a:link, #highlight #highlinks a:visited { color: #FFF; }
#highlight a:link, #highlight a:visited {color:#f72a31}


/* facts styles */
#icons { position: relative; display: table; width: 90%; height: auto !important; margin: 25px auto;   }
#icons #content { display: table-cell; text-align: center; font-size: 1.2em; font-weight: 300; line-height: 1.1em; color: #666; /*border-right: 1px solid #CCC;*/ padding: 0px;  }
#icons p { display: block; padding: 0px 0px 20px 0px; margin: 0px; top: 0; }
#icons #content #imgicon { height: auto; width: 100%; float: none; display:block; }
#icons #content #imgicon img.icon { height: 35px; width: auto; margin: 0 auto; }
#icons #content h2 { margin: 0px; padding: 0px; font-size: 1.5em; line-height: 1.0em; font-weight: 400; }
#icons #content .number { display: block; margin: 0px; padding: 0px; font-size: 1.3em; line-height: 1.4em; font-weight: 400; color: #e30e20;}


/* bars styles */
#bars { display: block; width: 97%; margin: 25px auto; padding: 5px 10px 5px 15px; border: 1px solid #CCC; background-color: #ededed; }
#bars h2 { font-size: 1.3em; }
#bars h2 a:link, #bars h2 a:visited {color: #49453c; text-decoration: none; }
#bars h2 a:hover, #bars h2 a:active {color: #49453c; text-decoration: underline; }


/* text portal styles */
#portal { position: relative; width: 100%; height: auto; margin: 20px auto; padding: 0px; display: table; }
#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: 35%; min-width: 0%; height: auto !important; overflow: hidden; margin: 5px 10px 0px 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 img, #portal #imgleft img, #portal #imgright img { width: auto !important; height: 100%; margin: 0px; padding-right: 0px; }
	/*#portal #textarea h3 { font-size: 1.8em; margin: 0px; }*/


/* text styles */
#text { position: relative; width: 100%; height: auto; margin: 0px auto 0px auto; display: table; }
#text #imgshell, #text #imgleft { position: relative; display:inline; float: left; max-width: 35%; min-width: 0%; overflow: hidden; margin: 13px 20px 0px 0px;  }
#text #imgright { position: relative; display:inline; float: right; max-width: 35%; min-width: 0%; overflow: hidden; margin: 13px 0px 0px 20px;  }
#text #imgshell img, #text #imgleft 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; }
#text #textlinks { display: block; max-width: 95%; float: none; 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.expandblock { min-height: 0px;  }

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

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

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


/* list styles */
#list { position: relative; display: block; width: 100%; height: auto !important; margin: 25px auto;  }
#list h2 { 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; }


/* feeds styles */
#feeds { position: relative; display: table; width: 100%; height: auto !important; margin: 25px auto;   }
#feeds #content { display: table-cell; width:30%; color: #666; border-right: 1px solid #ededed; padding: 20px; margin: 20px; }
#feeds #contentx2 { display: table-cell; width: 48%; height: auto !important; padding-right: 2%; }
#feeds #contentx3 { display: table-cell; width: 32%; height: auto !important; padding-right: 2%; }
#feeds #contentx4 { display: table-cell; width: 23%; height: auto !important; padding-right: 2%; }
#feeds #content #imgfeed { text-align: center; float: none; height: auto; width: 100%; margin: 0px auto; }
#feeds #content #imgfeed img { height: 20px; width: auto; margin: 0 auto; }
#feeds #content h2 { margin: 0px 0px 5px 0px; text-align: center; padding: 0px; font-size: 1.3em; line-height: 1.0em; font-weight: 200; }
#feeds #content h3,
#feeds #content .subtitle3 { margin: 0px 0px 5px 0px; text-align: center; padding: 0px; font-size: 1.3em; line-height: 1.0em; font-weight: 200; }
#feeds #content .number { display: block; margin: 0px; padding: 0px; font-size: 1.5em; line-height: 1.0em; font-weight: 400; color: #5e544a;}
#feeds #content #feedtext { width: 90%; margin: 0 auto; }
#feeds #content #embedshell { width: 90%; margin: 0 auto; }
#feeds #button { max-width: 200px; margin: 5px 20px; }
#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:#5e544a; text-decoration: none; }
#feeds ul.bardtype a:hover, #feeds ul.bardtype a:active { color:#5e544a; text-decoration: underline; }
#feeds a:link, #feeds  a:visited { color:#5e544a; text-decoration: none; }
#feeds a:hover, #feeds a:active { color:#5e544a; text-decoration: underline; }


/* Main Column Styles */
#column { position: relative; display: table; width: 100%; height: auto !important; min-height: 0px; margin: 0px auto;  padding: 0px;}
#column #content { position: relative; display: table-cell; min-width: 100%; height: auto !important; padding: 0px; margin: 0px auto; padding-right: 0px; }
#column #contentx2 { 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 { width: 95%; height: auto !important; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px; }
#column #content iframe { position: relative; float: left; width: 50%; height: auto; margin: 0px 10px 5px 0px; padding: 0px; }
#column ul { margin: 20px 10px; }
#column ul li { line-height: 1.4em; margin-bottom: 10px; }

/* Main Video Styles 
#video { position: relative; display: block; width: 85%; height: auto !important; margin: 0px auto;  padding: 0px;  }
#video #content { position: relative; display: inline-block;  width: 25%; float: left; height: auto !important; max-height: 265px; overflow: hidden; padding: 0px 0px 5px 0px; margin: 5px auto 10px auto;  }
#video #content #textcol { width: 95%; height: auto !important; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px; overflow: scroll; }
#video #content iframe { position: relative; float: left; width: 98%; height: auto; max-height: 130px; margin: 0px 10px 5px 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 { position: relative; display: block; width: 85%; height: auto !important; margin: 0px auto;  padding: 0px;  }
#video #content { position: relative; display: inline-block;  width: 25%; float: left; height: auto !important; max-height: 265px; overflow: hidden; padding: 0px 0px 5px 0px; margin: 5px auto 10px auto;  }
*/
#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; 
/* position: relative; float: left; width: 98%; height: auto; max-height: 130px; margin: 0px 10px 5px 0px; padding: 0px; */}


/* Table Styles */
#table { position: relative; display: table; width: 100%; height: auto !important; min-height: 0px; margin: 0px auto 25px auto;  padding: 0px;}
#table #tdx2 h2 { padding: 5px 10px; margin: 0px 0px 0px 0px; color:#FFF; background: #5e544a; font-weight: normal; }
#table #tdx2>h2 a:link, #table #tdx2 h2 a:visited { color:#FFF; text-decoration: none; border: none; }
#table #tdx2 h2 a:hover, #table #tdx2 h2 a:active { color:#FFF; text-decoration: underline; }
#table #tdx2 h3,
#table #tdx2 .subtitle3 { padding: 5px 10px; margin: 0px 0px 0px 0px; color:#FFF; background: #5e544a; font-weight: normal; }
#table #tdx2>h3 a:link, 
#table #tdx2 h3 a:visited,
#table #tdx2>.subtitle3 a:link, 
#table #tdx2 .subtitle3 a:visited
{ color:#FFF; text-decoration: none; border: none; }
#table #tdx2 h3,
#table #tdx2 .subtitle3
a:hover, #table #tdx2 h3 a:active { color:#FFF; text-decoration: underline; }
#table #tdx2 { display: table-cell; width: 48%; height: auto !important; margin-right: 1%; border: 1px solid #ededed; float: left; }
#table #tdx2.tdlast { display: table-cell; width: 48%; height: auto !important; margin-right: 0%; border: 1px solid #ededed; float: left; }
#table #tdx2 #imgshell { width: 48%; height: 140px; padding: 0px; margin: 0px 2% 10px 0px; overflow: hidden; }
#table #tdx2 #imgshell img { width: 100%; height: auto !important; padding: 0px; margin: 0px; }
#table #tdx2 #tdtext { width: 52%; height: auto !important; padding: 5px; margin: 0px 2% 10px 0px; overflow: hidden; float: right; }
#column #content #textcol { width: 95%; height: auto !important; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px; }
#column #content iframe { position: relative; float: left; width: 50%; height: auto; margin: 0px 10px 5px 0px; padding: 0px; }
#column ul { margin: 10px; }
#column ul li { line-height: 1.4em; margin-bottom: 10px; }

#list h2 {color: be1d23; }
#exprow { position: relative; display: block; border: 1px solid #ededed; width: 100%; height: auto !important; padding: 10px; margin-left: 20px; }
#exprow #expimg { position: relative; float: left; width: 20%; margin: 0; }
#exprow #expimg img { width: 100%; height: auto; }
#exprow #exptext { position: relative; float: right; width: 75%; margin: 0px; padding: 0px; }
#exprow #exptext table { position: relative; float: right; display: block; border: 1px solid #ededed; width: 100%; margin: 0px; padding: 0px;}
#exprow #exptext table td { border: 1px solid #ededed; }

/* Main Column Box Styles 
#pagebox { position: relative; float: left; width: 25%; height: auto; height: 215px; overflow: hidden; margin: 0px; padding: 0px; background-color: #FFF; line-height: 22px; }
#pagebox #content { position: relative; height: 100%; margin: 0px 0px 0px 0px; padding: 0px; background-color: #FFF;}
#pagebox #content #imgshell { position: relative; float: left; width: 100%; height: 100%; margin: 0px; padding: 0px; overflow: hidden;  }
#pagebox #content #textbox { position: absolute; bottom: 10px; left: 10px; z-index: 500; }
#pagebox #content #imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }*/


/* Main Row Styles
#rows { width: 100%; height: auto; position: relative; float: left; margin: 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, #rows .subtitle4 { 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: 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, #tables .subtitle4 { margin: 0px; padding: 0px; white-space: nowrap; }
#tables #button { margin: 0px; white-space: nowrap; }
#tables ul { margin: 0px;} */


/* Main List Styles
#list { width: auto; margin: 0px; padding: 15px; }
#list ul { width: auto; margin: 0px; padding: 0px 0px 5px 20px; }
#list li { width: auto; margin: 0px; padding: 0px; }
#list #expandlist { display: inline; width: auto; margin: 0px; padding: 0px; }
#list #filelist { display: inline; width: auto; margin: 0px; padding: 0px; }
#list #linklist { display: inline; width: auto; margin: 0px; padding: 0px; } */

#profile { width: 95%; padding: 2.5%; margin: 0px auto 20px auto;  border: 1px solid #ededed; overflow:auto; position:relative;}
#profile #profshell { width: 100px; height: auto; float: left; margin: 0px 15px 5px 0px; }
#profile #profshell img { width: 100%; height: auto; }
#profile h5 { margin: 10px auto 10px auto; text-align: center; padding: -50px 10px 10px 10px; background-color: #FFF; border-top: 1px solid #ededed; text-transform: uppercase; }


/* subnav styles */
#pagenavshell { position: realtive; width: 100%; background-color: #49453c; }
ul.subnav {  position: relative; list-style: none; width: 100%; height:40px; display: table; margin: 0px 0px 0px 0px; padding: 0px; background-color: #49453c;  font-size: 16px; font-weight: normal; line-height: 36px; z-index: 900; overflow: hidden; }
ul.subnav li.subnav { width: auto; margin: 0px; padding: 0px auto 0px auto; border-right: 1px solid #666; text-align: center; display: table-cell; }
ul.subnav li.last { border-right: none;  }
.subnav { font-weight: 200; color:#FFF; line-height: 36px; padding-top: 7px;}
ul.subnav li.last { border-right: none;}
ul.subnav li a:link { color: #fff;background-color: #49453c; text-decoration:none; display:block; width: auto; margin: 0px; line-height: 24px; text-align: center; }
ul.subnav li a:hover { color: #5e544a; text-decoration:underline; background-color:#5e544a; }


.cal_small {display: none; }

.gallery { margin: 20px 0; }

/* footer styles */
.footer { font-size: .9em; color: #FFF; line-height: 20px; }
footer { position: relative; width: 100%; height: auto; top: 120px; min-height: 400px; margin: 0px; background-color: #49453c; 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: 1200px; padding: 20px 0px; margin: 0 auto 0 auto; background-color: #49453c; display:block; height: auto; }
footer #content a:link, footer #content a:visited { color: #FFF; text-decoration:none;}
footer #content a:hover, footer #content a:active { color:#F00; text-decoration:underline;}
footer #footercontent {float: left; width: auto !important; min-width: 25%; max-width: 75%; display: inline; }
.footercol { position: relative; float:left; width: auto !important; max-width: 950%; margin: 0px 30px 0px 0px; padding: 0px 0px 20px 30px; border-left: 1px solid #CCC; }
.footercol.first { padding: 0px 0px 0px 15px; border-left: none;}
.footercol #imgfooter img { position: relative; width: 100%;  }
.footercol img { position: relative; width: 100%;  }
footer #footercontact { position: relative; float: right; width: auto; display: block; margin: 0 15px 0 0;}
footer #footercontact #footiconbox { margin: 0;  }
footer #footercontact #footiconbox #footericons { float: left; margin: 0 0 0 5px; height: auto; width: auto;}
footer #footercontact #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; }

/* garbage ? */
a.expand, a.expand:visited { color:#999; }
a.expand:hover, a.expand:active { color:#666; text-decoration: underline; }
a.expand img { margin: 0 3px 0 0; padding-top: 5px; }
#wowslider-container1 #button { border-radius: 0px; }

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


body.home main #maintext { width: 100%; }
body.home main #maintext #content { width: 100%; }
body.home main #maintext { position: relative; width: 100%; max-width: none; overflow: auto; float: none; width: auto !important; background: #FFF; margin: 0px auto; padding: 0px 0px 20px 0px; }	
body.home main>#maintext>#content { position: relative; width: 100%; padding: 0px; margin: 0px auto; }

}

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

@media only screen and (min-width: 1001px) {
	//DESKTOP styles go here
	
body {  }
	
/* html 5 element styles */
header #content {   }
main {  }
#navmobile { display: none;}

#introshell h1 { position: absolute; bottom: 5px; left: 30%; color: #FFF; font-size: 5em; text-shadow: 1px 1px 5px #49453c;}

/* Nav Wrapper Styles */
header #content nav { position: relative; width: 100%; font-size: 16px; }

ul.subnav { }
ul.subnav li a:link, ul.subnav li a:visited { color:#FFF; text-decoration: none; padding: 10px 20px 10px 20px; margin: 0px;}
ul.subnav li a:hover, ul.subnav li a:active { color:#5e544a; text-decoration: underline; background-color: #FFF; }


// end DESKTOP styles

}

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

@media only screen and (min-width: 901px) and (max-width: 1000px) {
	//LAPTOP styles go here
	
#introshell h1 { position: absolute; bottom: 5px; left: 30%; color: #FFF; font-size: 5em; text-shadow: 1px 1px 5px #49453c;}

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

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

body { background: #FFF; }
h2.pagetitle { margin: 30px 0px 10px 20px; }

header #content { height: 80px;  }
header a.logo { width: auto; height: 50px; top: 15px; left: 10px; }
header #logo { padding: 0px 0px 0px 0px; margin: 0px auto; }
header #topnav { position: absolute; top: 10px; right: 10px; height: 25px; width: auto; color: #FFF; font-size: 11px; }
header #content nav { display: block; background-color: #5e544a; width: 100%; }
#navdesk { display: none;}

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

ul.subnav { width: 768px; }
ul.subnav li a:link, ul.subnav li a:visited { color:#FFF; text-decoration: none; padding: 10px 10px 10px 10px; }
ul.subnav li a:hover, ul.subnav li a:active { color:#5e544a; text-decoration: underline; background-color: #FFF; }

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%; clear: both; height: auto; }
main #maincol { width: 100%; float: none; display: block; max-width: 100%; clear: both; height: auto; }

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

main #maintext #content { position: relative; width: 90%; padding: 10px 2% 10px 0px; float:left;  margin: 0px 0px 0px 20px; }
main #maincol #content  { position: relative; width: 90%; padding: 10px 2% 10px 0px; float:left;  margin: 0px 0px 0px 20px; }



/* 2015 Tablet Styles */
#introshell h1 { left: 20%; font-size: 4em; }
ul.subnav {  height:30px; font-size: 14px;  line-height: 14px;  }
.subnav { font-weight: 200; color:#FFF; line-height: 14px; padding-top: 0px;}
#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, #boxes .subtitle3 { font-size: 1.6em; line-height: 1.2em; }
#boxes h3 img.icon,
	#boxes .subtitle3 img.icon { width: 15%; }
#highlight #hightext #content h2 { font-size: 1.6em; margin: 0px; color: #FFF; }
#highlight #hightext #content .subtitle { 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: 5%; color: #FFF; max-height: 375px; overflow: auto; }
#portal #textlinks { font-size: 1em; }
#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;  }
#text2 #buttons { display: block; width: 100%;  margin: 0px 0px; }
#text2 #buttons ul { width: 100%; display: block; }
#text2 #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
	#links #content .subtitle3{ display:inline;  float: left;  margin:5px 5px 0px 5px; padding: 0px; font-size: 1.0em; line-height: 1.0em; font-weight: 200; }

/* 2014 Styles Garbarge? */
#pagebox { float: left; width: 48%; height: auto; margin: 15px 1.5% 0px 0px; background-color: #FFF; border: 1px solid #999; line-height: 22px; 
box-shadow: 5px 10px 10px 0px rgba(116, 116, 116, 0.75);
	-moz-box-shadow: 5px 10px 10px 0px rgba(116, 116, 116, 0.75);
	-webkit-box-shadow: 5px 10px 10px 0px rgba(116, 116, 116, 0.75); }
#pagebox #content.boxes { margin: 0px 0px 0px 0px; padding: 10px 15px 15px 15px; background-color: #FFF;}
#pagebox #content #imgshell { float: none; width: 100%; margin: 0px 0px 10px 0px;  }
#pagebox #content #textbox { padding: 15px; }

main #maincol #sidebar { float: none; margin: 20px 0px; padding: 0px; width: 100% }
main #maincol #sidebar #content #imgshell, main #sidebar #content #imgright { float: right; width: 50%; height: auto; margin-left: 10px;  }

.cal_small {display: none; }

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


body#home main article { float: none; width: 100%; background-color: transparent; margin-bottom: 20px;}
body#home main article h3,
	body#home main article .subtitle3
	{ 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 }

#links #content { }
	// end TABLET styles
}



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

body { background: #FFF; }
header { height: 90px; margin: 0px; }
header.fixed {position: relative; width: 100%; top: 0px; }
#navdesk { display: none;}
h1 { font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-weight: 200; color:#5d5d5d; margin: 10px 0px 10px 0px; padding: 0px; display: block; font-size: 2.8em; line-height: 38px; }
h1.pagetitle { font-family: "Helvetica Neue UltraLight", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-weight: lighter; color: #5e544a; font-size: 2.6em; margin: 10px 0px 0px 30px; }
b { font-size: 1em; }

main { position:relative; width: 100%; top: 0px; }
main { overflow: visible; width: 100%;  }
main #maintext, main #maincol { width: 100%; float: none; display: block; clear: both; height: auto; margin: 0px auto; }
main #maincol #sidebar { float: none; margin: 0px; padding: 0px; width: 90%; padding: 5%;  border: none; }
main #maintext #content, main #maincol #content { position: relative; width: 90%; padding: 5%; float:left;  margin: 0px auto;  }



.active {display: block;}

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

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

ul.subnav { width: 768px; }
ul.subnav li a:link, ul.subnav li a:visited { color:#FFF; text-decoration: none; padding: 10px 10px 10px 10px; }
ul.subnav li a:hover, ul.subnav li a:active { color:#5e544a; text-decoration: underline; background-color: #FFF; }

#subnav-about, 
#subnav-adm,
#subnav-aca,
#subnav-under,
#subnav-grad,
#subnav-campus,
#subnav-news, 
#subnav-par {  }

#topnav { float: left; display: inline; position: absolute; top: 10px; right: 5px; right: 0px; height: 25px; width: auto; color: #FFF;font-size: 12px; 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; }

/* subnav styles */
ul.subnav {  position: relative; list-style: none; width: 100%; max-width: 480px; height:auto !important; display: block; margin: 0px 0px 0px 0px; padding: 0px; color: #FFF; background-color: #5e544a;  font-size: 16px; font-weight: bold; line-height: 36px; z-index: 900; overflow: visible; }
ul.subnav li { width: 100%; height: 35px; margin: 0px; padding: 0px; border-right: none; text-align: left; display: block; }
ul.subnav li.last { border-right: none;}
ul.subnav li a:link, ul.subnav li a:visited { color: #FFF; background-color: #5e544a; text-decoration:none; display:block; width: auto; margin: 0px; padding: 10px;line-height: 16px; text-align: left; }
ul.subnav li a:hover, ul.subnav li a:active { color: #FFF; text-decoration:underline; background-color:#5e544a; }

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

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

/* Main Column Box Styles */
#pagebox { float: none; width: 100%; height: auto; margin: 0px 0px 20px 0px;  }

#introshell h1 { left: 10%; color: #FFF; font-size: 3em; font-weight: 400; text-shadow: 1px 1px 5px #49453c;}
#introshell #title  { position: relative; max-width: 550px; width: auto !important; height: 55px; top: 10px; left: 0%; }
#introshell #title h1.pagetitle { position: relative; bottom: 0px; left: 0%; color: #5e544a; font-size: 2.5em; text-shadow: none;}
#introtext { position: realtive; width: 100%; margin: 0px auto 30px auto; padding: 0px; font-size: 1.3em; }
#boxes { width:100%;float: none; }
#icons { display: block; }
#icons #content { display: block; border-right: none; border-bottom: 1px solid #ededed; padding-bottom: 10px; margin-bottom: 10px; }
#icons p { padding-bottom: 10px; }
#highlight #embedshell { display: block; float: none; width: 100%; overflow: hidden; z-index: 1000px; min-height: 210px; }
#highlight #embedshell iframe { width: 100%; min-height: 210px; }
#highlight #imghigh {width: 100%; float: none; }
#highlight #hightext { width: 85%; float: none; margin: 0px auto;}
#highlight #hightext #content { position:relative; padding: 5% 0%; color: #FFF; max-height: 385px; overflow: auto; font-size: 1em; }
#portal { display: block; }
#portal #textlinks { max-width: 100%; float: none; display: block;  }
#portal #textarea { max-width: 100%; float: none; display: block; }
#portal #textarea #imgshell, #portal #textarea #imgright { width: 100%; float: none; margin: 0; }
#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; }
body.details #text iframe {width: 100%; height: 200px; min-height: auto;  }
#text2 #buttons { display: block; width: 100%;  margin: 20px 0px; padding: 0px; font-size: 1.1em;}
#text2 #buttons ul { width: 95%; display: block; }
#text2 #buttons li { list-style: none; display: block; width: 100%; margin: 0px 0px 10px 0px;  }
#feeds { position: relative; display: block; width: 90%; height: auto !important; margin: 25px auto;  padding: 0; float: none; }
#feeds #content { display: block; width:100%; border-right: none; padding: 20px; margin: 20px; }
#feeds p { padding-bottom: 10px; }
#column #content { display: block; min-width: 100%; width: 100%; height: auto !important; padding: 0px; float: none;}
#column #contentx2, #column #contentx3, #column #contentx4 { display: block; width: 100%; height: auto !important; padding-right: 0%; }
#column #contentx2 iframe, #column #contentx4 iframe, #column #contentx4 iframe { display: block; width: 100%; height: auto !important; min-height: 210px; padding: 0px; float: none;}
#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: 100%; }
#links ul { list-style: inside; width: 100%; }
#links li { display: block; width: 100%; }
#links #content { width: 100%; display: block; float: none; height: auto; text-align: left; margin: 20px 0; border: none; clear: right; }
#links #content #imgshell { display:inline; float: left; height: 25px; width: auto; margin:5px; }

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

.footer { font-size: 1em; color: #FFF; line-height: 24px;  }
footer { margin: 0px; width: 100%; height: auto; display: block; min-height: 700px;  }
footer #imgshell img { height: 30px; width: auto; margin: 0px 0px 5px 0px; }
footer #content { width: 100%; height: auto; padding: 20px; display: block; }
footer #content #footercontent #imgfooter img { float: none; width: auto !important; max-width: 100%; }
footer #content #footercontent .footercol #imgshell { float: none; width: auto !important;  }
footer #content #footercontent .footercol { position:relative; float:none; width: auto; max-width: 100%; margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px; border-left: none; display: block; }
footer #content #footercontent .footercol img { width: auto !important; height: auto; }
footer #content #footercontent .footercol.first { padding: 0px; margin: 0px 5px 20px 0px; }
footer #content #footercontent .footercol.first #imgshell img{ float: none; width: auto !important;  }
footer #content #footercontact { position: relative; float: none; width: 100%; display: block; clear: both; pading: 0px; margin: 0 auto; }
footer #content #footiconbox { margin: 0 auto; width: auto;  }
footer #content #footiconbox #footericons { float: left;   }



	//end MOBILE styles
}


/* ---------------------------- 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,
	#boxes .subtitle3 { 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: #5e544a; text-decoration:underline; }
header h2 { display: block; font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif;font-weight: bold; color:#5d5d5d; margin: 0px 0px 15px 0px; display: block; font-size: 36px; line-height: 38px; }
.cal_small {display: none; }
.cal_full {display: block; }
#imgfooter {display:none;}

}