/*
Bard IWT Styles
*/

#feeds ul li { list-style: none; display: block; padding-bottom: 0px; border-bottom:none; margin-bottom: 0px; }

/*******************************************/
/***            Menu Container           ***/
/*******************************************/

nav.campus { display: none; }

body { }

body {font-family: "Source Sans Pro", "SourceSans", Helvetica, sans-serif; font-weight: 500;}
body a:link, a:visited {color: #d99501;text-decoration: underline;}
h1, h2 {font-family: "Josefin Sans", Helvetica, sans-serif !important; font-weight: 500;}

#navigation_menu.mobile .logo-head {position: absolute;top: 10px; right: 50px !important;margin: 0;display: block;width: 200px;}


/* CMS Styles */
.cms-subtitle1 { font-family: "Josefin Sans", sans-serif;color:#d99501; margin: 20px 0px 5px 0px; padding: 0px; font-size: 1.3em; font-weight: 700; }
.cms-subtitle2 { font-family: "Josefin Sans", sans-serif;color:#d99501; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.3em; font-weight: 700; }
.cms-subtitle3 { font-family: "Josefin Sans", sans-serif;color:#d99501; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.3em; font-weight: 700; }
.cms-caption { font-family: "Source Sans Pro", "SourceSans", sans-serif; font-style: italic; color:#666; margin: 10px 0px; padding: 0px; font-size: 0.8em;}
.cms-button { font-size:1.1em; font-weight: 800; line-height: 1.0em; display: inline-block; width: auto !important; height: auto; margin: 0px 10px; padding: 10px 15px; color: #FFF; background: #d99501; border-radius: 0px; font-family: "Josefin Sans", sans-serif; white-space: nowrap; text-transform:none; letter-spacing: 0px; }
.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; }
a .cms-button { font-size:1.2em; font-weight: 800; line-height: 0.5em; display: inline-block; width: auto !important; height: auto; margin: 0px 10px; padding: 10px; color: #FFF; background: #d99501; border-radius: 0px; font-family: "Josefin Sans", sans-serif; white-space: nowrap; text-transform:none; letter-spacing: 0px; }

/* button styles */
.ctabutton { font-size: 1.0em; display: inline-block; width: auto; height: auto; margin: 5px 5px 10px 0px; padding: 10px 12px; background: #d99501; border: none; border-radius: 0; color: #FFF; font-family: "Josefin Sans", Helvetica, Arial, sans-serif; white-space: nowrap; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 800;}
.ctabutton a:link, .ctabutton a:visited { color: #FFF; text-decoration: none;  }
.ctabutton a:hover, .ctabutton a:active { color: #FFF; text-decoration: underline;  }

body#faculty .modal-text-shell button.modal-open {color: #d99501; background-color: #FFFFFF; font-size: 0.8em !important; text-align: left;}

button { font-size: 1.0em; display: inline-block; width: auto; height: auto; margin: 0px; padding: 5px 10px; background: #d99501; border: none; border-radius: 0; color: #FFF; font-family: "Josefin Sans", Helvetica, Arial, sans-serif; white-space: normal; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 800;}

/* modal button styles */
button.modal-open { font-size: 1.0em; display: inline-block; width: auto; height: auto; margin: 0px; padding: 5px 10px; background: #d99501; border: none; border-radius: 0; color: #FFF; font-family: "Josefin Sans", Helvetica, Arial, sans-serif; white-space: normal; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 800;}
button.modal-open a:link, button.modal-open a:visited { color: #FFF; text-decoration: none; }
button.modal-open a:hover, button.modal-open a:active { color: #FFF; text-decoration: underline; }

/* modal button styles */
.ctabutton>button.modal-open { display: inline-block; width: auto; height: auto; margin: 0px ; padding: 5px 10px; background: #d99501; border: none; border-radius: 0; color: #FFF; font-family: "Josefin Sans", Helvetica, Arial, sans-serif; font-size: 1.1em; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 800;}
.ctabutton>button.modal-open a:link, .ctabutton>button.modal-open a:visited { color: #FFF; text-decoration: none; }
.ctabutton>button.modal-open a:hover, .ctabutton>button.modal-open a:active { color: #FFF; text-decoration: underline; }

.modal-content .imgshell {width:20%;height: auto;display:inline;float:left;margin-right: 10px; }
.modal-content .imgshell img {width:100%;height: auto;}

header > nav .logo { position: absolute; top: 0; left: 10%; display: block; box-sizing: border-box; list-style: none; margin: 0 0 20px 0; padding: 0; width: 200px !important; height: 88px !important; float: left; color: #222222 !important; z-index: 1002; }
header > nav .logo a { position: relative; display: block; font-size: 0px; width: 200px !important; height: 88px !important; margin: 0 10px 0 0; padding: 0 0 0 0 !important; text-indent: -9999px; color: #222222 !important; text-decoration: none; outline: none; z-index: inherit; background-image: url(https://iwt.bard.edu/images/iwt-logo23.png) !important; background-size: 200px auto !important; background-repeat: no-repeat !important; background-position: left top !important; }
header > nav .logo a:hover, #navigation_menu .menu_nav > .logo a:active { background: transparent; }
header > nav .logo img { display: none; width: 200px !important; height: 88px !important; margin: 0; padding: 0; }

#introshell { position: relative; width: 100%; height: auto; min-height: 0px; overflow: hidden; z-index: 900; margin: 50px 0 0 0 !important; padding: 0; border-bottom: 1px solid #222;}
#introshell .introtype { position:relative; text-align: left; max-width: 1050px; margin: 20px auto 0 auto; padding: 0;}
#introshell>#title { font-family: "Josefin Sans", Trebuchet, Helvetica, Arial, sans-serif;margin: 25px auto; padding: 10px 0; max-width: 1200px; }
#introshell>#title>h1.pagetitle { font-family: "Josefin Sans", Trebuchet, Helvetica, Arial, sans-serif;padding: 0px; margin: 70px auto 0px auto; text-transform: none; text-align: left; color: #222;font-weight: 900; }
#introshell>.sitetitle { position: absolute; top: 10px; left: 5%; width: auto; max-width: 1200px; height: 50px;overflow: hidden; float: none; margin: 2px auto; padding: 0px; z-index: 1001; }
#introshell .image .introbox h1 {font-family: "Josefin Sans", Trebuchet, Helvetica, Arial, sans-serif;}
#introshell .image .introbox h1 {margin: 20px 0 10px 20px;}
#introshell .image .introbox .subtitle {padding: 0 0 1% 0;}
#introshell .image .introbox a { color: #e8ca60;}
#introshell .image .introbox {position: absolute;right: 10%;bottom: 0%;background: url(https://www.bard.edu/images/tints/80black.png) repeat;width: 60%;}

#introtext .ctabutton {background: #d99501; font-size: 1.1em !important; padding: 10px 15px;}
#introtext button.modal-open {background: #d99501;}
#introtext button.modal-open {font-size: 1.2em; line-height: 1.0em; }
body#home #introtext {width: 80%;margin: 0px auto 0 auto;padding: 2% 3%;max-width: 80%;background: #FFF;}


.subtitle {font-family: "Josefin Sans", Trebuchet, Helvetica, Arial, sans-serif;color: #222;margin: 20px 0;padding: 0px;font-size: 1.4em;font-weight: bold;}

#photocluster { margin: 20px auto; }

#photocluster .content .cluster .clustimg .clusttext {font-family: "Josefin Sans", "SourceSans", Trebuchet, Helvetica, Arial, sans-serif; text-shadow: #222 5;}

.biography {margin: 30px auto;}
.biography>.content>.words>.multibuttons .linktitle { position: relative; margin: 5px; padding: 0px 15px; width: auto; background: #d99501; display: inline-block; line-height: 25px;}
.biography>.content>.words>.padding>h2 {font-weight: bold; text-transform: none; letter-spacing: 0px; font-size: 1.5em; padding: 0; margin: 0; line-height: 1em;}

.callout .content .words .multibuttons ul li .multitext .linktitle {background: #d99501;}

.expandbars {display: block;width: 65%;max-width: 960px;margin: 10px auto 10px auto;padding: 5px 15px 0px 15px;border-top: 1px solid #CCC;border-bottom: none;background-color: #FFF;}
.expandbars .ctabutton button.modal-open {line-height: 1.8em;}

.facultycols { position: relative; display: block; width: 90%; max-width: 1000px; overflow: visible; margin: 0 auto; padding: 0; }
.facultycols .faccolbox {position: relative; float: left; width: 13%; height: 230px; margin: 0 0.5% 0 0.5%; padding: 0; }
.facultycols .faccolbox .imgshell {position: relative; display: block; width: 100%; height: auto; max-height: 120px; overflow: hidden; margin: 0; padding: 0; }
.facultycols .faccolbox imgshell img {position: relative; display: block; width: 100%; height: auto; margin: 0; padding: 0; }
.facultycols .faccolbox h2 {font-size: 1.1em; }

.fourcol>.content>.words>.multibuttons>ul { position: relative; margin: 0 auto; }
.fourcol>.content>.words>.multibuttons>ul>li { position: relative; width: 21%; display:table-cell; float: left; margin: 0; padding: 1%;text-align: left; min-height: 100px; color: #222; border-right: 1px solid #222;}
.fourcol .cms-subtitle3 { font-family: "Josefin Sans", Trebuchet, Helvetica, Arial, sans-serif; color: #d99501; font-size: 1.0em; text-transform: uppercase;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-family: "Josefin Sans", Trebuchet, Helvetica, Arial, sans-serif; font-size: 1.2em; text-align: left; color:#222;font-weight:900; margin: 10px auto 5px auto;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration:none; color: #222;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{text-decoration:underline;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext button.modal-open {color: #FFF; text-decoration: none; font-weight: 800; }
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>div>ul { position: relative; text-align: left; width: 90%; margin: 0 auto; }
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>div>ul>li { text-align: left; margin: 0 0 10px 0; }
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton>button.modal-open { margin: 0; padding: 0; line-height: 1.1em; }
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>.ctabutton {display:inline-block;margin-top: 20px;}
.fourcol .content .words .multibuttons .cms-button {margin: 15px auto;line-height: 1em; font-size: 1.0em;}

body#home .highlight>.content>.words>.padding>iframe  {height:350px !important;}
body#home .highlight>.content>.words>.padding p iframe {height:350px !important;}

.threecol { margin-bottom: 50px; }
.threecol>.content>.words>.multibuttons>ul>li>.multitext>div>ul>li { text-align: left; margin: 0 0 10px 0; }
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-family: "Josefin Sans", Trebuchet, Helvetica, Arial, sans-serif; font-size: 1.2em; text-align: left; color:#222;font-weight:900; margin: 10px auto 5px auto;}
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration:none; color: #222;}
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{text-decoration:underline;}
.threecol>.content>.words>.multibuttons>ul>li>.multimgshell, .threecol>.content>.words>.multibuttons>ul>li>.multimgleft, .threecol>.content>.words>.multibuttons>ul>li>.multimgright, .threecol>.content>.words>.multibuttons>ul>li>.multimgcenter {position: relative;width: 93%;height: auto;display: block;overflow: hidden;margin: 2% 2% 5% 2%;}

.threecol>.content>.words>.multibuttons>ul>li {
    position: relative; width: 29%; display: table-cell; float: left; padding: 2%; margin: 0; text-align: left; min-height: 100px; background: #F6F6F6; color: #222; border-right: 1px solid #222; }

.text .content .words .padding .subtitle {font-family: "Josefin Sans", Trebuchet, Helvetica, Arial, sans-serif;color: #d99501;margin: 20px 0px;padding: 0px;font-size: 1.3em;font-weight: 800;}
.text .content .words .padding .ctabutton {display: inline-block; width: auto; height: auto; margin: 0px; padding: 0px; background: #d99501; border: none; }
.text .content .words .padding .ctabutton a {font-size: 1.0em; display: block; width: auto; height: auto; margin: 0px; padding: 10px 12px; background: #d99501; border: 2px solid #F6F6F6; border-radius: 0; color: #222; font-family: "Josefin Sans", Helvetica, Arial, sans-serif; white-space: nowrap; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 800;}
.text .content .words .padding .ctabutton a:hover {font-size: 1.0em; display: block; width: auto; height: auto; margin: 0px; padding: 10px 12px; background: #d99501; border: 2px solid #d99501; border-radius: 0; color: #222; font-family: "Josefin Sans", Helvetica, Arial, sans-serif; white-space: nowrap; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 800;}


.twocol > .content > .words > .padding > h2 {font-size: 1.1em;}
.twocol > .content > .words > .multibuttons > ul > li > .multitext .linktitle { font-family: "Josefin Sans", "SourceSans", Trebuchet, Helvetica, Arial, sans-serif; font-size: 1.2em; text-align: left; color: #222; font-weight: 900; margin: 0px 0px 10px 0px; padding: 0; text-transform: uppercase; }


/* start Flex Events styles */
.events { position: relative; width:80%; margin: 20px auto 50px auto; padding: 0; }
.events ul.hpevents { position: relative; width: 100%; background: #FFF; display: flex; flex-flow: row; margin: 0 auto; padding: 0; height: auto; border-left: 1px solid #222;}
.events ul.hpevents li { position: relative; list-style: none; display: flex !important; flex-grow: 1; flex-basis: 0; border-right: 1px solid #222; border-left: none; border-top: none; border-bottom: none; padding: 2%; vertical-align: top; word-wrap: break-word;}
.events ul.hpevents li .eventtext .eventdate {position: relative; display: block; float: none; padding: 0; margin: 0; font-size: 1.1em; color: #222; font-weight: 800; }
.events ul.hpevents li .eventtext .eventtype {position: relative; display: block; float: none; padding: 0; margin: 00; font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; color: #b81b21;}
.events ul.hpevents li .eventtext { float: left; display: inline; font-size: 0.9em; padding: 10px; }
.events ul.hpevents li .eventtext .eventlink {font-size: 1.3em; font-weight: 800;}
.events .ctabutton { float: right;}
.events ul.hpevents li .eventpic { position: relative; width: 25%; height: 150px; float: left; overflow: hidden; margin-right: 1%;}
.events ul.hpevents li .eventpic img { width: auto;height:100%;}

.events ul.hpevents li .eventtext button.modal-open {display: block; font-family: "Josefin Sans", "SourceSans", Trebuchet, Helvetica, Arial, sans-serif; color: #222; white-space: normal; text-align: left; line-height: 1.3em; font-size: 1.8em; text-transform: none; letter-spacing: 0px; font-weight: 800; margin: 8px 0; }

.events ul.hpevents li .eventtext .eventtitle {display: block; font-family: "Josefin Sans", "SourceSans", Trebuchet, Helvetica, Arial, sans-serif; color: #222; white-space: normal; text-align: left; line-height: 1.3em; font-size: 1.8em; text-transform: none; letter-spacing: 0px; font-weight: 800; margin: 8px 0; }
.events ul.hpevents li .eventtext .eventtitle a {color: #222; text-decoration: none;}

body#home .section {margin-top: 0; }

footer .content #footercontact .imgshell {display: inline; float: left; width: 200px !important;height: auto !important;margin: 0 10px 0 0;padding: 0;}
footer .imgshell {display: inline; float: left; width: 200px !important;height: auto !important;margin: 0 10px 0 0;padding: 0;}
footer .content #footercontact .imgshell img {width: 100% !important;width: auto !important;}
footer .content #footercontent {position: relative;width: 40% !important;display: table-cell;margin: 30px 0 0 0;padding: 0 20px;}
footer .footercol {position: relative;float: left;width: auto;max-width: 90%;margin: 0px 30px 0px 0px;padding: 0px 0px 20px 30px;/* border-left: 1px solid #CCC; */}

/* footer styles */
.footer { font-size: .9em; color: #FFF; line-height: 20px; }
footer { position: relative; width: 100%; height: auto; min-height: 280px; margin: 0px; padding: 0; background-color: #222; display: block; }
footer ul {margin: 0px; padding: 0px; list-style:none;}
footer .imgshell img { height: 35px; width: auto; margin: 0px; }
footer .content { position: relative; width: 90%; max-width: 1200px; padding: 20px 0px; margin: 0 auto; background-color: #222; display:table; height: auto;}
footer .content a:link, footer .content a:visited { color: #FFF; text-decoration:none;}
footer .content a:hover, footer .content a:active { color:#FF5C5C; text-decoration:underline;}

footer .footerlogo {position: relative; display:block; float:left; width: 12%; margin: 0 20px 0 0; }
footer .footerlogo .footerlogoimg { display: block; margin: 0; height: auto; width: 100%;}
footer .footerlogo .footerlogoimg img { height: auto; width: 100%;}

/*footer .content #footercontact { position: relative; float: left; width: 40%; margin: 0; display:none; }
footer .content #footercontact .imgshell { display:inline; float: left; height: 100px; width: auto !important; margin: 0px; padding: 0; border: 1px solid blue;}
footer .content #footercontact .subtitle { display:block; float:none; color: #FFF; font-size: 1.6em; font-weight: 100; margin: 0 0 10px 0; padding: 0; clear: both;}*/

footer .content #footercontent { position: relative; float: left; width: 70% !important; display: table-cell; margin: 0px 0 0 0;padding: 0 0px; }
footer .content #footercontent .imgshell { height: 100px !important; width: auto !important; margin: 0px; padding: 0; border: 1px solid green;}
footer .content #footercontent .subtitle { color: #FFF; font-size: 0.9em; text-transform: uppercase; letter-spacing: 2px; display: none;}
footer .content #footercontent ul { display: block;}
footer .content #footercontent .ctabutton { margin: 15px 0 0 0; }

footer .content #footercontent .footercol .ctabutton a:hover, footer .footercol .ctabutton a:active { color:#FFF; text-decoration:underline;}
footer .content #footercontent .footercol { position: relative; float:left; width: auto; max-width: 50%; margin: 0px 30px 0px 0px; padding: 0px 0px 20px 30px; border-left: 1px solid #CCC; }
footer .content #footercontent .footercol.first { padding: 0px 0px 0px 15px; border-left: none;}
footer .content #footercontent .footercol #imgfooter img { position: relative; width: 100%; }
footer .content #footercontent .footercol #imgfooter a { position: relative; width: 100%; height: 100%; }
footer .content #footercontent .footercol img { position: relative; width: 100%; }

footer .footericonbox {position: relative; display:block; float:right; width: 10%;margin: 0px 0 0 0; }
footer .footericonbox .footericons { float: left; display: inline; margin: 0 10px 0 0; height: auto; width: auto;}
footer .footericonbox .footericons img { height: 25px; width: auto;}



/* Mobile(Responsive) */

@media only screen and (min-width: 1001px)  {


}

@media only screen and (min-width: 1001px) and (max-width: 1210px) {


}

@media only screen and (min-width: 901px) and (max-width: 1000px) {


}

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

@media only screen and (max-width: 1000px) {

header > nav .logo { position: absolute; top: 0; left: 0 !important; display: block; box-sizing: border-box; list-style: none; margin: 0; padding: 0; width: 80px; height: 80px; float: left; color: #222222 !important; z-index: 1002; }
header > nav .logo a { position: relative; display: block; font-size: 0px; width: 80px; height: 80px !important; margin: 0; padding: 0 !important; text-indent: -9999px; color: #222222 !important; text-decoration: none; outline: none; z-index: inherit; background-image: url(https://iwt.bard.edu/images/iwt-logo.png) !important; background-size: 80px auto !important; background-repeat: no-repeat !important; background-position: left top !important; }
header > nav .logo a img { position: relative; width: 100%; height: auto !important; }

main { top: 70px; }

#introshell .image .introbox {left: 15%;width: 85%;}
#introshell .image .introbox .subtitle {font-size: 1em;line-height: 1.3em;}
#introshell { margin: 0 auto 0 auto !important; }
#introshell #title {margin: 0;min-height: 50px;}
#introshell .introtype {margin: 40px auto 0 auto;padding: 0;}

.events ul.hpevents { display: block !important; flex-flow: initial; }
.events ul.hpevents li { display: block !important; border: none !important; }
.events ul.hpevents li .date, 
.events ul.hpevents li .day,
.events ul.hpevents li .eventtext { float: none;}

.facultycols .faccolbox {position: relative; float: left; width: 24%; height: 250px; margin: 0 0.5% 0 0.5%; padding: 0; }
.facultycols .faccolbox .imgshell {position: relative; display: block; width: 100%; height: auto; max-height: 180px; overflow: hidden; margin: 0; padding: 0; }

.fourcol>.content>.words>.multibuttons {width: 90%;margin: 0px auto;}
.fourcol>.content>.words>.multibuttons>ul>li {position: relative;width: 47%;display: inline;float: left;margin: 0;padding: 1%;text-align: left;min-height: 100px;color: #222;border-right: none;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext {position: relative; width: 90%; height: auto; margin: 1%; display: block; float: none; line-height: 1.5em; text-align: left !important; }
	

#photocluster { padding: 1em 0px 1% 2%; }


}

/* -------------------------------------------- MOBILE ONLY  STYLES ------------------------------------ */
@media screen and (max-width: 664px) {
	
header > nav .logo { position: absolute; top: 0; left: 0 !important; display: block; box-sizing: border-box; list-style: none; margin: 0; padding: 0; width: 75px; height: 85px; float: left; color: #222222 !important; z-index: 1002; }
header > nav .logo a { position: relative; display: block; font-size: 0px; width: 75px; height: 85px !important; margin: 0; padding: 0 !important; text-indent: -9999px; color: #222222 !important; text-decoration: none; outline: none; z-index: inherit; background-image: url(https://iwt.bard.edu/images/iwt-logo.png) !important; background-size: 75px auto !important; background-repeat: no-repeat !important; background-position: left top !important; }
header > nav .logo a img { position: relative; width: 100%; height: auto !important; }

main {top:85px;}

.subtitle {margin: 20px;}

.facultycols .faccolbox {position: relative; float: left; width: 49%; height: 300px; margin: 0 0.5% 0 0.5%; padding: 0; }
.facultycols .faccolbox .imgshell {position: relative; display: block; width: 100%; height: auto; max-height: 200px; overflow: hidden; margin: 0; padding: 0; }

.events ul.hpevents li { position: relative; list-style: none; display: block !important; flex-grow: 1; flex-basis: 0; border-right: none; border-left: none; border-top: none; border-bottom: none; padding: 2%; vertical-align: top; word-wrap: break-word; width: 96% !important;}

#introshell {position: relative; width: 100%; height: auto; min-height: 0px; overflow: hidden; z-index: 900; margin: 0px auto 0 auto !important; padding: 0; border-bottom: none;}
#introshell .image .introbox {left: 0%; bottom: 3%; width: 100%;}
#introshell .image .introbox h1 {font-size: 2em; margin: 10px;}
.intro {width: 90%;}
#introshell .image .introbox h1 {}
#introshell .image {margin: 0;}
#introshell .image img {max-height: 600px;}
#introshell .image .introbox .subtitle {padding: 0;}
	
#introtext {width: 90%;max-width: 90%;}

.fourcol>.content>.words>.multibuttons {width: 90%;margin: 0px auto;}
.fourcol>.content>.words>.multibuttons>ul>li {position: relative;width: 98%;display: block;float: none;margin: 0;padding: 1%;text-align: left;min-height: 100px;color: #222;border-right: none;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext {position: relative; width: 90%; height: auto; margin: 1%; display: block; float: none; line-height: 1.5em; text-align: left !important; }
.fourcol>.content>.words>.multibuttons {width: 90%;margin: 0px auto;}
.fourcol>.content>.words>.padding>h2 {letter-spacing: 2px;font-size: 1.2em;padding: 0 10px;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext {width: 95%;margin: 2.5%;}

.highlight {padding: 20px 0 20px 0;}
.highlight>.content>.words {min-height: 400px;}
.highlight .content .embshell {z-index: 99998;}
.highlight .content .embshell iframe {z-index: 99999;}

.threecol>.content>.words>.multibuttons>ul>li {width: 100%;display: block;float: none;padding: 0%;}

#photocluster {position: relative;width: 86%;height: auto !important;display: block;margin: 0 auto;padding: 3%;}

.callout {width: 90%;margin: 20px auto;}
.callout .content .words .subtitle {font-size: 1.2em; line-height: 1.2em;}

footer .content #footercontent .footercol {position: relative; float: none; width: auto; max-width: 90%; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; border-left: none;}

footer .content #footercontent .footercol.first {padding: 0px 0px 0px 0px;border-left: none;}
footer .footerlogo {width: 15%;margin: 0 20px 0 0;}
footer .footericonbox {position: relative; display: block; float: none; width: 100%; margin: 0px 0 0 0;}
}