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



/* ----------- Helper Classes ---------- */
.hideForMobile, .hideForTablet { display: none; }

/* ---------------------------- GLOBAL STYLES ------------------------ */

html { }
body { margin: 0px; padding: 0px; font-family: "Source Sans Pro", "SourceSans", Helvetica, sans-serif; font-size: 16px; line-height: 24px; color: #222;  }
body a:link, a:visited { color:#ad1a1f; text-decoration: none; }
body a:hover, a:active { color:#cc0000; text-decoration: underline; }

h1 { font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-weight: 700; color:#5d5d5d; margin: 10px 0px 10px 0px; padding: 0px; display: block; font-size: 2.8em; line-height: 38px; }
h1.pagetitle { font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; font-weight: 700; color: #222; font-size: 2.8em; line-height: 40px; margin: 50px 0px 10px 0px; z-index: 2000; }
h1.pagetitle a:link, h2.pagetitle a:visited { color:#ad1a1f;text-decoration: none; }
h1.pagetitle a:hover, h2.pagetitle a:active { color:#ad1a1f;text-decoration: underline; }
h2 { font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; color:#ad1a1f; margin: 20px 0px 5px 0px; display: block; font-size: 1.75em; font-weight: 900; line-height: 1em;}

p { font-size: 1em; line-height: 24px; display: block; }
strong { font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; font-weight: 800; font-weight: bolder; }

/* reset styles */
.bardtype { font-family: "Source Sans Pro", "SourceSans",  Helvetica, sans-serif; font-size: 0.9em; color:#000; }
.bardtype a:link, a:visited { color:#ad1a1f; text-decoration: underline; }
.bardtype a:hover, a:active { color:#cc0000; text-decoration: underline; }
.clearout { clear: both; line-height: 1px; }

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 { position: relative; display: block; font-size: .8em; line-height: 1.5em; color: #222; margin: 20px auto; width: 80%; text-align: center; clear: both; font-style: italic; }
.intro { font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif;font-size: 1em; line-height: 2em; color: #666; font-weight: 500; 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; text-align: center; }
.expandblock { position: relative; width: auto; }
.expandblock ul li { margin: 0px; padding: 0px;}
.hrule { width: 90%; border-top: 1px solid #666; padding: 0; margin: 10px auto; }
.hidden {display:none;}
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.red { color: #ad1a1f; display: inline; font-size: inherit; line-height: inherit; padding: inherit; margin: inherit; }
.subtitle { font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif;color:#ad1a1f; margin: 10px 0px 5px 0px; padding: 0px; font-size: 1.4em; font-weight: bold; }
.footnote { position: relative; display:block; width:85%; margin: 10px auto; padding: 10px 0; font-size: 0.8em; font-style: italic; color: #666; border-top: 1px solid #222; }

/* styles for skip to main content */
.skip { display: block; padding: 5px 25px 5px 25px; position: absolute; top: -100px; left: 0px; color: #FFFFFF; border: 1px solid #DDD; background: #a11a1f; -webkit-transition: top 1s ease-out; transition: top 1s ease-out; z-index: 1000;}
.skip:focus { position: absolute; left: 0px; top: 0px; width: auto; height: auto; outline: 0; -webkit-transition: top .1s ease-in; transition: top .1s ease-in;}
a.skip, a.skip:link, a.skip:visited, a.skip:active, a.skip:hover { color: #FFFFFF; text-decoration: none; outline: 0;}


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

/* base image floats */
.imgleft {float:left; width:50%;}
.imgright {float:right;width:50%;}
.imgcenter {float:none;width:100%;margin: 0px auto;}
.imagefull {display:block;width: 100%;}
.imgprofile {float:left; width:25%;margin: 0 15px 15px 0;}
.imgprofile img {width: 100%; height: auto !important;}

/* generic tables */
.table {position:relative;display:table;width:90%;margin:5px auto;}
.table>.td {position:relative;display:table-cell;text-align:left;padding-left:2%; }

/* ------- classes for main structure ------ */ 

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

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

/* ------- Header Changes for Emergency Ribbon at Top ------- */
	/*header.fixed {position: fixed; width: 100%; top: 34px; z-index: 9900;}*/
	.emergencies {position:fixed; top: 0px; left: 0; width: 100%; margin: 0; padding: 0px; z-index:2000; height: 35px;}
	.emergencies .emerbutton {position:relative; width: auto; margin: 0 auto; padding: 5px 15px; background: #ad1a1f; font-size: 0.9em; text-align: center;}
	.emergencies .emerbutton a:link, .emergencies a:visited { color: #FFF;text-transform:uppercase; text-decoration: none;}
	.emergencies .emerbutton a:active, .emergencies a:hover { color: #FFF;text-transform:uppercase; text-decoration: underline;}

/* -------------- main structure styles -------------- */
main { position:relative; width: 100%; top: 20px; margin: 0px auto 0px auto; padding: 0px; overflow:hidden; display: block; }
main #maintext { position:relative; display:block; width: 100%; background: #FFF; margin: 0px auto; padding: 20px 0px 20px 0px; top: 0px; }	
main>#maintext>.content { position: relative; padding: 0px; width:100%; display: block;  }

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




/* cta button styles */
.ctabutton { display: inline-block; width: auto; height: auto; margin: 0px ; padding: 10px; background: #ad1a1f; border: none; border-radius: 0; color: #FFF; font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; white-space: nowrap; font-size:.75em; line-height: .5em; text-transform:uppercase; letter-spacing: 1px; 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; }

/* cta modal button styles */
.ctabutton>button { display: inline-block; width: auto; height: auto; margin: 0px ; padding: 0px; background: #ad1a1f; border: none; border-radius: 0; color: #FFF; font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; white-space: nowrap; font-size:1em; line-height: 0.5em; text-transform:uppercase; letter-spacing: 1px; font-weight: 800; }
.ctabutton>button>i.fas {display: inline; font-size: 0.8em; line-height: 0.5em; color: #FFF; margin: 0 5px; padding: 0; border-radius:0;}

/* start Callout/Quote styles */
.callout {position:relative; display:block;width:70%; text-align:center;margin: 30px auto 50px auto; max-width: 800px; /*border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;*/}
.callout h2 {font-size: 1em; font-weight: 900; color:#222; text-transform: uppercase; letter-spacing: 3px; padding: 0 0 20px 0; border-bottom: 1px solid #222; margin: 0 0 20px 0;  }
.callout p { line-height: 36px; margin: 0 0 10px 0; }


/* classes for 2018 in alpha order*/



/* start Biography styles */
.biography { position: relative; width: 100%; height: auto; margin: 30px auto; padding: 0px; display: block;}
.biography .content { max-width:1100px; margin: 0px auto;}
.biography>.content>.imgleft { position: relative; display:inline; float: left; width: 30%; height: auto !important; overflow: hidden; margin: 0px 30px 0px 0px; }
.biography>.content>.imgshell { position: relative; display:inline; float: left; width: 30%; height: auto !important; overflow: hidden; margin: 0px 30px 0px 0px; z-index: 500;}
.biography>.content>.imgleft img, .biography>.content>.imgshell img { width: 100%; height: auto; margin: 0px 30px 0px 0px;}
.biography>.content>.imgright { position: relative; display:inline; float: right; width: 30%; height: auto !important; overflow: hidden; margin: 0px 0px 0px 30px;  }
.biography>.content>.imgright img { width: 100%; height: auto; margin: 0px 0px 0px 10px;}
.biography>.content>.imgcenter { position: relative; display:inline; float: left; width: 30%; overflow: hidden; margin: 0px auto;  }
.biography>.content>.imgcenter img { width: 100%; height: auto; margin: 0px 0px 0px 0px;}
.biography>.content>.words { position: relative; display: inline; width: 100%; padding: 0; margin: 0px; line-height: 30px; vertical-align: top; text-align: left; background: #f6f6f6; z-index: 499;}
.biography>.content>.words>.padding { margin: 0 5%; width: 90%; padding: 0; z-index: 499; }
.biography>.content>.words>.padding>h2 { font-weight: bold; text-transform: uppercase; letter-spacing: 2px; font-size: 1.2em; padding:0; margin:0; line-height:1em;}
.biography>.content>.words>.padding>.subtitle { color: #222; font-size: 1.15em; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #999; z-index: 499;}
.biography>.content>.words>.multibuttons { margin: 0 20%; padding: 1%; background: #CCC;}
.biography>.content>.words>.multibuttons>ul { margin: 0 30px; padding: 0; }
.biography>.content>.words>.multibuttons>ul>li { margin: 0; padding: 2px; float:none;}
.biography>.content>.words>.multibuttons>ul>li>.multimgshell {width:10%;margin:0;padding:0;}
.biography>.content>.words>.multibuttons>ul>li>.multitext {width:80%;margin:0;padding:0;}
.biography>.content>.words>.multibuttons>ul>li>.multimgshell>img { height:25px;width:auto; }
.biography>.content>.words p { line-height: 32px;}
.biography>.content>.words { padding: 0px; margin: 0px; }
.biography>.content>.words>.padding>.ctabutton>button.modal-open { font-size: 0.9em; font-weight: 600; line-height: 1em; margin: 0px; padding: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: auto; color: #FFFFFF; float: none;}
.biography>.content>.words>.padding>.ctabutton>button.modal-open>a:hover, .text>.content>.words>.padding>.ctabutton>button.modal-open>a:active { text-decoration: underline; }
.biography .content .embedshell { position: relative; display:inline; float: left; width: 25%; min-width: 0%; height: auto; overflow: hidden; margin: 10px 30px 0px 0px;  }
.biography .content .embedshell iframe { width: auto; height: auto; }
.biography .textlinks { display: block; max-width: 100%; float: left;min-width: 0%; min-height: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; }
.biography .textlinks .content { width: 100%; min-height: 100px;  padding: 0px; margin: 0px 0px 0px 10px; border-right: 1px solid #CCC; }
.biography .textlinks ul { margin: 0px 0px 0px 20px; }
.biography.expandblock { min-height: 0px;  }
.biography .content .imgright .ctabutton { position: absolute; bottom: 10px; right: 10px; }


/* start Events styles */
.events { position: relative; width:80%; margin: 50px auto; padding: 0; }
.events ul.hpevents { position: relative; width: 100%; background: #FFF; display: table; margin: 0 auto; padding: 0; height: auto; }
.events ul.hpevents li { position: relative; list-style: none; display: table-cell; border: 1px solid #222; padding: 10px;}
.events ul.hpevents li .date {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #222; font-weight: 800; }
.events ul.hpevents li .day {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; color:#757575; }
.events ul.hpevents li .eventtext { float: left; display: inline; font-size: 0.8em; padding: 20px;  }
.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%;}


/* expand bars new 2/1 */
.expandbars { display: block; width: 65%; margin: 25px auto; padding: 15px 15px 5px 15px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #FFF; }
.expandbars .ctabutton>button>i.fas {display: inline; font-size: 1.0em; line-height: 0.5em; color: #222; margin: 0 5px; padding: 0; border-radius:0;}
.expandbars .ctabutton>button>i.fas>a:link,
.expandbars .ctabutton>button>i.fas>a:visited,
.expandbars .ctabutton>button>i.fas>a:active,
.expandbars .ctabutton>button>i.fas>a:hover {color: #222;}
.expandbars .ctabutton {font-size: 1.0em; color: #222; background: #FFF; text-transform: none; letter-spacing:0px; }
.expandbars button.modal-open { font-size: 1.2em; font-weight: 900; line-height: 1em; margin: 0px; padding: 0; text-align: left; display: inline; float:left; width: auto; color:#222; text-transform: none; letter-spacing:0px;}
.expandbars .imgshell {  position: relative; float: left; width: 25%; height: auto; margin: 0px; padding: 0px 10px 0px 0px; overflow: hidden; }
.expandbars .imgshell img { width: 100%; height: auto; }
.expandbars h2 {display: none;}
/*.expandbars button.modal-open a:link, .expandbars button.modal-open a:visited {color: #ad1a1f; text-decoration: none; }
.expandbars button.modal-open a:hover, .expandbars button.modal-open a:active {color: #49453c; text-decoration: underline; }*/


/* start FAQs styles */
.faqs { position: relative; display: block; width: 100%; height: auto; margin: 50px auto; padding: 50px 0px; background: #f6f6f6; }
.faqs>.content { position: relative; display: block; width: 100%; max-width: 1000px; height: auto; margin: 0px auto; padding: 0px;  }
.faqs>.content>.words { position: relative; display: block; width: 100%; height: auto; margin: 0px auto; padding: 0px;  }

.faqs>.content>.words>.multibuttons>ul { margin: 0; padding: 0; max-width: 1000px;}
.faqs>.content>.words>.multibuttons>ul>li { list-style: none; width: 100%; margin: 15px 0 0 0; padding: 15px 0 0 20px; border-top: 1px solid #999; background: #f6f6f6;}
.faqs>.content>.words>.multibuttons>ul>li>.multitext .ctabutton { background: #f6f6f6;font-size: 1.0em; color: #222; text-transform: none; letter-spacing:0px;}
.faqs>.content>.words>.multibuttons>ul>li>.multitext .ctabutton a:link { color: #222;}
.faqs>.content>.words>.multibuttons>ul>li>.multitext .ctabutton a:link { color: #222;}
.faqs button.modal-open { font-size: 1.2em; font-weight: 900; line-height: 1em; margin: 0px; padding: 0; text-align: left; display: inline; float:left; width: auto; color:#222; text-transform: none; letter-spacing:0px;}
.faqs>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { display:none; }
.faqs .linktitle { display:none; }



/* start Highlight Cluster styles*/
.highcluster { position:relative; display:block; width:100%; height: auto !important; overflow: visible; margin: 20px auto 50px auto; padding: 0px; align-content: center;max-width: 1100px; }
.highcluster>.content { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0 auto; padding: 0;}

.highcluster>.content>.imgshell { width: 50%; margin: 0 auto; float: left; }
.highcluster>.content>.imgleft { width: 50%; margin: 0 auto; float: left;}
.highcluster>.content>.imgfull { width: 50%; margin: 0 auto; float: left;}
.highcluster>.content>.imgcenter { width: 50%; margin: 0 auto; float: left;}
.highcluster>.content>.imgleft img, .highcluster>.content>.imgshell img, 
.highcluster>.content>.imgcenter img,.highcluster>.content .imgfull img { width: 100%; margin: 0 auto; }
.highcluster>.content>.imgright { position: relative; display:block; float: none; width: 50%; overflow: hidden; margin: 0 0 0 10px;  }
.highcluster>.content>.imgright img { width: 100%; height: auto; margin: 0px;}

.highcluster>.content>.words { position: absolute; top: 0px; display:block; float: none; width: 100%; height: auto !important; min-height: 365px; overflow: visible; margin: 0; padding: 0; }
.highcluster>.content>.words>.padding { position: absolute; bottom: 10px; text-align: left; width: 40%; margin: 1%; padding: 1%; display: inline-block; color: #FFF; z-index: 1001; background:url(https://www.bard.edu/images/tints/80black.png) repeat; }
.highcluster>.content>.words>.padding p { margin: 0; padding: 0; }
.highcluster>.content>.words>.padding>.ctabutton { display: inline; float: left; width: auto; margin: 0; padding: 10px 5px;font-size: 0.6em; line-height: 0.3em; background: #ededed; }
.highcluster>.content>.words>.padding>.ctabutton>a:link, .highcluster>.content>.words>.padding>.ctabutton>a:visited { color: #ad1a1f; text-decoration: none;}
.highcluster>.content>.words>.padding>.ctabutton>a:hover { color: #ad1a1f; text-decoration: underline;}

.highcluster>.content>.words>.padding>ul { position: relative; text-align: left; width: 80%; margin: 0 auto; }
.highcluster>.content>.words>.padding>ul>li { text-align: left; }
.highcluster>.content>.words>.padding>h2 { color: #FFF; margin: 0; }
	
.highcluster>.content>.words>.multibuttons { position: absolute; top: 0; right: 0; width: 50%; float: right;margin: 0;  }
.highcluster>.content>.words>.multibuttons>ul { position: relative; text-align: left; width: 96%; margin: 0 auto; }
.highcluster>.content>.words>.multibuttons>ul>li { min-height: 85px; display: block; list-style: none; position: relative; color: #333; text-align: left; width: auto !important; padding: 5px 0; margin: 0 0 25px 0; font-size: 0.9em; overflow: visible; clear:both; }
.highcluster>.content>.words>.multibuttons>li a:link, .highcluster>.content>.words>.multibuttons>li a:visited { color:#ad1a1f; text-decoration: none; background: none; }

.highcluster>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 60%; margin: 0 auto;float: left; display: inline; } 
.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {position: relative; float: none; display: block; background: none; font-size: 1.3em; text-align: left; color:#ad1a1f;font-weight:900; margin: 0;}
.highcluster>.content>.words>.multibuttons>ul>li>.multitext>p { margin: 0; padding: 0;} 
.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited  {color: #ad1a1f; text-decoration: none;}
.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover {color: #ad1a1f; text-decoration: underline; font-weight: 800; background: #ededed;}

.highcluster>.content .words>.multibuttons>li>.multitext>.textmulti { }

.highcluster>.content>.words>.padding>.ctabutton>button.modal-open { font-size: 0.8em; line-height: 1em; margin: 0px; padding: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: auto; color: #ad1a1f; float: none;}

.highcluster>.content>.words>.multibuttons>ul>li>.multimgshell { position: relative; width: 30%; margin: 0 auto;float: left; display: inline; }
.highcluster>.content>.words>.multibuttons>ul>li>.multimgshell img{ width: 90%; margin: 0 auto;float: left; display: inline;  }


/* start Highlight Facts styles*/
.highfacts { position:relative; display:block; width:100%; height: auto !important; overflow: visible; margin: 20px auto 50px auto; padding: 0px; align-content: center;max-width: 1100px; }
.highfacts>.content { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0 auto; padding: 0;}

.highfacts>.content>.imgshell { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0; overflow: hidden;  }
.highfacts>.content>.imgleft { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0; overflow: hidden;  }
.highfacts .content>.imgcenter { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0; overflow: hidden;  }
.highfacts .content .imgfull { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0;overflow: hidden;  }
.highfacts>.content>.imgright { position: relative; width: 50%; float: left; display: inline; margin: 0 0 1% 1%; padding: 0; overflow: hidden; }
.highfacts .content .imgshell img,
.highfacts .content .imgleft img,
.highfacts .content .imgcenter img,
.highfacts .content .imgfull img,
.highfacts .content .imgright img { width: 100%; height: auto !important; padding: 0; marging: 0; }

.highfacts>.content>.words { position: absolute; top: 0px; display:block; float: none; width: 100%; height: auto !important; min-height: 365px; overflow: visible; margin: 0; padding: 0; }
.highfacts>.content>.words>.padding { position: absolute; bottom: 5px; text-align: left; width: 40%; margin: 1%; padding: 1%; display: inline-block; color: #FFF; z-index: 1001; background:url(https://www.bard.edu/images/tints/80black.png) repeat; }
.highfacts>.content>.words>.padding p { margin: 0; padding: 0; }
.highfacts>.content>.words>.padding>.ctabutton { display: inline; float: left; width: auto; margin: 10px 0 0 0; padding: 10px;font-size: 0.8em; line-height: 0.3em; background: #ededed; }
.highfacts>.content>.words>.padding>.ctabutton>a:link, .highfacts>.content>.words>.padding>.ctabutton>a:visited { color: #ad1a1f; text-decoration: none;}
.highfacts>.content>.words>.padding>.ctabutton>a:hover { color: #ad1a1f; text-decoration: underline;}

.highfacts>.content>.words>.padding>ul { position: relative; text-align: left; width: 80%; margin: 0 auto; }
.highfacts>.content>.words>.padding>ul>li { text-align: left; }
.highfacts>.content>.words>.padding>h2 { color: #FFF; margin: 0; }
	
.highfacts>.content>.words>.multibuttons { position: absolute; top: 0; right: 0; width: 50%; float: right;margin: 0;  }
.highfacts>.content>.words>.multibuttons>ul { position: relative; text-align: left; width: 96%; margin: 0 auto; }
.highfacts>.content>.words>.multibuttons>ul>li { min-height: 85px; display: block; list-style: none; position: relative; color: #333; text-align: left; width: auto !important; padding: 5px 0; margin: 0 0 25px 0; font-size: 0.9em; overflow: visible; clear:both; }
.highfacts>.content>.words>.multibuttons>li a:link, .highfacts>.content>.words>.multibuttons>li a:visited { color:#ad1a1f; text-decoration: none; background: none; }

.highfacts>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 60%; margin: 0 auto;float: left; display: inline; } 
.highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {position: relative; float: none; display: block; background: none; font-size: 1.3em; text-align: left; color:#ad1a1f;font-weight:900; margin: 0;}
.highfacts>.content>.words>.multibuttons>ul>li>.multitext>p { margin: 0; padding: 0;} 
.highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,.highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited  {color: #ad1a1f; text-decoration: none;}
.highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,.highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover {color: #ad1a1f; text-decoration: underline; font-weight: 800; background: #ededed;}

.highfacts>.content .words>.multibuttons>li>.multitext>.textmulti { }

.highfacts>.content>.words>.padding>.ctabutton>button.modal-open { font-size: 0.8em; line-height: 1em; margin: 0px; padding: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: auto; color: #ad1a1f; float: none;}

.highfacts>.content>.words>.multibuttons>ul>li>.multimgshell { position: relative; width: 30%; margin: 0 auto;float: left; display: inline; }
.highfacts>.content>.words>.multibuttons>ul>li>.multimgshell img{ width: 90%; margin: 0 auto;float: left; display: inline;  }


.includenews { position: relative; width: 100%; max-width: 1000px; display: block;}
.includenews .newscol { width: 33%; margin: 0 2% 0 0; display: inline; float: left; }
.includenews .eventcol { width: 28%; margin: 0; padding: 1%; display: inline; float: left; border: 1px solid #222; }


/* start Section Header styles*/
.section { position:relative; display:block; width:70%; height: auto !important; overflow: visible; margin: 50px auto 0px auto; padding: 0px; align-content: center;max-width: 1100px; background:url(https://www.bard.edu/images/line.png) repeat-x; }
.section>.content { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0 auto; padding: 0; text-align: center; }
.section>.content h2 { position: relative; display: inline-block; text-align: center; height: 30px; width: auto !important; text-transform: uppercase; letter-spacing: 2px; font-size: 1.2em; line-height: 1em; padding: 5px 10px; margin: 0;background: #FFF; color: #333; }
.section>.content p { position: relative; width: 80%; background: #FFF; margin: 0px auto 10px auto; padding: 0; color: #999;}


/* start Spotlight/Profile styles */
.spotlight { position:relative; display:table; width:90%; max-width: 1200px; min-height: 300px; background:#222; padding: 5% 5%; margin: 50px auto; align-content: center; }
.spotlight>.content { width: 100%;  }

.spotlight>.content>.imgshell, .spotlight>.content>.imgleft { position: relative; float:left; display:table-cell; width:50%; margin-right: 3%;z-index:501;}
.spotlight>.content>.imgright { position: relative; float:right; width:50%; margin-left: 3%; }
.spotlight>.content>.imgcenter {float:none;width:100%;margin: 0px auto;}
.spotlight>.content>.imagefull {display:block;width: 100%; z-index: 500; position: absolute; top: 0; left: 0; overflow: hidden; }
.spotlight>.content>.imgleft img,.spotlight>.content>.imgshell img,.spotlight>.content>.imgright img,.spotlight>.content>.imagecenter img,.spotlight>.content>.imagefull img {width: 100%; height: auto; }
.spotlight>.content>.imgleft>iframe, spotlight>.content>.imgshell>iframe { position: relative; width:100%; max-width: 500px; height: auto !important; min-height: 320px; border: none; }
.spotlight .content .embcenter { position: relative; width: 80%; margin: 0 auto 0px auto; }
.spotlight .content .embcenter iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; }
.spotlight .content .embfull { width: 100%; margin: 0 auto; padding: 0; background: #222; }
.spotlight .content .embfull iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; }
.spotlight .content .embright { width: 60%; margin: 0; padding: 0; background: #FFF; float: right; display: inline; }
.spotlight .content .embright iframe { width: 100%; height: auto !important; min-height: 310px; padding: 0; margin: 0; }
.spotlight .content .embshell { width: 100%; height: auto !important; margin: 0 5% 0 0; padding: 0; background: #222; float: none; display: block; }
.spotlight .content .embshell iframe { width: 100%; height: auto !important; min-height: 280px; padding: 0; margin: 0; background: #222;}
.spotlight .content .embleft { width: 100%; height: auto !important; margin: 0; padding: 0; background: #FFF; float: none; display: block; }
.spotlight .content .embleft iframe { width: 100%; height: auto !important; min-height: 400px; padding: 0; margin: 0; }
.spotlight .caption { color: #FFFFFF; margin: 0; text-align: left;}
.spotlight .caption { color: #FFFFFF; margin: 0; text-align: left;}

.spotlight>.content>.words { position:relative; display:block; width:100%; height:auto; overflow: visible; margin: 0px auto; padding: 0%; text-align: center; color: #FFF; z-index: 501; }
.spotlight>.content>.words>.padding { width: 100%; height:auto; overflow: visible; margin: 0px; padding: 0%; text-align: center; color: #FFF; }
.spotlight>.content>.words>.padding>a:link {color: #FD0303;}
.spotlight>.content>.words>.padding>h2 {color:#FFF; text-transform: uppercase; letter-spacing: 2px; text-align: center;}
.spotlight>.content>.words>.padding>ul { width: 100%; height:auto; overflow: visible; margin: 0px; padding: 0%; text-align: center; color: #FFF;  }
.spotlight>.content>.words>.padding>.catbutton>a:link { color: #FFF;  }
.spotlight>.content>.words>.multibuttons{ width: 90%; }
.spotlight>.content>.words>.multibuttons>ul>li { list-style: none; width: 100%; height:auto; overflow: visible; margin: 0px; padding: 0%; text-align: center; color: #FFF;}
.spotlight>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { display: inline-block; width: auto; height: auto; margin: 0 0 10px 0; padding: 10px; background: #ad1a1f; border: none; border-radius: 0; color: #FFF; font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; white-space: nowrap; font-size:.75em; line-height: .5em; text-transform:uppercase; letter-spacing: 1px; font-weight: 800;}
.spotlight>.content>.words>.multibuttons>ul>li>.multitext>.linktitle a:link,
.spotlight>.content>.words>.multibuttons>ul>li>.multitext>.linktitle a:visited { color:#FFF; text-decoration: none;  }


/* start Text styles */
.text { position: relative; width: 100%; height: auto; margin: 30px auto 10px auto; padding: 0px; display: table;  }
.text>h2 { color: #222; font-weight: bold; font-size: 1.4em; padding:0; margin:0; line-height:1em;}
.text .content { max-width:1100px; margin: 0px auto;}
.text>.content>.imgleft, .text .content .imgshell { position: relative; display:table-cell; float: left; width: 48%; height: auto !important; overflow: hidden; margin: 0px 30px 0px 0px;  }
.text>.content>.imgleft img, .text .content .imgshell img { width: 100%; height: auto; margin: 0px 30px 0px 0px;}
.text>.content>.imgright { position: relative; display:table-cell; float: right; width: 48%; height: auto !important; overflow: hidden; margin: 0px 0px 0px 30px;  }
.text>.content>.imgright img { width: 100%; height: auto; margin: 0px 0px 0px 10px;}
.text>.content>.imgcenter { position: relative; display:inline; float: left; width: 70%; overflow: hidden; margin: 0px auto;  }
.text>.content>.imgcenter img { width: 100%; height: auto; margin: 0px 0px 0px 0px;}
.text>.content>.words { position: relative; display: table-cell; width: auto; min-width: 50%; max-width: 100%; padding: 0; margin: 0px; line-height: 30px; vertical-align: middle; }
.text>.content>.words>.padding { margin: 0 30px; padding: 0; }
.text>.content>.words>.multibuttons { margin: 0 30px; padding: 0; }
.text>.content>.words>.multibuttons>ul { margin: 0 30px; padding: 0; }
.text>.content>.words>.multibuttons>ul>li { margin: 0; padding: 2px; float:none;}
.text>.content>.words>.multibuttons>ul>li>.multimgshell {width:10%;margin:0;padding:0;}
.text>.content>.words>.multibuttons>ul>li>.multitext {width:80%;margin:0;padding:0;}
.text>.content>.words>.multibuttons>ul>li>.multimgshell>img { height:25px;width:auto; }
.text>.content>.words p { line-height: 32px;}
.text>.content>.words { padding: 0px; margin: 0px; }
.text>.content>.words>.padding>.ctabutton>button.modal-open { font-size: 0.9em; font-weight: 600; line-height: 1em; margin: 0px; padding: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: auto; color: #FFFFFF; float: none;}
.text>.content>.words>.padding>.ctabutton>button.modal-open>a:hover, .text>.content>.words>.padding>.ctabutton>button.modal-open>a:active { text-decoration: underline; }
.text .content .embedshell { position: relative; display:inline; float: left; width: 25%; min-width: 0%; height: auto; overflow: hidden; margin: 10px 30px 0px 0px;  }
.text .content .embedshell iframe { width: auto; height: auto; }
.text .textlinks { display: block; max-width: 100%; float: left;min-width: 0%; min-height: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; }
.text .textlinks .content { width: 100%; min-height: 100px;  padding: 0px; margin: 0px 0px 0px 10px; border-right: 1px solid #CCC; }
.text .textlinks ul { margin: 0px 0px 0px 20px; }
.text.expandblock { min-height: 0px;  }
.text .content .imgright .ctabutton { position: absolute; bottom: 10px; right: 10px; }


/* start Three Column styles */
.threecol { position: relative; width: 100%; height: auto; margin: 50px auto; padding: 20px auto 0px auto; display: table; background: #f6f6f6; }
.threecol .content { position: relative; width: 100%; max-width:1100px; height: auto; margin: 50px auto; padding: 0px; display: table;}
/*.threecol { position: relative; width: 100%; max-width:1100px; height: auto; margin: 50px auto; padding: 0px; display: table;  }*/
.threecol>.content>.words { position: relative; width: 100%; max-width:1100px; display: block; margin: 0px auto;}
.threecol>.content>.words>.padding { position: relative; align-items: center; text-align: center;}
.threecol>.content>.words>.padding>p { line-height:1.9em; margin: 20px; }
.threecol>.content>.words>.padding>h2 { text-transform: uppercase; letter-spacing: 3px; text-align: center; color: #222; font-weight: 900; font-size: 1.4em; padding:0; margin:0 auto; line-height:1em; }
.threecol>.content>.words>.padding>.subtitle { margin:10px auto; text-align: center; font-size: 1.1em;}
.threecol>.content>.words>.padding>.ctabutton { position: relative; margin:10px auto; text-align: center; float: none; }
.threecol>.content>.words>.multibuttons { position: relative; width: 100%; max-width:1100px; display: block; margin: 0px auto;}
.threecol>.content>.words>.multibuttons>ul { position: relative; margin: 0px auto; width: 100%; display: table; }
.threecol>.content>.words>.multibuttons>ul>li { position: relative; width: 28%; display:table-cell; float: left; margin: 1%; padding: 1.5%;text-align: center; min-height: 350px; background: #FFF;}
.threecol>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 100%; height: auto; display:block; float:none;}
.threecol>.content>.words>.multibuttons>ul>li>.multitext>ul>li { text-align: left; list-style:square;margin-bottom:10px;}
.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,
.threecol>.content>.words>.multibuttons>ul>li>.multimgfull{ position: relative; width: 100%; height: auto; display:block; overflow: hidden; }
.threecol>.content>.words>.multibuttons>ul>li>.multimgshell img,
.threecol>.content>.words>.multibuttons>ul>li>.multimgfull img { position: relative; width: 100%; height: auto;}
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-size: 1.3em; text-align: center; color:#ad1a1f;font-weight:900; margin: 10px auto;}
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration:none;}
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{text-decoration:underline;}



/* text w/ buttons styles */
#multibuttons>h2 { font-size: 1.4em; font-weight: bold;  }
#multibuttons { position: relative; width: 90%; height: auto !important; padding: 2% 5% 5% 5%; margin: 0px auto; display: table;background: #f6f6f6; overflow: visible; }
#multibuttons .buttons { display: block; width: 100%;  margin: 20px 0px; padding: 0px; font-size: 0.9em; letter-spacing: 2px; text-transform: uppercase; font-weight: 900; overflow: visible;}
#multibuttons .buttons ul { width: 100%; list-style: none; float: left; margin: 20px 0 0 0px; padding: 0px; overflow: visible;}
#multibuttons .buttons li { list-style: none; display: inline-block; color:#222; background-color: #FFF; margin: 20px 30px 0px 0px; padding: 15px 20px; border: 2px solid #e6e6e6; white-space: nowrap; }
#multibuttons .buttons li a:link, #multibuttons .buttons li a:visited { color:#222; text-decoration: none; }
#multibuttons .buttons li a:hover, #multibuttons .buttons li a:active { color:#222; text-decoration: underline; }


/* classes for widths of tables and columns */
.width10 { width:10%; }
.width50 { width:50%; }

/* Replacement for Tables */
.csstable { display: table; width:90%; margin: 5px auto; }
.csstable .csscell { display: table-cell; padding: 1%; width: auto !important; }

/* sub-site title styles */
#title  { width: 85%; overflow: auto; float: none; background: #FFF; margin: 0px auto; padding: 0px; max-width: 1200px; }


/* intro H1 and main image styles */
#introshell { position: relative; top: 0px; width: 100%; height: auto; min-height: 0px; overflow: hidden; z-index: 900; margin: 0; padding: 0;}
#introshell>#title {margin: 20px auto; max-width: 1200px; }
#introshell>.sitetitle { position: absolute; top: 60px; right: 10%; width: auto; max-width: 1200px; min-height: 50px;overflow: auto; float: none; margin: 2px auto; padding: 0px; z-index: 1001; }
#introshell>.sitetitle>.sitelogo { position: relative; top: 0; margin: 0px auto; padding: 10px; width: auto !important; display: block; max-width: 1200px;
	font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; color:#FFF; font-weight: lighter; font-size: 1.5em; line-height: 1em; background:url(https://www.bard.edu/images/tints/80black.png) repeat;}
#introshell>.sitetitle>.sitelogo img { margin: 0px; padding: 0px; z-index: 1001; height: 50px;}

#introshell>.sitetitle .pagetitle img { margin: 0px 10px; padding: 0px;  }
#introshell>.sitetitle .pagetitle { font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; color:#FFF; margin: 20px 0px 0px 20px; padding: 10px; width: auto !important; display: inline-block; font-weight: lighter; font-size: 1.5em; line-height: 1em; background: #ad1a1f; z-index: 1001; }

#introshell>.image { position: relative; width: 100%; height: 550px; background: #222; z-index: 1000; padding: 0; margin: 0; max-height: 550px; min-height: 0px; overflow: hidden; }
#introshell>.image>img { width: 100%; height: auto !important; padding: 0; margin: 0; }
#introshell>.image>.caption { position: absolute; bottom: 1%; right: 1%; color: #FFF; font-size: 0.8em; line-height: 1.1em; width: 25%;z-index: 1002; }
#introshell>.image>h1 { position: absolute; bottom: 0%; left: 0%;  font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-weight: 900;text-transform: uppercase; letter-spacing: 3px; display: block; width: 100%; color: #FFF; font-size: 4em; line-height: 1em; text-align: center; background: url(../../images/tints/80black.png) repeat; min-height: 70px; overflow: visible; z-index: 1001; margin: 0; }

.introbuttons  { position: relative; width: 100%; height: 50px; margin: 50px auto 0px auto; z-index: 100; }
.introbuttons>.content  { position: relative; width: 95%; margin: 0px auto; align-items: center; text-align: center;}
.introbuttons>.content>.buttons  { position: relative; display: inline; width: auto; border: none; padding: 5px 0px; margin-right: 20px; color: #FFF; font-size: 0.8em; line-height: 0.5em; letter-spacing: 2px; text-transform: uppercase; font-weight: 800; align-items: center;}
.introbuttons>.content>.buttons a:link, .introbuttons>.content>.buttons a:visited  { color: #FFF; text-decoration: none; background: #ad1a1f;padding: 10px 20px;}
.introbuttons>.content>.buttons a:active, .introbuttons>.content>.buttons a:hover  { color: #FFF; text-decoration: none; background: #ad1a1f;padding: 10px 20px;}

#introtext { position: relative; width: 80%; margin: 30px auto 50px auto; padding: 0px; font-size: 1.1em; text-align: center; max-width: 1000px; font-weight: 500;}
#introtext>h2 { display: block; font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; color:#ad1a1f; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 1.5em; line-height: 1.2em; font-weight: 900; text-align:center; text-transform: uppercase; letter-spacing: 3px;}
#introtext .subtitle { display: block; font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; color:#ad1a1f; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 1.3em; line-height: 1.2em; font-weight: 900; text-align:center; text-transform: uppercase; letter-spacing: 3px;}
#introtext h3 { display: inline; }
#introtext>.ctabutton { width: auto; height: auto; margin: 10px auto 0 auto; padding: 10px; background: #ad1a1f; border: none; border-radius: 0;   }


.inspire { position: relative; display: block; width: 75%; height: auto; margin: 30px auto; padding: 0;  }
.inspire h3 { text-align: center; font-size: 1.3em; font-weight: bold; font-family: Arial Black, sans-serif; }
.inspire h4 { text-align: center; font-size: 1.6em; font-weight: normal; line-height: 1.8em; }
.inspire .rule { width: 15%; border-bottom: 2px solid #ad1a1f; margin: 10px auto; }


/* boxes class styles */
.box { position: relative; width: 33.33%; height: auto; margin: 0px; padding: 0px; float: left; text-align: center; background: #222; overflow: hidden; }
.box .image { width: 100%; height: auto; margin: 0px; padding: 0px; overflow: hidden; }
.box .image img { width: 100%; height: auto; margin: 0px; padding: 0px; }
.box>h2 { position: absolute; width: 98%; bottom: 18%; margin: 0; padding: 0 1%; text-align: center; color: #FFF; font-size: 2.5em; line-height: 1.1em; font-weight: bold; }
.box h3 { position: absolute; width: 98%; bottom: 20%; margin: 0; padding: 0 1%; text-align: center; color: #FFF; font-size: 2.5em; line-height: 1.2em; font-weight: bold; }
.box .button { position: absolute; bottom: 5%; right: 5%; width: auto; height: auto; color: #FFF; padding: 10px; }
.box .button a:link, .box .button a:visited, .box .button a:hover, .box2 .button a:active { color: #FFF;  }


/* photo clusters */
#photocluster { position: relative; width: 95%; height: auto !important; display: block; float: none; margin: 0 auto; padding: 0; max-width: 1200px; }
#photocluster .solophoto { position: relative; width: 49%; float: left; margin: 0; padding: 0; }
#photocluster .solophoto .soloimg .caption { position: absolute; bottom: 20px;width: 100%; height: auto !important; max-height: 557px; display: block;  margin: 0; padding: 0; overflow: hidden; color: #FFF; font-size: 1.7em; font-weight: 600; font-style: normal;}
#photocluster .solophoto .soloimg { position: relative; width: 100%; height: auto !important; max-height: 557px; display: block;  margin: 0; padding: 0; overflow: hidden; background: #222; }
/*#photocluster .solophoto .soloimg .picgrade { position: absolute; display: block; width: 100%; height: auto !important; min-height: 400px; background: url(https://www.bard.edu/images/tints/60grade.png) repeat-x; z-index: 1000; border: 1px solid red;  }*/
#photocluster .solophoto .soloimg img { display: block; width: 100%; height: auto !important; margin: 0; padding: 0; z-index: 999; }
#photocluster .solophoto .solotext { position: absolute; bottom: 0 !important; width: 96%; height: auto !important; display: block;  margin: 0; padding: 2%; color: #FFF; font-size: 1.7em; font-weight: 600; z-index: 1001;}
#photocluster .cluster { position: relative; width: 51%; float: left; margin: 0; padding: 0;}
#photocluster .cluster .clustimg { position: relative; width: 47%; max-height: 273px; float: left; margin: 0 0 2% 2%; padding: 0; overflow: hidden; background: #222; }
#photocluster .cluster .clustimg img { width: 100%; height: auto !important; }
#photocluster .cluster .clustimg .clusttext { display: block;position: absolute; bottom: 1%; width: 96%; height: auto !important; margin: 0; padding: 2%; font-size: 1.2em; line-height: 1.0em; color: #FFFFFF; font-weight: 800;  }
#photocluster .cluster .clustimg .clusttext>p { font-size: 0.8em; line-height: 1.5em; padding: 0 2%; }
.solotext a:link, .solotext a:visited { color: #FFF; text-decoration: none; margin: 5px; background: #222; }
.solotext a:active, .solotext a:hover { color: #FFF; text-decoration: underline; background: #222;}
.clusttext a:link, .clusttext a:visited { color: #FFF; text-decoration: none; margin: 5px; }
.clusttext a:active, .clusttext a:hover { color: #FFF; text-decoration: underline; }
#photocluster h2 {text-align: center; color: #333; margin: 20px 0;}

#footnote { position: relative; display:block; width:85%; margin: 10px auto; padding: 10px 0; font-size: 0.8em; font-style: italic; color: #666; border-top: 1px solid #222; }


.cal_small {display: none; }


/* footer styles */
.footer { font-size: .9em; color: #FFF; line-height: 20px; }
footer { position: relative; width: 100%; height: auto; top: 0px; min-height: 280px; margin: 50px 0 0 0; background-color: #222; display: block; }
footer ul {margin: 0px; padding: 0px; list-style:none;}
footer .imgshell img { height: 40px; width: auto; margin: 0px 0px 5px 0px; }
footer .content { position: relative; width: 95%; 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:underline;}
footer .content a:hover, footer .content a:active { color:#FF5C5C; text-decoration:underline;}
footer .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 .footercol.first { padding: 0px 0px 0px 15px; border-left: none;}
footer .footercol #imgfooter img { position: relative; width: 100%;  }
footer .footercol #imgfooter a { position: relative; width: 100%; height: 100%; }
footer .footercol img { position: relative; width: 100%;  }
footer .content #footercontact { position: relative; float: left; width: auto; display: table-cell; margin: 0; }
footer .content #footercontact .imgshell { display:block; height: 40px; width: auto !important; margin: 0px; padding: 0; }
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 #footercontact #footiconbox { margin: 10px 0 0 0;  }
footer .content #footercontact #footiconbox .footericons { float: left; margin: 0 10px 0 0; height: auto; width: auto;}
footer .content #footercontact #footiconbox .footericons img { height: 25px; width: auto;}
footer .content #footercontent { position: relative; float: left; width: auto !important; min-width: 400px; display: table-cell; margin: 30px 0 0 0;padding: 0 20px; }
footer .content #footercontent .imgshell { height: 40px; width: auto !important; margin: 0px; padding: 0;}
footer .content #footercontent .subtitle { color: #FFF; font-size: 0.9em; text-transform: uppercase; letter-spacing: 2px; }


/* random styles */
ul.newslinks .imgleft {float:left; padding: 0px; margin: 0px 10px 10px 0px; }
ul.news {list-style: none; padding: 0px; margin: 0px 10px 10px 10px; font-size: 1.1em; }
ul.news .imgleft {float:left; padding: 0px; margin: 0px 10px 10px 0px; width:100px; height:100px; overflow: hidden; }
ul.news .imgleft img { width:100px; height:auto; }
ul.news li { padding: 0px 10px 10px 10px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #ededed; }
ul.news .caption { font-size: 10px; }
ul.newslinks button.linkbutton,
ul.news button.linkbutton,
button.linkbutton.newslink {display: table;width: auto;color: #ad1a1f;text-align: left;text-decoration: underline;}
ul.news button.linkbutton:hover,
button.linkbutton.newslink:hover {text-decoration: none;}
ul.newslinks li > button.linkbutton:first-child,
ul.news li > button.linkbutton:first-child {display: inline;}
ul.newslinks li > button.linkbutton:first-child,
ul.newslinks>li>button {border: none; background: #FFF; font-size: 1.0em; }

/* 2018 HP styles */


/* PR News and Events Feeds for Homepage */
body#home #hppr {position: relative; width: 100%; max-width: 1100px; display: table; margin: 20px auto; }
body#home #hppr .hpprnews {position: relative; width: 75%; display: table-cell; float: left; margin: 0 0;}
body#home #hppr .hpprnews>.hpcols {position: relative; width: 45%; display: block; float: left; margin: 0 5% 0 0; }
body#home #hppr .hpprnews>.hpcols img {position: relative; width: 100%; height: auto; }
body#home #hppr .hpprnews>.hpcols>.image>.caption {position: relative; width: 100%; height: auto; line-height: 1em; text-align: left; margin:0;padding:0; }
body#home #hppr .hpprnews>.hpcols>.hpsubject {position: relative; width: 100%; height: auto; line-height: 1em; text-align: left; margin:25px 0 10px 0;padding:0; text-transform: uppercase; font-size: 0.8em; font-weight: 800;}
body#home #hppr .hpprnews>.hpcols a:link, body#home #hppr .hpprnews>.hpcols a:visited { color:#ad1a1f; text-decoration: none; }
body#home #hppr .hpprnews>.hpcols a:active, body#home #hppr .hpprnews>.hpcols a:hover { color:#ad1a1f; text-decoration: underline; }
body#home #hppr>h2 , body#home #hppr .subtitle, body#home #hppr .hpprevents>h2, body#home #hppr .hpprnews>h2 {color: #222;}

body#home #hppr .hpprfeed { position: relative; width: 23%; padding: 1%; display: table-cell; float: left; border: 1px solid #222; }

body#home #hppr>.hpprevents { position: relative; width: 23%; padding: 0%; display: table-cell; float: left; }
body#home #hppr>.hpprevents>ul.hpevents {position: relative; width: 100%; display: table; padding: 0; margin: 0; list-style: none; }
body#home #hppr>.hpprevents>ul.hpevents li {position: relative; display: table-cell; width: 23%;float: left;  padding: 0 1% 0 0; margin: 0 1% 0 0; list-style: none; border-right: 1px solid #ededed; }
body#home #hppr .date {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #222; font-weight: 800; }
body#home #hppr .day {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; }
body#home #hppr>h2 , body#home #hppr .subtitle, body#home #hppr .hpprevents>h2 {color: #222;}
body#home #hppr strong { font-weight: 900; }
body#home #hppr .hpprevents li a:link, body#home #hppr .hpprevents li a:visited { color:#ad1a1f; text-decoration: none; }

/* PR News Feeds for a News Page */
body#news #hppr {position: relative; width: 100%; max-width: 1100px; display: table; margin: 20px auto; }
body#news #hppr .hpprnews {position: relative; width: 75%; display: table-cell; float: left; }
body#news #hppr .hpprnews>.hpcols {position: relative; width: 45%; display: block; float: left; margin: 0 5% 0 0; }
body#news #hppr .hpprnews>.hpcols img {position: relative; width: 100%; height: auto; }
body#news #hppr .hpprnews>.hpcols>.image>.caption {position: relative; width: 100%; height: auto; line-height: 1em; text-align: left; margin:0;padding:0; }
body#news #hppr .hpprnews>.hpcols>.hpsubject {position: relative; width: 100%; height: auto; line-height: 1em; text-align: left; margin:25px 0 10px 0;padding:0; text-transform: uppercase; font-size: 0.8em; font-weight: 800;}
body#news #hppr .hpprnews>.hpcols a:link, body#news #hppr .hpprnews>.hpcols a:visited { color:#ad1a1f; text-decoration: none; }
body#news #hppr .hpprnews>.hpcols a:active, body#news #hppr .hpprnews>.hpcols a:hover { color:#ad1a1f; text-decoration: underline; }
body#news #hppr>h2 , body#news #hppr .subtitle, body#news #hppr .hpprevents>h2 {color: #222;}

body#news #hppr .hpprfeed { position: relative; width: 25%; padding: 0%; display: table-cell; float: left; }
body#news #hppr .hpprevents { position: relative; width: 100%; padding: 0%; display: table-cell; float: left; }
body#news #hppr .hpprevents>.hpcols {position: relative; width: 100%; padding: 3%; display: block; border: 1px solid #222; }
body#news #hppr .hpprevents>.hpcols ul.hpevents {position: relative; width: 100%; display: table; padding: 0; margin: 0; list-style: none; }
body#news #hppr .hpprevents>.hpcols ul.hpevents li {position: relative; display: table-cell; width: 22%;float: left;  padding: 0 1% 0 0; margin: 0 1% 0 0; list-style: none; border-right: 1px solid #ededed; }
body#news #hppr .date {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #222; font-weight: 800; }
body#news #hppr .day {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; }
body#news #hppr>h2 , body#news #hppr .subtitle, body#news #hppr .hpprevents>h2 {color: #222;}
body#news #hppr strong { font-weight: 900; }
body#news #hppr .hpprevents li a:link, body#news #hppr .hpprevents li a:visited { color:#ad1a1f; text-decoration: none; }

body.faculty #hppr {position: relative; width: 100%; max-width: 1100px; display: table; margin: 20px auto; }
body.faculty #hppr .hpprnews {position: relative; width: 75%; display: table-cell; float: left; }
body.faculty #hppr .hpprnews>.hpcols {position: relative; width: 45%; display: block; float: left; margin: 0 5% 0 0; }
body.faculty #hppr .hpprnews>.hpcols img {position: relative; width: 100%; height: auto; }
body.faculty #hppr .hpprnews>.hpcols>.image>.caption {position: relative; width: 100%; height: auto; line-height: 1em; text-align: left; margin:0;padding:0; }
body.faculty #hppr .hpprnews>.hpcols>.hpsubject {position: relative; width: 100%; height: auto; line-height: 1em; text-align: left; margin:25px 0 10px 0;padding:0; text-transform: uppercase; font-size: 0.8em; font-weight: 800;}
body.faculty #hppr .hpprnews>.hpcols a:link, body.faculty #hppr .hpprnews>.hpcols a:visited { color:#ad1a1f; text-decoration: none; }
body.faculty #hppr .hpprnews>.hpcols a:active, body.faculty #hppr .hpprnews>.hpcols a:hover { color:#ad1a1f; text-decoration: underline; }
body.faculty #hppr>h2 , body.faculty #hppr .subtitle, body.faculty #hppr .hpprevents>h2, body.faculty #hppr .hpprnews>h2 {color: #222;}
body.faculty #hppr .hpprfeed { position: relative; width: 23%; padding: 1%; display: table-cell; float: left; }


/* PR styles for News, Events, and Releases pages */
.primage { position: relative; display: inline; width: 40%; height: auto; float: left; margin: 20px 20px 20px 0; overflow: visible; }
.primage img { width: 100%; height: auto;}

body#news h1, body#events h1 {font-size: 2.0em; }
body#news h2.pagetitle, body#events h2.pagetitle {text-transform: uppercase; letter-spacing: 2px; }
body#news .prtext, body#events .prtext { position: relative; display: inline; float: left; width: 80%; height: auto;}
body#news .prsidebar, body#events .prsidebar { position: relative; display: inline; float: left; width: 18%;  height: auto; padding-left: 2%;}
body#news>li>br, body#events>li>br {display: none; }

#eventbox {position: relative; width: 100%; height: auto !important; min-height: 418px; background-color:#222;margin:25px 10px 20px 0px;padding:0px;display:block; color: #FFF; }
body#home #eventbox #eventtext {position: absolute; top: 20px; left: 20px; width: 65%; margin:0px 0px 10px 0px;padding:0px;display:inline; float: left; }
body#home #eventbox #eventtext>h2 { font-size: 2.3em; font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; margin:0px 0px 10px 0px;padding:0px;color:#fff; }
body#home #eventbox #eventtext li  { position: relative; display: block; }
body#home #eventbox #eventtext ul.events li #eventdate, body#home #eventbox #eventtext ul.events li .eventdate { position: relative; width: 15%; float: left; color: #FFF; background: #222; padding: 0px; margin: 0px; border: none; }
body#home #eventbox #eventtext li #eventdate .date, body#home #eventbox #eventtext li .eventdate .date { color: #FFF; font-weight: bold; font-size: 28px; line-height: 20px; padding: 0px; margin: 0px; display: block;text-align: center;  }
body#home #eventbox #eventtext li #eventdate .month, body#home #eventbox #eventtext li .eventdate .month { color: #FFF; text-transform:uppercase; font-size: 10px; line-height: 10px; font-weight: bold; text-align: center; padding: 0px; margin: 0px 0px 3px 0px;display: block;  }
body#home #eventbox #eventtext li #eventarea, body#home #eventbox #eventtext li .eventarea { position: relative; width: 80%; float: left; padding: 0px; margin: 0px; padding-bottom: 10px; margin-bottom: 10px;border-bottom: 1px solid #6d675b;  }
body#home #eventbox #eventtext h4 { line-height: 1em; margin: 0px; }
body#home #eventbox #eventad {position: relative; width: 34.8%; height: auto; margin:0px;padding:0px;display:inline; float: right; overflow:hidden; }
body#home #eventbox #eventad img { width: 100%; height: auto; margin:0px;padding:0px; }

body#home #eventtext a:link, body#home #eventtext a:visited { color:#DBCBCB; font-size: 1.2em; text-decoration: none; }
body#home #eventtext a:hover, body#home #eventtext a:active { color:#DBCBCB; text-decoration: underline; }

body#home #eventbox .button-el { float: left; display: inline; margin-right: 20px; }
body#home #eventbox .button { position: absolute; right: 20%; top: 0px; }
body#home #eventbox .button a:link, body#home #eventbox .button a:visited { color: #FFF; }


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


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

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

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:#ad1a1f; text-decoration: underline; background-color: #FFF; }
body#inside>h2 {font-size: 1.5em; }

	
}


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

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

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

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

/*nav { position: relative; top: 25px; padding: 0px 0px 0px 0px; }	
nav .menu_container .menu_dropdown_block .column.three-col, .menu_container .menu_dropdown_block .column.four-col { width: 90%; }*/

.active {display: block;}

#introshell { position: relative;  top: 0px; width: 100%; height: auto !important; min-height: 100px; overflow: hidden; z-index: 1000; margin: 0; padding: 0; }
#introshell>.image { position: relative; width: 100%; height: auto !important; background: #222; z-index: 1000; padding: 0; margin: 0; max-height: 550px; min-height: 0px; overflow: hidden; }
#introshell>.image>h1 { position: fixed; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-weight: 900;position: absolute; bottom: 1%; left: 0%; text-transform: uppercase; letter-spacing: 3px; display: block; width: 100%; color: #FFF; font-size: 3em; line-height: 1em; text-align: center; background: url(../../images/tints/80black.png) repeat; min-height: 50px; overflow: visible; }
#introshell>.image>img { width: 100%; height: auto !important; padding: 0; margin: 0; }
	
.introbuttons  { position: relative; bottom: 0%; width: 95%; margin: 0 auto; height: auto !important; display: block; z-index: 11000; overflow: visible;}
.introbuttons>.content  { position: relative; width: 95%; margin: 0px auto; align-items: center; text-align: center; white-space: nowrap;}


	
main { width: 100%; height: auto !important; overflow: visible; display: block; }
main #maintext { width: 100%; float: none; display: block; max-width: 100%; margin: 0px; height: auto; top: 50px; }
main #maintext .content { padding: 0px; margin: 0px; }
main #maincol { width: 100%; float: none; display: block; max-width: 100%; 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 */

ul.subnav {  height:30px; font-size: 1.05em;  line-height: .9em;  }
.subnav { font-weight: 200; color:#FFF; line-height: .8em; padding-top: 0px;}
	
#submenu, #sitemenu {position: relative; margin-top: 0px; }
	
.billboard .content .imgcenter {width: 90%;}
.biography .content {max-width: 90%;margin: 0px auto !important;}
.biography>.content>.words>.padding {width: 90%; margin: 0 5%;padding: 0;z-index: 499;}
	
#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; overflow: scroll; line-height: 14px; font-size: 1em;  }
#highlight #hightext .content { position:relative; padding: 8%; color: #FFF; max-height: 200px; overflow: 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; }

#multibuttons { position: relative; width: 92%; height: auto; padding: 5% 4%; margin: 0px auto; display: block;background: #f6f6f6; overflow: visible;}
#multibuttons .buttons { position: relative; display: block; width: 100%; height: auto !important; margin: 0px; padding: 0px; font-size: 0.9em; letter-spacing: 2px; text-transform: uppercase; font-weight: 900;overflow: visible;}
#multibuttons .buttons ul { position: relative; width: 100%; height: auto !important; list-style: none; float: none; display: block; margin: 0; padding: 0px; overflow: visible;}
#multibuttons .buttons li { position: relative; width: 90%; list-style: none; display: block; color:#222; background-color: #FFF; margin: 20px 0px 0px 0px; padding: 3%; border: 2px solid #e6e6e6;  }
#multibuttons .buttons li a:link, #multibuttons .buttons li a:visited { color:#222; text-decoration: none; }
#multibuttons .buttons li a:hover, #multibuttons .buttons li a:active { color:#222; text-decoration: underline; }

.cal_small {display: none; }

footer {height: auto; overflow: hidden; top: 55px; }
footer .content { margin: 0px auto; width: 95%; overflow: hidden; }
footer .content #footercontact { position: relative; width: 100%; max-width: 100%; margin: 0 auto; padding: 0; display:block; float: none; height: auto; }
footer .content #footercontent { position: relative; width: 100%; max-width: 100%; margin: 0 auto; padding: 0; display:block; float: none; height: auto; }
footer .content #footercontent .footercol { position: relative; float:left; width: 30%; max-width: none; margin: 0px; padding: 0px 20px 0px 0px; border-left: none; }


body#home main { overflow: hidden; }
body#home main #maintext { width: auto !important; top: 0px; }

body#home main article { float: none; width: 100%; background-color: transparent; margin-bottom: 20px;}
body#home main article h3 { width: 95%; }
body#home main article .content { 	min-height: 140px; }
body#home main article .content .imgshell { width: 35%; height: 100%; float: left; margin-top: 20px;  }
body#home main article .content #textbox { float: right; width: 59%; padding: 3%; margin: 0px; margin-top: 20px; }

body#home #eventbox #eventtext {position: relative; width: 55%;}
body#home #eventbox #eventad {width: 40%;  }
body#home #eventbox #eventad img {width: 100%; height: auto !important }

body#home #newsbox { display: block; }


#links .content { }

/* start Two Column styles */
.twocol>.content>.words>.multibuttons { position: relative; width: 100%; max-width:900px; display: block; margin: 0px auto;}
.twocol>.content>.words>.multibuttons>ul { position: relative; margin: 0px auto; width: 100%; display: table; }
.twocol>.content>.words>.multibuttons>ul>li { position: relative; width: 40%; display:table-cell; float: left; margin: 1%; padding: 1%;text-align: left; min-height: 270px; background: #FFF;}
.twocol>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 50%; height: auto; display:inline-block; float:none; vertical-align:top;}


}








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

body { background: #FFF; }
/*header { height: 90px; margin: 0px; width: 100%; }
header.fixed {position: relative; width: 100%; top: 0px; }
header .content { width: 95%; height: 80px; margin: 0px auto; }*/
#navdesk { display: none;}
h1 { font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-weight: 200; color:#5d5d5d; margin: 10px 0px 10px 0px; padding: 0px; display: block; font-size: 2.8em; line-height: 38px; }
h1.pagetitle { font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-weight: lighter; color: #ad1a1f; font-size: 3.1em; margin: 10px 0px 0px 30px; }
b { font-size: 1em; }

#supershell { width: 100%;  display: block; float: none; margin: 0px; padding: 0px; overflow-x: hidden; }
main { position:relative; width: 100%; top: 55px;}
main { overflow: visible; width: 100%; overflow-x: hidden;  }
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% }

.active {display: block;}

/*nav { position: relative; top: 25px; padding: 0px 0px 0px 0px; }
nav .menu_container .menu_dropdown_block .column { box-sizing: border-box; float: none; width: 100%; }
nav .menu_container .menu_dropdown_block .column.three-col, .menu_container .menu_dropdown_block .column.four-col { width: 90%; }

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

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

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

#topnav { float: left; display: inline; position: absolute; top: 10px; right: 5px; right: 0px; height: 25px; width: auto; color: #FFF;font-size: .9em; 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: #ad1a1f;  font-size: 1.1em; font-weight: bold; line-height: 1.3em; 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: #ad1a1f; 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:#ad1a1f; }

main>#maincol { width: 100%; float: none; display: block; padding: 0px; margin: 0px; }	
main>#maincol>.content { position: relative; width: 100%; padding: 10px 0px; margin: 0px; }
main>#maincol>#sidebar { position: relative; width: 100%; right: 0px; top: 0px; float: none; margin: 20px 0px 0px 0px; padding: 0px; box-shadow: none; }
#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; }
#maintext .content iframe { float: none; width: 100%; height: auto; margin-left: 0px; padding: 0px; }

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

/* Main Column Box Styles */
#submenu, #sitemenu {position: relative; margin-top: 0px; }
#pagebox { float: none; width: 100%; height: auto; margin: 0px 0px 20px 0px;  }
	
	
/* intro H1 and main image styles */
#introshell { position: relative; top: 0px; width: 100%; height: auto !important; height: 200px; overflow: visible; z-index: 1000; margin: 0; padding: 0; background: #222; }
#introshell>.image { position: relative; width: 100%; height: auto !important; top: 0px; background: #222; z-index: 1000; padding: 0; margin: 0; overflow: visible; }
#introshell>.image>h1 { position: absolute; bottom: 0; left: 0;  font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-weight: 900;text-transform: uppercase; letter-spacing: 3px; display: block; width: 100%; color: #FFF; font-size: 2em; line-height: 1em; text-align: center; background: url(../../images/tints/80black.png) repeat; min-height: 70px; overflow: visible; z-index: 1001; margin: 0; }
	#introshell>#title { position: relative; width: 100%; height: auto !important; top: 0; background: none; z-index: 1000; padding: 10px 0 0 0; margin: 10px 0 0 0; max-height: 90px; min-height: 90px; overflow: hidden; }
	#introshell>#title>h1 { position: absolute; top: 0px; left: 0;  font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-weight: 900;text-transform: uppercase; letter-spacing: 3px; display: block; width: 98%; margin: 0 0 0 30px; padding: 0; color: #FFF; font-size: 1.7em; line-height: 1em; text-align: left; background: none; min-height: 50px; overflow: visible; }
#introshell>.image>img { width: 100%; height: auto !important; padding: 0; margin: 0; }
#introshell>.image>.caption { position: absolute; bottom: 0%; right: 0%; color: #FFF; font-size: 0.8em; line-height: 1.1em; width: 100%; display: none;}
	
.introbuttons  { position: relative; top: 0px; width: 100%; margin: 0 auto; height: auto !important; display: block; z-index: 1100; overflow: visible;}
.introbuttons>.content  { position: relative; width: 95%; height: auto; margin: 0px auto; align-items: center; text-align: center;}
.introbuttons>.content>.buttons  { display: inline-block; width: auto; border: none; padding: 5px 0px; margin: 15px 5px; color: #FFF; font-size: 0.8em; letter-spacing: 2px; text-transform: uppercase; font-weight: 800;  }
.introbuttons>.content>.buttons a:link, .introbuttons>.content>.buttons a:visited  { color: #FFF; text-decoration: none; padding: 5px 10px; border: 1px solid #fff;}
.introbuttons>.content>.buttons a:active, .introbuttons>.content>.buttons a:hover  { color: #FFF; text-decoration: none; background: #ad1a1f;padding: 5px 10px; border: 1px solid #fff;}
	
#introtext { position: relative; width: 85%; margin: 30px auto; padding: 0px; font-size: 1.3em;  text-align: left;}
#introtext .subtitle {font-size: 1.0em;}
#introshell>.sitetitle { position: absolute; top: 0px; left: 0%; width: 100%; max-width: 1200px; min-height: 50px;overflow: auto; float: none; margin: 2px auto; padding: 0px; z-index: 1001; }
#introshell>.sitetitle>.sitelogo { width: 100%; height: auto !important; }
#introshell>.sitetitle>.sitelogo img { width: 100%; height: auto !important; }


/* ----------- 2018 Styles (alpha order) ---------- */


.biography { width: 90%; margin: 30px auto;}
.biography>.content>.imgleft { position: relative; display:block; float: none; width: 100%; height: auto !important; overflow: hidden; margin: 0px 30px 0px 0px; }
.biography>.content>.imgshell { position: relative; display:inline; float: left; width: 100%; height: auto !important; overflow: hidden; margin: 0px 30px 0px 0px; z-index: 500;}
.biography>.content>.imgright { position: relative; display:inline; float: right; width: 100%; height: auto !important; overflow: hidden; margin: 0px 0px 0px 30px;  }
.biography>.content>.imgcenter { position: relative; display:inline; float: left; width: 100%; overflow: hidden; margin: 0px auto;  }
.biography>.content>.words { position: relative; display: inline; width: 100%; padding: 0; margin: 0px; line-height: 30px; vertical-align: top; line-height: 30px; text-align: left; background: #f6f6f6; z-index: 499;}
.biography>.content>.words>.padding { margin: 0; padding: 0; z-index: 499; }
.biography>.content>.words>.padding>h2 { font-weight: bold; text-transform: uppercase; letter-spacing: 2px; font-size: 1.2em; padding:0; margin:0; line-height:1em;}
.biography>.content>.words>.padding>.subtitle { color: #222; font-size: 1.15em; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #999; z-index: 499;}
.biography>.content>.words>.multibuttons { margin: 0 20%; padding: 1%; background: #CCC;}
	/* start Facts styles 
.facts h2 { text-align: center; display:none; }
.facts { position: relative; width:100%; margin: 50px auto; padding: 0; }
.facts ul { position: relative; width: 100%; background: #FFF; display: block; margin: 0 auto; padding: 0; height: auto; }
.facts .multibuttons ul { position: relative; width: 80%; height: auto;display: block; margin: 0 auto; padding: 0; }
.facts .multibuttons ul li { position: relative; width: auto; height: auto; display: block; margin: 0 auto; padding: 0; text-align: center; }
.facts .multibuttons ul li .imgshell, 
.facts .multibuttons ul li .imgleft { position: absolute; top: 0; width: 100%; height: 50%; display:table-cell; }
.facts .multibuttons ul li .imgright, 
.facts .multibuttons ul li .imgcenter { position: absolute; bottom: 0; width: 100%; height: 50%; display:table-cell; }
.facts .multibuttons ul li .imgshell img, 
.facts .multibuttons ul li .imgleft img,
.facts .multibuttons ul li .imgright img, 
.facts .multibuttons ul li .imgcenter img { position: relative; width: 100%; height: auto; }
.facts .multibuttons ul li .multitext { position: relative; display:block; margin: 0; padding: 0 2%; text-align: center; font-size: 1.5em; line-height: 1.2em; color: #ad1a1f;}
.facts .multibuttons ul li .multitext strong { position: relative; margin: 0; padding: 0; text-align: center; font-size: 2em; line-height: 1.2em; font-weight: 800; color: #222;}
.facts a:link, .facts a:visited {color: #FFF; text-decoration: none;}
.facts a:active, .facts a:hover {color: #CCC; text-decoration: none;}*/


/* start Highlight Cluster styles*/
.highcluster { position:relative; display:block; width:100%; height: auto !important; overflow: visible; margin: 20px auto 50px auto; padding: 0px; align-content: center;max-width: 1100px; }
.highcluster>.content { position: relative; display:block; float: none; width: 100%; overflow: visible; margin: 0 auto; padding: 0;}

.highcluster>.content.imgleft, .highcluster>.content>.imgshell, .highcluster>.content .imgcenter,.highcluster>.content .imgfull,
	.highcluster>.content>.imgright
	{ width: 100%; margin: 0 auto; }
.highcluster>.content>.imgleft img, .highcluster>.content>.imgshell img, .highcluster>.content .imgcenter img,.highcluster>.content .imgfull img, .highcluster>.content>.imgright img { width: 100%; margin: 0 auto; }
.highcluster>.content>.imgleft>.caption, .highcluster>.content>.imgshell>.caption, .highcluster>.content .imgcenter>.caption,.highcluster>.content .imgfull>.caption,
	.highcluster>.content>.imgright>.caption
	{ position: absolute; bottom: 0%; right: 0%;}

.highcluster>.content>.words { position: relative; display:block; float: none; width: 100%; height: auto !important; overflow: visible; margin: 0 auto; padding: 0; }
.highcluster>.content>.words>.padding { position: relative; text-align: left; width: 85%; margin: 0 auto 20px auto; padding: 0; display: block; color: #222; z-index: 1001; background:none; }
.highcluster>.content>.words>.padding>h2 { color: #222; margin: 0; }
	
.highcluster>.content>.words>.multibuttons { position: relative; display: block; width: 85%; float: none; margin: 0 auto;  }
.highcluster>.content>.words>.multibuttons>ul { position: relative; text-align: left; width: 100%; margin: 0 auto; padding: 0; }
.highcluster>.content>.words>.multibuttons>ul>li { position: relative; min-height: 85px; display: block; list-style: none; position: relative; color: #333; text-align: left; width: auto !important; padding: 0; margin: 0; font-size: 0.9em; overflow: visible; clear:both; }
.highcluster>.content>.words>.multibuttons>li a:link, .highcluster>.content>.words>.multibuttons>li a:visited { color:#ad1a1f; text-decoration: none; background: none; }

.highcluster>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 100%; margin: 0 auto;float: none; display: block; } 
.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {position: relative; float: none; display: block; background: none; font-size: 1.3em; text-align: left; color:#ad1a1f;font-weight:900; margin: 0;}
.highcluster>.content>.words>.multibuttons>ul>li>.multitext>p { margin: 0; padding: 0;} 
.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited  {color: #ad1a1f; text-decoration: none;}
.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover {color: #ad1a1f; text-decoration: underline; font-weight: 800; background: #ededed;}

.highcluster>.content .words>.multibuttons>li>.multitext>.textmulti { }

.highcluster>.content>.words>.padding>.ctabutton>button.modal-open { font-size: 0.8em; line-height: 1em; margin: 0px; padding: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: auto; color: #ad1a1f; float: none;}

.highcluster>.content>.words>.multibuttons>ul>li>.multimgshell { position: relative; width: 100%; margin: 0 auto;padding: 0; float: none; display: block; }
.highcluster>.content>.words>.multibuttons>ul>li>.multimgshell img{ width: 100%; margin: 0 auto;padding: 0;float: none; display: block;  }
	
/* start Highlight styles */
.highlight { position:relative; display:block; width:100%; margin: 50px auto; padding: 0px; align-content: center;max-width: 1200px;}
.highlight .content { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0; }
.highlight .content .imgcenter { width: 100%; margin: 0 auto; }
.highlight .content .imgcenter img { width: 100%; height: auto; }
.highlight .content .imgfull { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0 10px 0 0;   }
.highlight .content .imgfull img { width: 100%; height: auto; margin: 0px;}
.highlight .content .imgleft { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0 10px 0 0;  }
.highlight .content .imgleft img { width: 100%; height: auto; margin: 0px;}
.highlight .content .imgright { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0 0 0 10px;  }
.highlight .content .imgright img { width: 100%; height: auto; margin: 0px;}
.highlight .content .imgshell { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0 10px 0 0;  }
.highlight .content .imgshell img { width: 100%; height: auto; margin: 0px;}
.highlight>.content>.words { position: relative; display:block; float: none; width: 100%;text-align: center; width: auto !important; margin: 0;}
.highlight>.content>.words>.padding { position: relative; text-align: center; width: 86%; margin: 0 auto; }
.highlight>.content>.words>.padding>.ctabutton { width: 90%; margin: 0px auto 10px auto; padding: 15px 10px;font-size: 0.9em; float: none; display: block;}
.highlight>.content>.words>.padding>ul { position: relative; text-align: left; width: 80%; margin: 0 auto; }
.highlight>.content>.words>.padding>ul>li { text-align: left; }
.highlight .content .words>h2 { color: #ad1a1f; font-size: 1.3em; margin: 0; }
.highlight .content .words .multibuttons { position: relative; display: block;text-align: center; width: auto !important; margin: 0;}
.highlight>.content>.words>.multibuttons>ul { position: relative; text-align: center; width: 80%; margin: 0 auto; }
.highlight .content .words .multibuttons li { list-style: none; position: relative; background: #ad1a1f; color: #FFF; text-align: center; width: auto !important; padding: 5px 0; margin: 0 0 10px 0; font-size: 0.9em; text-transform: uppercase; letter-spacing: 2px;}
.highlight .content .words .multibuttons li a:link, .highlight .content .words .multibuttons li a:visited { color:#FFF; text-decoration: none;  }
.highlight .content .words>.multibuttons li .multitext .textmulti { display: none;}
.highlight>.content>.words>.padding>.ctabutton>button.modal-open { font-size: 0.8em; line-height: 1em; margin: 0px; padding: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: auto; color: #FFFFFF; float: none;}
	
.highimages {width: 100%; height: auto !important; overflow: visible; background: #CCC; }	
	
.faqs {}
.multitext { line-height: 38px; }
.multitext strong { font-size: 1.3em; }
	
#photocluster .solophoto { position: relative; width: 100%; float: none; margin: 0; padding: 0; }
#photocluster .solophoto .soloimg .caption { position: absolute; bottom: 20px;width: 100%; height: auto !important; max-height: 557px; display: block;  margin: 0; padding: 0; overflow: hidden; color: #FFF; font-size: 1.7em; font-weight: 600; font-style: normal;}
#photocluster .solophoto .soloimg { position: relative; width: 100%; height: auto !important; max-height: 557px; display: block;  margin: 0; padding: 0; overflow: hidden; }
#photocluster .solophoto .soloimg img { width: 100%; height: auto !important; margin: 0; padding: 0; }
#photocluster .solophoto .solotext { position: absolute; bottom: 10px; width: 96%; height: auto !important; display: block;  margin: 0; padding: 2%; color: #FFF; font-size: 1.6em; font-weight: 600; }
#photocluster .cluster { position: relative; width: 100%; float: none; margin: 0; padding: 0;}
#photocluster .cluster .clustimg { position: relative; width: 47%; max-height: 150px; float: left; margin: 0 0 2% 2%; padding: 0; overflow: hidden; }
#photocluster .cluster .clustimg .clusttext { position: absolute; bottom: 10px; width: 98%; height: auto !important; display: block;  margin: 0 auto; padding: 0; font-size: 1.1em; color: #FFFFFF; font-weight: 800; text-align: right; }
	
.text { display: block; float: none; width: 100%; margin: 20px auto; }
.text .content { display: block; float: none; width: 100%; margin: 20px auto; }
.text .content .imgleft, .text .content .imgright { display: block; float: none; width: 100%; margin: 20px auto; }
.text .content .words { display: block; float: none; width: 100%; margin: 20px auto; max-width: 100%; }
.text .content .words .padding { display: block; float: none; width: 90%; margin: 20px auto; }
.text .content .multibuttons { display: block; float: none; width: 85%; margin: 20px auto; }
	
.threecol { position: relative; width: 100%; max-width:100%; height: auto; margin: 50px auto 10px auto; padding: 0px; display: table;   }
.threecol>.content>.words>.padding { padding-top: 20px; }
.threecol>.content>.words>.padding>h2 { color: #222; font-weight: 900; font-size: 1.2em; padding:0; margin:0 auto; line-height:1em; text-align: center; text-transform: uppercase; letter-spacing: 3px; }
.threecol>.content { max-width:100%; margin: 0px auto; overflow-x: hidden; }
.threecol>.content>.words>.multibuttons>ul { margin: 0px auto; padding: 0; width: 100%; max-width:100%; display: block; float: none; overflow-x: hidden; }
.threecol>.content>.words>.multibuttons>ul>li { width: 90%; display:block; float: none; margin: 15px auto; overflow-x: visible; min-height: auto !important;}
.threecol>.content>.words>.multibuttons>ul>li>.multimgshell img { width: 100%; height: auto; }
.threecol .multitext { width: 90%; display:block; float: none; margin: 15px auto; overflow: visible;  }

	
/* start Two Column styles */
main #maintext .content .twocol { position: relative; width: 100%; height: auto; margin: 2% auto; padding: 0; display: inline; float: left; clear:none !important;  }
.twocol .content { width: 90%; margin : 0 auto; display: block; }
.twocol>.content>.words { position: relative; width: 100%; display: block; margin: 0px; }
.twocol>.content>.words>.multibuttons { position: relative; width: 100%; max-width:1200px; display: block; margin: 0px auto;}
.twocol>.content>.words>.multibuttons>ul { position: relative; margin: 0px auto; width: 100%; display: block; }
.twocol>.content>.words>.multibuttons>ul>li { position: relative; width: 90%; display:block; float: left; margin: 10px auto; padding: 0%;height: auto !important; background: #FFF;overflow: visible; }
.twocol>.content>.words>.multibuttons>ul>li>.multimgshell,
.twocol>.content>.words>.multibuttons>ul>li>.multimgleft,
.twocol>.content>.words>.multibuttons>ul>li>.multimgcenter,
.twocol>.content>.words>.multibuttons>ul>li>.multimgfull{ position: relative; width: 100%; height: auto; max-height: 400px; overflow: visible; padding: 0; margin: 0;display: block; float: none;}
.twocol>.content>.words>.multibuttons>ul>li>.multimgshell img,
.twocol>.content>.words>.multibuttons>ul>li>.multimgleft img,
.twocol>.content>.words>.multibuttons>ul>li>.multimgcenter img,
.twocol>.content>.words>.multibuttons>ul>li>.multimgfull img { position: relative; width: 100%; height: auto !important; }
.twocol>.content>.words>.multibuttons>ul>li>.multimgright { position: relative; width: 100%; height: auto; max-height: 400px; overflow: hidden; padding: 0; margin: 0;display: block; float: none; }
.twocol>.content>.words>.multibuttons>ul>li>.multimgright img { position: relative; width: 100%; height: auto !important; }
.twocol>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 100%; padding: 0%; margin: 0;  }


	
/* start Two Column styles 
main #maintext .content .twocol { position: relative; width: 100%; height: auto; margin: 2%; padding: 0; display: inline; float: left; clear:none !important;  }
.twocol .content { position: relative; width: 95%; height: auto; margin: 0; padding: 10px 5% 10px 0; display: table; }
.twocol>.content>.words { position: relative; width: 50%; display: table-cell; margin: 0px; background: #f6f6f6;}
.twocol>.content>.words>.padding { position: relative; text-align: left;}
.twocol>.content>.words>.padding>p { line-height:1.9em; margin: 20px; }
.twocol>.content>.words>.padding>h2 { text-transform: uppercase; letter-spacing: 3px; text-align: center; color: #222; font-weight: 900; font-size: 1.4em; padding:0; margin:0 auto; line-height:1em; }
.twocol>.content>.words>.padding>.subtitle { margin:10px auto; text-align: center; font-size: 1.1em;}
.twocol>.content>.words>.padding>.ctabutton { position: relative; margin:10px auto; text-align: center; float: none; }
.twocol>.content>.imgshell { position: relative; width: 50%; display: table-cell; margin: 0px; float: left; max-height: 150px;}
.twocol>.content>.words>.multibuttons { position: relative; width: 100%; max-width:1100px; display: block; margin: 0px auto;}
.twocol>.content>.words>.multibuttons>ul { position: relative; margin: 0px auto; width: 100%; display: table; }
.twocol>.content>.words>.multibuttons>ul>li { position: relative; width: 100%; display:table-cell; float: left; margin: 1%; padding: 1%;text-align: left; min-height: 250px; background: #FFF;}
.twocol>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 50%; height: auto; display:inline-block; float:none; vertical-align:top;}
.twocol>.content>.words>.multibuttons>ul>li>.multitext>ul>li { text-align: left; list-style:square;margin-bottom:0px;}
.twocol>.content>.words>.multibuttons>ul>li>.multimgshell,
.twocol>.content>.words>.multibuttons>ul>li>.multimgleft,
.twocol>.content>.words>.multibuttons>ul>li>.multimgright,
.twocol>.content>.words>.multibuttons>ul>li>.multimgcenter,
.twocol>.content>.words>.multibuttons>ul>li>.multimgfull{ position: relative; width: 45%; height: auto; max-height: 200px; display:inline-block; overflow: hidden; }
.twocol>.content>.words>.multibuttons>ul>li>.multimgshell img,
.twocol>.content>.words>.multibuttons>ul>li>.multimgfull img { position: relative; max-width: 100px; height: auto; }
.twocol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-size: 1.3em; text-align: left; color:#ad1a1f;font-weight:900; margin: 0px auto;}
.twocol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,
.twocol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration:none;}
.twocol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,
.twocol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{text-decoration:underline;}*/




	
/* ----------- 2018 Styles ---------- */
	
#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; overflow: visible; }

.table .tdx2 { position: relative; display: table-cell; width: 100%; height: auto !important; margin-right: 1%; border: none; float: left; }
.table .tdx2.tdlast { display: table-cell; width: 100%; height: auto !important; margin-right: 0%; border: none; float: left; }
.table .tdx2 .tdtext { position: relative; display: inline; width: 100%; height: auto !important; padding: 0px; margin: 0px 2% 10px 0px; float: left; }


/* text red w/ buttons styles 
#textred .buttons li { list-style: none; display: inline-block; color:#be1d23; background-color: #FFF; margin: 5px; padding: 5px 10px; border-radius: 5px; }*/
	
/*.portal { position: relative; width: 95%; height: auto; margin: 20px auto; padding: 2%; display: table; }
.portal .textlinks { float: none; width: 100%; max-width: 200px; min-width: 0%; padding: 0px; margin: 0px; }
.portal .textlinks .content { width: 100%; min-height: 100px; max-height: 220px; overflow: scroll; padding: 0px; margin: 0px 0px 0px 10px; border-left: 1px solid #CCC; border-top: 1px solid #CCC; font-size: 1em; } 
.portal .textlinks ul { margin: 0px 0px 0px 5px; }
.portal .textarea { overflow:hidden;  }
.portal .imgshell, .portal .imgleft { position: relative; display: table-cell; float: left; width: auto; max-width: 35%; min-width: 0%; height: auto !important; overflow: hidden; margin: 5px 10px 0px 0px; }
.portal .imgright { position: relative; display: table-cell; float: right; width: auto; max-width: 35%; min-width: 0%; height: auto !important; overflow: hidden; margin: 5px 0px 0px 10px; }
.portal .imgshell .piccontent, .portal .imgleft .piccontent, .portal .imgright .piccontent {position: relative;  display: block; width: 100%; height: auto !important;  }
.portal .imgshell .piccontent img, .portal .imgleft .piccontent img, .portal .imgright .piccontent img { width: 98%; height: auto; margin: 0px; padding-right: 0px; }
.portal .imgshell .piccontent .caption, #portal .imgright .piccontent .caption { display: block; float: none; }
.portal .icon {position: relative; display: table-cell; float: left; width: auto; max-width: 35%; min-width: 0%; height: auto !important; overflow: hidden; margin: 5px 10px 0px 0px; padding: 0; align-content: center; }
.portal .imgshell .iconimg { position: relative; width:100%; min-height: 55px; height: auto !important; margin: 0 auto; padding: 0; align-content: center; }
.portal .imgshell .iconimg img { position: relative; width:100%; height: auto !important; margin: 0 auto;  }*/
	
body.details #text iframe {width: 100%; height: 200px; min-height: auto;  }

/* text w/ buttons styles */
#multibuttons { position: relative; width: 92%; height: auto; padding: 5% 4%; margin: 0px auto; display: block;background: #f6f6f6; overflow: visible;}
#multibuttons .buttons { position: relative; display: block; width: 100%; height: auto !important; margin: 0px; padding: 0px; font-size: 0.9em; letter-spacing: 2px; text-transform: uppercase; font-weight: 900;overflow: visible;}
#multibuttons .buttons ul { position: relative; width: 100%; height: auto !important; list-style: none; float: none; display: block; margin: 0; padding: 0px; overflow: visible;}
#multibuttons .buttons li { position: relative; width: 90%; list-style: none; display: block; color:#222; background-color: #FFF; margin: 20px 0px 0px 0px; padding: 3%; border: 2px solid #e6e6e6;  }
#multibuttons .buttons li a:link, #multibuttons .buttons li a:visited { color:#222; text-decoration: none; }
#multibuttons .buttons li a:hover, #multibuttons .buttons li a:active { color:#222; text-decoration: underline; }

#feeds { position: relative; display: block; width: 100%; height: auto !important; margin: 25px auto;  padding: 0; float: left; }
#feeds .content, #feeds .contentx2, #feeds .contentx3, #feeds .contentx4 { display: block; width:100%; border-right: none; float:none; padding: 0px; margin: 0px; }
#feeds p { padding-bottom: 10px; }
#feeds hr { height: 1px; padding: 0px; }
#column .content { display: block; min-width: 100%; width: 100%; height: auto !important; padding: 0px; float: none;}
#column .contentx2, #column .contentx3, #column .contentx4 { display: block; width: 100%; height: auto !important; padding-right: 0%; }
#column .contentx2 iframe, #column .contentx4 iframe, #column .contentx4 iframe { display: block; width: 100%; height: auto !important; min-height: 210px; padding: 0px; float: none;}
#videorow #videocol { position:relative; display: inline; float: none; width: 100%; margin: 0 auto; padding-right: 0%; }
#videorow #videocol #embedshell { display: block; width: 100%; float: none;  margin: 0px; padding: 0px; max-height: 300px;}
#video .content { position: relative; display: block;  width: 100%; float: none; height: auto !important; max-height: 500px; overflow: visible; padding: 0px 0px 5px 0px; margin: 5px auto 10px auto;  }
#video .content iframe { position: relative; float: none; width: 100%; height: auto; max-height: 600px; margin: 0px; padding: 0px; }

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

.footer { font-size: 1em; color: #FFF; line-height: 24px; }
footer { margin: 0px; width: 100%; height: auto; display: block; top: 55px; min-height: 700px; overflow: visible;}
footer .content { position: relative; width: 98%; height: auto !important; padding: 0%; margin: 0 auto; display: block; }
footer .content #footercontact { position: relative; float: none; width: 92%; display: block; clear: both; padding: 7%; margin: 0 auto; }
footer .content #footercontact #footiconbox { margin: 0 auto; width: 100%; float: none; display:block; }
footer .content #footercontact #footiconbox #footericons { float: left;   }
footer .content #footercontent { position: relative; float: none; width: 100%; display: block; margin: 30px 0 0 0;padding: 0 20px; }
footer .content #footercontent .footercol { position: relative; float: none; width: 100%; display: block; margin: 30px 0 0 0;padding: 0; border: none;}

	
/* 2018 HP Styles */
body#home #hppr {position: relative; width: 100%; max-width: 100%; display: block; margin: 20px auto;}
body#home #hppr .hpprnews {position: relative; width: 95%; display: block; float: none; margin: 20px auto;}
body#home #hppr .hpprnews>.hpcols {position: relative; width: 100%; display: block; float: none; margin: 0 0 20px 0; }
body#home #hppr .hpprevents {position: relative; width: 95%; padding: 0%; display: block; float: none; margin: 20px auto; }
body#home #hppr .hpprevents>.hpcols {position: relative; width: 95%; padding: 2.5%; display: block; border: 1px solid #222; }
body#home #hppr .hpprevents>.hpcols>ul.hpevents {position: relative; width: 96%; padding: 0 1% 0 2%; margin: 0 auto; line-height: 1.5em; }
body#home #hppr .hpprevents>.hpcols>ul.hpevents li {list-style: none; margin-bottom: 7px; }
body#home #hppr .hpprevents>.hpcols>ul.hpevents li a:hover { text-decoration: underline; }
	
	
body#home #eventbox {position: relative; width: 100%; height: auto !important; min-height: 600px; /*background-color:#49453c;*/ margin:25px 0px 0px 0px;padding:0px;display:block; color: #FFF; }
body#home #eventbox #eventtext {position: relative; width: 90%; display:block; float: none; margin-bottom: 15px; }
body#home #eventbox #eventad {width: 100%; display:block; float: none; margin-top: 15px; }
body#home #eventbox #eventad img {width: 100%; height: auto !important }
body#home #eventbox .button-el { float: none; display: inline-block; margin: 0 0 1em 0; }
body#home #newsbox .contentx2 { display: block; width: 98%; margin-top: 20px; }
	
nav .menu_container .menu_dropdown_block .column.three-col, .menu_container .menu_dropdown_block .column.four-col { width: 90%; }

	/* PR News Feeds for a News Page */
body#news #hppr {position: relative; width: 90%; max-width: 1100px; display: table; margin: 20px auto; }
body#news #hppr .hpprnews {position: relative; width: 100%; display: block; float: none; }
body#news #hppr .hpprnews>.hpcols {position: relative; width: 100%; display: block; float: none; margin: 0; }
body#news #hppr .hpprnews>.hpcols img {position: relative; width: 100%; height: auto; }
body#news #hppr .hpprnews>.hpcols>.image>.caption {position: relative; width: 100%; height: auto; line-height: 1em; text-align: left; margin:0;padding:0; }
body#news #hppr .hpprnews>.hpcols>.hpsubject {position: relative; width: 100%; height: auto; line-height: 1em; text-align: left; margin:25px 0 10px 0;padding:0; text-transform: uppercase; font-size: 0.8em; font-weight: 800;}
body#news #hppr .hpprnews>.hpcols a:link, body#news #hppr .hpprnews>.hpcols a:visited { color:#ad1a1f; text-decoration: none; }
body#news #hppr .hpprnews>.hpcols a:active, body#news #hppr .hpprnews>.hpcols a:hover { color:#ad1a1f; text-decoration: underline; }
body#news #hppr>h2 , body#news #hppr .subtitle, body#news #hppr .hpprevents>h2 {color: #222;}

body#news #hppr .hpprfeed { position: relative; width: 100%; padding: 0%; display: block; float: none; }
body#news #hppr .hpprevents { position: relative; width: 100%; padding: 0%; display: block; float: none; }
body#news #hppr .hpprevents>.hpcols {position: relative; width: 100%; padding: 3%; display: block; border: 1px solid #222; }
body#news #hppr .hpprevents>.hpcols ul.hpevents {position: relative; width: 100%; display: table; padding: 0; margin: 0; list-style: none; }
body#news #hppr .hpprevents>.hpcols ul.hpevents li {position: relative; display: table-cell; width: 100%;float: noe;  padding: 0; margin: 0; list-style: none; border-right: 1px solid #ededed; }
body#news #hppr .date {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #222; font-weight: 800; }
body#news #hppr .day {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; }
body#news #hppr>h2 , body#news #hppr .subtitle, body#news #hppr .hpprevents>h2 {color: #222;}
body#news #hppr strong { font-weight: 900; }
body#news #hppr .hpprevents li a:link, body#news #hppr .hpprevents li a:visited { color:#ad1a1f; text-decoration: none; }
	
}

@media screen and (max-width: 320px){
	#supershell { width: 400px;  display: block; float: none; margin: 0px; padding: 0px; }
}

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

@media print { 

body { background: #FFF; }
nav { }
nav a:link,nav a:visited,nav a:hover,nav a:active { color: #000; }
header { display: none; }
header .content #logo { position: relative; top: 5px; width: 175px; padding: 0px; margin: 0px auto; background: url(//www.bard.edu/images/logo-print.png) center center; }
header .content #logo img { position: relative; padding: 0px; margin: 0px auto;}
main { position:relative; width: 100%; top: 0px; }
#introshell {  }
ul.dropdown-menu {display: none; }
#subnav li { margin-right: 10px; padding-right: 10px; }
#submenu, #sitemenu {display: none;}
#introtext {margin-top: 15px; }
#introcol #left #image { display: none; }
#introshell h1 { position: relative; top: 10px; left: 0%;font-size: 2em; line-height: 2em; color: #FFF; height: auto; margin: 10px 0; }
h1.pagetitle { position: relative; margin: 10px 0; }
#introshell .imgshell { width: 100%; height: auto; }
#boxes { margin-top: 50px; }
#boxes h3 { position: absolute; top: -30%; margin: 0px auto; padding: 0px 5%; text-align: center; color: #FFF; font-size: 1.5em; line-height: 1.2em; font-weight: 200; }
#boxes img.icon, #boxes .button {display: none; }
* { text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important; }
a:link,a:visited,a:hover,a:active { color: #ad1a1f; text-decoration:underline; }
header h2 { display: block; font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif;font-weight: bold; color:#5d5d5d; margin: 0px 0px 15px 0px; display: block; font-size: 3em; line-height: 2em; }
.cal_small {display: none; }
.cal_full {display: block; }
#imgfooter {display:none;}

}