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

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

@font-face {
	font-family: "Modern Pics";
	src: url("http://www.bard.edu/fonts/modernpics.eot"); /* IE9 */
	src:
		local("Modern Pics"),
		local("Modern Pics"),
		url("http://www.bard.edu/fonts/modernpics.ttf") format("truetype"),
		url("http://www.bard.edu/fonts/modernpics.otf") format("opentype");
}
@font-face {
	font-family: "Helvetica Neue UltraLight";
	src: url("http://www.bard.edu/fonts/HelveticaNeue-UltraLight.eot"); /* IE9 */
	src:
		local("Helvetica Neue UltraLight"),
		url("http://www.bard.edu/fonts/Helvetica Neue UltraLight.ttf") format("truetype"),
		url("http://www.bard.edu/fonts/helvetica_neue_ultralight.otf") format("opentype");
}
@font-face {
	font-family: "Helvetica Neue Light";
	src: url("http://www.bard.edu/fonts/HelveticaNeue-Light.eot"); /* IE9 */
	src:
		local("Helvetica Neue Light"),
		local("HelveticaNeue-Light"),
		url("http://www.bard.edu/fonts/Helvetica Neue Light.ttf") format("truetype"),
		url("http://www.bard.edu/fonts/helvetica_neue_light.otf") format("opentype");
}


/* ---------------------------- UNIVERSAL STYLES ------------------------ */

