f @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("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: 13px; line-height: 24px; color: #5d5d5d;
	background: #ededed url(../images/background.jpg) no-repeat;}

.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: lighter; color:#be1d23; margin: 0px 0px 10px 0px; padding: 0px; display: block; font-size: 2.8em; line-height: 38px; }

body#home h1 { display:none;}


h2.pagetitle { font-family: "Helvetica Neue UltraLight", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-weight: lighter; color: #be1d23; font-size: 2.8em; margin: 20px 0px 10px 0px; }
h2 { font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif; color:#49453c; margin: 20px 0px 5px 0px; display: block; font-weight: lighter; font-size: 1.7em; line-height: 1em;}
h3, .subtitle3 { color:#be1d23; margin: 10px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #999; font-size: 1.5em; font-weight: normal; display:block; }
h4 { font-size: 1.2em; line-height: .7em; margin: 10px 0; padding: 0px; color:#49453c; }
body#home h4 { font-size: 1.2em; line-height: 1em; margin: 10px 0; padding: 0px; color:#49453c; }
h5 { color:#be1d23; font-size: 1.1em; line-height: 1.2em; margin: 0 0 5px 0; padding: 0px; }
h6 { color:#49453c; font-size: 1.05em; line-height: 1.0em; margin: 7px 0 2px 0; padding: 0px; }

img { border-style: none; }
img a { border-style: none; }

iframe { position: relative; width: auto; float: none; display: block; }

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

/* html 5 element styles */
header { position: relative; width: 100%; top: 0; margin: 0 0 10px 0; padding: 0px; background-color: #333;}
header #content { width: auto !important; max-width: 978px; height: 35px; position: relative; top: 0; margin: 0px auto 20px auto; padding: 0px; }
header #content h2 { display: none; }
nav { position:relative; width: auto !important;  height: auto; display: block; margin: 0px auto 0px auto; padding: 0px; color: #49453c; }
main { position:relative; max-width: 978px; width: auto !important; margin: 0px auto 0px auto; padding: 0px; overflow:hidden; display:block; }

/* header logo styles */
header #logo { padding: 0px 0px 0px 0px; margin: 0px 0px 0px -20px; z-index: 999; height: 110px; overflow: hidden;  }
header #logo a { height: 110px; width: 950px; border: none; z-index: 1000; }

/* top nav detail styles */
#topnav { position: absolute; top: 5px; right: -20px; 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; }

/* template main structure styles */
main #maintext { position: relative; overflow: auto; float: none; max-width: 975px; width: auto !important; width: 975px; border: 1px solid #CCC; background-color: #FFF; }	
main #maintext #content { position: relative; padding: 5px 20px 20px 20px;  }
main #maincol { position: relative; overflow: auto; float: left; width: 74%; background: #FFF; border: 1px solid #CCC;  }	
main #maincol #content { position: relative; padding: 10px 20px 20px 20px;}
main #maintext #content3col { position: relative; padding: 5px 20px 20px 20px;  }
main #maintext #content3col .multicols { position: relative; display: block; width: 100%; height: auto !important; padding: 0; margin: 10px 0; background: #ededed; overflow: visible;}
main #maintext #content3col .multicols .multicolx3 { position: relative; display: inline; width: 31%; float: left; height: auto !important; padding: 0.5%; margin: 0; overflow: visible;}
main #maintext #content3col .multicols .multicolx3 .colimg { position: relative; display: block; width: 100%; height: auto !important; max-height: 135px; padding: 0; margin: 0; overflow: hidden;}
main #maintext #content3col .multicols .multicolx3 .colimg img{ width: 100%; height: auto !important; padding: 0; margin: 0;}


body.page_search main #maincol .item div img { width: 100%;}

#imgshell img { width: auto; height: auto; margin: 0px; padding: 0px; }
#imgshell img a { border:none; }

/* maintext content styles */
#maintext #content #imgshell, #maincol #content #imgshell { position: relative; float: left; width: 30%; height: auto; margin: 0px 15px 5px 0px; padding: 0px; }
#maintext #content #imgright, #maincol #content #imgright { position: relative; float: right; width: 30%; 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; }

body#conferences #maintext #content, body#events #maintext #content { line-height: 16px; overflow: visible; display:block; padding-bottom: 10px; margin-bottom: 10px; border: none; }
body#conferences #maintext #content #imgshell, body#events #maintext #content #imgshell { position: relative; float: left; width: 20%; max-height: 200px; overflow: hidden; margin: 0px 15px 5px 0px; padding: 0px; }
body#conferences #maintext #feature, body#events #maintext #feature  { position: relative; display: block; max-height: 100%; overflow: visible; margin-top: 20px; line-height: 20px; background-color: #FFF; }
body#conferences #maintext #feature #imgshell, body#events #maintext #feature #imgshell, body#event #maintext #feature #imgshell  {  position: relative; width: 40%; max-height: 350px; margin: 0 15px 15px 0; overflow: hidden; }
body#conferences #column { width: 28%; border: 1px solid #CCC; margin-left: 15px; padding: 12px; line-height: 14px; }
body#conferences #button { margin: 0px; padding: 7px; float: right; }
body#conferences .button { font-size: 1em; }


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


/* intro styles */
#introshell { position:relative; margin: 0 0 15px 0; padding: 0px; background-color: #FFF; overflow: visible; width: 100%; display: table; border: 1px solid #CCC; }
#introshell #introtext { position: relative; float: left; display: table-cell; width: 50%; padding: 0px; margin: 0px; height: auto; }
#introshell #imgshell { position:relative; float: right; width: 50%; height: auto; padding: 0px; margin: 0px; display: table-cell;overflow: hidden; }
#introshell #imgshell img { width: 100%; height: auto; }
#introshell h1 { padding: 20px 25px 15px 25px; margin: 0px; line-height: 1em;}
#introshell h2 {  font-size: 1.3em; line-height: 1.6em; color: #666; margin: 0px; padding: 0px 25px 25px 25px;}
#introshell p.intro { font-size: 1.3em; line-height: 1.6em; color: #666; margin: 0px; padding: 0px 25px 25px 25px; }
#introshell .intro { font-size: 1.3em; line-height: 1.6em; color: #666; margin: 0px; padding: 0px 25px 25px 25px; }


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

#gutter { width: 2%; }

/* Main Column Box Styles */
#pagebox { position: relative; float: left; width: 48%; height: auto; margin: 15px 1.5% 0px 0px; background-color: #FFF; border: 1px solid #999; line-height: 22px; }
#pagebox #content.boxes { margin: 0px 0px 0px 0px; padding: 5px 15px 15px 15px; background-color: #FFF;}
#pagebox #imgshell { float: left; width: 40%; height: auto; margin: 0px 10px 5px 0px; padding: 0px; overflow: visible; }
#pagebox #content #imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
#pagebox #content.boxes h3,
#pagebox #content.boxes .subtitle3
 { color: #be1d23; margin-top: 5px; line-height: 15px; border-bottom: none;}
#pagebox h3,
#pagebox .subtitle3 { background-color: #be1d23; margin-top: 0px; color: #FFF; padding-left: 10px; padding-top: 3px; font-weight: lighter; letter-spacing: 0.08em; }
#pagebox #content h4 { margin-top: 0px; }
#pagebox #button { position: absolute; right: 0px; bottom: 0px; margin: 0px; z-index: 1000; }

/* Home Column Box Styles */
body#home #pagebox { position: relative; float: left; width: 31.5%; height: 450px; margin: 15px 1.5% 0px 0px; background-color: #FFF; border: 1px solid #999; overflow: hidden; }
body#home #pagebox h3,
body#home #pagebox .subtitle3 { background-color: #be1d23; margin: 0px; color: #FFF; padding-left: 10px; font-weight: lighter;}
body#home #pagebox #imgshell { float: none; width: 100%; height: 160px; margin: 0px; padding: 0px; overflow:hidden; }
body#home #pagebox #imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
body#home #pagebox #content { height: 200px; overflow: scroll;margin: 20px; padding: 0px; background-color: #FFF; }
body#home #pagebox #content ul { margin: 0 0 0 10px; padding: 0px; line-height: 1.3em;}
body#home #pagebox #imgshell iframe { position: relative; margin: 0px; padding: 0px; width: 100%; height: auto; }
body#home #pagebox #button { position: absolute; bottom: 0px; right: 0px; }

/* Conference Column Box Styles */
#maintext #colbox { float: left; width: 22.5%; height: auto; margin: 0px 1% 10px 1%; background-color: #FFF; border: 1px solid #999; }
#maintext #colbox h3,
#maintext #colbox .subtitle3 { background-color: #be1d23; margin: 0px; color: #FFF; padding-left: 10px; font-weight: lighter;}
#maintext #colbox #imgshell { position: relative; float: none; width: auto; height: 120px; margin: 0px; padding: 0px; overflow:hidden; }
#maintext #colbox #imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
#maintext #colbox #imgshell iframe { position: relative; width: 100%; height: 120px;; margin: 0px 0px 0px 0px; padding: 0px; }
#maintext #colbox #content { position: relative; margin: 0px; padding: 10px; border: none; background-color: #FFF; min-height:120px;}
#maintext #colbox #content ul { margin: 0 0 0 10px; padding: 0px; line-height: 1.3em;}

#maincol #colbox { float: left; width: 31.5%; height: auto; margin: 0px 1%; background-color: #FFF; border: 1px solid #999; }
#maincol #colbox h3,
#maincol #colbox .subtitle3  { background-color: #be1d23; margin: 0px; color: #FFF; padding-left: 10px; font-weight: lighter;}
#maincol #colbox #content { position: relative; margin: 0px; padding: 10px; border: none; background-color: #FFF; }

/* Main Column Text Styles */
#coltext, #collist { float: left; width: 49%; height: auto; margin: 5px 0; background-color: #FFF; }
#coltext #content, #collist #content { min-height: 0px; margin: 0px; padding: 0px;  line-height: 1.5em;}
#coltext #content h3, #collist #content h3,
#coltext #content .subtitle3, #collist #content .subtitle3 { margin-top: 0px; }
#coltext #content #imgshell { float: left; width: 50%; height: auto; margin: 5px 10px 5px 0px; padding: 0px; overflow: visible; }
#coltext #content #imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
#coltext #content #button { }
#coltext #content ul { margin-bottom: 5px; }
#coltext #content iframe { position: relative; width: 100%;}
#coltext .intro { font-size: 1.2em; line-height: 1.5em; color: #666; margin: 0px; padding: 10px 0px; }

#maintext #content ul.multilist, #maincol #content ul.multilist { margin: 0 0 0 20px; padding: 0px; list-style: disc outside;}
#maintext #content ul.multilist li, #maincol #content ul.multilist li  { margin: 0px; padding: 0px; display: block; min-height: 0px; }
#maintext #coltext #content ul.multilist #imgshell { width: 25%; height: auto; padding: 0px; margin: 0px 10px 5px 0px; }
#maintext #content ul.multilist #imgshell { width: 150px; height: auto; padding: 0px; margin: 0px 10px 5px 0px; }
body#about #content ul.multilist { list-style: none; margin: 0px; padding: 0px; }
body#about #content ul.multilist li { list-style: none; margin: 0px; padding: 0px; display: block; min-height: 120px; }

/* Video Column Text Styles */
#videocol { position: relative; float: none; display: block; width: 100%; height: auto !important; margin: 5px 0; background-color: #FFF;  }
#videocol #content { width: 100%; min-height: 0px; margin: 0px; padding: 0px;  line-height: 1.5em;}
#videocol #content h3,
#videocol #content .subtitle3 { margin-top: 0px; line-height: 16px; }
#videocol #content #imgshell { float: left; width: auto; height: auto; margin: 5px 10px 5px 0px; padding: 0px; overflow: visible; }
#videocol #content #imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
#videocol #content #button { }
#videocol #content ul { margin-bottom: 5px; }
#videocol #content #embedshell { float: left; width: 100%; height: auto; margin: 0px; padding: 0px; overflow: visible; }
#videocol #content iframe { width: 95%; height: auto !important; border: 1px solid #ededed; ; }
#videocol #content ul.videorow { position: relative; margin: 0px; padding: 0px; display: block; width: 100%; height: auto !important;}
#videocol #content ul.videorow li { position: relative; width: 31%; float: left; list-style: none; margin: 0 1% 0 0; padding: 0 1% 0 0; display: inline; min-height: 340px; }
#videocol #content ul.videorow h4 { line-height: 1.2em; }

/* 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: #CCC; border: 1px solid #FFF; }
#rows #content table td.fixed { width: 350px; margin: 0px; padding: 10px; background-color: #CCC; border: 1px solid #FFF; }
#rows #content #imgshell { width: 100%; height: auto; margin: 5px 0px 5px 0px; padding: 0px; overflow: hidden; }
#rows #content #imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
#rows h4 { margin: 0px; padding: 0px; }
#rows #button { margin: 0px; white-space: nowrap; }
#rows ul { margin: 0px;}


/* Main Tables Styles */
#tables { width: 100%; height: auto; position: relative; float: left; margin: 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 #666; }
#tables #content table td.fixed { width: 350px; margin: 0px; padding: 10px; border-right: 1px solid #666; }
#tables #content #imgshell { width: 100%; height: 150px; margin: 5px 0px 5px 0px; padding: 0px; overflow: hidden; }
#tables #content #imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
#tables h4 { 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; }


/* subnav styles */
ul.subnav {  position: relative; list-style: none; width: 100%; max-width: 950px; height:30px; 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 { 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;}
ul.subnav li a:link { color: #fff;background-color: #49453c;text-decoration:none; display:block; width: auto; margin: 0px; line-height: 16px; text-align: center; }
ul.subnav li a:hover { color: #be1d23; text-decoration:underline; background-color:#be1d23; }


/* button styles */
#button { display: inline-block; width: auto; height: auto; margin: 3px 5px 0 0; padding: 10px; color: #FFF; background-color: #be1d23; }
#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; font-size: 1.2em; 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; }

#multicontent #multiimg { display: inline; float: left; width: 120px; height: auto !important; max-height: 150px; overflow: hidden; padding: 0px; margin: 0px 20px 5px 0px; }
#multicontent #multiimg img { width: 100%; height: auto !important; padding: 0px; margin: 0px; }

.bottombox { position: relative; display: block; width: 96%; margin: 0; padding: 2%; background: #333; color: #FFF; }
.bottombox .subtitle3 { color: #FFF; }

/* footer styles */
.footer { color: #FFF; line-height: 18px; }
footer { width: 100%; min-height: 400px; margin: 20px 0px 0px 0px; padding: 0px 0px 30px 0px; background-color: #333; display:block; }
footer ul {margin: 0px; padding: 0px; list-style:none;}
footer #content { position: relative; min-height: 270px; max-width: 950px; padding: 20px 0px; margin: 0 auto 0 auto; background-color: #333;  }
footer #content a:link { color: #F00; text-decoration:none;}
footer #content a:visited { color:#FFF; text-decoration:none;}
footer #content a:hover { color:#FFF; text-decoration:underline;}
footer #content .footercol { float:none; width: 25%; margin: 0px 30px 0px 0px; padding: 0px 0px 20px 0px; }
footer #content #footericons { float: left; margin: 0px; height: auto; width: auto;}
footer #content #footericons img { height: 30px; width: auto;}
footer #content #footerblog { position: absolute; top: 25px; right: 270px; width: 445px; max-height: 335px; overflow: scroll; float: right; padding: 0 0 0 15px; margin: 0 0 0 15px; border-left: 1px solid #999; }
footer #content #footertweet { position: absolute; top: 25px; right: 0px; width: 250px; max-height: 335px; float: right; padding: 0 0 0 15px; margin: 0 0 0 15px; border-left: 1px solid #999; }
footer #content #footertweet a.twitter-timeline { border: 1px solid #999; }
footer h2 { color: #FFF; font-weight: lighter; margin: 0px; padding: 0px; line-height: 1.2em;}
footer .item { margin-bottom: 10px; }

footer #content #footertweet #button a { color: #fff;}
/* random font styles */

.icons { font-family: "Modern Pics", sans-serif; color: #FFF; margin: 0px 2px 0px 15px; }
.caption { font-size: 10px; line-height: 9px; color: #CCC; font-style: italic; }
.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: 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:#be1d23; text-decoration: underline; background-color: #FFF; }

/* main navigation on page styles */
body#about ul.mainnav li.dropdown a#about,
	body#hannah ul.mainnav li.dropdown a#about,
	body#whymatters ul.mainnav li.dropdown a#about,
	body#works ul.mainnav li.dropdown a#about,
	body#library ul.mainnav li.dropdown a#about,
	body#links ul.mainnav li.dropdown a#about,
	body#press ul.mainnav li.dropdown a#about,
body#programs ul.mainnav li.dropdown a#programs,
body#events ul.mainnav li.dropdown a#events,
	body#archive ul.mainnav li.dropdown a#events,
	body#video ul.mainnav li.dropdown a#events,
	body#travel ul.mainnav li.dropdown a#events,
body#conferences ul.mainnav li.dropdown a#conferences,
	body#travel ul.mainnav li.dropdown a#events,
body#academics ul.mainnav li.dropdown a#academics,
body#hajournal ul.mainnav li.dropdown a#hajournal,
body#fellows ul.mainnav li.dropdown a#fellows,
	body#felpast ul.mainnav li.dropdown a#fellows,
	body#felapply ul.mainnav li.dropdown a#fellows,
	body#neh ul.mainnav li.dropdown a#fellows,

body#membership ul.mainnav li.dropdown a#membership,
body#amormundi ul.mainnav li.dropdown a#amormundi
{ color:#FFF; background-color:#be1d23; /*white with red*/}

/* subnavigation on page styles */
body#about ul.subnav a#about,
body#hannah ul.subnav a#hannah,
body#whymatters ul.subnav a#why,
body#works ul.subnav a#works,
body#library ul.subnav a#library,
body#links ul.subnav a#links,
body#press ul.subnav a#press,
body#events ul.subnav a#events,
body#archive ul.subnav a#archive,
body#travel ul.subnav a#travel,
body#conferences ul.subnav a#conferences,
body#fellows ul.subnav a#current,
body#felpast ul.subnav a#past,
body#neh ul.subnav a#neh,
body#felapply ul.subnav a#applying
{ color:#FFF; font-weight: bold; background-color:#be1d23; border-right: none; /*white with red*/}

// end DESKTOP styles

}

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

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

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

header #content { height: 110px;  margin: 0px;}

/* header logo styles */
header #logo { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; z-index: 1000; height: 110px; overflow: hidden; background: url(http://hac.bard.edu/images/logo_hacenter_mobile.png) no-repeat; }
header a.logo { width: 384px; height: 50px; top: 0px; left: 10px; }

#navdesk { display: none;}

nav { display: block; }
nav { position: relative; top: 0px; padding: 0px 0px 0px 0px; margin: 0px;background-color: #be1d23; }
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: #be1d23; display: block; margin: 1px; padding: 7px; border-bottom: 1px solid #ededed; text-decoration: none;}
nav a:hover { color: #fff; background-color: #49453c; }

.active {display: block;}

#topnav { float: right; right: 5px; top: 80px;}
#topnav #imgshell { float: right; }

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

/* intro styles */
#introshell { position:relative; margin: 0px; padding: 0px; background-color: #FFF; overflow: visible; width: 100%; display: table; }
#introshell #introtext { float: left; display: block; width: 100%; }
#introshell #imgshell { float: left; width: 100%; display: inline; }

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

/* Main Column Box Styles */
#pagebox #imgshell { float: none; width: 100%; height: auto; margin: 0px 0px 5px 0px; padding: 0px; overflow: visible; }


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 #content { padding: 20px; }
footer #content #footerblog { position: relative; top: 0px; right: 0px; width: 100%; float: none; padding: 0px; margin: 10px 0 15px 0; border-left: none; }

	// end TABLET styles
}



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

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

body {
	margin: 0px; padding: 0px;
	background-image: none;
}
header { height: 110px; margin: 0px; }
/* header logo styles */
header #logo { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; z-index: 1000; height: 110px; overflow: hidden; background: url(http://hac.bard.edu/images/logo_hacenter_mobile.png) no-repeat; }

h2.pagetitle { margin: 35px 0px 10px 20px; }

#navdesk { display: none;}
#topnav { float: right; right: 5px; top: 80px; width: 180px; }
#topnav #imgshell { float: right; }

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

nav { position: relative; top: 0px; 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;}

main { 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% }

/* intro styles */
#introshell { position:relative; margin: 0px; padding: 0px; background-color: #FFF; overflow: visible; width: 100%; display: block; }
#introshell #introtext { float: none; display: block; width: 100%; }
#introshell #imgshell { float: none; width: 100%; display: block; }

body#conferences #maintext #feature, body#events #maintext #feature  {  width: 100%; float: none; display: block; max-height: 100%; overflow: visible; margin-top: 20px; line-height: 20px; background-color: #FFF; }
body#conferences #maintext #feature #imgshell, body#events #maintext #feature #imgshell  {  width: 100%; display: block; clear: both; float: none; height: auto; overflow: visible; margin-top: 20px; background-color: #FFF;  }
body#conferences #maintext #feature .featuretxt, body#events #maintext #feature .featuretxt  {  width: 100%; display: block; clear: both; float: none; height: auto; overflow: visible; margin-top: 20px; background-color: #FFF;  }
body#conferences #maintext #feature .eventlist, body#events #maintext #feature .eventlist  {  width: 100%; display: block; clear: both; float: none; height: auto; overflow: visible; margin-top: 20px; background-color: #FFF;  }

#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: 10px 0px; }
#pagebox #imgshell { float: none; width: 100%; height: auto; margin: 0px 0px 5px 0px;  }

/* subnav styles */
ul.subnav {  position: relative; list-style: none; width: 100%; max-width: 550px; height:auto !important; display: block; margin: 0px 0px 0px 0px; padding: 0px; color: #FFF; background-color: #be1d23;  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: #be1d23; 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:#be1d23; }


/* Home Column Box Styles */
body#home #pagebox { position: relative; float: none; width: 100%; display: block; height: auto; margin: 15px 0px 0px 0px; padding-bottom: 20px; background-color: #FFF; border: none; overflow: visible; }
body#home #pagebox h3,
body#home #pagebox .subtitle3 { background-color: #be1d23; margin: 0px; color: #FFF; padding-left: 10px; font-weight: lighter;}
body#home #pagebox #imgshell { float: none; width: 100%; height: auto; margin: 0px; padding: 0px; overflow:hidden; }
body#home #pagebox #imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
body#home #pagebox #content { height: auto; overflow: visible;margin: 20px; padding: 0px; background-color: #FFF; clear:both; }
body#home #pagebox #content ul { margin: 0 0 0 10px; padding: 0px; line-height: 1.3em;}
body#home #pagebox #imgshell iframe { position: relative; margin: 0px; padding: 0px; width: 100%; height: auto; }
body#home #pagebox #button { position: absolute; bottom: 0px; right: 0px; margin-top: 20px; }

/* Conference Column Box Styles */
#maintext #colbox { float: none; width: 100%; height: auto; margin: 15px 0px 0px 0px; background-color: #FFF; border: none; }
#maintext #colbox #imgshell { position: relative; float: none; width: 100%; height: auto; margin: 0px; padding: 0px; overflow:visible; }
#maintext #colbox #imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
#maintext #colbox #imgshell iframe { position: relative; width: 100%; height: auto;; margin: 0px; padding: 0px; }
#maintext #colbox #content { position: relative; margin: 0px; padding: 10px; border: none; background-color: #FFF; min-height:120px;}
#maintext #colbox #content ul { margin: 0 0 0 10px; padding: 0px; line-height: 1.3em;}

#maincol #colbox { float: none; width: 100%; height: auto; margin: 0px; background-color: #FFF; border: none; }
#maincol #colbox h3,
#maincol #colbox subtitle3 { background-color: #be1d23; margin: 0px; color: #FFF; padding-left: 10px; font-weight: lighter;}
#maincol #colbox #content { position: relative; margin: 0px; padding: 10px; border: none; background-color: #FFF; }

#coltext, #collist { float: none; width: 100%; height: auto; margin: 5px 0; background-color: #FFF; }

footer #content { padding: 20px; }
.footercol { float:left; width: auto; margin: 0px 5px 0px 0px; padding: 0px 0px 0px 10px; border-left: 1px solid #CCC; }
.footercol.first { padding: 0px; margin: 0px 5px 20px 0px; }

footer #content .footercol { float:none; width: 100%; margin: 0px; padding: 0px 0px 10px 0px; border-left: none; }
footer #content #footericons { float: left; margin: 0px 0px 10px 0px; height: auto; width: auto;}
footer #content #footericons img { height: 30px; width: auto;}
footer #content #footerblog { position: relative; top: 0px; right: 0px; width: 100%; float: none; padding: 0px; margin: 10px 0 15px 0; border-left: none; }
footer #content #footertweet { position: relative; top: 0px; right: 0px; width: 100%; overflow: scroll; float: none; padding: 0px; margin: 0 0 15px 0; border-left: none; }

body#home #wowslidershell {width: 100%; height: auto; }
body#home #wowslider-container1 { {width: 100%; height: auto; }
body#home #wowslider-container1 .ws_images { width: 100%; height: auto; }
body#home #wowslider-container1 .ws_images img { width: 100%; height: auto;}
body#home #wowslider-container1 .ws-title {position: absolute; top: 40px; left: 0px; width: auto; max-width: 100%; z-index: 50; text-align: 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; }
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; }

}