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



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



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

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
body { margin: 0px; padding: 0px; font-family: "MarrSans", "Lucida Sans", Arial, sans-serif; font-size: 15px; line-height: 24px; color: #333; background: #FFF; font-weight: normal; }
	
/* Header Styles */
h1 { font-family: "MarrSans-Wide", Arial, sans-serif;  color:#737a86; margin: 10px 0px 20px 0px; padding: 0px; display: block; font-size: 1.8em; line-height: 38px; }
h1  em {font-style: normal !important;}
h2 { font-family: "MarrSans", "Lucida Sans", Arial, sans-serif; color:#737a86; margin: 20px 0px 5px 0px; display: block; font-size: 1.4em; line-height: 1.2em;}
h3 { font-family: "MarrSans", Arial, sans-serif; color:#737a86; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 1.2em;  }
h4 { font-family: "MarrSans", "Lucida Sans", Arial, sans-serif; font-size: 1.4em; margin: 5px 0; padding: 0px; color:#737a86; }
h5 { font-size: 1.1em; margin: 5px 0; padding: 0px; color:#737a86; }
h6 { color:#737a86; }
p { font-size: 1em; }

/* reset styles */
.clearout { clear: both; line-height: 1px; }
a:link, a:visited { color:#737a86; text-decoration: none; }
a:hover, a:active { color:#737a86; text-decoration: underline; }
img a {border-style: none; }
.imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }

/* font styles */
.caption { font-size: 0.6em; line-height: 0.9em; color: #999; font-style: italic; text-align: right; margin: 0; padding: 10px 0 0 0; }
.intro { font-size: 1.1em; line-height: 1.6em; color: #666; margin: 0px 0px 10px 0px; }
ul { padding: 15px 15px 20px 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; }
.tdhead { background:#333; color:#FFF; font-size: 1.5em; font-family: Arial, sans-serif; }
.tdbox { background:#CCC; color:#333; border: 4px solid #FFF; }
big { display: block; font-family: "MarrSans", Arial, sans-serif; font-size: 1.3em; margin: 5px 0; padding: 0px; color:#333; }
.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; }
.footerhead { font-family: "MarrSans", Lucida Sans Unicode, Arial, sans-serif; color:#333; margin: 0px 0px 5px 0px; display: block; font-size: 1.3em; line-height: 1.2em; text-transform: uppercase;}
.subtitle { font-family: "MarrSans-Wide", Lucida Sans Unicode, Arial, sans-serif;color:#737a86; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 1.3em; }
.subtitle em {font-style: normal !important;}
.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 #333; }
/* expand styles */
.expand { display:block; width: auto; height: auto; margin: 20px 0px; }
.expand a { font-family: "MarrSans", Lucida Sans Unicode, Arial, sans-serif; font-size: 1.3em; line-height: 14px; padding: 5px 10px; color:#fff; background: #333;  }
.expand a:link, .expand a:visited { color: #FFF; text-decoration: none; }
.expand a:hover, .expand a:active { color: #FFF; text-decoration: underline; }
/* classes for withs of tables and columns */
.width10 { width:10%; }
.width50 { width:50%; }
table.listings { width: 100%; background-color: #FFF; padding: 5px; margin: 0px; color: #737a86; }
table tr.ltgrey { background-color: #FFF;  }
#left {float: left; width: 50%; background-color: #FFF; margin: 0; padding: 0;  }
#right {float: left; width: 50%; background-color: #FFF; margin: 0; padding: 0; }

iframe { position: relative; width: 100% !important; height: 100%; background: #FFF !important; }

.iframe-container {position: relative; width: 100%; padding-bottom: 56.25%; height: 0;}
.embedleft > iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.embedshell > iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.embedright > iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* ------- Header Changes for Emergency Ribbon at Top ------- */
.emergencies {position:fixed; top: 0px; left: 0; width: 100%; margin: 0; padding: 0px; z-index:10000; height: 35px;font-family: "MarrSans", "Lucida Sans", Arial, sans-serif; }
.emergencies .emerbutton {font-family: "MarrSans", "Lucida Sans", Arial, sans-serif; position:relative; width: auto; margin: 0 auto; padding: 5px 15px; background: #304563; font-size: 0.9em; text-align: center;}
.emergencies .emerbutton a:link, .emergencies a:visited { font-family: "MarrSans", "Lucida Sans", Arial, sans-serif; color: #FFF;text-transform:uppercase; text-decoration: none;}
.emergencies .emerbutton a:active, .emergencies a:hover { font-family: "MarrSans", "Lucida Sans", Arial, sans-serif; color: #FFF;text-transform:uppercase; text-decoration: underline;}

.emergencies-alt {position:fixed; top: 0px; left: 0; width: 100%; margin: 0; padding: 0px; z-index:10000; height: 35px;font-family: "MarrSans", "Lucida Sans", Arial, sans-serif; }
.emergencies-alt .emerbutton {font-family: "MarrSans", "Lucida Sans", Arial, sans-serif; position:relative; width: auto; margin: 0 auto; padding: 5px 15px; background: #304563; font-size: 0.9em; text-align: center;}
.emergencies-alt .emerbutton a:link, .emergencies-alt a:visited { font-family: "MarrSans", "Lucida Sans", Arial, sans-serif; color: #FFF;text-transform:uppercase; text-decoration: none;}
.emergencies-alt .emerbutton a:active, .emergencies-alt a:hover { font-family: "MarrSans", "Lucida Sans", Arial, sans-serif; color: #FFF;text-transform:uppercase; text-decoration: underline;}

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

/* 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: #737a86; -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: "MarrSans", Lucida Sans Unicode, Arial, sans-serif;color:#737a86; margin: 30px 0px 5px 0px; padding: 0px; font-size: 1.5em; }
.cms-subtitle2 { font-family: "MarrSans", Lucida Sans Unicode, Arial, sans-serif;color:#737a86; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.25em; }
.cms-subtitle3 { font-family: "MarrSans", Lucida Sans Unicode, Arial, sans-serif;color:#8f6f32; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.25em;  }
.cms-caption { font-family: "MarrSans", Lucida Sans Unicode, Arial, sans-serif; font-style: italic; color:#666; margin: 10px 0px; padding: 0px; font-size: 0.6em; line-height: 0.9em;  }
.cms-button { display: inline; width: auto !important; height: auto; margin: 0px 10px 0px 0px; padding: 5px 10px; color: #FFF; background: #304563; border-radius: 0px; font-family: "MarrSans-Bold", Lucida Sans Unicode, sans-serif; white-space: nowrap; }
.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; }

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


/* ------ BEGIN PAGE 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; margin: 0px; padding: 0px;  }


/* subnav styles */
#pagenavshell { position: relative; width: 100%; background-color: #333; }
ul.subnav {  position: relative; list-style: none; width: 100%; height:40px; display: table; margin: 0px 0px 0px 0px; padding: 0px; background-color: #333;  font-size: 1.2em; line-height: 2em; z-index: 900; overflow: hidden; }
ul.subnav li.subnav { width: auto; margin: 0px; padding: 0px; border-right: 1px solid #666; text-align: center; display: table-cell; }
ul.subnav li.last { border-right: none;  }
.subnav {  color:#FFF; line-height: 36px; padding-top: 7px;}
ul.subnav li.last { border-right: none;}
ul.subnav li a:link { color: #fff;background-color: #333; text-decoration:none; display:block; width: auto; margin: 0px; line-height: 24px; text-align: center; }
ul.subnav li a:hover { color: #fff; text-decoration:underline; background-color:#737a86; }


/* main structure styles
main { position:relative; width: 100%; max-width: 1200px; margin: 170px auto 0px auto; padding: 0px; overflow: visible; display: block;  } 
 */
/* 2020 alteration for emergency banner main */
main { position:relative; width: 100%; max-width: 1200px; margin: 100px auto 0px auto; padding: 0px; overflow: visible; display: block;  } 

/* feature styles */
main #featurepic { position: relative; width: 100%; max-width: 1200px; height: auto !important; max-height: 675px; top: 0; margin: 0px auto; padding: 0; overflow: hidden; z-index: 499; }
main #featurepic img { width: 100%; height: auto; z-index: 499;}
main #featurepic .featuretext { position: absolute; width: 70%; display: block; text-align: left; color: #FFF; margin: 20% 15% 0 15%; padding: 0px; z-index: 500; font-size: 1.2em; }
main #featurepic .featuretext h1 { font-family: "MarrSans-Wide", Arial,sans-serif; position: relative; text-align: left; color: #FFF; line-height: 1em; margin: 0 0 20px 0; padding: 0; text-transform: uppercase; font-size: 3em; font-style: normal; }
main #featurepic em {font-style: normal !important;}
main #featurepic .featuretext .fcline { position: relative; width: 40%; border-bottom: 1px solid #FFF; margin: 3% auto; display:none;}
main #featurepic .featuretext h2 { position: relative; text-align: left; color: #FFF; margin: 10px 0 0 0; padding: 0px; /*text-shadow: 1px 1px 2px #000;*/ font-style: italic; }

main .caption { position: relative; display: block; width: 100%; height: 30px; text-align: right; color: #999; font-size: 0.6em; line-height: 0.9em; margin: 0; padding: 10px 0 0 0; font-style: italic;}


main #maintext { position:relative; display:block; overflow: visible; float: none; width: auto !important; min-height: 400px; background: #FFF; margin: 0px auto 20px auto; padding: 10px 0px 10px 0px; }
body#home main #maintext { position:relative; display:block; overflow: visible; float: none; width: auto; background: #FFF; margin: 20px auto 20px auto; padding: 20px 0px; }
main #maintext .content { position: relative; padding: 0 0 0 2%; margin: 0px; width: 80%; float: left; display: inline; }
main #maintext #submenu { position: relative; width: 18%; float: left;  margin: 60px 0 0 0;}

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

/* maincol styles for sidebar */
main>#maincol { position: relative; display: block; max-width: 1200px; min-height: 500px; overflow: visible; float: none; width: auto !important; background: #FFF; margin: 0px auto; padding: 0px 0px 20px 0px; }	
main #maincol .content { position: relative; width: 55%; height: auto; float: left; padding: 0 0 20px 0; }
main #maincol #submenu { position: relative; width: 15%; height: auto; float: left; margin: 63px 5% 0 0; }


/* sidebar detail styles */
main>#maincol>#sidebar { position: absolute; right: 10px; top: 50px; float: right; margin: 0px 0px 0px 5%; padding: 0px 0px 10px 0px; width: 20%;  }
main #maincol #sidebar .sidetext { }
main #maincol #sidebar .sidelist {  margin: 0px 0px 0px 10px; padding: 0px;  }
main #maincol #sidebar h3 { font-family: "MarrSans", "SourceSans", Lucida Sans Unicode, sans-serif; font-size: 1.1em; line-height: 1em; border-bottom: none; margin: 0px 0px 0px 0px; padding: 0px; text-transform: uppercase; color: #737a86; }
main #maincol #sidebar .sidetitle { font-family: "MarrSans-Bold", Lucida Sans Unicode, sans-serif; font-size: 1em; line-height: 1em; text-transform: none; margin: 20px 0 10px 0; padding: 0px; color: #737a86; }
main #maincol #sidebar .content {  }
main #maincol #sidebar .imgshell { width: 100%; height: auto; margin: 5px 0px 5px 0px; padding: 0px; overflow: hidden; }
main #maincol #sidebar .imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
main #maincol #sidebar ul { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 20px;}
main #maincol #sidebar iframe { width: 100%; height: 110px; }


/*Page Text w/ or w/o sidebar*/
#maintext .content .pagetext { position: relative; width: 100%; float: left; display: inline; height: auto; margin: 0px auto 20px auto; padding: 0; font-size: 1.1em; line-height: 1.2em;  }
#maincol .content .pagetext { position: relative; width: 100%; float: left; display: inline; height: auto; min-height: 100px; margin: 0px auto 20px auto; padding: 0; font-size: 1.1em; line-height: 1.2em; }
.pagetext .pageimgshell, .pagetext .pageimgleft { position: relative; display:inline; float: left; width: 100%; max-height: 480px; margin: 0 2% 0 0; padding: 0; overflow: hidden; }
.pagetext .pageimgright { position: relative; display:inline; float: right; width: 100%; max-height: 480px; margin: 0 0 0 2%; padding: 0; overflow: hidden; }
.pagetext .pageiimgshell img, .pagetext .pageimgleft img, .pagetext .pageimgright img { width: 100%; height: auto !important; margin: 0px;}
.pagetext .pagebox { position: relative; display:inline; float: inherit; width: 100%; height: auto !important; overflow: hidden; margin: 0px; padding: 0 0 20px 0; line-height: 1.5em; }
.pagetext .pagebox iframe { position: relative; display:block; float: none; width: 100% !important; height: auto !important; min-height: 350px; overflow: visible; margin: 0px; padding: 0;}
.pagetext .pagebox #imgshell .caption { position: relative; display: block; font-size: 0.6em; line-height: 0.9em; color: #999; font-style: italic; text-align: left; margin: 0; padding: 10px 0 0 0; }
.pagetext .pagebox h3 { font-size: 1.5em; margin: 0; line-height: 1.2em; text-transform: uppercase; }
.pagetext .embed { position: relative; display:inline; float: left; width: 35%; min-width: 0%; height: auto !important; min-height: 210px; overflow: hidden; margin: 0px 30px 0px 0px;  }
.pagetext .embed iframe { position: relative; width: 100%; height: 100%; min-height: 210px; }
.pagetext .pagearea { position: relative; display: inline; width: auto; max-width: 45%; float: left; padding: 0px; margin: 0px;  }
.pagetext .pagearea .content { padding: 0px; margin: 0px; }
.pagetext .pagelinks { display: block; max-width: 100%; float: left;min-width: 0%; min-height: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; }
.pagetext .pagelinks .content { width: 100%; min-height: 100px;  padding: 0px; margin: 0px 0px 0px 10px; }
.pagetext .pagelinks ul { margin: 0px 0px 0px 20px; }
.pagetext ul { margin: 0px; padding: 0px 20px; }
.pagetext.expandblock { min-height: 0px;  }
/*.pagetext img { width: 100%; height: auto !important; margin: 0px; padding: 0px; }*/


/* button styles */
.button { display:block; width: auto; height: auto; margin: 20px 0px; }
.button { color: #FFF; font-family: "MarrSans-Bold", Lucida Sans Unicode, sans-serif; white-space: nowrap; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; }
.button a { padding: 10px 10px; color: #FFF; background: #304563; font-size: 0.8em;}
.button a:link, .button a:visited { color: #FFF; text-decoration: none; }
.button a:hover, .button a:active { color: #FFF; text-decoration: underline;}
h3 a.button  { padding: 10px 10px; color: #FFF; background: #304563; display: inline-block; border-radius: 0px; text-decoration: none;}
h3 a.button:hover  { text-decoration: underline;}

/*Page Text Small*/
#maintext .content .pagesmall { position: relative; width: 100%; float: left; display: block; height: auto; margin: 10px auto 20px auto; padding: 0; font-size: 1em; line-height: 1.3em;  }
#maincol .content .pagesmall { position: relative; width: 100%; float: left; display: block; height: auto; min-height: 100px; margin: 10px auto 20px auto; padding: 0; font-size: 1em; line-height: 1.3em;  }

.pagesmall h3 { font-size: 1.2em; margin: 0; line-height: 1em; text-transform: uppercase; color: #737a86; }
.pagesmall .pagebox { position: relative; display: inline; float: right; width: 100%; margin: 0px; padding: 0; line-height: 1.5em; }
.pagesmall .pagebox { position: relative; display: inline; float: right; width: 100%; margin: 0px; padding: 0; line-height: 1.5em; }
.pagesmall .pageimgshell, .pagesmall .pageimgleft { position: relative; display: inline; float: left; width: 18%; max-height: 100px; margin: 0 5% 20px 0; padding: 0; overflow: hidden; }
.pagesmall .pageimgright { position: relative; display: inline; float: right; width: 15%; max-height: 100px; margin: 0 0 0 5%; padding: 0; overflow: hidden; }
.pagesmall .pageimgshell img, .pagesmall .pageimgleft img, .pagesmall .pageimgright img { width: 100%; height: auto !important; margin: 0px;}
.pagesmall .embed { position: relative; display:inline; float: left; width: 35%; min-width: 0%; height: auto !important; min-height: 210px; overflow: hidden; margin: 0px 30px 0px 0px;  }
.pagesmall .embed iframe { position: relative; width: 100%; height: 100%; min-height: 210px; }
.pagesmall .pagearea { position: relative; display: inline; width: auto; float: left; padding: 0px; margin: 0px;  }
.pagesmall .pagearea .content { padding: 0px; margin: 0px; }
.pagesmall .pagelinks { display: block; max-width: 100%; float: left;min-width: 0%; min-height: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; }
.pagesmall .pagelinks .content { width: 100%; min-height: 100px;  padding: 0px; margin: 0px 0px 0px 10px; }
.pagesmall .pagelinks ul { margin: 0px 0px 0px 20px; }
.pagesmall ul { margin: 0px 0px 0px 10px; }
.pagesmall.expandblock { min-height: 0px;  }


/* Page-Specific Colors */
main .pagetitle h1 { font-family: "MarrSans-CondBold", Lucida Sans Unicode, Arial, sans-serif; color:#FFF; background: #737a86; margin: 30px 0px 10px 0px; padding: 10px 15px; width: auto !important; text-transform: uppercase; display: block; font-size: 2em; line-height: 1em; top: 20px; letter-spacing: 1px; font-weight: normal; }

body#summerscape main .pagetitle h1 { background: #737a86;}
body#summerscape h3 { color: #737a86; }
body#summerscape .button a { background: #304563; }
body#summerscape #multiportal .button a { background: #304563; }
body#summerscape .multicol .multiembed { background: #737a86; }

body#spiegeltent main .pagetitle h1 { background: #737a86;}
body#spiegeltent h3 { color: #737a86; }
body#spiegeltent .button a { background: #304563; }
body#spiegeltent #multiportal .button a { background: #304563; }
body#spiegeltent .multicol .multiembed { background: #737a86; }

body#liveartsbard main .pagetitle h1 { background: #737a86;}
body#liveartsbard h3 { color: #737a86; }
body#liveartsbard .button a { background: #304563; }
body#liveartsbard #multiportal .button a { background: #304563; }
body#liveartsbard .multicol .multiembed { background: #737a86; }


/* adjust for COVID ribbon */
body#events main { position:relative; width: 100%; max-width: 1200px; margin: 200px auto 0px auto; padding: 0px; overflow: visible; display: block;  } 


body#events main .pagetitle h1 { background: #737a86;}
body#events h3 { color: #737a86; }
body#events #sidebar .button a:link { background: #304563; color: #FFF; }
body#events #sidebar .button a:visited { background: #304563; color: #DCD9DA;}
body#events #sidebar .button a:active, body#events #sidebar .button a:hover { background: #304563; color: #FFF;  text-decoration: underline; }
body#events #multiportal .button a { background: #304563; }
body#events .multicol .multiembed { background: #737a86; }
body#events #main_event h1 {font-family: "MarrSans-Wide", Arial, sans-serif; font-weight: normal; text-transform: uppercase;}
body#events #main_event p.sponsor {font-family: "MarrSans-CondBold", Arial, sans-serif; font-weight: normal; letter-spacing: 1px; text-transform: uppercase;}



/* 3Col Overview Styles */
main #maintext #content3col { position: relative; padding: 5px 20px 20px 20px;  }
main #maintext #content3col h2 { position: relative; display: inline-block; background: #737a86; padding: 12px 100px 12px 15px; color: #FFF; text-transform: uppercase; }
main #maintext #content3col .multicols { position: relative; display: block; width: 100%; height: auto !important; padding: 0; margin: 0px 0px 10px 0; background: #FFF; overflow: visible;}
main #maintext #content3col .multicols .multicolx3 { position: relative; display: inline; width: 31%; float: left; height: auto !important; padding: 0.5%; margin: 0; overflow: visible;}
main #maintext #content3col .multicols .multicolx3 .colimg { position: relative; display: block; width: 100%; height: auto !important; max-height: 205px; padding: 0; margin: 0; overflow: hidden;}
main #maintext #content3col .multicols .multicolx3 .colimg img{ width: 100%; height: auto !important; padding: 0; margin: 0;}

/* titles and site titles
#title  { width: 100%; overflow: auto; float: none; background: #FFF; margin: 0px auto; padding: 0px;  }
#sitetitle  { position: relative; width: 100%; max-width: 1200px; overflow: auto; float: none; background: #FFF; margin: 0px auto; padding: 0px;  }
#sitetitle img { margin: 0px 10px; padding: 0px;  }
#sitetitle .pagetitle { font-family: "MarrSans", Lucida Sans Unicode, Arial, sans-serif; color:#FFF; margin: 20px 0px 0px 20px; padding: 10px; width: auto !important; display: inline-block; font-size: 1.5em; line-height: 1em; background: #ad1a1f;}
body.home #sitetitle { display: none; }
body#home #sitetitle { display: none; } */


/* text styles */
.text { position: relative;display: block; width: 100%; max-width: 1200px; height: auto; overflow: visible; /*min-height: 300px;*/ margin: 25px auto 0 auto; padding: 0px; font-size: 1.2em; line-height: 1.2em;}
.text .textimgshell, .text .textimgleft { position: relative; display:inline; float: left; width: 68%; /*max-height: 480px;*/ margin: 0 2% 0 0; padding: 0; overflow:visible; }
.text .textimgright { position: relative; display:inline; float: right; width: 68%; /*max-height: 480px;*/ margin: 0 0 0 2%; padding: 0; overflow: visible; }
.text .textiimgshell img, .text .textiimgleft img, .text .textiimgright img { width: 100%; height: auto !important; margin: 0px;}
.text img { width: 100%; height: auto !important; margin: 0px; z-index: 30;}
.text .textimgright .caption { position: relative; display:block; float: right; width: 68%; margin: 0; padding: 10px 0 0 0; text-align: right; color: #999; font-style: italic; font-size: 0.6em; line-height: 0.9em; z-index: 31; overflow: visible; min-height: 15px; }
.text .textbox { position: relative; display:inline; float: inherit; width: 20%; overflow: hidden; /*margin: 5% 5% 0 5%;*/ margin: 0% 5% 0 5%; padding: 0; line-height: 1.5em; }

.text .textimgshell + .textbox,
.text .textimgright + .textbox,
.text .textimgleft + .textbox { margin: 0 0 0 0; }

.text .textbox h3 { font-size: 1.5em; line-height: 1em; text-transform: uppercase; }
.text .embedshell { position: relative; display:inline; float: left; width: 68%; max-height: 500px; margin: 0 2% 0 0; padding: 0; overflow: hidden; }

.text iframe { position: relative; width: 100%; height: 100%; min-height: 450px; }
#maincol .text { min-height: 50px;}
body#home .text .textbox h3 { font-family: "MarrSans-CondBold", Lucida Sans Unicode, Arial, sans-serif; font-size: 1.1em; margin: 0; line-height: 1em; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; }

/* profiles / pull quotes */
#profiles h3 { font-family: "MarrSans-Bold",sans-serif; text-align: center;}
#profiles .subtitle { font-family: "MarrSans",sans-serif;  text-align: center;}
#profiles { position: relative; display: block; width: 100%; padding: 20px 0; margin: 0px auto 40px auto; text-align: center; background: #FFF; }
#profiles .textbox { position: relative; display: block; width: 100%; padding: 0px 0; margin: 0px auto 0px auto; text-align: center; background: #FFF; }
#profiles .profilebox { position: relative; display:inline-block; width: 49%; height: 300px; margin: 0; padding: 0; vertical-align: top; background: #FFF;}
#profiles .profilebox .profilepic { position: absolute; top: 0px; left: 0px; width: 20%; height: auto; max-height: 155px; overflow: hidden; z-index: 100; }
#profiles .profilebox .profilepic img { width: 100%; height: auto; }
#profiles .profilebox .button { position: absolute; bottom: 0px; right: 0px; margin: 0px; z-index: 100; }
#profiles .profilebox .profilecontent { position: relative; display:block; width: 90%; height: 280px; padding: 20px 0; margin: 5%; background: #FFF; vertical-align: top; z-index:99; }
#profiles .profilebox .profilecontent .profiletitle { position: relative; width: 70%; height: auto !important; margin: 0px 10% 0px 25%; padding: 10px 0 0 0; line-height: 1em; }
#profiles .profilebox .profilecontent .profiletext { position: relative; width: 70%; height: auto !important; margin: 0px 0px 0px 25%; padding: 10px 0 0 0; line-height: 1.3em; }

/*.text .textarea { position: relative; display: inline; width: auto; max-width: 45%; float: left; padding: 0px; margin: 0px;  }
.text .textarea .content { padding: 0px; margin: 0px; }
.text .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 ul { margin: 0px 0px 0px 20px; }
.text.expandblock { min-height: 0px;  }
.text img { width: 100%; height: auto !important; margin: 0px; padding: 0px; }*/


.footerinclude button  { display: inline;  float: left; color: #FFF; font-family: "MarrSans-Bold", Lucida Sans Unicode, sans-serif; white-space: nowrap; text-transform: uppercase; letter-spacing: 2px; padding: 5px 10px; margin: 0 0 0 10px; background: #304563; font-size: 1.2em; line-height: 14px; border: none; }
.footerinclude .button { display:inline; float:right; margin: 0 0 0 10px;}
.footerinclude input { width: 40%; }


#maincol #sideby-wrapper { position: relative; width: 76%; height: auto; display: table; float: left; text-transform: uppercase; }
#sideby-wrapper .sideby-title {width: 26%; display: table-cell; float: left; vertical-align: middle; vertical-align: center; margin: 0; padding: 0;}
#sideby-wrapper .sideby-title h3 { padding-right: 20px; }
#sideby-wrapper .sideby-multitext {width: 72%; display: table-cell; float: left; vertical-align: top; margin: 0; padding: 0;}
#sideby-wrapper .sideby-multitext .sideby-multibox {width: 31%; display: inline; float: left; vertical-align: top;  margin: 0 2% 2% 0; padding: 0; }
#sideby-wrapper .sideby-multitext .sideby-multibox .sidebyimg {width: 100%; display: block; height: auto; max-height: 300px; margin: 0; padding: 0; }
#sideby-wrapper .sideby-multitext .sideby-multibox .sidebyimg img {width: 100%; height: auto; margin: 0; padding: 0; }


.biography { position: relative; width: 100%; height: auto; display: table; float: left;   }
#maincol .biography #sideby-wrapper {width: 100%; display: table-cell; float: left; vertical-align: middle; vertical-align: center; margin: 0; padding: 0; }
.biography #sideby-wrapper h3 { text-align:center; margin: 0px auto; }

.biography #sideby-wrapper .sideby-multitext {width: 100%; display: table-cell; float: left; vertical-align: top; margin: 0; padding: 0;  }

.biography #sideby-wrapper .sideby-multitext .sideby-multibox {width: 31%; display: inline; float: left; vertical-align: top;  margin: 0 2% 2% 0; padding: 0 0 0 0; height: 200px;  }
.biography #sideby-wrapper .sideby-multitext .sideby-multibox .sidebyimg {width: 100%; display: block; height: auto;  margin: 0; padding: 0; text-align:left;  }
.biography #sideby-wrapper .sideby-multitext .sideby-multibox .sidebyimg img {width: auto;  margin: 0; padding: 0; max-height: 175px; min-height: 175px; }


#maintext .content #pagecol { position: relative; display: table; width: 100%; height: auto !important; margin: 10px auto; padding: 0px; }
#maincol .content #pagecol { position: relative; display: table; width: 100%; height: auto !important; margin: 0px auto; padding: 0px; }
#pagecol .contextx4 .textcol .coltext h3 { font-family: "MarrSans", Arial, sans-serif; font-size: 1.5em; line-height: 1em; margin: 0; padding: 0;text-transform: uppercase;  }
#pagecol .contextx4 .textcol .coltext h3 a:link, #pagecol .contextx4 .textcol .coltext h3 a:visited { color: 333; text-decoration: none; }
#pagecol .contextx4 .textcol .coltext h3 a:hover, #pagecol .contextx4 .textcol .coltext h3 a:active { text-decoration: underline; }
#pagecol .content { position: relative; display: table-cell; min-width: 100%; height: auto !important; padding: 0px; margin: 0px auto; padding-right: 0px; }
#pagecol .contentx2 { position: relative; display: table-cell; width: 48%; height: auto !important; padding-right: 2%; }
#pagecol .contentx3 { display: table-cell; width: 32%; height: auto !important; padding-right: 1%; }
#pagecol .contentx4 { display: table-cell; width: 25%; height: auto !important; padding: 0%; text-align: center; }
#pagecol .content .textcol,#pagecol .contentx2 .textcol, #pagecol .contentx3 .textcol, #pagecol .contentx4 .textcol { position: relative; width: 95%; height: auto !important; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px; overflow: hidden; }
#pagecol .content .coltext iframe { position: relative; float: left; width: 50%; height: auto; margin: 0px 10px 5px 0px; padding: 0px; }
#pagecol .content .imgshell, #pagecol .contentx2 .imgshell, #pagecol .contentx3 .imgshell, #pagecol .contentx4 .imgshell { position: relative; width: 100%; float: none; display: block; margin: 0px 0px 10px 0px; overflow: hidden; }
#pagecol ul { margin: 20px 0px; }
#pagecol ul li { line-height: 1.4em; margin-bottom: 10px; list-style: none; }

/* language icon styles
#maintext .content #langicon { position: absolute; top: 0; right: 0; width: 30px; height: 30px; z-index: 900;  }
#maintext .content #langicon img { position: relative; width: 100%; height: auto; }
#maintext .content #langicon a:link,
#maintext .content #langicon a:active { position: relative; width: 30px; height: 30px; } */

.billboard {position: relative; display: block; width: 100%; height: auto !important; max-height:800px; margin: 20px auto; overflow: hidden; }
.billboard h2 { position: absolute; top: 20%; left: 20%; color: #FFF; font-size: 5.5em; font-family: "MarrSans", sans-serif; /*text-shadow: 1px 1px 2px #000;*/}
.billboard .button { position: absolute; bottom: 5%; right: 5%; font-size: 1.1em; }
.billboard .button a { background: #304563; }
.billboard img { width: 100%; height: auto !important; }
.billboard .caption { position: absolute; bottom: 1%; right: 1%; color: #FFF; }


.inspire { position: relative; display: block; width: 90%; max-width: 1200px; height: auto; margin: 30px auto; padding: 0; font-size: 1.2em; text-align: justify; }
.inspire h3 { text-align: left; font-size: 1.9em; font-family: sans-serif; }
.inspire h4 { text-align: left; font-size: 1.6em; line-height: 1.8em; }
.inspire .rule { width: 15%; border-bottom: 2px solid #ad1a1f; margin: 15px auto; }


.announce { position: relative; display: block; width: 90%; height: auto; margin: 40px auto; padding: 0; border: 1px solid #e6e6e6; }
.announce h3 { text-align: left; display: inline-block; font-size: 1.5em; font-family: "MarrSans", sans-serif; color: #FFF; background-color: #737a86; padding: 5px 8px; margin: 0 0 10px 0; }
.announce h4 { text-align: center; font-size: 1.6em; line-height: 1.8em; }
.announce .rule { width: 15%; border-bottom: 2px solid #ad1a1f; margin: 10px auto; }

/* Table 2Col Styles */
.table { position: relative; display: table; width: 100%; height: auto !important; min-height: 0px; float: left; margin: 15px auto; padding: 0px; }
.table .tdx2 h3 { padding: 0px; margin: 0px; color: #737a86;}
.table .tdx2 { display: table-cell; width: 48%; height: auto !important; margin: 0 2% 10px 0; border: none; float: left; }
.table .tdx2.tdlast { display: table-cell; width: 48%; height: auto !important; margin-right: 0%; border: none; float: left; }
.table .tdx2 .tdx2img { position: relative; float: left; width: 25%; height: auto !important; padding: 0px; margin: 0px; overflow: hidden;  }
.table .tdx2 .tdx2img img { position: relative; width: 100%; height: auto !important; padding: 0px; margin: 0px; }
.table .tdx2 .tdtext { position: relative; width: 100%; float: left; height: auto !important; padding: 0px; margin: 0%; }
.table .tdx3 h3 { padding: 0px; margin: 0px; color: #737a86; }
.table .tdx3 { display: table-cell; width: 30%; height: auto !important; margin: 0 1% 10px 0; border: none; float: left; }
.table .tdx3.tdlast { display: table-cell; width: 48%; height: auto !important; margin-right: 0%; border: none; float: left; }
.table .tdx3 .tdx2img { position: relative; float: left; width: 25%; height: auto !important; padding: 0px; margin: 0px; overflow: hidden;  }
.table .tdx3 .tdx2img img { position: relative; width: 100%; height: auto !important; padding: 0px; margin: 0px; }
.table .tdx3 .tdtext { position: relative; width: 70%; float: left; height: auto !important; padding: 0px; margin: 0 0 0 2%; }

/* BMF 4Col Styles */
.table { position: relative; display: table; width: 100%; height: auto !important; min-height: 0px; float: left; margin: 0px auto 15px auto; padding: 0px; }
.table .tdx4 h3 { padding: 0px; margin: 0px; color: #737a86;}
.table .tdx4 { display: table-cell; width: 24%; height: auto !important; margin: 0 1% 10px 0; border: none; float: left; }
.table .tdx4.tdlast { display: table-cell; width: 25%; height: auto !important; margin-right: 0%; border: none; float: left; }
.table .tdx4 .tdx4img { position: relative; float: left; width: 100%; height: auto !important; padding: 0px; margin: 0 0 10px 0; overflow: hidden;  }
.table .tdx4 .tdx4img img { position: relative; width: 80%; height: auto !important; padding: 0px; margin: 0 20% 0 0; }
.table .tdx4 .tdtext { position: relative; width: 100%; float: left; height: auto !important; padding: 0px; margin: 0%; }
.table .tdx4 .tdtext iframe { position: relative; float: left; width: 90%; height: auto; margin: 0px 10px 5px 0px; padding: 0px;}

.table .tdx3 h3 { padding: 0px; margin: 0px; color: #737a86; }
.table .tdx3 { display: table-cell; width: 30%; height: auto !important; margin: 0 1% 10px 0; border: none; float: left; }
.table .tdx3.tdlast { display: table-cell; width: 48%; height: auto !important; margin-right: 0%; border: none; float: left; }
.table .tdx3 .tdx2img { position: relative; float: left; width: 25%; height: auto !important; padding: 0px; margin: 0px; overflow: hidden;  }
.table .tdx3 .tdx2img img { position: relative; width: 100%; height: auto !important; padding: 0px; margin: 0px; }
.table .tdx3 .tdtext { position: relative; width: 70%; float: left; height: auto !important; padding: 0px; margin: 0 0 0 2%; }

/* taglines styles */
#taglines { position: relative; display: table; width: auto !important; height: auto !important; margin: 35px auto; padding: 0px; text-align: center; color: #FFF;  }
#taglines>.tagline { display: inline; float: left; width: auto !important; padding: 3px 10px; margin: 0px 10px; color: #FFF; background: #737a86; font-family: "MarrSans", sans-serif; font-size: 2em; line-height: 1.5em;}
#taglines>.tagline a:link, #taglines>.tagline a:visited { color: #FFF; text-decoration: none; }
#taglines>.tagline a:hover, #taglines>.tagline a:active { color: #FFF; text-decoration: underline; } 


/* highlight class styles 
#highlight { position: relative; width: 91%; height: auto; margin: 25px auto; padding: 0px; overflow: hidden; display: block; background: #FFF;}
#highlight .image { position: relative; float: right; width: 49%; overflow: hidden; z-index: 999px; }
#highlight .image img { width: 100%; height: auto; }
#highlight .image .caption { position: absolute; left: 20px; bottom: 20px; width: 85%; background: #FFF; border: 1px solid #e6e6e6; padding: 10px; overflow: hidden; z-index: 999px; font-size: 1.5em; }
#highlight .image .caption a:link, #highlight .image .caption a:visited { text-decoration: none; color: #333; }
#highlight .image .caption a:hover, #highlight .image .caption a:active { text-decoration: none; color: #ad1a1f; }
#highlight .embed { position: relative; float: left; width: 49%; overflow: hidden; z-index: 1000px; }
#highlight .embed iframe { width: 100%; height: 350px; max-height: 350px; }
#highlight .hightext { position: relative; float: right; width: 49%; margin: 0; padding-right: 1%; background: #FFF; color: #333; height: auto !important; max-height: 380px; overflow: hidden; }
#highlight .hightext h2 { font-size: 1.8em; line-height: 1em; margin: 0px 0px 10px 0px; padding: 0px; color: #333; }
#highlight .hightext .subtitle { display: block; font-size: 1.3em; line-height: 1.4em; margin: 0px; color: #f72a31; }
#highlight .hightext ul { margin: 0px; }
#highlight .hightext .caption { position: absolute; bottom:0px; right:25px; color: #e6e6e6; }
#highlight .button { display: inline-block; width: auto; height: auto; margin: 15px 5px 5px 0px; padding: 10px; background: #465970; }
#highlight .button a:link, #highlight .button a:visited, #highlight .button a:hover, #highlight .button a:active { color: #FFF; }
.button { color: #FFF; font-family: "MarrSans", Lucida Sans Unicode, sans-serif; white-space: nowrap; line-height: 0.5em; }
#highlight .link { font-size: 1.1em; padding: 7px 10px; margin: 7px 0px; background: #FFF; border: 1px solid #C4C2C2; }
#highlight .link a:link, #highlight .link a:visited { color: #ad1a1f; }
#highlight a:link, #highlight a:visited {color:#ad1a1f;}*/



/* text multi portal styles */
#multiportal { position: relative; display: block; width: 100%; height: auto !important; margin: 40px auto 0px auto; padding: 0px;  background: #FFF; color: #FFF; overflow: hidden;  }
#multiportal .multiimg { position: relative; width: 100%; height: auto !important; overflow: hidden; margin: 0px; padding: 0px; z-index: 499;}
#multiportal .multiimg img { width: 100%; height: auto !important; margin: 0px; padding: 0px; }

/* multi ad */
#multiportal .multiad { position: relative; width: 32.9%; float: left; height: auto !important; display: block; margin: 0 0 0 0; padding: 0px;  background: #FFF;  }
#multiportal .multiad .multitext { position: absolute; top: 65%; left: 0%; display: block; width: 90%; padding: 5%; margin: 0px auto; z-index: 500; color: #FFF; text-align: left; }
#multiportal .multiad .multitext .multihead { color: #FFF; font-size: 2em; line-height: 1.5em; text-align: left; }
#multiportal .multiad .multitext .multisub { color: #FFF; font-size: 1.5em;  }
#multiportal .multiad .multitext .button { margin: 20px auto; float: none;  }
#multiportal .multiad .multitext .button a { text-shadow: none; background: #304563 !important;  }

/* multi boxes */
#multiportal .multicol { position: relative; width: 67.1%; float: left; height: auto !important; margin: 0px; padding: 0px; }
#multiportal .multicol .multiboxes { position: relative; width: 49%; float: left; display: inline; height: auto !important; margin-left: 1%; padding: 0px; background: #FFF; }
#multiportal .multicol .multiboxes a { position: relative; width: 100%; min-height: 300px; text-decoration: none;}
#multiportal .multicol .multiboxes .multicoltext { position: absolute; top: 65%; display: block; width: 90%; height: auto !important; padding: 5%; margin: 0px; z-index: 500; color: #FFF; font-size: 0.9em; text-align: left; }
#multiportal .multicol .multiboxes .multicoltext .button { margin: 20px auto; float: none;  }
#multiportal .multicol .multiboxes .multicoltext .button a:link { position: relative; color: #FFF; background:#304563; width: auto !important; height: auto; margin: 5px auto; padding: 10px 10px; font-size: 0.9em; text-shadow: none;}
#multiportal .multicol .multiboxes .multicoltext .button a:hover { color: #FFF; background:#304563; text-decoration: underline; }
#multiportal .multicol .multiboxes .multicoltext .multihead { color: #FFF; font-size: 2.0em; line-height: 1.2em; text-align: left;  }
#multiportal .multicol .multiboxes .multicoltext a:link, #multiportal .multicol .multicoltext a:visited { color: #FFF; text-decoration: none; text-shadow: none;}
#multiportal .multicol .multiboxes .multicoltext a:active, #multiportal .multicol .multicoltext a:hover { color: #FFF; text-decoration: underline; text-shadow: none;}


/* multi embed */
#multiportal .multicol .multiembed { position: relative; width: 92%; min-height: 115px; float: none; display: block; height: auto !important; margin: 1% 0 1% 1%; padding: 20px 4% 5px 4%; background: #737a86; font-size: 1.3em; }
#multiportal .multicol .multiembed embed { position: relative; width: 40%; float: right; display: inline; height: auto !important; margin: 2%; padding: 5%; background: #FFF; }
#multiportal .multicol .multiembed iframe { position: relative; top: 0; right: 0; width: 30%; float: right; display: inline; height: auto !important; margin: 2%; padding: 1%; background: #FFF; }

/* multi text styles */
#multiportal h2 { font-size: 1.8em; margin: 0 0 10px 0; }
#multiportal .footerhead { font-family: "MarrSans", Lucida Sans Unicode, Arial, sans-serif; color:#737a86; margin: 20px 0px 5px 0px; display: block; font-size: 1.4em; line-height: 1.2em;}
#multiportal .subtitle { display: block; font-family: "MarrSans", Lucida Sans Unicode, Arial, sans-serif; font-size: 1.3em; margin: 5px 0; padding: 0px; color:#333; }

/* text bmf book portal styles */
#bmfportal { position: relative; display: block; width: 100%; height: auto !important; margin: 40px auto 0px auto; padding: 0px;  background: #FFF; color: #333; overflow: hidden;}
#bmfportal .bmfad .bmfadimg { position: relative; width: 100%; height: auto !important; max-height: 340px; overflow: hidden; margin: 0px auto; z-index: 499;}
#bmfportal .bmfad .bmfadimg img { width: 60%; height: auto !important; margin: 0px; padding: 0px 20%; }

#bmfportal .bmfad { position: relative; width: 32.3%; float: left; height: auto !important; min-height: 300px; display: block; margin: 0 1% 0 0; padding: 0px;  background: #FFF; }
#bmfportal .bmfad .bmftext { position: relative; display: block; width: 80%; height: auto; padding: 3% 10%; margin: 0px auto; z-index: 500; color: #333; text-align: center; font-size: 1.2em; }
#bmfportal .bmfhead { color: #333; font-size: 2em; line-height: 1.5em; text-align: left; margin: 0px 0px 20px 0px;}
#bmfportal .bmfad .bmftext .bmfsub { color: #333; font-size: 1.5em;  }

#bmfportal .bmfcol { position: relative; width: 66.6%; float: left; height: auto !important; margin: 0px; padding: 0px;  }
#bmfportal .bmfcol .bmfboxes { position: relative; width: 49%; float: left; display: inline; height: auto !important; min-height: 300px; margin-left: 1%; margin-bottom: 1%; padding: 0px; }
#bmfportal .bmfcol .bmfboxes .bmfimg { position: relative; width: 80%; float: left; display: inline; height: auto !important; min-height: 300px; margin: 0 10% 3% 10%; padding: 0px; }
#bmfportal .bmfcol .bmfboxes .bmfimg img { position: relative; width: 75%; float: left; display: inline; height: auto !important; margin: 0 12.5%; padding: 0px; }
#bmfportal .bmfcol .bmfboxes a { position: relative; width: 100%; min-height: 300px; text-decoration: none;}
#bmfportal .bmfcol .bmfcoltext { position: relative; display: block; width: 100%; height: auto; padding: 0%; margin: 0px auto; z-index: 500; color: #333; text-align: center; font-size: 1.2em; }
#bmfportal .bmfcol .subtitle { color: #333; }
#bmfportal .bmfcol .bmfboxes iframe { position: relative; width: 80%; height: 340px; overflow: hidden; margin: 0px auto 0 auto; padding: 0; top: -25px; background: #FFF; }

#bmfportal .bmfcol .bmfembed { position: relative; width: 92%; min-height: 115px; float: none; display: block; height: auto !important; margin: 1% 0 1% 1%; padding: 20px 4%; background: #465970; font-size: 1.3em; }
#bmfportal .bmfcol .bmfembed embed { position: relative; width: 40%; float: right; display: inline; height: auto !important; margin: 2%; padding: 5%; background: #FFF; }
#bmfportal .bmfcol .bmfembed iframe { position: relative; top: 0; right: 0; width: 30%; float: right; display: inline; height: auto !important; margin: 2%; padding: 1%; background: #FFF; }

#bmfportal h2 { font-size: 1.8em; margin: 0 0 10px 0; }
#bmfportal .footerhead { font-family: "MarrSans", Lucida Sans Unicode, Arial, sans-serif; color:#737a86; margin: 20px 0px 5px 0px; display: block; font-size: 1.4em; line-height: 1.2em;}
#bmfportal .subtitle { display: block; font-family: "MarrSans", Lucida Sans Unicode, Arial, sans-serif; font-size: 1.3em; margin: 5px 0; padding: 0px; color:#333; }

#bmfportal .button { margin: 20px auto; float: none;  }
#bmfportal .button a { background: #304563; color: #FFF; }
#bmfportal .button { margin: 20px auto; float: none;  }
#bmfportal .bmfcoltext .button a { background: #340563; color: #FFF; }

#bmfportal>.bmfcol>.bmfboxes>.bmfcoltext>iframe>ul>li>a:link { color: #737a86 }
#bmfportal>.bmfcol>.bmfboxes>.bmfcoltext>iframe>ul>li>a:visited { color: #737a86; }
#bmfportal>.bmfcol>.bmfboxes>.bmfcoltext>iframe>ul>li>a:active { color: #737a86; }
#bmfportal>.bmfcol>.bmfboxes>.bmfcoltext>iframe>ul>li>a:hover { color: #737a86; }
#bmfportal>.bmfcol>.bmfboxes>.bmfcoltext>ul { border: 1px solid #CCC; }


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


/* Main Column Styles */
#column { position: relative; display: table; width: 100.8%; height: auto !important; min-height: 0px; margin: 10px auto 25px auto;  padding: 0px; line-height: 1.5em; }
/*#column .textcol .coltext h2 {font-size: 1.2em; line-height: 1.3em; margin: 0; padding: 0;  }*/
#column .textcol .coltext h3 { font-family: "MarrSans", sans-serif; font-size: 1.0em; line-height: 1.4em; margin: 0; padding: 0; text-transform: uppercase; }
#column .textcol .coltext h3 a:link, #column .textcol .coltext h3 a:visited { color: #737a86; text-decoration: none; }
#column .textcol .coltext h3 a:hover, #column .textcol .coltext h3 a:active { color: #737a86; text-decoration: underline; }
#column .content { position: relative; display: table-cell; min-width: 100%; height: auto !important; padding: 0px; margin: 0px auto; padding-right: 0px; }
#column .contentx2 { position: relative; display: table-cell; width: 48%; height: auto !important; padding-right: 2%; }
#column .contentx3 { display: table-cell; width: 30%; height: auto !important; padding-right: 2%; }
#column .contentx4 { display: table-cell; width: 25%; height: auto !important; padding: 0%; text-align: center; }
#column .textcol,#column .textcol { position: relative; width: 95.5%; height: auto !important; margin: 10px auto 20px auto; padding: 0px 0px 0px 0px; overflow: hidden; color: #737a86; }
#column .content iframe { position: relative; float: left; width: 50%; height: auto; margin: 0px 10px 5px 0px; padding: 0px; }
#column .content .imgshell, #column .contentx2 .imgshell, #column .contentx3 .imgshell, #column .contentx4 .imgshell { position: relative; width: 100%; float: none; display: block; margin: 0px 0px 10px 0px; overflow: hidden;  }

#column ul { margin: 20px 0px; }
#column ul li { line-height: 1.4em; margin-bottom: 10px; list-style: none; }


/* Video Cols */
#videorow { position: relative; display: block; width: 100%; height: auto !important; min-height: 0px; margin: 5px auto;  padding: 0px; }
#videorow #videocol { position:relative; display: inline; float: left; width: 23%; margin: 0 auto; padding-right: 2%; }
#videorow #videocol>#embedshell { display: block; width: 100%; height: auto !important;  float: none;  margin: 0px; padding: 0px; max-height: 140px; }
#videorow #videocol>#embedshell iframe { display: block; width: 100%; float: none;  margin: 0px; padding: 0px; }

/* Main Video Styles */
#video{ width:90%; min-height:0px; background-color: #FFF; overflow-x:auto; overflow-y: hidden; position: relative; margin: 0px auto;  padding: 0px; }
#video .content{ width:7000px;  height:300px; background-color: #FFF;  padding: 10px 20px;     /* just an example*/}
#video .content .textcol{ width:250px; height:498px; float:left; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px; }
#video .content .textcol { /*width: 95%; height: auto !important; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px;  */}
#video .content iframe { width:95%; height: auto; max-height: 130px; float:left; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px;  position: relative; }


/* Sponsor Logo Styles */
/* text styles */
.sponsors { position: relative; width: 100%; max-width: 1200px; height: auto; min-height: 300px; margin: 25px auto 0 auto; padding: 0px; display: block; font-size: 1em; line-height: 1.1em;}
.sponsors ul.sponsors {position: relative; width: 100%; height: auto; margin: 20px auto; padding: 0px; display: block; }
.sponsors ul.sponsors li {position: relative; width: 31%; height: 100px; margin: 0 2% 0 0; padding: 0px; display: inline; float: left; }
.sponsors img {position: relative; width: 98%; height: auto; margin: 0; padding: 0px; display: block;}

/* footer styles */
.footer { font-size: .9em; color: #333; line-height: 20px; }
footer { position: relative; width: 100%; height: auto !important; overflow: visible; margin: 0px; background-color: #FFF; display: block; border-top: 2px solid #ededed; }
footer ul {margin: 0px; padding: 0px; list-style:none;}
footer .imgshell img { height: auto; width: 100px; margin: 0px 0px 5px 0px; }
footer .content { position: relative; width: 100%; max-width: 1200px; padding: 20px 0px; margin: 0 auto 0 auto; display:block; height: auto;  }
footer .content a:link, footer .content a:visited { color: #737a86; text-decoration:none;}
footer .content a:hover, footer .content a:active { color: #737a86; text-decoration:underline;}
footer #footercontent { position: relative; float: left; width: 100%; display: table; }
footer #footiconbox { position: relative; float: right; width: 10%; }
footer #footiconbox .footericons { position: relative; float: right;  }
.footercol { position: relative; display:table-cell; float:left; width: auto !important; margin: 0px 50px 0 0; padding: 0px;  }
.footercol.first { padding: 0px 0px 0px 0px; border-left: none;}
.footercol #imgfooter img { position: relative; width: 100%;  }
.footercol #imgfooter a { position: relative; width: 100%; height: 100%; }
.footercol img { position: relative; width: 100%;  }
.footercol ul { text-transform: uppercase; display: block; margin: 0; font-size: 1.2em;}
.footercol ul li { list-style: none; display: inline; margin: 0 20px 0 0; padding: 0;  }
.footercol .csstable { position: relative; display: table; width:100%; min-width: 500px; margin: 0px auto; }
.footercol .csstable .csscell { display: table-cell; padding: 0 2%; width: auto !important; }

footer .content .footer-bottom { position: relative; width: 100%; height: 130px; display: block; float: left; margin: 0 0 20px 0; padding: 0; vertical-align: bottom;}
footer .content .footer-bottom .footercontact { position: absolute; bottom: 0; width: 95%; float: left; margin: 20px 2.5% 20px 0px; padding: 0; text-align: left; font-size: .9em; color: #333; line-height: 0.9em;  vertical-align: bottom; }
footer .content .footer-bottom .footerinclude { position: absolute; bottom: 0; right: 0; width: 30%; float: right; margin: 20px 0 0 0; padding: 2%; text-align: left; font-size: .9em; color: #333; background: #FFF; line-height: 1.3em; display: none;}
footer .content .footer-bottom .footerinclude h3 { position: relative; color: #333; text-transform: uppercase; margin: 0 0 0 0; line-height: 1em;}
footer .content .footer-bottom .footercontact .cms-subtitle2 { color: #737a86; }


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


body.news form#searchform { margin-top: 1em; clear: both;}
body.news form#searchform input#keywords { padding: 3px 6px 3px 6px; width: 300px; border: 1px #666666 solid; font-size: 1em; color: #000000; }
body.news form#searchform input.submit { padding: 2px 3px 2px 3px; border: 1px #666666 solid; font-size: 1em; color: #333;background-color: #F0F0F0;}
body.news form#searchform input.submit:hover { background-color: #DEDEDE;}
body.news form#searchform input.submit:active {color: #000000; background-color: #CCCCCC;}
body#news .wpnewsimg { position: relative; float: left; width: 80px; height: 80px; margin : 0 10px 0 0; }
body#news .wpnewsimg img { position: relative; display: block; width: 80px; height:auto !important; }
body#news p { margin: 0 0 25px 0; }
body#news .wpdivide { border-top: 1px solid #333; margin: 0 0 25px 0; padding: 25px 0 0 0; }

body#press>.press_release {line-height: 1.3em;border: 1px solid #ededed;}


body.search form#searchform { margin-top: 1em; clear: both;}
body.search form#searchform input#keywords { padding: 3px 6px 3px 6px; width: 300px; border: 1px #666666 solid; font-size: 1em; color: #000000; }
body.search form#searchform input.submit { padding: 2px 3px 2px 3px; border: 1px #666666 solid; font-size: 1em; color: #333;background-color: #F0F0F0;}
body.search form#searchform input.submit:hover { background-color: #DEDEDE;}
body.search form#searchform input.submit:active {color: #000000; background-color: #CCCCCC;}

body#events #main_event { position: relative; width: 100%;  }
body#events #main_event #main_event_clearout { display: none;}
body#events #main_event .content { position: relative; width: 100%; display: block; height: auto; }
body#events #main_event .content .pagetext { position: relative; width: 100%; display: block; height: auto;  }
body#events #main_event .content .pagetext .pagebox { position: relative; width: 100%; display: block; height: auto; min-height: 500px; border: #ededed; }
body#events .pagebox {min-height: 500px; } /* min height to account for long ticket sidebars */

body#events #maintext .content {position: relative; display: block; width:100%; height:auto; padding:0; margin:0; overflow: visible;  }
body#events #maintext .content .event-wrapper {position: relative; display: block; width:100%; height:auto; padding:0; margin:0; overflow: visible; ;}
body#events .event-wrapper .eventcells {position: relative; width: 31%; display: inline; float: left; height:auto; padding:0; margin:0 2.3% 2% 0;}
body#events .event-wrapper .eventcells .eventgenre {font-family: "MarrSans-CondBold", Lucida Sans Unicode, Arial, sans-serif; text-transform: uppercase; font-weight: normal; letter-spacing: 1px;}
body#events .event-wrapper .eventcells .eventtitle { font-size: 1.1em; line-height: 14px; font-family: "MarrSans-Wide", Arial, sans-serif;}
body#events .event-wrapper .eventcells .eventtitle>strong { font-weight: normal;}
body#events .event-wrapper .eventcells .eventimg { width: 100%; height: 210px; overflow: hidden; margin: 0 0 10px 0;  }
body#events .event-wrapper .eventcells .eventimg img {width: 100%; height: auto !important; }
body#events a:link, body#events a:visited { color: #737a86; }
body#events .event-wrapper a:hover {text-decoration: underline; color: #737a86; }
body#events #maincol #sidebar { position: relative; right: 10px; top: 50px; float: right; margin: 0px 0px 0px 5%; padding: 0px 0px 10px 0px; width: 20%; }

/* --- BMF Page Exceptions --*/
body.bmf main { position:relative; width: 100%; max-width: 1200px; margin: 260px auto 0px auto; padding: 0px; overflow: visible; display: block; } 

/* 2020 alteration for emergency banner */
body.bmf main { position:relative; width: 100%; max-width: 1200px; margin: 290px auto 0px auto; padding: 0px; overflow: visible; display: block; }

body.bmf main #maintext { margin: 0 auto; padding: 0;  } 
body.bmf main #maintext .content { } 
body.bmf main #maintext #column { display: none; }
body.bmf main #maintext .text { margin: 0 auto; } 
body.bmf main .pagetitle h1 { background: #FFF; color: #737a86; padding: 10px 0 0 0;margin: 50px 0px 0px 0px; }
body.bmf h3 { color: #737a86; }
body.bmf .button a { background: #465970; }
body.bmf #multiportal .button a { background: #340563; }
body.bmf .multicol .multiembed { background: #304563; }
body.bmf #maintext .content {position: relative; display: block; width:80%; height:auto; padding:0; margin:20px 0 0 0; overflow: visible; }
body.bmf #maintext .content .event-wrapper {position: relative; display: block; width:90%; height:auto; padding:0; margin:0 auto; overflow: visible;}
body.bmf #maintext .content .event-wrapper .eventcells {position: relative; width: 31%; display: inline; float: left; height:auto; padding:0; margin:1% 1.1% 3% 1.1%; }
body.bmf #maintext .content .event-wrapper .eventcells .eventgenre {text-transform: uppercase;}
body.bmf #maintext .content .event-wrapper .eventcells .eventtitle { font-size: 1.2em; line-height: 18px; margin: 0; }
body.bmf #maintext .content .event-wrapper .eventcells .eventimg { width: 100%; height: 220px; overflow: hidden; margin: 0 0 10px 0;  }
body.bmf #maintext .content .event-wrapper .eventcells .eventimg img {width: 100%; height: auto !important; }
body.bmf #maintext .content .event-wrapper a:hover {text-decoration: underline; color: #304563; }
body#onsale #maintext .content {position: relative; display: block; width:100%; height:auto; padding:0; margin:20px 0 0 0; overflow: visible; }
body.bmf #bmftable { position: relative; width: 50%; display: inline; height: auto; float: left; }
body.bmf #bmftable .bmfday { position: relative; display: block; width:100%;}
body.bmf #bmftable .bmfday .bmfevent { position: relative; display: inline; float:left; width:29%; background: #FFF; margin: 1% 1% 1% 0; padding: 1%; height: 120px; z-index: 500; }
body.bmf .bmfheader {position:relative;width:100%;max-width:1200px;display:block;margin:10px auto;}
body.bmf .bmfheader .bmftitle {font-family: "MarrSans-CondBold", Lucida Sans Unicode, Arial, sans-serif; font-size: 4em; line-height: 1em; text-transform:uppercase;}
body.bmf .bmfheader .bmfsub {font-family: "MarrSans", Lucida Sans Unicode, Arial, sans-serif; font-size: 4em; line-height: 1em; text-transform:uppercase;}

body#schedule.bmf #maintext .content { width: 100%; }

body#home #maintext .content {position: relative; display: block; width:100%; height:auto; padding:0; margin:20px 0 0 0; overflow: visible; }
body#home .tdx4 {display: none; }
body#home .table {display: none; }

.onecolumn {width: 100%; }
.onecolumn .pressimages { position: relative; display: block; width: 100%; }
.onecolumn .pressimages img { position: relative; display: inline; height: 100px; width: auto; margin: 10px 10px 0 0; }
.box { width: 100%; float: none; display: block; }
.box .pressimages .left { position: relative; display: inline; width: 50%; float: left; margin: 5px 10px 5px 0; padding: 0 10px 0 0;  border-right: 1px solid #333; }
.box .pressimages .left img { position: relative; height: auto; width: 95%; margin: 10px 10px 0 0; }
.box .pressimages .right { position: relative; display: inline; width: 40%; float: left; }

body#events div.box { width: 50%; float: left; display: inline; }

body#events #featurepic { position: relative; max-height: 675px; z-index: 499; }
body#events #featurepic .embed { position: absolute; top: 0; left: 0; max-height: 675px; z-index: 500; width: 100%; height: 650px; overflow: hidden;}
body#events #featurepic .embed iframe { width: 100%; height: 675px; }




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


@media only screen and (max-width: 1220px) {
footer .content .footer-bottom .footercontact {
	margin-left: 10px;
}

}


/*
@media only screen and (min-width: 991px) and (max-width: 1200px) {

.cal_small {display: none; }
.cal_full {display: block; }
	
body {  }
header .content {   }

#navmobile { display: none;}

main>#maincol { position: relative; display: block; width: 90%; max-width: 1200px; min-height: 500px; overflow: visible; float: none; width: auto !important; background: #FFF; margin: 0px auto; padding: 0px 3% 20px 3%; }	
	

body#events #featurepic { max-height: 675px;  }
body#events #maincol { position: relative; float: none; width: 100%; }
body#events #maincol #main_event { position: relative; top: 0px; float: none; width: auto !important; max-width: 100%; display: block; min-height: 200px;}
body#events #maincol #main_event .content { position: relative; width: 100%; display: block; }

body#events #submenu { display:none; }
body#events #maincol div.box {position: relative; width: 70%;float: left;display: inline;}
body#events #maincol #sidebar { position: relative; right: 0px; top: 0px; float: right; display: inline; margin: 0px 0px 0px 5%; padding: 0px 0px 10px 0px; width: 20%;  }
	
footer #footercontent { display: block; width: 95%; margin: 25px auto; float: none; }
	
}

*/

/* ---------------------------- LAPTOP ONLY  STYLES ------------------------ */

@media only screen and (min-width: 901px) and (max-width: 1200px) {
	/* LAPTOP styles go here */
	
.cal_small {display: none; }
.cal_full {display: block; }
	
main { width: 100%; height: auto !important; overflow: hidden; display: block; }
main #maintext { width: 90% !important; top: 0; float: none; display: block; margin: 0px auto; height: auto; }
main #maincol { position: relative; display: block; width: auto !important; max-width: 1200px; min-height: 500px; overflow: visible; float: none; background: #FFF; margin: 0px auto; padding: 0px 3% 20px 3%; }
main > #maincol > #sidebar {right: 3%;}
	
#maincol .text { min-height: 50px;}
.text { position: relative; width: 96%; max-width: 1200px; height: auto; min-height: 300px; margin: 25px 2% 0 2%; padding: 0px; display: block; font-size: 1.1em; line-height: 1.1em;}
.text .textimgshell, .text .textimgleft { position: relative; display:inline; float: left; width: 58%; max-height: 480px; margin: 0 2% 0 0; padding: 0; overflow: visible; }
.text .textimgright { position: relative; display:inline; float: right; width: 58%; max-height: 480px; margin: 0 0 0 2%; padding: 0; overflow: visible; }
.text .textiimgshell img, .text .textiimgleft img, .text .textiimgright img { width: auto !important; height: 100%; margin: 0px;}
.text img { width: 100%; height: auto !important; margin: 0px; z-index: 30;}
.text .textimgright .caption { position: relative; display:block; float: right; width: 100%; margin: 0; padding: 10px 0 0 0; text-align: right; color: #999; font-style: italic; font-size: 0.6em; line-height: 0.8em; z-index: 31;}
.text .textbox { position: relative; display:inline; float: inherit; width: 40%; overflow: hidden; margin: 0; padding: 0; line-height: 1.4em; }
.text .embedshell { position: relative; display:inline; float: left; width: 58%; max-height: 500px; margin: 0 2% 0 0; padding: 0; overflow: hidden; }
.text iframe { position: relative; width: 100%; height: 100%; min-height: 300px; background: #FFF; }
body#home .text .textbox h3 { font-family: "MarrSans-CondBold", Lucida Sans Unicode, Arial, sans-serif; font-size: 1.1em; margin: 0; line-height: 1em; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; }

#profiles { position: relative; display: block; width: 90%; padding: 20px 0; margin: 0px 5% 40px 5%; text-align: center; background: #FFF; }

#multiportal .multiad .multitext, #multiportal .multicol .multiboxes .multicoltext { top: 55%; }

#sideby-wrapper .sideby-multitext .sideby-multibox { max-height: 500px; min-height: 250px; }

	/*
body#events .event-wrapper .eventcells .eventimg { width: 100%; height: auto !important; overflow: hidden; margin: 0 0 10px 0; }
body#events #featurepic { max-height: 675px;  }
body#events #maincol { position: relative; float: none; width: 100%; }
body#events #maincol #main_event { position: relative; top: 0px; float: none; width: 70%; height: auto; display: inline; }
body#events #maincol #main_event div.box { width: 70%; float: left; display: inline; }
/*body#events #submenu { display:none; }*/
/*body#events #submenu { position: relative; width: 90%; float: left;  margin: 0px 0 0 0;}
body#events #maincol #sidebar { position: relative; right: 0px; top: 0px; float: right; display: inline; margin: 0px 0px 0px 2%; padding: 0px 0px 10px 0px; width: 20%; }
body#events #main_event .content .pagetext .pagebox { position: relative; width: 100%; display: block; height: auto; min-height: 100px; border: #ededed;}
.caption { right: 20px; }*/
	
footer #footercontent { display: block; width: 95%; margin: 25px auto; float: none; }	
.footercol { position: relative; display:inline; float:left; width: auto !important; height: 180px; margin: 0px 50px 0 0; padding: 0px;  }

/* --- BMF Page Exceptions --*/
body.bmf main { position:relative; width: 95%; max-width: 1200px; margin: 240px auto 0px auto; padding: 0px; overflow: visible; display: block; } 
body.bmf main #maintext { width: 100% !important; margin: 0 auto; padding: 0;  } 
body.bmf main #maintext .content { } 
body.bmf main #maintext #column { display: none; }
body.bmf main #maintext .text { margin: 0 auto; } 
body.bmf main .pagetitle h1 { background: #FFF; color: #737a86; padding: 10px 0 0 0;margin: 50px 0px 0px 0px; }
body.bmf h3 { color: #737a86; }
body.bmf .button a { background: #465970; }
body.bmf #multiportal .button a { background: #340563; }
body.bmf .multicol .multiembed { background: #304563; }
body.bmf #maintext .content {position: relative; display: block; width:80%; height:auto; padding:0; margin:20px 0 0 0; overflow: visible; }
body.bmf #maintext .content .event-wrapper {position: relative; display: block; width:90%; height:auto; padding:0; margin:0 auto; overflow: visible;}
body.bmf #maintext .content .event-wrapper .eventcells {position: relative; width: 31%; display: inline; float: left; height:auto; padding:0; margin:1% 1.1% 3% 1.1%; }
body.bmf #maintext .content .event-wrapper .eventcells .eventgenre {text-transform: uppercase;}
body.bmf #maintext .content .event-wrapper .eventcells .eventtitle { font-size: 1.2em; line-height: 1em; margin: 0; }
body.bmf #maintext .content .event-wrapper .eventcells .eventimg { width: 100%; height: 220px; overflow: hidden; margin: 0 0 10px 0;  }
body.bmf #maintext .content .event-wrapper .eventcells .eventimg img {width: 100%; height: auto !important; }
body.bmf #maintext .content .event-wrapper a:hover {text-decoration: underline; color: #304563; }
body#onsale #maintext .content {position: relative; display: block; width:100%; height:auto; padding:0; margin:20px 0 0 0; overflow: visible; }
body.bmf #bmftable { position: relative; width: 50%; display: inline; height: auto; float: left; }
body.bmf #bmftable .bmfday { position: relative; display: block; width:100%;}
body.bmf #bmftable .bmfday .bmfevent { position: relative; display: inline; float:left; width:29%; background: #FFF; margin: 1% 1% 1% 0; padding: 1%; height: 120px; z-index: 500; }
body.bmf .bmfheader {position:relative;width:100%;max-width:1200px;display:block;margin:10px auto;}
body.bmf .bmfheader .bmftitle {font-family: "MarrSans-CondBold", Lucida Sans Unicode, Arial, sans-serif; font-size: 3.5em; line-height: 1em; text-transform:uppercase;}
body.bmf .bmfheader .bmfsub {font-family: "MarrSans", Lucida Sans Unicode, Arial, sans-serif; font-size: 3.5em; line-height: 1em; text-transform:uppercase;}
body.bmf .bmfheader {position:relative;width:95%;max-width:1200px;display:block;margin:0px auto;}
	
}


/* ---------------------------- MOBILE TABLET ONLY STYLES ------------------------ */
@media only screen and (min-width: 701px) and (max-width: 900px) {
	/* MOBILE LARGE styles go here */
	
.cal_small {display: block; }
.cal_full {display: none; }

main {margin: 70px auto 0px auto;}

main #featurepic { position: relative; width: 100%; height: auto !important; max-height:450px; overflow: hidden;  }
main #featurepic img { width: auto; width: 100%; height: auto; z-index: 499;}
main #featurepic .featuretext {width: 90%; margin: 10% 5% 0 5%;}

	
main #maintext { width: 92% !important; top: 0; float: none; display: block; margin: 0px auto; height: auto; }
main #maincol { position: relative; display: block; width: auto !important; max-width: 1200px; min-height: 500px; overflow: visible; float: none; background: #FFF; margin: 0px auto; padding: 0px 3% 20px 3%; }
main > #maincol > #sidebar {right: 3%;}

/* text styles */
.text { position: relative; width: 96%; max-width: 1200px; height: auto; min-height: 300px; margin: 25px 2% 0 2%; padding: 0px; display: block; font-size: 1.1em; line-height: 1.1em;}
.text .textimgshell, .text .textimgleft { position: relative; display:inline; float: left; width: 58%; max-height: 480px; margin: 0 2% 0 0; padding: 0; overflow: visible; }
.text .textimgright { position: relative; display:inline; float: right; width: 58%; max-height: 480px; margin: 0 0 0 2%; padding: 0; overflow: visible; }
.text .textiimgshell img, .text .textiimgleft img, .text .textiimgright img { width: auto !important; height: 100%; margin: 0px;}
.text img { width: 100%; height: auto !important; margin: 0px; z-index: 30;}
.text .textimgright .caption { position: relative; display:block; float: right; width: 100%; margin: 0; padding: 10px 0 0 0; text-align: right; color: #999; font-style: italic; font-size: 0.6em; line-height: 0.8em; z-index: 31;}
.text .textbox { position: relative; display:inline; float: inherit; width: 40%; overflow: hidden; margin: 0; padding: 0; line-height: 1.4em; }
.text .textbox h3 { font-size: 1.5em; margin: 0; line-height: 1em; text-transform: uppercase; }
body#home .text .textbox h3 { font-family: "MarrSans-CondBold", Lucida Sans Unicode, Arial, sans-serif; font-size: 1.1em; margin: 0; line-height: 1em; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; }
.text .embedshell { position: relative; display:inline; float: left; width: 58%; max-height: 500px; margin: 0 2% 0 0; padding: 0; overflow: hidden; }
.text iframe { position: relative; width: 100%; height: 100%; min-height: 260px; background: #FFF !important;}
#maincol .text { min-height: 50px;}

/*#sideby-wrapper { position: relative; display: block; float: none; width: 100%; margin: 0 auto; padding: 0;  }
#sideby-wrapper .sideby-title { display: block; float: none; width: 100%; }
#sideby-wrapper .sideby-multitext  { display: block; float: none; width: 100%; }
#sideby-wrapper .sideby-multitext .sideby-multibox { display: block; float: none; left: 10px; width: 100%; margin: 10px auto 20px 0px; padding: 0px 0px 10px 0px; background: #fff; height: 100%; max-height: 600px; min-height: 400px;text-align: center; }
#sideby-wrapper .sideby-multitext .sideby-multibox .sidebyimg { display: block; float: none; width: 100%; position: relative; width: 94%; display: inline; float: left; height:auto; padding:0 0 15px 0px; margin: 1% 3%;text-align: center;}	
#sideby-wrapper .sideby-multitext .sideby-multibox .sidebyimg img {width:75%; height: auto !important; overflow: hidden; margin: 10px 0 0 0; padding: 0px 0px 0px 0px; }*/
#sideby-wrapper .sideby-multitext .sideby-multibox { max-height: 500px; min-height: 250px; }

#maintext .content .pagetext, #maincol .content .pagetext {position: relative; display: block; width: 100%; height: auto !important; overflow: visible;}

#profiles .textbox { position: relative; display: block; width: 90%; padding: 20px 0; margin: 0px 5% 40px 5%; text-align: center; background: #FFF; }
	
/* Event Page Styles */
body#events .event-wrapper .eventcells {position: relative; width: 94%; display: inline; float: left; height:auto; padding:0; margin: 1% 3%; }
body#events .event-wrapper .eventcells .eventimg { width: 100%; height: auto !important; overflow: hidden; margin: 10px 0 0 0;  }
body#events #featurepic { max-height: 675px;  }
body#events #maincol { position: relative; float: none; width: 100%; }
body#events #maincol #main_event { position: relative; top: 0px; float: none; width: 100%; display: block; min-height: 200px;  }
body#events #maincol #main_event .content { position: relative; width: 100%; display: block;}
body#events #maincol #main_event .content .pagetext { position: relative; width: 100%; display: block; }
body#events #main_event .content .pagetext .pagebox { position: relative; width: 100%; display: block; min-height:100px; }
body#events #main_event #main_event_clearout { display: block;}

body#events #maincol #sidebar { position: relative; right: 0px; top: 50px; float: none; margin: 0 auto; padding: 0px; width: 90%; }
body#events .box { width: 90%; float: none; display: block; margin: 0 auto; }
body#events #submenu {width: 50%; color: #222; text-shadow: none; box-shadow: none;}
	
body#events #submenu { position: relative; width: 90%; float: left;  margin: 0px 0 0 0;}
body#events .submenu_container {width: 50%; color: #222; text-shadow: none; box-shadow: none;}
body#events .submenu_container .mobile_sub-collapser { color: #222; text-shadow: none; }
.caption { right: 20px; }

body#events div.box { position: relative; width: 100%; float: none; display: block; }
body#events #maincol #sidebar { position: relative; right: 0px; top: 0px; float: none; margin: 0px auto; padding: 0px 0px 0px 0px; width: 100%; display: block; }

#multiportal .multiad .multitext, #multiportal .multicol .multiboxes .multicoltext { top: 45%; }

footer #footercontent { display: block; width: 96%; margin: 0 2%;  }
footer #footercontent .footercol br { display: inline; margin: 0 5px 0 0; }
.footercol { position: relative; display:inline; float:left; width: auto !important; height: 180px; margin: 0px 50px 0 0; padding: 0px;  }

/* --- BMF Page Exceptions --*/
body.bmf main { position:relative; width: 95%; max-width: 1200px; margin: 240px auto 0px auto; padding: 0px; overflow: visible; display: block; } 
body.bmf main #maintext { width: 100% !important; margin: 0 auto; padding: 0;  } 
body.bmf .bmfheader {position:relative;width:92%;max-width:1200px;display:block;margin:10px auto;}
body.bmf #maintext .content .event-wrapper .eventcells {position: relative; width: 100%; display: block; float: none; height:auto; padding:0 0 25px 0; margin:0; }
body.bmf #maintext .content .event-wrapper .eventcells .eventimg { width: 100%; height: 220px; overflow: hidden; margin: 0 0 10px 0;  }
body.bmf main .pagetitle h1 { font-family: "MarrSans-CondBold", Lucida Sans Unicode, sans-serif; background: #FFF; color: #737a86; padding: 0px 0 0 0;margin: 0px 0px 0px 0px; }
	
}

@media only screen and (min-width: 500px) and (max-width: 700px) {
	
.text iframe { position: relative; width: 100%; height: 100%; min-height: 250px; background: #FFF !important;}

/*header .content .logo-mobile { display: block; position: relative; top: 10px; width: 80%; height: 40px; padding: 0; margin: 0 0 0 10px; z-index: 3000; float:none; background: #FFF; }*/
}


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

@media only screen and (min-width: 201px) and (max-width: 700px) {
	/* MOBILE LARGE styles go here */

body { background: #FFF; }
h2.pagetitle { margin: 30px 0px 10px 20px; width: 100% !important;}
.pagetitle {width: 100% !important; background: #737a86;}

	
#supershell { width:100%;}

.cal_small {display: block; }
.cal_full {display: none; }
	
.cms-button { display:inline-block; width: auto !important; height: auto; margin: 5px 5px 5px 0px; padding: 5px 10px; color: #FFF; background: #304563; border-radius: 0px; font-family: "MarrSans", Lucida Sans Unicode, sans-serif; white-space: nowrap; }

.emergencies .emerbutton a:link, .emergencies a:visited { font-family: "MarrSans", "Lucida Sans", Arial, sans-serif; color: #FFF;text-transform:none; text-decoration: none;}
.emergencies .emerbutton a:active, .emergencies a:hover { font-family: "MarrSans", "Lucida Sans", Arial, sans-serif; color: #FFF;text-transform:none; text-decoration: underline;}

.emergencies-alt .emerbutton a:link, .emergencies-alt a:visited { font-family: "MarrSans", "Lucida Sans", Arial, sans-serif; color: #FFF;text-transform:none; text-decoration: none;}
.emergencies-alt .emerbutton a:active, .emergencies-alt a:hover { font-family: "MarrSans", "Lucida Sans", Arial, sans-serif; color: #FFF;text-transform:none; text-decoration: underline;}


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

/*nav { position: relative; top: 25px; padding: 0px 0px 0px 0px; }*/

.active {display: block;}
	
main { width: 100%; margin: 0px auto; height: auto !important; overflow: hidden; display: block; }
main #maintext { width: 90% !important; top: 0; float: none; display: block; margin: 0px auto; height: auto; }
main #maintext .content { width: 100%; padding: 0;}
main #maincol { width: 100%; float: none; display: block; margin: 0px auto;  }
main #maincol #sidebar { width: 100%; float: none; display: block; margin: 0px auto;  }

main .pagetitle h1 { font-family: "MarrSans-CondBold", Lucida Sans Unicode, Arial, sans-serif; color:#FFF; background: #737a86; margin: 30px 0px 0px 0px; padding: 10px 15px; width: 400px !important; text-transform: uppercase; display: block; font-size: 2em; line-height: 1em; top: 20px; height: auto; overflow: visible; font-weight: normal; white-space: normal; }

	
main #sidebar { position: relative; bottom: 0; float: none; display: block; margin: 20px auto; padding: 0px; width: 90%; overflow: hidden;  }
main #sidebar .content .imgshell, main #sidebar .content .imgright { float: right; width: 50%; height: auto; margin-left: 10px;  }
main > #maincol > #sidebar {position: absolute;right: 10px;top: 50px;float: right;margin: 0px 0px 0px 5%;padding: 0px 0px 10px 0px;width: 20%;}
	
/* feature styles */
main #featurepic { position: relative; width: 100%; height: auto !important; max-height:450px; overflow: hidden;  }
main #featurepic img { width: auto; width: 100%; height: auto; z-index: 499;}
/*main #featurepic .featuretext { position: relative; width: 95%; display: block; text-align: center; color: #FFF; margin: 0 auto; padding: 2.5%; z-index: 500; font-size: 1.2em;  background:#000; }*/
main #featurepic .featuretext { position: absolute; width: 80%; display: block; text-align: left; color: #FFF; margin: 20% 10% 0 10%; padding: 0px; z-index: 500; font-size: 1.1em; }
main #featurepic .featuretext h1 { position: relative; text-align: left; color: #FFF; line-height: 1em; margin: 0 0 10px 0; padding: 0; text-transform: uppercase; font-size: 1.5em;}
main #featurepic .featuretext .fcline { position: relative; width: 40%; border-bottom: 1px solid #FFF; margin: 3% auto;}
main #featurepic .featuretext h2 { position: relative; text-align: left; color: #FFF; margin: 0px auto; padding: 0px;}
main .caption { position: relative; display: block; width: 100%; text-align: right; color: #999; font-size: 0.6em; line-height: 0.9em; margin: 0; padding: 10px 0 0 0; font-style: italic; right: 20px; }

	
main #maincol .content { position: relative; width: 90%; height: auto; float: none; margin: 0 auto; padding: 0;   }
main #maincol #submenu, main #maintext #submenu { position: relative; width: 90%; height: auto; float: none; margin: 0px auto 0 auto; padding: 0;}

#maincol #sideby-wrapper { position: relative; width: 85%; height: auto; display: table; float: none; text-transform: uppercase; margin: 20px auto;}
#sideby-wrapper { position: relative; display: block; float: none; width: 100%; margin: 0 auto; padding: 0;  }
#sideby-wrapper .sideby-title { display: block; float: none; width: 100%; }
#sideby-wrapper .sideby-multitext  { display: block; float: none; width: 100%; }
#sideby-wrapper .sideby-multitext .sideby-multibox { display: block; float: none; left: 0px; width: 100%; height: auto; margin: 20px auto; padding: 0 0 20px 0; background: #FFF; overflow: visible;}
#sideby-wrapper .sideby-multitext .sideby-multibox .sidebyimg { display: block; float: none; width: 100%; height: auto; max-height: 600px; }


/*.biography #sideby-wrapper { position: relative; display: block; float: none; width: 100%; margin: 0 auto; padding: 0;  }
.biography #sideby-wrapper .sideby-title { display: block; float: none; width: 100%; }
.biography #sideby-wrapper .sideby-multitext  { display: block; float: none; width: 100%; }
.biography #sideby-wrapper .sideby-multitext .sideby-multibox { display: block; float: none; left: 10px; width: 100%; margin: 10px auto 0px 0px; padding: 0px 0px 0px 0px; background: #fff; height: 100%; max-height:   400px; min-height: 305px;text-align: center; }
.biography #sideby-wrapper .sideby-multitext .sideby-multibox .sidebyimg { position: relative; width: 94%; display: inline; float: left; height:auto; padding:0 0 5px 0px; margin: 1% 3%;text-align: center;}	
.biography #sideby-wrapper .sideby-multitext .sideby-multibox .sidebyimg img {width: 85%; height: auto !important; overflow: hidden; margin: 10px 0 0 0; padding: 0px 0px 0px 0px; }*/

.table { margin: 0 auto; }
.table .tdx2 { position: relative; display:block; width: 100%; height: auto; float: none; margin: 0px auto 0px auto; padding: 0;  }
.table .tdx2 .tdtext { position: relative; width: 100%; float: left; height: auto !important; padding: 0px; margin: 0px auto 30px auto; }
.table .tdx4 { position: relative; display:block; width: 100%; height: auto; float: none; margin: 10px auto; padding: 0;  }
.table .tdx4 .tdtext { position: relative; width: 100%; float: left; height: auto !important; padding: 0px; margin: 10px auto; }
	
#column .contentx2, #column .contentx3, #column .contentx4 { position: relative; float: none; display: block; width: 90%; height: auto !important; overflow: hidden;  margin: 10px auto; padding: 0; text-align: center; }


/* text styles */
.text .textimgshell, .text .textimgleft, .text .textimgright { position: relative; display:block; float: none; width: 100%; max-height: 500px; margin: 0 auto; padding: 0; overflow: visible; }
.text img { width: 100%; height: auto !important; margin: 0px;}
.text .textbox { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0 auto; padding: 0; line-height: 1.5em; }
.text .embed { position: relative; display:inline; float: left; width: 35%; min-width: 0%; height: auto !important; min-height: 210px; overflow: hidden; margin: 0px 30px 0px 0px;  }
.text .embedshell { position: relative; display:block; float: none; width: 100%; max-height: 500px; margin: 0; padding: 0; overflow: hidden; }
.text .embedshell iframe { position: relative; width: 100%; height: auto !important; min-height: 300px; }

/* for youtube video on mobile device */
iframe[src*=youtube] {
display: block;
margin: 0 auto;
max-width: 100%;
padding-bottom: 10px;
}

#pagecol .contentx2 { position: relative; display: block; width: 90%; height: auto !important; padding-right: 0%; margin: 0 auto 40px auto; }
#pagecol .contentx3 { display: block; width: 100%; height: auto !important; padding-right: 0%; margin: 0 auto 40px auto;}
#pagecol .contentx3 .textcol {margin: 0; padding: 0;}
	
.pagetext .pageimgshell, .pagetext .pageimgleft {
    position: relative;
    display: block;
    float: none;
    width: 100%;
    max-height: 480px;
    margin: 0 0 20px 0;
    padding: 0;
    overflow: hidden;
}

/* text portal styles */
#multiportal { display: block; width: 100%; margin: 0px auto; overflow: hidden;}
#multiportal .multiad { position: relative; width: 90%; float: none; height: auto !important; min-height: 300px; display: block; margin: 0 auto; padding: 0px;  background: #FFF; }
#multiportal .multicol { position: relative; width: 90%; float: none; height: auto !important; margin: 0px auto; padding: 0px;  }
#multiportal .multicol .multiboxes { position: relative; width: 100%; float: none; display: block; height: auto !important; min-height: 270px; margin: 1% 0; padding: 0px; background: #FFF; }
#multiportal .multicol .multiembed { position: relative; width: 96%; float: none; display: block; height: auto !important; margin: 0; padding: 2%; }
#multiportal .multicol .multiembed embed { position: relative; width: 100%; float: none; display: block; margin: 0%; padding: 0%;  }
#multiportal .multicol .multiembed iframe { position: relative; width: 100%; float: none; display: block; margin: 0%; padding: 0%; border: 1px solid #fff; }

#multiportal h2 { font-size: 1.8em; margin: 0 0 10px 0; }
#multiportal .footerhead { font-family: "MarrSans", Lucida Sans Unicode, Arial, sans-serif; color: #737a86; margin: 20px 0px 5px 0px; display: block; font-size: 1.4em; line-height: 1.2em;}
#multiportal .subtitle { display: block; font-family: "MarrSans", Lucida Sans Unicode, Arial, sans-serif; font-size: 1.3em; margin: 5px 0; padding: 0px; color:#333; }

#multiportal .multiad .multitext, #multiportal .multicol .multiboxes .multicoltext { top: 55%; }
	
/* intro styles */
#intropic { position: relative; width: 100%; height: 250px; margin: 0px auto; overflow: hidden; }
#intropic img { width: 100%; height: auto; }
#intropic .caption { position: absolute; left: 0; bottom: 0; text-align: right; color: #FFF; font-size: 0.6em; line-height: 0.9em; margin: 0; padding: 10px 0 0 0; background: url(https://www.bard.edu/institutes/fishercenter/images/tints/80black.png); background-repeat: repeat; }

/* 2015 Tablet Styles */
#introshell h1 { left: 20%; font-size: 3em; }
#introshell { position: relative; width: 100%; max-width: 1200px; max-height: 300px; min-height: 0px; margin: 0px auto 0px auto; overflow: hidden; display: table; }
#introshell #title  { position: relative; max-width: 1200px; width: auto !important; height: 75px; top: 0px; left: 0%; }
#introshell #title h1.pagetitle { position: absolute; bottom: 0px; left: 7.5%; color: #737a86; font-size: 2.8em; text-shadow: none;}
#introshell .caption { position: relative; text-align: right; color: #333; font-size: 0.6em; line-height: 0.9em;}
#introshell .introtext { position: relative; display: block; vertical-align:top; float: none; width: 90%; margin: 10px auto; padding: 0px; font-size: 1.2em;  }
#introshell .introright { display: block; vertical-align:top; position: relative; width: 90%; min-width: 90%; height: auto !important; min-height: 0px; margin: 5px auto; padding: 0px; }
#introshell .introright .introimg { display: block; position: relative; width: 100%; height: auto !important; float: none; margin: 0px auto; }
#introshell .introright .introexpand { display: block; position: relative; float: none; width: 100%; margin: 0px auto; padding: 0; background: #FFF; border-left: none; }
#introshell .introright .introexpand>.container { position: relative; width: 100%; margin: 10px auto; padding: 0; font-family: Arial, sans-serif; font-size: 1.5em; line-height: 1.8em; max-height: 1000px; overflow-y: hidden; }
#introshell .introright .introembed { display: block; position: relative; float: none; width: 100%; margin: 10px auto; padding: 0; background: #FFF; border-left: none; }
#introshell .introright .introembed>.container { position: relative; width: 100%; margin: 0%; padding: 0; }

ul.subnav {  height:30px; font-size: 1.05em;  line-height: .9em;  }
.subnav { color:#FFF; line-height: .8em; padding-top: 0px;}
#facts .content .number { font-size: 1.3em; }
#facts .content .imgshell { height: auto; width: 100%; }
#facts .content .imgshell img { height: 35px; width: auto; margin: 0 auto; }
#facts .content { font-size: 1.1em; }
#facts .content { padding: 0 15px; }
#facts
		
#icons .content .number { font-size: 1.3em; }
#icons .content .imgshell { height: auto; width: 100%; }
#icons .content .imgshell img { height: 35px; width: auto; margin: 0 auto; }
#icons .content { font-size: 1.1em; }
#icons .content { padding: 0 15px; }
#boxes h3 { font-size: 1.6em; line-height: 1.2em; }
#boxes h3 img.icon { width: 15%; }
#highlight #hightext .content h3 { font-size: 1.6em; margin: 0px; color: #FFF; }
#highlight #hightext .content h4 { font-size: 1.2em; line-height: 1.2em; margin: 0px; color: #737a86; }
#highlight #hightext .content { max-height: 200px;  line-height: 14px; font-size: 1em;  }
#highlight #hightext .content { position:relative; padding: 8%; color: #FFF; max-height: 200px; }
#highlight #hightext .content .caption { position: absolute; bottom:0px; right:25px; color: #737a86; }
#highlight #highlinks { padding: 5px 10px; margin: 7px 0px; background: #737a86; }
#highlight #hightext .content { position:relative; padding: 8%; color: #FFF; max-height: 375px; overflow: hidden; }
#portal .textlinks { font-size: 1em; }
#feeds { width: 100%;  }
#feeds .content .imgshell { display: block; float: none;}
#feeds .content .imgshell { display: block; float: none;}

#multibuttons .buttons { display: block; width: 100%;  margin: 0px 0px; }
#multibuttons .buttons ul { width: 100%; display: block; }
#multibuttons .buttons li { list-style: none; display: block; width: 100%; margin: 0px 0px 10px 0px;  }

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

#maintext .content .pagetext, #maincol .content .pagetext {position: relative; display: block; width: 100%; height: auto !important; overflow: visible;}
#maintext .content .pagetext .pagebox, #maincol .content .pagetext .pagebox {position: relative; display: block; width: 100%; height: auto !important; overflow: visible;}
#maintext .content .pagetext .pagebox iframe, #maincol .content .pagetext .pagebox iframe {position: relative; display: block; width: 100%; height: auto !important; min-height: 500px; overflow: visible;}
	
.sponsors ul.sponsors li {position: relative; width: 100%; height: auto; margin: 0 2% 20px 0; padding: 0px; display: block; float: none; }

	
/* Event Page Styles */
body#events #main_event h1 {font-family: "MarrSans-Wide", Arial, sans-serif;font-weight: normal;text-transform: uppercase;font-size: 6.5vw; }
body#events .event-wrapper .eventcells {position: relative; width: 90%; display: block; float: none; height:auto; padding:0; margin: 1% auto; }
body#events .event-wrapper .eventcells .eventimg { width: 100%; height: auto !important; overflow: hidden; margin: 10px 0 0 0;  }
body#events #featurepic { top: 0px; max-height: 100%; width: 100%;}
body#events #featurepic img { width: 100%; height: auto; }
body#events #maincol { position: relative; float: none; width: 100%; }
body#events #maincol #main_event { position: relative; top: 0px; float: none; width: 100%; display: block; min-height: 200px;}
body#events #maincol #main_event .box { position: relative; float: none; width: 100%; display: block; min-height: 200px;}
body#events #maincol #main_event .box .content { position: relative; width: 90%; display: block; height: auto; float: none; margin: 0px auto;  }
body#events #maincol #main_event .box .content .pagetext { position: relative; width: 90%; display: block; height: auto; float: none; }
body#events #maincol #main_event .box .content .pagetext .pagebox { position: relative; width: 100%; display: block; height: auto; float: none; }
body#events #maincol #sidebar { position: relative; right: 0px; top: 0px; float: none; margin: 0 auto; padding: 0px; width: 80%; }
body#events .pagebox {min-height: 100px !important; } /* min height to account for mobile sidebars */
	
body#about #maincol,
body#support #maincol .content,
body#visit #maincol,
body#visit #maintext .content { position: relative; float: none; margin: 0 auto; padding: 0px; width: 90%; display: block; }
	
/* fixes for sidebar in mobile */
body#about main #maincol #sidebar,
body#support main #maincol #sidebar,
body#press main #maincol #sidebar,
body#visit main #maincol #sidebar{ position: relative; right: 0px; top: 0px; float: none; margin: 0 auto; padding: 0px; width: 90%; }
body#photos #sidebar {display: none;}

main > #maincol > #sidebar {position: relative;right: 0px;top: 0px;float: none;margin: 0px auto;padding: 0px;width: 90%;}

body#events .pagemenu_container > ul {width: 95%; margin: 0 auto;}
body#events #pagemenu {position: relative; width: 90%; margin: 0px auto;padding: 0px;display: block;height: auto !important;overflow: hidden;background: #FFF;color: #222; float: none;}
	
footer .content { width: 100%; max-width: 1200px; padding: 20px 0px; margin: 0 auto 0 auto; display:block; height: auto; }
footer #footercontent { position: relative; float: left; width: 100%; display:block; }
footer #footiconbox { position: relative; float: none; width: 20%; margin: 0px auto; padding: 0px; }
footer #footiconbox .footericons { position: relative; float: left;  }
footer .footercol {display: none !important; }
footer .content .footercontact { position: relative; width: 90%; display: block; float: none; margin: 20px auto; padding: 0; }
footer .content .footercontact .imgshell { margin: 0px; padding: 0; }
footer .content .footerinclude { position: relative; width: 85%; display: block; float: none; margin: 20px auto; padding: 0; }

footer .content .footer-bottom { position: relative; width: 90%; height: auto; display: block; float: none; margin: 0 auto; padding: 0; vertical-align: bottom;}
footer .content .footer-bottom .footercontact { position: relative; width: 95%; height: auto !important; display: block; float: none; margin: 20px auto; padding: 0; text-align: left; font-size: 0.9em; color: #333; line-height: 1.5em;  vertical-align: bottom; }
footer .content .footer-bottom .footerinclude { position: relative; width: 100%; height: auto !important; display: block; float: none; margin: 0 auto; padding: 2%; text-align: left; font-size: .9em; color: #333; background: #fff; line-height: 1.3em;  }

#maintext .content { position: relative; width: 100%; margin:0 auto; padding: 0; top: 0px; float: none; display: block; }

iframe { position: relative; width: 100%; height: 100%; height: 180px;}
	
	
/* BMF Styles */
body.bmf main { position:relative; width: 90%; max-width: 1200px; margin: 200px auto 0px auto; padding: 0px; overflow: visible; display: block; }	
body.bmf main .pagetitle { width: 100%; background: #FFF; }	
body.bmf main .pagetitle h1 { width: 100%; font-family: "MarrSans-CondBold", Lucida Sans Unicode, sans-serif; background: #FFF; color: #737a86; padding: 0px 0 0 0;margin: 0px 0px 0px 0px; }
#bmfportal .bmfhead { width: 90%; text-align: center; margin: 10px auto;}
#bmfportal .bmfad { position: relative; width: 100%; float: none; height: auto !important; display: block; margin: 0 auto; padding: 0px;  background: #FFF; }
#bmfportal .bmfcol { position: relative; width: 100%; float: none; height: auto !important; margin: 0px auto; padding: 0px;  }
#bmfportal .bmfcol .bmfboxes { position: relative; width: 100%; float: none; display: block; height: auto !important; margin: 0 auto; padding: 0px;  }
#bmfportal .bmfcol .bmfboxes .bmfimg { position: relative; width: 90%; float: none; display: block; height: auto !important; margin: 0 auto; padding: 0px; }
body.bmf #maintext .content {width: 100%;}
body.bmf #maintext .content .event-wrapper .eventcells {position: relative; width: 100%; display: block; float: none; height:auto; padding:0 0 25px 0; margin:0; }
body.bmf #maintext .content .event-wrapper .eventcells .eventimg { width: 100%; height: 180px; overflow: hidden; margin: 0 0 10px 0;  }
body.bmf .bmfheader {position:relative;width:90%;max-width:1200px;display:block;margin:10px auto;}
body.bmf .bmfheader .bmftitle {font-family: "MarrSans-CondBold", Lucida Sans Unicode, Arial, sans-serif; font-size: 3em; line-height: 1em; text-transform:uppercase;}
body.bmf .bmfheader .bmfsub {font-family: "MarrSans", Lucida Sans Unicode, Arial, sans-serif; font-size: 3em; line-height: 1em; text-transform:uppercase;}
body.bmf .table .tdx4 .tdx4img img { wdith: 100%;}
	
}

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

@media only screen and (min-width: 201px) and (max-width: 400px) {
	/* MOBILE SMALL styles go here */


main #featurepic .featuretext { position: absolute; width: 80%; display: block; text-align: left; color: #FFF; margin: 10% 10% 0 10%; padding: 0px; z-index: 500; font-size: 1.1em; }
main #featurepic .featuretext h1 { position: relative; text-align: left; color: #FFF; line-height: 1em; margin: 0 0 10px 0; padding: 0; text-transform: uppercase; font-size: 1.5em;}
	
}
	
/* ---------------------------- 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(https://www.bard.edu/images/logo-print.png) center center; }
header .content #logo img { position: relative; padding: 0px; margin: 0px;}
main { position:relative; width: 100%; top: 0px; }
#introshell { }
ul.dropdown-menu {display: none; }
#subnav li { margin-right: 10px; padding-right: 10px; }
#submenu {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; }
#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: Lucida Sans Unicode, Arial, sans-serif; color:#5d5d5d; margin: 0px 0px 15px 0px; font-size: 3em; line-height: 2em; }
.cal_small {display: none; }
.cal_full {display: block; }
#imgfooter {display:none;}

}


}