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

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

@font-face {
	font-family: "Gotham";
	src: url("https://www.bard.edu/fonts/GothamMedium.eot"); /* IE9 */
	src:
		local("Gotham3"),
		url("https://www.bard.edu/fonts/GothamMedium.ttf") format("truetype"),
		url("https://www.bard.edu/fonts/GothamMedium.otf") format("opentype");
}
@font-face {
	font-family: "Gotham Bold";
	src: url("https://www.bard.edu/fonts/gothambold24.eot"); /* IE9 */
	src:
		local("Gotham Bold"),
		url("https://www.bard.edu/fonts/GothamBold.ttf") format("truetype"),
		url("https://www.bard.edu/fonts/GothamBold.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 */ }

body { margin: 0px; padding: 0px; font-family: Helvetica, sans-serif; font-size: 14px; line-height: 24px; color: #454545; background: #FFF;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
body#home h1 { display:none;}	
h1 { font-family: "Gotham", 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: "Gotham", Helvetica, Arial, sans-serif; font-weight: 400; color: #cc0033; font-size: 2.8em; margin: 30px 0px 0px 0px; }
h1.pagetitle a:link, h1.pagetitle a:visited { color:#cc0033;text-decoration: none; }
h1.pagetitle a:hover, h1.pagetitle a:active { color:#cc0033;text-decoration: underline; }
h2 { font-family: "Gotham", Helvetica, Arial, sans-serif; color:#cc0033; margin: 20px 0px 10px 0px; display: block; font-size: 2em; line-height: 1em;}
#column h2 { margin: 0px; }
h2.pagetitle { font-family: "Helvetica Neue UltraLight", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-weight: 400; color:#be1d23; margin: 20px 0px 0px 0px; padding: 0px; display: block; font-size: 2.8em; line-height: 38px; }

h3, #column h2, .subtitle
{ font-family: "Gotham", Helvetica, Arial, sans-serif;color:#cc0033; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 1.6em; font-weight: 400; }


h4, .foot-contact, subtitle4
{ font-family: "Gotham", Helvetica, Arial, sans-serif;font-size: 1.4em; margin: 5px 0; padding: 0px; color:#232323; }
h5 { font-family: "Gotham", Helvetica, Arial, sans-serif;font-size: 1.1em; margin: 5px 0; padding: 0px; color:#cc0033; }
h6 { font-family: "Gotham", Helvetica, Arial, sans-serif;color:#cc0033; }

/* reset styles */
.bardtype { font-family: Helvetica, sans-serif; font-size: 0.9em; color:#333; }
.bardtype a:link, a:visited { color:#cc0033; text-decoration: none; }
.bardtype a:hover, a:active { color:#cc0000; text-decoration: underline; }
.clearout { clear: both; line-height: 1px; }
a:link, a:visited { color:#cc0033; text-decoration: none; }
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: 11px; line-height: 11px; 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: 11px; line-height: 11px; color: #CCC; }
.expandblock { position: relative; width: auto; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ededed; }
.expandblock ul li { margin: 0px; padding: 0px;}

/* CMS Styles */
.cms-subtitle1 { font-family: "Gotham", Helvetica, Arial, sans-serif;color:#cc0000; margin: 20px 0px 5px 0px; padding: 0px; font-size: 1.5em; font-weight: 700; }
.cms-subtitle2 { font-family: "Gotham", Helvetica, Arial, sans-serif;color:#222; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.25em; font-weight: 700; }
.cms-subtitle3 { font-family: "Gotham", Helvetica, Arial, sans-serif;color:#cc0000; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.25em; font-weight: 700; }
.cms-caption { font-family: "Gotham", Helvetica, Arial, sans-serif; font-style: italic; color:#666; margin: 10px 0px; padding: 0px; font-size: 0.8em;}
.cms-button { font-size:1em; font-weight: 800; line-height: 1em; display: inline-block; width: auto !important; height: auto; margin: 0px 10px 0px 0px; padding: 10px 15px; border-radius: 4px; color: #FFF; background: #cc0000; font-family: "Gotham", Helvetica, Arial, sans-serif; white-space: nowrap; }
a .cms-button { font-size:1em; font-weight: 800; line-height: 1em; display: inline-block; width: auto !important; height: auto; margin: 0px 10px 0px 0px; padding: 10px 15px; border-radius: 4px; color: #FFF; background: #cc0000; font-family: "Gotham", Helvetica, Arial, sans-serif; white-space: nowrap; }
.cms-button a { color: #FFF; text-decoration: none; }
.cms-button a:link, .cms-button a:visited { color: #FFF; text-decoration: none; }
.cms-button a:hover, .cms-button a:active { color: #FFF; text-decoration: underline; }

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


/* html 5 element styles */
header { 
	position: relative; width: 100%; height: auto; min-height: 80px; top: 0; margin: 0px; padding: 0px; background: #232323; z-index: 999;
	}
header #content { max-width: 1200px; height: auto; position: relative; top: 0; margin: 0px auto 0px auto; padding: 0px; display: block;}
header #content nav { position: relative; top: 0px; width: 100%; height: auto; display: block; margin: 0px auto; padding: 0px; background-color: #232323; z-index: 1000; }
header #content nav #content { width: 90%; max-width: 1200px; height: auto; display: block; margin: 0px auto 0px auto; padding: 0 0; background-color: #232323; }
/* header logo styles */
header #content #logo {  float: left; width:auto; padding: 0px 0px 0px 0px; margin: 5px 10px 0px 0px; }
/* top nav detail styles */
header #content #topnav { position: absolute; top: 5px; right: 10px; height: 25px; width: auto;color: #FFF; font-size: 12px; }
header #content #topnav>ul>li { padding: 0 0 0 10px; }
header #content #topnav a:link, #topnav a:visited { color:#FFF; text-decoration: none; }
header #content #topnav a:hover, #topnav a:active { color:#FFF; text-decoration: underline; }
header #content #topnav ul { margin: 0px; padding: 0px; }
header #content #topnav li { list-style: none; display: inline; margin: 0px; padding: 0px; }
header #content #topnav #imgshell { float: left; margin: 0 0 0 5px; }
header #content #topnav #imgshell img { height: 35px; width: auto; }


/*  ------------------------------------------------------------------------------------------- three column */


#maincolrow  { clear:both; }

#maincolrow #column { 
	width: 46%; height: auto; position: relative; float: left; margin: 0px 1% 0px 0px; padding: 2% 2% 0 0;   }	
		
#maincolrow #column.one_third { 	width: 29%; margin: 0px 0px 0px 0px; padding: 2% 2% 0% 2%; }	
#maincolrow #column.one_third.middle { 
/*border-right: 1px solid #b1b1b1;	border-left: 1px solid #b1b1b1; */
margin: 0px 0px 0px 0px; padding: 2% 2% 0% 2%;  }

#maincolrow #column.one_third .imgl {float:left; width: 100%; height: auto; margin: 5px 5px 0px 0px; padding: 0px; overflow: hidden; }
#maincolrow #column.one_third .imgl img { width: 100%; height: auto; margin: 0px; padding: 0px; }

#maincolrow #column.one_third iframe,
#maincolrow #column.one_third #embedshell { width: 100%; height: auto; }





/* button style, now called bullet */ 
#bullet { 
	display: inline-block; 
	float: none; width: auto; height: auto; 
	margin: 0px ; padding: 15px; 
	background-color: #FFF; 
	border: 1px solid #cc0033; border-radius: 5px;
 }
#bullet a:link, #bullet a:visited { color: #cc0033; text-decoration: none; }
#bullet a:hover, #bullet a:active { color: #cc0033; text-decoration: underline; }
.bullet { font-family: "Gotham", Helvetica, sans-serif; font-weight: bolder; color: #cc0033; white-space: nowrap; line-height: .5em; }


/* NEW button styles - non button link only Lori 07/09/15*/
#button { 
	display: inline; 
	float: none; width: auto; height: auto; 
	margin: 0px ; padding: 0px; 
 }
#button a:link, #button a:visited { color: #cc0033; text-decoration: none; }
#button a:hover, #button a:active { color: #cc0033; text-decoration: underline; }
.button { font-family: "Gotham", Helvetica, sans-serif; font-weight: bolder; color: #cc0033; white-space: nowrap; line-height: .5em; }

#button.button a:hover { color: #cc0033;}


/* buttons styles */
#buttons { position: relative; display: block; width: 90%; height: auto !important; margin: 25px auto;   }
#buttons #content { display: inline-block; float: left; text-align: center; color: #FFF; background-color: #cc0033; 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 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; }


button.linkbutton,
button.linkbutton:focus,
button.linkbutton:active {
        background: none;
        border: none;
        display: inline;
        font: inherit;
        margin: 0;
        padding: 0;
        outline: none;
        outline-offset: 0;
        color: inherit;
        cursor: pointer;
        text-decoration: inherit;
}

button.linkbutton.newslink {
        color: #ad1a1f;
}

button.linkbutton::-moz-focus-inner { /* Firefox */
        border: none;
        padding: 0;
}


ul.newsnotes button.linkbutton {
       /* display: table;*/
        width: auto;
        color: #CC0033;
        text-align: left;
        text-decoration: underline;
}
ul.newsnotes button.linkbutton:hover {
        text-decoration: none;
}



/* main structure styles */
main { position:relative; width: 100%; margin: 0px auto 0px auto; padding: 0px; overflow:hidden; display: block; }
main #maintext { width: 80%; max-width: 1200px; overflow: auto; float: none; width: auto !important; 
	background: #FFF;/*pink #999;*/ 
	margin: 0px auto; padding: 0px 0px 40px 0px; }	
main #maintext #content { position: relative; padding: 0px; }

main #maincol { width: 80%; max-width: 1200px; overflow: auto; float: none; width: auto !important; background: #FFF; margin: 0px auto; padding: 0px 0px 40px 0px; }	
main>#maincol>#content { position: relative; width: 70%; float: left;padding: 10px 20px; border: 1px solid blue}


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

/* sidebar detail styles */
main #maincol #sidebar { float: right; margin: 0px 20px 0px 10px; padding: 0px 0px 10px 0px; width: 20%; background-color: #FFF;  
	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); }
main #maincol #sidebar #content.sidetext {   }
main #maincol #sidebar #content.sidelist {  margin: 0px 0px 0px 10px; padding: 0px;  }
main #maincol #sidebar #content.sidelist h3 { 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: 0px; padding: 0px 0px 0px 10px; border-bottom: none; }
main #maincol #sidebar #content.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: #cc0033; border-radius: 8px; border-bottom: none; }
main #maincol #sidebar #content { padding: 15px; }
main #maincol #sidebar #content #imgshell { 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: 90%; overflow: auto; float: none; background: #FFF; margin: 0px auto; padding: 0px;  }

/* intro styles */
#introshell { position: relative;  width: 100%; max-width: 1200px; max-height: 445px; overflow: hidden; margin: 0px auto;}
#introshell h1 { position: absolute; bottom: 20px; left: 5%; color: #FFF; font-size: 3em; text-shadow: 1px 1px 5px #49453c;}
#introshell #title  { position: relative; max-width: 1200px; width: auto !important; height: 55px; top: 0px; left: 0%; }
#introshell #title h1.pagetitle { position: absolute; bottom: 0px; left: 5%; color: #cc0033; font-size: 2.8em; text-shadow: none;}
#introshell #imgshell { width: 100%; max-width: 1200px; height: auto;  }
#introshell #imgshell img { width: 100%; height: auto; }
#introshell #button { position: absolute; bottom: 20px; left: 10%; color: #FFF; border-color: #FFF; }
#introshell #button a:link, #introshell #button a:visited, #introshell #button a:hover, #introshell #button a:active { color: #FFF;  }
#introshell #caption { position: absolute; bottom: 55px; left: 10%; width: 30%; color: #FFF; font-size: 2em; line-height: 1.5em; font-weight: 100;}
#introtext { font-family: "Gotham", Helvetica, Arial, sans-serif;position: realtive; width: 90%; margin: 30px auto 30px auto; padding: 0px; font-size: 1.3em; }
#introtext h2 { display: inline; font-size: 1.5em; }

/* text styles */
#text { position: relative; width: 90%; height: auto; margin: 10px auto; display: table; }
#text #imgshell { position: relative; display:inline; float: left; max-width: 50%; 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 #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 h3 { font-size: 1.8em; margin: 0px; }
#text #textlinks { display: block; max-width: 100%; float: left;min-width: 0%; 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 h2 { color:#cc0033; }
#text>.button a:link, #button a:visited { color: #FFF; text-decoration: none; background: #cc0033; padding: 5px 10px; border-radius: 4px; }
#text>.button a:hover, #button a:active { color: #FFF; text-decoration: underline;  background: #cc0033; padding: 5px 10px; border-radius: 4px; }

/* Main Column Styles */
#column { position: relative; display: table; width: 90%; height: auto !important; 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: 90%; 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; }

/* icons 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; min-width: 20%; }
#icons p { display: block; padding: 0px 0px 20px 0px; margin: 0px; top: 0; }
#icons #content #imgshell { height: auto; width: 100%;display:block; }
#icons #content #imgshell img { height: 35px; width: auto; margin: 0 auto; }
#icons #content h3 { 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: 87%; margin: 25px auto; padding: 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; }

/* highlight styles */
#highlight { position: relative; width: 100%; height: auto; margin: 25px 0px; padding: 0px; overflow: hidden; display: block; background: #49453c;}
#highlight #imgshell { position: relative; float: left; width: 60%; overflow: hidden; z-index: 999px; }
#highlight #imgshell 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: 375px; overflow: auto; }
#highlight #hightext #content h3 { font-size: 1.8em; margin: 0px; color: #FFF; }
#highlight #hightext #content h4 { font-size: 1.3em; line-height: 1.4em; margin: 0px; color: #f72a31; }
#highlight #hightext #content ul { margin: 0px; }
#highlight #hightext #content #caption { position: absolute; bottom:0px; right:25px; color: #ededed; }
#highlight #button { display: inline-block; width: auto; height: auto; margin: 15px 5px 5px 0px; border: 1px solid #FFF;  }
#highlight #button a:link, #highlight #button a:visited, #highlight #button a:hover, #highlight #button a:active { color: #f72a31; }
.button { color: #cc0033; font-family: 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}


/* text portal styles */
#portal { position: relative; width: 90%; height: auto; margin: 20px auto; display: table; }
#portal #imgshell { position: relative; display:inline; float: left; max-width: 28%; min-width: 0%; overflow: hidden; margin: 10px 10px 0px 0px;  }
#portal #imgright { position: relative; display:inline; float: right; max-width: 28%; min-width: 0%; overflow: hidden; margin: 10px 0px 0px 0px;  }
#portal #imgshell img { width: 100%; height: auto; margin: 0px 10px 0px 0px;}
#portal #imgright img { width: 100%; height: auto; margin: 0px 0px 0px 10px;}
#portal #textarea { position: relative; display: inline; width: auto; max-width: 45%; float: left; padding: 0px; margin: 0px;  }
#portal #textarea #content { padding: 0px; margin: 0px; }
#portal #textarea h3 { font-size: 1.8em; margin: 0px; }
#portal #textlinks { position: relative; display: inline; float: right; width: 25%; min-width: 0%; padding: 0px 0px 0px 10px; margin: 0px 0px 10px 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; }
#portal #textlinks ul { margin: 0px 0px 0px 5px; }


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


/* feeds styles */
#feeds { position: relative; display: table; width: 90%; 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 #content #imgshell { text-align: center; height: auto; width: 100%; margin: 0px auto; }
#feeds #content #imgshell img { height: 20px; width: auto; margin: 0 auto; }
#feeds #content h3 { 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: #cc0033;}
#feeds #button { max-width: 105px; 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.bardtype a:link { color:#cc0033; }
#feeds ul li { list-style: none; display: block; padding-bottom: 5px; border-bottom: 1px solid #ededed; margin-bottom: 5px; }


/* footer styles */
.footer { font-size: .9em; color: #232323; line-height: 20px; }
footer { width: 100%; height: auto; min-height: 400px; margin: 0px; background-color: #FFF; display: block; }
footer ul {margin: 0px; padding: 0px; list-style:none;}
footer #imgshell img { height: 50px; width: auto; margin: 0px 0px 5px 0px; }
footer #content { max-width: 1200px; padding: 20px 0px; margin: 0 auto 0 auto; background-color: #FFF; display:block; height: auto; }
footer #content a:link { color: #c03; text-decoration:none;}
footer #content a:visited { color:#c03; text-decoration:none;}
footer #content a:hover { color:#c03; text-decoration:underline;}
footer #footercontent {float: left; width: auto; display: inline; }
footer #footercontact { float: right; width: auto; display: block;  }
.footercol { float:left; width: auto; margin: 0px 40px 0px 0px; padding: 0px 0px 20px 40px; border-left: 1px solid #ededed; }
.footercol.first { padding: 0px 0px 0px 5px; border-left: none;}
#footericons { float: left; margin: 0 0 0 5px; height: auto; width: auto;}
#footericons img { height: 30px; width: auto;}
footer #button a:link, footer #button a:visited { color: #FFF; text-decoration: none; }
footer #button a:hover, footer #button a:active { color: #FFF; text-decoration: underline; }
footer .button { font-size: 1.5em; }



.footercol #button { 
	display: inline-block; 
	float: none; width: auto; height: auto; 
	margin: 0px ; padding: 15px; 
	background-color: #cc0033; 
	border: none; border-radius: 5px;
 }

.footercol #button a:link, .footercol #button a:visited { color: #FFF; text-decoration: none; }
.footercol #button a:hover, #button a:active { color: #FFF; text-decoration: underline; }
.footercol .button { font-family: "Gotham", Helvetica, sans-serif; font-weight: bolder; color: #FFF; white-space: nowrap; line-height: .5em; }



/* random styles */
ul.newslinks .imgleft {float:left; padding: 0px; margin: 0px 0px 10px 0px; }
ul.news {list-style: none; padding: 0px; margin: 0px 0px 10px 0px; 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 {l padding: 0px 0px 10px 0px; 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#people.mfa.people #peopletextshell span.imgleft { display: block; float: left; padding: 0px; margin: 0px 20px 10px 0px; overflow: hidden; }


/*  ------------------------------------------------------------------------------------------- three column */

.type_wrap {
	display: block; margin-bottom: 20px; }


#maincolrow #column.one_third { 	width: 29%; margin: 0px 0px 0px 0px; padding: 2% 2% 2% 2%; }	
#maincolrow #column.one_third.middle { 
border-right: 1px solid #b1b1b1;	border-left: 1px solid #b1b1b1; 
margin: 0px 0px 0px 0px; padding: 2% 2% 2% 2%;  }

#maincolrow #column.one_third .imgl {float:left; width: 100%; height: auto; margin: 5px 5px 5px 0px; padding: 0px; overflow: hidden; }
#maincol #content #maincolrow #column.one_third .imgl img { width: 100%; height: auto; margin: 0px; padding: 0px; }

 #maincolrow #column.one_third iframe,
#maincolrow #column.one_third #embedshell { width: 100%; height: auto; }

/*  ------------------------------------------------------------------------------------------- three column */


#maincolrow #column.one_third { width: 29%; margin: 0px 0px 0px 0px; padding: 2% 2% 2% 2%;   } 	
#maincolrow #column.one_third.middle { 
	border-right: 1px solid #b1b1b1;border-left: 1px solid #b1b1b1; 
	margin: 0px 0px 0px 0px; padding: 2% 2% 2% 2%;   }

#maincolrow #column.one_third .imgl {float:left; width: 100%; height: auto; margin: 5px 5px 5px 0px; padding: 0px; overflow: hidden; }
#maintext #content #maincolrow #column.one_third .imgl img { width: 100%; height: auto; margin: 0px; padding: 0px; }

#maincolrow #column.one_third iframe,
#maincolrow #column.one_third #embedshell { width: 100%; height: auto; }











}

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

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

/* Nav Wrapper Styles */
header #content nav { position: relative; max-width: 950px; 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:#cc0033; text-decoration: underline; background-color: #FFF; }
*/

// end DESKTOP styles

}

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

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

body { background-color: #666; }

header #content { height: 80px;  }
header a.logo { width: auto; height: 50px; top: 15px; left: 10px; }
header #logo { float: left; 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: #cc0033; width: 100%; }
#navdesk { display: none;}

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

nav { position: relative; top: 25px; padding: 0px 0px 0px 0px; }
nav ul { display: block; margin: 1px; height: auto;}
nav li { list-style: none; display: block; margin: 0px; text-align: left;	
}
nav a:link, nav a:visited {
	color: #333;
	display: block;
	margin: 1px;
	padding: 7px;
	border-bottom: 1px solid #ededed; 
	background: url(https://fishercenter.bard.edu/images/mobile_link_arrow.png) no-repeat right center #FFF;
	text-decoration: none;
}
nav a:hover { color: #fff; background-color: #cc0033; }
.active {display: block;}

/*
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:#cc0033; text-decoration: underline; background-color: #FFF; }
*/

main { height: auto !important; overflow: visible; display: block;}
main #maintext, main #maincol { width: 100%; float: none; display: block; clear: both; height: auto; }

#maintext #content #imgshell, #maincol #content #imgshell { 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; }

/* 2015 Tablet Styles */
#introshell h1 { left: 5%; font-size: 3em; }
/*
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.4em; ont-weight: 400; }
#icons #content #imgshell { height: auto; width: 100%; }
#icons #content #imgshell img { height: 35px; width: auto; margin: 0 auto; }
#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; }
#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; }



/* 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 #sidebar { float: none; margin: 20px 0px; padding: 0px; width: 100% }
main #sidebar #content #imgshell, main #sidebar #content #imgright { float: right; width: 50%; height: auto; margin-left: 10px;  }

footer { width: 100%; height: auto; display: block; min-height: 500px; }
footer #content { width: 100%; padding: 20px; }
.footercol { position: relative; float: left; border-left: none; width: auto; margin: 0px; padding: 0px;}
.footercol img { width: 60%; float: left; margin: 0px; padding: 0px; }
footer #footercontact { float: left; }

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

	// end TABLET styles
}



/* ---------------------------- MOBILE ONLY  STYLES ------------------------ */

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

body {
	margin: 0px; padding: 0px;
	/*background: #FFF url(https://fishercenter.bard.edu/images/back_mobile.jpg) no-repeat;*/
}
header { height: 100px; margin: 0px; }
#logo { padding: 0px; margin: 0px }
#navdesk { display: none;}

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

nav { position: relative; top: 25px; padding: 0px 0px 0px 0px; }
nav ul { display: block; margin: 1px; height: auto;}
nav li { list-style: none; display: block; margin: 0px; text-align: left;
	
}
nav a:link, nav a:visited {
	color: #333;
	display: block;
	margin: 1px;
	padding: 7px;
	border-bottom: 1px solid #ededed; 
	background: url(https://fishercenter.bard.edu/images/mobile_link_arrow.png) no-repeat right center #FFF;
	text-decoration: none;
}
nav a:hover { color: #fff; background-color: #cc0033; }
.active {display: block;}

main { clear:both; overflow: visible; width: 100%;  }
main #maintext, main #maincol { width: 100%; float: none; display: block; clear: both; height: auto; margin: 0px; }
main #sidebar { float: none; margin: 0px; padding: 0px; width: 100% }

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

#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: #cc0033;  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: #cc0033; 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:#cc0033; }
*/
#introshell h1 { left: 5%; color: #FFF; font-size: 2.5em; font-weight: 400; text-shadow: 1px 1px 5px #49453c;}
#introshell #title  { position: relative; max-width: 1200px; width: auto !important; height: 55px; top: 10px; left: 0%; }
#introshell #title h1.pagetitle { position: relative; bottom: 0px; left: 0%; color: #cc0033; font-size: 2.5em; text-shadow: none;}
#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 #imgshell {width: 100%; float: none; }
#highlight #hightext { width: 100%; float: none; }
#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; }
#feeds { display: block; }
#feeds #content { display: block; border-right: none; border-bottom: 1px solid #ededed; padding-bottom: 10px; margin-bottom: 10px; }
#feeds p { padding-bottom: 10px; }


#column #content { display: block; min-width: 100%; width: 100%; height: auto !important; padding: 0px; float: none;}
#column #contentx2 { display: block; min-width: 100%; width: 100%; height: auto !important; padding: 0px; float: none;}
#column #contentx3 { display: block; min-width: 100%; width: 100%; height: auto !important; padding: 0px; float: none;}
#column #contentx3 iframe { display: block; width: 100%; height: auto !important; min-height: 210px; padding: 0px; float: none;}






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

body#home main article { float: none; width: 100%; background-color: transparent; margin-bottom: 20px;}
body#home main article #content { min-height: 140px; }
body#home main article #content #imgshell { width: 100%; height: 140px; float: left; }

	//end MOBILE styles
}


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

@media print { 

nav { }
.navhead {display: none; }
#topnav {display: none; }
ul.dropdown-menu {display: none; }
/*
#subnav li { margin-right: 10px; padding-right: 10px; }
*/
#introcol #left #image { display: none; }
* { text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important; }
a,a:visited { text-decoration:underline; }
.cal_small {display: none; }
.cal_full {display: block; }

}

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}