body { margin: 0px; padding: 0px; font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 15px; line-height: 24px; color: #5d5d5d; background: #181c28; }

.clearout { clear: both; line-height: 1px; }

a:link, a:visited { color:#be1d23; text-decoration: none; }
a:hover, a:active { color:#cc0000; text-decoration: underline; }

h1 { font-family: "Helvetica Neue UltraLight", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-weight: normal; color:#5d5d5d; margin: 0px; padding: 0px; display: block; font-size: 2.2em;  }
h1.pagetitle { margin: 20px 0px 10px 0px; }
h2 { font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif; color:#be1d23; margin: 20px 0px 5px 0px; display: block; font-weight: lighter; font-size: 1.5em; line-height: 1em;}
h3 { color:#5c5545; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #999;  font-size: 1.2em; }
h4 { color:#be1d23; }
h5 { color:#be1d23; }
h6 { color:#be1d23; }
.redhead { color:#be1d23; font-weight: bold; display: inline; }

img a {border: none; }

#supershell { position: relative; margin: 0px; padding: 0px; width: 100%; }

/* html 5 element styles */
header { position: relative; width: 100%; top: 50px; margin: 0 0 20px 0; padding: 0px; z-index: 1000; }
header #content { position: relative; max-width: 950px; height: 215px; margin: 0px auto 0px auto; padding: 0px; background-color: #2b303d;  }
header #content h2 { font-family: "Helvetica Neue UltraLight", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-weight: normal; border: 1px solid #FFF; padding: 15px; margin: 30px; color: #FFF; display: inline-block; text-transform: uppercase; letter-spacing: .2em; font-size: 2.2em; }
header #content h2 a:link, header #content h2 a:visited { color:#FFF; text-decortation:none;}
header #content h2 a:hover, header #content h2 a:active { color: #CCC; text-decortation:none;}
header #content nav { position: absolute; bottom: 0px; left: 0px; max-width: 735px; height: auto; display: block; margin: 0px auto 0px auto; padding: 0px; background-color: #2b303d; color: #FFF; }
header #content #slider { width: 215px; height: 215px; margin: 0px; padding: 0px; position: absolute; right: 0px; top: 0px; background-color: #FFF; }

main { width: auto !important;  display: block; margin: 80px auto 0px auto; padding: 0px; overflow:hidden;  background-color: #FFF;  }
body#home main { background-color:transparent;  }

/* template main structure styles */
main #maintext { margin: 0px auto 0px auto; overflow:auto; float: none; width: auto !important;  }	
main #maintext #content { position: relative; float: none; width: auto !important; padding: 10px 20px 10px 20px; }


/* intro styles */
main #maintext #introtext #imgshell, main #maintext #introtext #imgleft { position:relative; float: left; width: 150px; height: auto; max-height: 300px; padding: 0px; margin: 5px 10px 5px 0px; }
main #maintext #introtext #imgright { position:relative; float: right; width: 150px; height: auto; max-height: 300px; padding: 0px; margin: 5px 0px 5px 10px; }
main #maintext #introtext #imgshell img, main #maintext #introtext #imgleft img, main #maintext #introtext #imgright img { width: 150px; height: auto; }


/* subnav styles */
ul.subnav {  position: relative;  list-style: none; width: 100%; max-width: 950px; height:36px; display: table; margin: 0px 0px 0px 0px; padding: 0px; background-color: #be1d23;  font-size: 14px; line-height: 36px;z-index: 900; white-space: nowrap; overflow: hidden; }
ul.subnav li { width: auto; margin: 0px; padding: 0px; border-right: 1px solid #ca464b; display: table-cell; }
ul.subnav li.last { border-right: none;}
ul.subnav li a { color: #fff;background-color: #be1d23;text-decoration:none; display:block; width: auto; margin: 0px; padding: 8px 8px 8px 8px; line-height: 16px; text-align: center; }
ul.subnav li a:hover { color: #be1d23; text-decoration:underline; background-color:#fff; }

/* header logo styles */
#logo { padding: 30px 0px 0px 0px; margin: 0px }

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

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


/* page photo & page title styles */
#mainpic { position: relative; max-height: 300px; width: 100%; overflow: hidden; }
#mainpic h1 {position: absolute; top: 25px; left: 25px; color: #FFF; }
#mainpic #imgshell { max-height: 300px; width: 100%; overflow: hidden;  z-index: 800; }
#mainpic #imgshell img { width: 100%; height: auto; }
#mainpic #imgshell #mainpictitle { position: absolute; left: 0px; top: 0px; height: auto; width: 100%; overflow: visible; background-image: url(http://fishercenter.bard.edu/images/back_blk80.png); background-repeat:repeat; z-index: 801; color: #FFF; padding: 15px; font-size: 50px; line-height: 50px; font-family: "Helvetica Neue UltraLight", "Helvetica Neue Light", Helvetica, sans-serif; font-weight: lighter; }


/* sidebar detail styles */
main #sidebar { float: right; margin: 20px 0px 0px 20px; padding: 0px 0px 10px 0px; width: 23%; border: 1px solid #CCC;  }
main #sidebar #content.sidetext {   }
main #sidebar #content.sidelist {  margin: 0px 0px 0px 10px; padding: 0px;  }
main #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 #sidebar #content.button h3 { font-size: 1.2em; display: inline-block; width: auto; height: auto; margin: 3px 0px 3px 0px; padding: 10px 15px 10px 15px; color: #FFF; background-color: #be1d23; border-radius: 8px; border-bottom: none; }
#sidebar #content { padding: 15px; }
#sidebar #content #imgshell { width: 100%; height: 100px; margin: 5px 0px 5px 0px; padding: 0px; overflow: hidden; }
#sidebar #content #imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
#sidebar #content ul { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 20px;}
#sidebar #content iframe { width: 100%; height: 110px; }


/* maintext content styles */
#maintext #content #imgshell { position: relative; float: left; width: 100px; height: auto; margin: 0px 15px 5px 0px; padding: 0px; }
#maintext #content #imgshell img { position: relative; width: 100px; height: auto; margin: 0px; padding: 0px; }
#maintext #content #imgright { position: relative; float: right; width: 100px; height: auto; margin: 0px 15px 5px 0px; padding: 0px; }
#maintext #content #imgright img { position: relative; width: 100px; height: auto; margin: 0px 0px 5px 15px; padding: 0px; }
#maintext #content #image { position: relative; float: left; width: 100px; height: auto; margin: 0px 10px 5px 0px; padding: 0px; }
#maintext #content #image img { position: relative; width: 100px; height: auto; margin: 0px; padding: 0px; }
#maintext #content .list ul { margin: 0px; padding: 0px; }
#maintext #content .list h4 { display: inline; margin: 0px; padding: 0px; }


/* Main Column Styles */
#maintext #column { float: left; width: 45%; height: auto; margin: 0px 0px 0px 0px; padding: 2%;  }
#maintext #column #content { position: relative; width: auto; height: auto; min-height: 0px; margin: 0px; padding: 15px; }
#maintext #column #content.ltgrey { background-color: #ededed; }
#maintext #column #content.ltgrey h3 { color: #5c5545; margin-top: 0px; line-height: 12px; }
#maintext #column #content.dkgrey { background-color: #5c5545; color: #FFF; }
#maintext #column #content.dkgrey h3 { color: #FFF; margin-top: 0px; line-height: 12px;}


/* Home Column Styles */
body#home #maintext #content { padding: 0px; margin-bottom: 20px; }
body#home #maintext #column { float: left; width: 48%; height: auto; margin: 0px 0px 0px 0px; padding: 1%;  background-color: none; ;}
body#home #maintext #column #content { position: relative; width: auto; height: auto; min-height: 150px; margin: 0px; padding: 15px; background-color: #FFF; border: 1px solid #ededed; overflow: visible;}
body#home #maintext #column #content #imgshell { width: 100px; height: 145px; float: left; margin: 0px 10px 0px 0px; padding: 0px; overflow: hidden; }
body#home #maintext #column #content #imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
body#home #maintext #column #content ul { margin: 5px; font-size: 0.9em; }
body#home #maintext h2 { font-family: "Helvetica Neue UltraLight", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-weight: normal; color: #FFF; text-transform: uppercase; letter-spacing: 0.2em; font-size: 1.2em; }
body#home #maintext #column #content h4 a:link, body#home #maintext #column #content h4 a:visited { color: #181c28; }
body#home #maintext h4 { margin: 0px; font-size: 1.2em; }
body#home #maintext .pubtype { color: #999; font-size: 0.9em; }


/* Main Column Text Styles */
#maintext #coltext { float: left; width: 45%; height: auto; margin: 0px; padding: 2%; background-color: #FFF;}
#maintext #coltext #content { height: auto; min-height: 0px; margin: 0px; padding: 0px; }
#maintext #coltext #content #imgshell { float: left; width: 50%; height: auto; margin: 5px 10px 5px 0px; padding: 0px; overflow: visible; }
#maintext #coltext #content #imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
#maintext #coltext #content #button { display:inline-block; }
#maintext #coltext #content ul { margin-bottom: 5px; }


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


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


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


/* footer styles */
footer { width: 100%; min-height: 250px; margin: 0px 0px 20px 0px; background-color: #2b303d; }
footer ul {margin: 0px; padding: 0px; list-style:none;}
footer #content { color: #FFF; line-height: 24px; max-width: 910px; padding: 20px; margin: 0 auto 0 auto;  }
footer #content a:link { color: #CCC; text-decoration:none;}
footer #content a:visited { color:#CCC; text-decoration:none;}
footer #content a:hover { color:#CCC; text-decoration:underline;}
.footercol { float:left; width: auto; margin: 0px 30px 0px 0px; padding: 0px 0px 20px 30px; border-left: 1px solid #CCC;  }
.footercol.first { padding: 0px 0px 0px 5px; border-left: none;}
#footericons { float: right; margin: 0 0 0 5px; height: auto; width: auto;}
#footericons img { height: 30px; width: auto;}


/* random font styles */
.caption { font-size: 9px; line-height: 9px; color: #CCC; }
p.intro { font-size: 1.5em; line-height: 1.6em; color: #999; 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 ul li { margin-left: 15px;}


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


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

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

/* template structure styles */
#maintext {  }

/* Nav Wrapper Styles */
nav { position: absolute; bottom: 0px; max-width: 950px; font-size: 16px; }

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


// end DESKTOP styles

}

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

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

body { background-color: #666; }

header { top: 0px; margin: 0px; padding: 0px; background-color: #2b303d;  height: auto;}
header #content { position: relative; max-width: 768px; height: auto; margin: 0px auto 0px auto; padding: 0px; background-color: #2b303d;  }
header #content h2 { font-family: "Helvetica Neue UltraLight", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-weight: normal; border: 1px solid #FFF; padding: 10px; margin: 5px; color: #FFF; display: inline-block; text-transform: uppercase; letter-spacing: .2em; font-size: 1.7em; }
header #content nav { position: absolute; top: 55px; left: 0px; max-width: 768px; height: auto; display: block; margin: 0px auto 0px auto; padding: 0px; background-color: #2b303d; color: #FFF; }
header #content #slider { position: absolute; bottom: 0px; width: 215px; height: 215px; margin: 0px; padding: 0px; background-color: #FFF; display: none;}
h1.pagetitle { margin: 20px 0px 0px 0px; }

header a.logo { width: 384px; height: 61px; top: 25px; left: 10px; }
#logo { padding: 20px 0px 0px 0px; margin: 0px }
#navmobile { display: none;}
main #sidebar { float: right; margin: 20px 0px 0px 20px; padding: 0px; width: 35%;  }

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


	// end TABLET styles
}



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

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

body {
	margin: 0px; padding: 0px;
	/*background: #FFF url(http://fishercenter.bard.edu/images/back_mobile.jpg) no-repeat;*/
}
header { top: 0px; margin: 0 0 20px 0; padding: 0px; z-index: 1000; }
header #content { position: relative; max-width: 480px; height: auto; margin: 0px auto 0px auto; padding: 0px; background-color: #2b303d;  }
header #content h2 { font-family: "Helvetica Neue UltraLight", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-weight: normal; border: 1px solid #FFF; padding: 10px; margin: 5px; color: #FFF; display: inline-block; text-transform: uppercase; letter-spacing: .2em; font-size: 1.25em; }
header #content nav { position: absolute; top: 90px; left: 0px; max-width: 735px; height: auto; display: block; margin: 0px auto 0px auto; padding: 0px; background-color: #2b303d; color: #FFF; }
header #content #slider { position: absolute; bottom: 0px; width: 215px; height: 215px; margin: 0px; padding: 0px; background-color: #FFF; display: none;}
#logo { padding: 0px 0px 0px 0px; margin: 0px }
h1.pagetitle { margin: 10px 0px 0px 0px; }
#navdesk { display: none;}

main #maintext { margin: 0px auto 20px auto; border: 1px solid #CCC; overflow:visible; float: none; width: auto !important;  }
main #sidebar { float: none; margin: 20px 0px 20px 0px; padding: 0px 0px 10px 0px; width: 100%; border: 1px solid #CCC;  }

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


.toggleMenu { background: #be1d23; }
.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(http://fishercenter.bard.edu/images/mobile_link_arrow.png) no-repeat right center #FFF;
	text-decoration: none;
}
nav a:hover { color: #fff; background-color: #49453c; }
.active {display: block;}

ul.subnav { display: none; }*/

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

}