@charset "UTF-8"; /* CSS Document */ @viewport { width: device-width; min-zoom: 1; max-zoom: 2; } @viewport { width: 400px; zoom: 1; } @-ms-viewport{ width: device-width; } @font-face { font-family: "Modern Pics"; src: url("//www.bard.edu/fonts/modernpics.eot"); /* IE9 */ src: local("Modern Pics"), local("Modern Pics"), url("//www.bard.edu/fonts/modernpics.ttf") format("truetype"), url("//www.bard.edu/fonts/modernpics.otf") format("opentype"); } @font-face { font-family: "Helvetica Neue UltraLight"; src: url("//www.bard.edu/fonts/HelveticaNeue-UltraLight.eot"); /* IE9 */ src: local("Helvetica Neue UltraLight"), url("//www.bard.edu/fonts/Helvetica Neue UltraLight.ttf") format("truetype"), url("//www.bard.edu/fonts/helvetica_neue_ultralight.otf") format("opentype"); } @font-face { font-family: "Helvetica Neue Light"; src: url("//www.bard.edu/fonts/HelveticaNeue-Light.eot"); /* IE9 */ src: local("Helvetica Neue Light"), local("Helvetica Neue Light"), url("//www.bard.edu/fonts/Helvetica Neue Light.ttf") format("truetype"), url("//www.bard.edu/fonts/helvetica_neue_light.otf") format("opentype");videocol } @font-face { font-family: "Helvetica Neue"; src: url("//www.bard.edu/fonts/HelveticaNeue.eot"); /* IE9 */ src: local("Helvetica Neue"), local("Helvetica Neue"), url("//www.bard.edu/fonts/Helvetica Neue.ttf") format("truetype"), url("//www.bard.edu/fonts/helvetica_neue.otf") format("opentype");videocol } /* ----------- 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: Helvetica, sans-serif; font-size: 13px; font-weight: 400; line-height: 22px; color: #000; background: #ededed; } body a:link, a:visited { color:#ad1a1f; text-decoration: underline; } body a:hover, a:active { color:#cc0000; text-decoration: underline; } h1 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; color:#5d5d5d; margin: 10px 0px 10px 0px; padding: 0px; display: block; font-size: 2.8em; line-height: 38px; } h1.pagetitle { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; color: #ad1a1f; font-size: 2.8em; line-height: 40px; margin: 50px 0px 10px 0px; } h1.pagetitle a:link, h2.pagetitle a:visited { color:#ad1a1f;text-decoration: none; } h1.pagetitle a:hover, h2.pagetitle a:active { color:#ad1a1f;text-decoration: underline; } h2 { font-family: Helvetica, Arial, sans-serif; color:#ad1a1f; margin: 20px 0px 5px 0px; display: block; font-size: 2em; font-weight: 400; line-height: 1em;} h2.pagetitle { font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-weight: 400; color:#ad1a1f; margin: 20px 0px 20px 0px; padding: 0px; display: block; font-size: 2.8em; line-height: 38px; } h3 { font-family: Helvetica, Arial, sans-serif;color:#ad1a1f; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 1.4em; } h4 { font-size: 1.2em; margin: 5px 0; padding: 0px; color:#49453c; } h5 { font-size: 1.1em; margin: 5px 0; padding: 0px; color:#ad1a1f; } h6 { color:#ad1a1f; } p { font-size: 1em; line-height: 22px; } strong { font-family: Helvetica, Arial, sans-serif; font-weight: 800; font-weight: bolder; } /* reset styles */ .bardtype { font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 0.9em; color:#000; } .bardtype a:link, a:visited { color:#ad1a1f; text-decoration: underline; } .bardtype a:hover, a:active { color:#cc0000; text-decoration: underline; } .clearout { clear: both; line-height: 1px; } img a {border-style: none; } .imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; } /*.content { width: 100%; height: auto; margin: 0px; paddiJulng: 0px; }*/ /* random font styles */ .caption { font-size: .8em; line-height: 1em; color: #333; } .intro { font-size: 1.1em; line-height: 1.6em; color: #666; font-weight: 300; margin: 0px 0px 10px 0px;} ul { padding: 5px 5px 5px 20px; } .icons { font-family: "Modern Pics", sans-serif; color: #FFF; margin: 0px 2px 0px 15px; text-align: center; } .expandblock { position: relative; width: auto; } .expandblock ul li { margin: 0px; padding: 0px;} .hrule { width: 90%; border-top: 1px solid #666; padding: 0; margin: 10px auto; } .hidden {display:none;} .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .red { color: #ad1a1f; display: inline; font-size: inherit; line-height: inherit; padding: inherit; margin: inherit; } .subtitle { font-family: Helvetica, Arial, sans-serif;color:#ad1a1f; margin: 10px 0px 5px 0px; padding: 0px; font-size: 1.4em; font-weight: bold; } .footnote { position: relative; display:block; width:85%; margin: 10px auto; padding: 10px 0; font-size: 0.8em; font-style: italic; color: #666; border-top: 1px solid #333; } /* styles for skip to main content */ .skip { display: block; padding: 5px 25px 5px 25px; position: absolute; top: -100px; left: 0px; color: #FFFFFF; border: 1px solid #DDD; background: #a11a1f; -webkit-transition: top 1s ease-out; transition: top 1s ease-out; z-index: 1000;} .skip:focus { position: absolute; left: 0px; top: 0px; width: auto; height: auto; outline: 0; -webkit-transition: top .1s ease-in; transition: top .1s ease-in;} a.skip, a.skip:link, a.skip:visited, a.skip:active, a.skip:hover { color: #FFFFFF; text-decoration: none; outline: 0;} /* CMS Styles */ .cms-subtitle1 { font-family: Helvetica, Arial, sans-serif;color:#ad1a1f; margin: 20px 0px 5px 0px; padding: 0px; font-size: 1.5em; font-weight: 700; } .cms-subtitle2 { font-family: Helvetica, Arial, sans-serif;color:#333; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.25em; font-weight: 700; } .cms-subtitle3 { font-family: Helvetica, Arial, sans-serif;color:#ad1a1f; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.25em; font-weight: 700; } .cms-caption { font-family: Helvetica, Arial, sans-serif; font-style: italic; color:#666; margin: 10px 0px; padding: 0px; font-size: 0.8em; text} .cms-button { display: inline; width: auto !important; height: auto; margin: 0px 10px; padding: 5px 10px; color: #FFF; background: #ad1a1f; border-radius: 0px; font-family: Helvetica, 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; } /* classes for widths of tables and columns */ .width10 { width:10%; } .width50 { width:50%; } /* Replacement for Tables */ .csstable { display: table; width:90%; margin: 5px auto; } .csstable .csscell { display: table-cell; padding: 1%; width: auto !important; } /* Classes for tables table { table-layout: fixed; border-collapse: collapse; position: relative; display: table; margin: 10px auto; border: 0px; } tr, td { display: table-cell; vertical-align: top; border: 0px;} table.csstable, th, td { border-collapse: collapse; border: 1px solid #666; } table.csstable { table-layout: fixed; border-collapse: collapse; position: relative; width: 80%; margin: 10px auto; padding:0; display:block; display: table;} table.csstable tr { table-layout: fixed; position: relative; margin: 0; padding:0; width: 100%; display: table; } table.csstable td { position: relative; border-collapse: collapse; padding: 20px; width: 100%; display: table-cell; vertical-align: top; font-weight: bold; background: #ededed; } table.csstable td { position: relative; border-collapse: collapse; padding: 20px; width: 100%; display: table-cell; vertical-align: top; }*/ #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; } #submenu, #sitemenu { width: 100%; max-width: 1200px; margin: 0px auto; z-index:1000; } .submenu_container.full_width { margin: 0 auto 20px auto; height: auto; width: 50%; max-width: 1200px; clear: both; float: none; border-radius: 0px; background: #49453c; box-sizing: border-box; -moz-box-sizing: border-box; } /* html 5 element styles */ /* header logo styles */ header { position: relative; width: 100%; height: auto; min-height: 120px; top: 0; margin: 0px; padding: 0px; background: #ad1a1f; z-index: 999; } header .content { position: relative; top: 0; width: 100%; height: auto; margin: 0px auto; padding: 0px; display: block;} header .content #logo { position: relative; top: 5px; width: 175px; padding: 0px auto; margin: 0px auto; } header .content #logo img { position: relative; padding: 0px auto; margin: 0px auto;} header .content nav { position: relative; top: 15px; width: 100%; height: 40px; display: block; margin: 0px auto; padding: 0px; z-index: 1000; } header .content nav ul { margin: 0px auto; } /* top nav detail styles */ header #topnav { position: relative; max-width: 1200px; margin: 0 auto; color: #FFF; font-size: .9em; z-index: 1000; } header #topnav>ul>li { padding: 0 0 0 10px; } header #topnav a:link, #topnav a:visited { color:#FFF; text-decoration: none; } header #topnav a:hover, #topnav a:active { color:#FFF; text-decoration: underline; } header #topnav ul { margin: 0px; padding: 0px; } header #topnav li { list-style: none; display: inline; margin: 0px; padding: 0px; } header #topnav .imgshell { float: right; margin: 5px 15px 0 5px; } header #topnav .imgshell img { height: 25px; width: auto; } /* button styles */ .button { display: inline-block; width: auto; height: auto; margin: 5px; padding: 10px; color: #FFF; background: #ad1a1f; border: none; border-radius: 0; line-height: 18px; } .button a:link, .button a:visited { color: #FFF; text-decoration: none; } .button a:hover, .button a:active { color: #FFF; text-decoration: underline; } .button { color: #aFFF; font-family: "Helvetica Neue Light", Helvetica, sans-serif; white-space: nowrap; line-height: .5em; } /* buttons styles (red at the bottom of template) */ .buttons { position: relative; display: block; width: 85%; max-height: 1200px; height: auto !important; margin: 25px auto; } .buttons .content { display: inline; float: left; text-align: center; color: #FFF; background-color: #ad1a1f; margin: 5px 10px 20px 0px; padding: 10px 5px; border-radius: 0px; font-size: 1.1em; width: auto !important;} .buttons .content .icon { display:inline; float: left; height: 25px; width: auto; margin:5px; } .buttons .content .imgshell { display:inline; float: left; height: 25px; width: auto; margin:5px; } .buttons .content .imgshell img { height: 25px; width: auto; margin: 0 auto; } .buttons .content h3 { display:inline; float: left; margin:10px 10px 5px 5px; padding: 0px; font-size: 1.0em; line-height: 1.0em; font-weight: 200; } .buttons .content a:link, .buttons .content a:visited { color: #FFF; text-decoration: none; margin:15px; padding: 10px 5px; } .buttons .content a:hover, .buttons .content a:active { color: #FFF; text-decoration: underline; margin:15px; } /* link-button style */ button.linkbutton, button.linkbutton:focus, button.linkbutton:active { background: none; border: none; display: inline; font: inherit; margin: 0; padding: 0; outline: none; outline-offset: 0; color: inherit; cursor: pointer; text-decoration: inherit; } button.linkbutton::-moz-focus-inner { /* Firefox */ border: none; padding: 0;} /* main structure styles */ main { position:relative; width: 100%; top: 120px; margin: 0px auto 0px auto; padding: 0px; overflow:hidden; display: block; } main #maintext { position:relative; display:block; width: 100%; max-width: 1200px; background: #FFF; margin: 0px auto; padding: 20px 0px 20px 0px; top: 0px; } main #maintext .content { position: relative; padding: 0px; width:100%; display: block; } /* maintext content styles */ #maintext .content .imgshell, #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; width: 80%; max-width: 1200px; min-height: 500px; overflow: auto; float: none; width: auto !important; background: #FFF; margin: 0px auto; padding: 0px 0px 20px 0px;} main>#maincol>.content { position: relative; width: 70%; padding: 10px 20px; } /* sidebar detail styles */ main>#maincol>#sidebar { position: absolute; right: 10px; top: 50px; float: right; margin: 0px 20px 0px 10px; padding: 0px 0px 10px 0px; width: 20%; background-color: #FFF; box-shadow: 5px 10px 10px 5px rgba(116, 116, 116, 0.75); -moz-box-shadow: 5px 10px 10px 5px rgba(116, 116, 116, 0.75); -webkit-box-shadow: 5px 10px 10px 5px rgba(116, 116, 116, 0.75); } main #maincol #sidebar .sidetext { padding: 15px; } main #maincol #sidebar .sidelist { margin: 10px; padding: 0px; } main #maincol #sidebar .sidelist h3 { font-size: 1em; border-bottom: none; margin: 0px 0px 0px 10px; padding: 0px;font-weight: normal; list-style:disc outside none; display:inline; } main #maincol #sidebar .sidelist .title { font-size: 1.3em; border-bottom: none; margin: 10px 0px; padding: 0px;font-weight: bold; list-style:disc outside none; display:inline; text-transform: uppercase; } main #maincol #sidebar>.button { margin: 0px; padding: 0px 0px 0px 10px; border-bottom: none; } 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; } main a:link, main a:visited { color:#ad1a1f; text-decoration: underline; } main a:hover, main a:active { color:#cc0000; text-decoration: none; } /* sub-site title styles */ #title { width: 85%; 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: Helvetica, Arial, sans-serif; color:#FFF; margin: 20px 0px 0px 20px; padding: 10px; width: auto !important; display: inline-block; font-weight: lighter; font-size: 1.5em; line-height: 1em; background: #ad1a1f;} body.home #sitetitle { display: none; } body#home #sitetitle { display: none; } /* intro styles */ #introshell { position: relative; width: 100%; max-height: 500px; min-height: 0px; overflow: hidden; } #introshell h1 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200;position: absolute; bottom: 8px; left: 35%; color: #FFF; font-size: 5em; line-height: 1em; text-shadow: 2px 2px 2px #000;} #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: #ad1a1f; font-weight: 200; font-size: 2.8em; text-shadow: none;} #introshell .image { width: 100%; height: auto; background: #333; } #introshell .image img { width: 100%; height: auto; } #introshell .button { position: absolute; bottom: 20px; left: 10%; color: #FFF; border-color: #FFF; } #introshell .button a:link, #introshell .button a:visited, #introshell .button a:hover, #introshell .button a:active { color: #FFF; } #introshell .caption { position: absolute; bottom: 15px; right: 15px; color: #FFF; font-size: 1em; line-height: 1.1em;} #introtext { position: realtive; width: 85%; margin: 30px auto; padding: 0px; font-size: 1.3em; } #introtext h2 { display: inline; font-family: Helvetica, Arial, sans-serif; color:#ad1a1f; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 1.4em; line-height: 1.2em; font-weight: 500;} #introtext .subtitle { display: inline; font-family: Helvetica, Arial, sans-serif; color:#ad1a1f; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 1.4em; line-height: 1.2em; font-weight: 400;} #introtext h3 { display: inline; } .billboard {position: relative; display: block; width: 100%; height: auto !important; margin: 20px auto;} .billboard h2 { position: absolute; bottom: 10%; right: 10%; color: #FFF; font-size: 5.5em; font-family: Georgia,Times,Times New Toman,serif; text-shadow: 2px 2px 2px #000;} .billboard img { width: 100%; height: auto !important; } .billboard .caption { position: absolute; bottom: 1%; right: 1%; color: #FFF; } .inspire { position: relative; display: block; width: 75%; height: auto; margin: 30px auto; padding: 0; } .inspire h3 { text-align: center; font-size: 1.3em; font-weight: bold; font-family: Arial Black, sans-serif; } .inspire h4 { text-align: center; font-size: 1.6em; font-weight: normal; line-height: 1.8em; } .inspire .rule { width: 15%; border-bottom: 2px solid #ad1a1f; margin: 10px auto; } /* boxes class styles */ .box { position: relative; width: 33.33%; height: auto; margin: 0px; padding: 0px; float: left; text-align: center; background: #333; overflow: hidden; } .box .image { width: 100%; height: auto; margin: 0px; padding: 0px; overflow: hidden; } .box .image img { width: 100%; height: auto; margin: 0px; padding: 0px; } .box h2 { position: absolute; width: 98%; bottom: 18%; margin: 0; padding: 0 1%; text-align: center; color: #FFF; font-size: 2.5em; line-height: 1.1em; font-weight: bold; } .box h3 { position: absolute; width: 98%; bottom: 20%; margin: 0; padding: 0 1%; text-align: center; color: #FFF; font-size: 2.5em; line-height: 1.2em; font-weight: bold; } .box .button { position: absolute; bottom: 5%; right: 5%; width: auto; height: auto; color: #FFF; padding: 10px; } .box .button a:link, .box .button a:visited, .box .button a:hover, .box2 .button a:active { color: #FFF; } /* icon styles */ #icons { position: relative; display: table; width: 90%; height: auto !important; margin: 25px auto; text-align: center; font-size: 1.2em; font-weight: 300; line-height: 1.1em; color: #666; text-align: center; padding: 0px; } #icons>.column { display: inline; float: left; width: 100%; } #icons>.columnx2 { display: inline; float: left; width: 50%; } #icons>.columnx3 { display: inline; float: left; width: 33%; } #icons>.columnx4 { display: inline; float: left; width: 25%; } #icons>.columnx5 { display: inline; float: left; width: 20%; } #icons>.columnx6 { display: inline; float: left; width: 16.6%; } #icons p { display: block; padding: 0px 0px 20px 0px; margin: 0px; top: 0; } #icons .icon { height: auto; width: 100%;display:block; } #icons .icon img { height: 35px; width: auto; margin: 0 auto; } #icons h3 { margin: 0px; padding: 0px; font-size: 1.5em; line-height: 1.0em; font-weight: 400; } #icons .number { display: block; margin: 0px; padding: 0px; font-size: 1.3em; line-height: 1.4em; font-weight: 400; color: #e30e20;} #icons a:link, #icons a:visited { text-decoration: none; } /* facts styles in red */ #facts { position: relative; display: table; width: 90%; height: auto !important; margin: 25px auto; padding: 20px 0; text-align: center; font-size: 1.2em; font-weight: 300; line-height: 1.1em; color: #333; text-align: center; padding: 0px; background: #FFF; } #facts .column { display: inline; float: left; width: 100%; } #facts .columnx2 { display: inline; float: left; width: 50%; } #facts .columnx3 { display: inline; float: left; width: 33%; } #facts .columnx4 { display: inline; float: left; width: 25%; } #facts .columnx5 { display: inline; float: left; width: 20%; } #facts .columnx6 { display: inline; float: left; width: 16.6%; } #facts p { display: block; padding: 0px 0px 20px 0px; margin: 0px; top: 0; } #facts .icon { height: auto; width: 100%;display:block; } #facts .icon img { height: 35px; width: auto; margin: 0 auto; } #facts h3 { margin: 0px; padding: 0px; font-size: 1.5em; line-height: 1.0em; font-weight: 400; } #facts .number { display: block; margin: 5px 0 0 0; padding: 0px; font-size: 1.4em; line-height: 1.6em; font-weight: 400; color: #ad1a1f;} #facts a:link, #icons a:visited { text-decoration: none; } /* facts styles #facts { position: relative; display: table; width: 90%; height: auto !important; margin: 25px auto; } #facts .content { display: table-cell; text-align: center; font-size: 1.2em; font-weight: 300; line-height: 1.1em; color: #666; border-right: 1px solid #CCC; padding: 0px; } #facts p { display: block; padding: 0px 0px 20px 0px; margin: 0px; top: 0; } #facts .content .imgshell { height: auto; width: 100%;display:block; } #facts .content .imgshell img { height: 35px; width: auto; margin: 0 auto; } #facts .content h3 { margin: 0px; padding: 0px; font-size: 1.5em; line-height: 1.0em; font-weight: 400; } #facts .content .number { display: block; margin: 0px; padding: 0px; font-size: 1.3em; line-height: 1.4em; font-weight: 400; color: #e30e20;} */ /* highlight class styles */ #highlight { position: relative; width: 100%; height: auto; margin: 25px 0px; padding: 0px; overflow: hidden; display: block; background: #333;} #highlight .image { position: relative; float: left; width: 60%; overflow: hidden; z-index: 999px; } #highlight .image img { width: 100%; height: auto; } #highlight .embed { position: relative; float: left; width: 60%; overflow: hidden; z-index: 1000px; } #highlight .embed iframe { width: 100%; height: 350px; max-height: 350px; } #highlight .embed iframe { width: 100%; height: 410px; max-height: 410px; background: #333; } #highlight #hightext { position:relative;float: right; width: 40%; height: auto !important; background: #333; overflow: hidden; } #highlight .hightext { position: relative; float: right; width: 34%; margin: 0; padding: 3%; background: #333; color: #FFF; height: auto !important; max-height: 380px; overflow: scroll; } #highlight .hightext h2 { font-size: 1.8em; line-height: 1em; margin: 0px 0px 10px 0px; color: #FFF; } #highlight .hightext .subtitle { display: block; font-size: 1.3em; line-height: 1.4em; margin: 0px; color: #d2c6b4; } #highlight .hightext ul { margin: 0px; } #highlight .hightext .caption { position: absolute; bottom:0px; right:25px; color: #ededed; } #highlight .button { display: table; width: auto; height: auto; margin: 5px 5px 15px 0px; padding: 10px; border: none; border-radius: 0px; background: #ad1a1f; } #highlight .button a:link, #highlight .button a:visited, #highlight .button a:hover, #highlight .button a:active { color: #FFF; } .button { color: #ad1a1f; font-family: "Helvetica Neue Light", Helvetica, sans-serif; white-space: nowrap; line-height: 0.5em; } #highlight .link { padding: 7px 10px; margin: 7px 0px; background: #4c4c4c; } #highlight .link a:link, #highlight .link a:visited { color: #FFF; } #highlight a:link, #highlight a:visited {color:#f9f8de;} /* text portal styles */ #portal { position: relative; width: 85%; height: auto; margin: 20px auto; padding: 0px; display: table; } #portal h2 { font-size: 1.8em; margin: 0px; } #portal .textlinks { /*position: relative; display: table-cell; */ float: right; width: auto; max-width: 200px; min-width: 0%; padding: 0px; margin: 0px; } #portal .textlinks .content { width: 100%; min-height: 100px; max-height: 220px; overflow: scroll; padding: 0px; margin: 0px 0px 0px 10px; border-left: 1px solid #CCC; border-top: 1px solid #CCC; font-size: 1em; } #portal .textlinks ul { margin: 0px 0px 0px 5px; } #portal .textarea { overflow:hidden; /*float: left; position: relative; display: table-cell; width: auto; padding: 0px; margin: 0px; overflow: hidden;*/ } #portal .imgshell, #portal .imgleft { position: relative; display: table-cell; float: left; width: auto; max-width: 35%; min-width: 0%; height: auto !important; overflow: hidden; margin: 5px 10px 0px 0px; } #portal .imgright { position: relative; display: table-cell; float: right; width: auto; max-width: 35%; min-width: 0%; height: auto !important; overflow: hidden; margin: 5px 0px 0px 10px; } #portal .imgshell .piccontent, #portal .imgleft .piccontent, #portal .imgright .piccontent {position: relative; display: block; width: 100%; height: auto !important; } #portal .imgshell .piccontent img, #portal .imgleft .piccontent img, #portal .imgright .piccontent img { width: 98%; height: auto; margin: 0px; padding-right: 0px; } /*#portal #textarea h3 { font-size: 1.8em; margin: 0px; }*/ #portal .imgshell .piccontent .caption, #portal .imgright .piccontent .caption { display: block; float: none; } #portal .icon {position: relative; display: table-cell; float: left; width: auto; max-width: 35%; min-width: 0%; height: auto !important; overflow: hidden; margin: 5px 10px 0px 0px; padding: 0 auto; align-content: center; } #portal .imgshell .iconimg { position: relative; width:100%; min-height: 55px; height: auto !important; margin: 0 auto; padding: 0 auto; align-content: center; } #portal .imgshell .iconimg img { position: relative; width:100%; height: auto !important; margin: 0 auto; } .portal { position: relative; width: 85%; height: auto; margin: 20px auto; padding: 0px; display: table; } .portal h2 { font-size: 1.7em; margin: 0px; font-weight: 500; padding: 0; margin: 10px 0 5px 0; } .portal h3 { font-size: 1.8em; margin: 0px; font-weight: 100; padding: 0; margin: 0; } .portal .textlinks { /*position: relative; display: table-cell; */ float: right; width: auto; max-width: 200px; min-width: 0%; padding: 0px; margin: 0px; } .portal .textlinks .content { width: 100%; min-height: 100px; max-height: 220px; overflow: scroll; padding: 0px; margin: 0px 0px 0px 10px; border-left: 1px solid #CCC; border-top: 1px solid #CCC; font-size: 1em; } .portal .textlinks ul { margin: 0px 0px 0px 5px; } .portal .textarea { overflow:hidden; /*float: left; position: relative; display: table-cell; width: auto; padding: 0px; margin: 0px; overflow: hidden;*/ } .portal .imgshell, .portal .imgleft { position: relative; display: table-cell; float: left; width: auto; max-width: 35%; min-width: 0%; height: auto !important; overflow: hidden; margin: 5px 10px 0px 0px; } .portal .imgright { position: relative; display: table-cell; float: right; width: auto; max-width: 35%; min-width: 0%; height: auto !important; overflow: hidden; margin: 5px 0px 0px 10px; } .portal .imgshell .piccontent, .portal .imgleft .piccontent, .portal .imgright .piccontent {position: relative; display: block; width: 100%; height: auto !important; } .portal .imgshell .piccontent img, .portal .imgleft .piccontent img, .portal .imgright .piccontent img { width: 98%; height: auto; margin: 0px; padding-right: 0px; } /*#portal #textarea h3 { font-size: 1.8em; margin: 0px; }*/ .portal .imgshell .piccontent .caption, #portal .imgright .piccontent .caption { display: block; float: none; } .portal .icon {position: relative; display: table-cell; float: left; width: auto; max-width: 35%; min-width: 0%; height: auto !important; overflow: hidden; margin: 5px 10px 0px 0px; padding: 0 auto; align-content: center; } .portal .imgshell .iconimg { position: relative; width:100%; min-height: 55px; height: auto !important; margin: 0 auto; padding: 0 auto; align-content: center; } .portal .imgshell .iconimg img { position: relative; width:100%; height: auto !important; margin: 0 auto; } /* text styles */ .text { position: relative; width: 85%; height: auto; margin: 10px auto 10px auto; display: table; } main>#maincol>.text { position: relative; width: 65%; float: left; height: auto; margin: 20px 7% 0px 7%; display: table; } .text .imgshell { position: relative; display:inline; float: left; max-width: 50%; min-width: 0%; overflow: hidden; margin: 10px 30px 0px 0px; } .text .imgright { position: relative; display:inline; float: right; max-width: 50%; min-width: 0%; overflow: hidden; margin: 10px 0px 0px 20px; } .text .imgshell img { width: 100%; height: auto; margin: 0px 30px 0px 0px;} .text .imgright img { width: 100%; height: auto; margin: 0px 01x 0px 10px;} .text .embedshell { position: relative; display:inline; float: left; width: 25%; min-width: 0%; height: auto; overflow: hidden; margin: 10px 30px 0px 0px; } .text .embedshell iframe { width: auto; height: auto; } .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 .textarea h2 { font-size: 1.8em; 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.expandblock { min-height: 0px; } /* photo clusters */ #photocluster { position: relative; width: 95%; height: auto !important; display: block; float: none; margin: 0 2.5%; padding: 0; } #photocluster .solophoto { position: relative; width: 49%; float: left; margin: 0; padding: 0; } #photocluster .solophoto .soloimg { position: relative; width: 100%; height: auto !important; max-height: 557px; display: block; margin: 0; padding: 0; overflow: hidden; } #photocluster .solophoto .soloimg img { width: 100%; height: auto !important; margin: 0; paddin: 0; } #photocluster .solophoto .solotext { position: absolute; bottom: 0; width: 96%; height: auto !important; display: block; margin: 0; padding: 2%; color: #FFF; font-size: 1.7em; font-weight: 600; } #photocluster .cluster { position: relative; width: 51%; float: left; margin: 0; padding: 0;} #photocluster .cluster .clustimg { position: relative; width: 47%; max-height: 273px; float: left; margin: 0 0 2% 2%; padding: 0; overflow: hidden; } #photocluster .cluster .clustimg img { width: 100%; height: auto !important; } #photocluster .cluster .clustimg .clusttext { position: absolute; bottom: 0; width: 96%; height: auto !important; display: block; margin: 0; padding: 2%; font-size: 1.1em; } .solotext a:link, .solotext a:visited { color: #FFF; text-decoration: none; margin: 5px; } .solotext a:active, .solotext a:hover { color: #FFF; text-decoration: underline; } .clusttext a:link, .clusttext a:visited { color: #FFF; text-decoration: none; margin: 5px; } .clusttext a:active, .clusttext a:hover { color: #FFF; text-decoration: underline; } /* bars styles */ .bars { display: block; width: 82.5%; margin: 25px auto; padding: 5px 15px; border: 1px solid #CCC; background-color: #ededed; } .bars h2 { font-size: 1.3em; line-height: 1em; margin: 10px 0px 5px 0px; } .bars h2 a:link, .bars h2 a:visited {color: #49453c; text-decoration: none; } .bars h2 a:hover, .bars h2 a:active {color: #49453c; text-decoration: underline; } .bars .subtitle, .bars h3 { font-size: 1.3em; line-height: 1em; font-weight: 300; margin: 10px 0px 5px 0px; } .bars .subtitle a:link, .bars .subtitle a:visited, .bars .subtitle a:link, .bars .subtitle a:visited {color: #49453c; text-decoration: underline; } .bars .subtitle a:hover, .bars .subtitle a:active, .bars .subtitle a:hover, .bars .subtitle a:active {color: #49453c; text-decoration: none; } .bars .imgshell { position: relative; float: left; width: 25%; height: auto; margin: 0px; padding: 0px 10px 0px 0px; overflow: hidden; } .bars .imgshell img { width: 100%; height: auto; } /* announce styles */ .announce { display: block; width: 80%; margin: 25px auto; padding: 15px; border: 1px solid #333; background-color: #ad1a1f; color: #FFF; } .announce .imgshell { position: relative; float: left; width: 25%; height: auto; margin: 0px; padding: 0px 10px 0px 0px; overflow: hidden; } .announce .imgshell img { width: 100%; height: auto; } .announce h2 { color:#fff; margin: 0 0 10px 0; padding: 0;} .announce h2 a { color: #fff; } .announce a:link, .announce a:visited { color:#FFFFFF; } .announce a:active, .announce a:hover { color:#FFFFFF; } .announce .button { background:#fff; } .announce .button a:link, .announce .button a:visited { color:#ad1a1f; } .announce .button a:active, .announce .button a:hover { color:#ad1a1f; } body.details #text iframe {width: 80%; height: 460px; min-height: auto; } /* text w/ buttons styles */ #multibuttons h2 { font-size: 1.4em; font-weight: bold; } #multibuttons { position: relative; width: 85%; height: auto; margin: 20px auto; display: table; } #multibuttons .imgshell { position: relative; display:inline; float: left; max-width: 50%; min-width: 0%; overflow: hidden; margin: 10px 20px 0px 0px; } #multibuttons .imgright { position: relative; display:inline; float: right; max-width: 50%; min-width: 0%; overflow: hidden; margin: 10px 0px 0px 20px; } #multibuttons .imgshell img { width: 100%; height: auto; margin: 0px 10px 0px 0px;} #multibuttons .imgright img { width: 100%; height: auto; margin: 0px 0px 0px 10px;} #multibuttons .buttons { display: block; width: 100%; margin: 20px 0px; padding: 0px; font-size: 0.8em; letter-spacing: 2px; text-transform: uppercase;} #multibuttons .buttons ul { width: 100%; list-style: none; float: left; margin: 0px; padding: 0px; } #multibuttons .buttons li { list-style: none; display: inline; color:#FFF; background-color: #ad1a1f; margin: 0px 10px 0px 0px; padding: 10px; border-radius: 0px; } #multibuttons .buttons li a:link, #multibuttons .buttons li a:visited { color:#FFF; text-decoration: none; } #multibuttons .buttons li a:hover, #multibuttons .buttons li a:active { color:#FFF; text-decoration: underline; } /* text w/ buttons styles */ #text2 { position: relative; width: 85%; height: auto; margin: 20px auto; display: table; } #text2 .imgshell { position: relative; display:inline; float: left; max-width: 50%; min-width: 0%; overflow: hidden; margin: 10px 20px 0px 0px; } #text2 .imgright { position: relative; display:inline; float: right; max-width: 50%; min-width: 0%; overflow: hidden; margin: 10px 0px 0px 20px; } #text2 .imgshell img { width: 100%; height: auto; margin: 0px 10px 0px 0px;} #text2 .imgright img { width: 100%; height: auto; margin: 0px 0px 0px 10px;} #text2 .buttons { display: block; width: 100%; margin: 20px 0px; padding: 0px; font-size: 1.1em;} #text2 .buttons ul { width: 100%; list-style: none; float: left; margin: 0px; padding: 0px; } #text2 .buttons li { list-style: none; display: inline; color:#FFF; background-color: #ad1a1f; margin: 0px 10px 0px 0px; padding: 10px; border-radius: 5px; } #text2 .buttons li a:link, #text2 #buttons li a:visited { color:#FFF; text-decoration: none; } #text2 .buttons li a:hover, #text2 #buttons li a:active { color:#FFF; text-decoration: underline; } /* text red w/ buttons styles */ #textred { position: relative; width: 81%; height: auto; margin: 10px auto; display: table; padding: 0 2% 2% 2%; background: #be1d23; color: #FFF; } #textred .imgshell { position: relative; display:inline; float: left; max-width: 50%; min-width: 0%; overflow: hidden; margin: 10px 20px 0px 0px; } #textred .imgright { position: relative; display:inline; float: right; max-width: 50%; min-width: 0%; overflow: hidden; margin: 10px 0px 0px 20px; } #textred .imgshell img { width: 100%; height: auto; margin: 0px 10px 0px 0px;} #textred .imgright img { width: 100%; height: auto; margin: 0px 0px 0px 10px;} #textred .buttons { display: block; width: 100%; margin: 20px 0px; padding: 0px; font-size: 1.1em;} #textred .buttons ul { width: 100%; list-style: none; float: left; margin: 0px; padding: 0px; } #textred .buttons li { list-style: none; display: inline; color:#be1d23; background-color: #FFF; margin: 0px 10px 0px 0px; padding: 10px; border-radius: 5px; } #textred .buttons li a:link, #text2 #buttons li a:visited { color:#be1d23; text-decoration: none; } #textred .buttons li a:hover, #text2 #buttons li a:active { color:#be1d23; text-decoration: underline; } #textred h2 { color: #FFF; font-family: Helvetica; font-size: 1.7em; line-height: 1em; font-weight: 600; padding: 10px 0 0 0; margin: 0; } #textred .subtitle { color: #FFF; line-height: 1em; padding: 0; margin: 0; } /* links styles */ #links { position: relative; display: block; width: 88%; height: auto !important; margin: 25px auto; } #links ul {list-style: none; margin: 0; } #links li.content { position: relative; width: auto !important; display: inline; float: left; text-align: center; color: #CCC; border: 1px solid #989797; margin: 5px 10px 20px 0px; } #links li.content .imgshell { display:inline; float: left; height: 25px; width: auto; margin:5px; } #links li.content .imgshell img { height: 25px; width: auto; margin: 0 auto; } #links li.content span.linkh3, #links li.content span.linkh3 { display:inline; float: left; margin:10px 10px 5px 5px; padding: 0px; font-size: 1.1em; line-height: 1.0em; font-weight: 600; } /* list styles */ #list { position: relative; display: block; width: 85%; height: auto !important; margin: 25px auto; } #list h2 { margin: 0px;font-size: 1.4em;} #list h3 { margin: 0px; } #list ul { width: 100%; margin: 0px 0px 0px 0px; } #list ul li { margin:5px; } #list ul li #expand { border-bottom: 1px solid #CCC; padding-bottom: 5px; margin-bottom: 5px; } /* feeds styles */ #feeds { position: relative; display: table; width: 95%; height: auto !important; margin: 25px auto; text-align: center; } #feeds .content { display: table-cell; width:100%; color: #666; padding: 20px; margin: 20px; } #feeds .contentx2 { display: table-cell; width: 48%; height: auto !important; padding-right: 2%; } #feeds .contentx3 { display: table-cell; width: 32%; height: auto !important; padding-right: 2%; } #feeds .contentx4 { display: table-cell; width: 23%; height: auto !important; padding-right: 2%; } #feeds h2 { font-size: 1.2em; font-weight:800; line-height: 1.2em; padding: 0; margin: 20px 0px 5px -5px; } #feeds h2 a:link, #feeds h2 a:visited { color: #ad1a1f; text-decoration: none;} #feeds h2 a:active, #feeds h2 a:hover { color: #ad1a1f; text-decoration: underline;} #feeds .content .imgshell,#feeds .contentx2 .imgshell,#feeds .contentx3 .imgshell,#feeds .contentx4 .imgshell { text-align: center; height: auto; width: 100%; margin: 0px auto; display: block; float: none; } #feeds .content .imgshell img,#feeds .contentx2 .imgshell img,#feeds .contentx3 .imgshell img,#feeds .contentx4 .imgshell img { height: 20px; width: auto; margin: 0 auto; } #feeds h3 { display:block; margin: 5px auto; text-align: center; padding: 0px; font-size: 1.3em; line-height: 1.0em; font-weight: bold; float:none; } #feeds .content .number { display: block; margin: 0px; padding: 0px; font-size: 1.5em; line-height: 1.0em; font-weight: 400; color: #ad1a1f;} #feeds .content #feedtext { width: 90%; margin: 0 auto; } #feeds .content #embedshell { width: 90%; margin: 0 auto; } #feeds .embedshell { width: 90%; margin: 0 auto; } #feeds .content .button { max-width: 200px; margin: 5px auto; text-align: center; align-content: center; } #feeds #iframe { width: 100%; height: auto; margin: 0px 20px; border: 0px; } #feeds p { display: block; padding: 0px; margin: 0px; text-align: center; } #feeds ul { list-style: none; } #feeds ul li { list-style: none; display: block; padding-bottom: 5px; border-bottom: 1px solid #ededed; margin-bottom: 5px; } #feeds ul.bardtype a:link, #feeds ul.bardtype a:visited { color:#ad1a1f; text-decoration: none; } #feeds ul.bardtype a:hover, #feeds ul.bardtype a:active { color:#ad1a1f; text-decoration: underline; } #feeds a:link, #feeds a:visited { color:#ad1a1f; text-decoration: underline; } #feeds a:hover, #feeds a:active { color:#ad1a1f; text-decoration: underline; } #feeds hr {height:1px;} #feeds .caption { font-size: 1.1em; padding: 10px; margin: 0; } #feeds .button { color:#FFF; background: #ad1a1f; font-size: 1.0em; padding: 10px; margin: 0; font-weight: bold;} #feeds .button a:link, #feeds .button a:visited { color:#FFF; text-decoration: none; padding: 10px; margin: 0; } #feeds .button a:hover, #feeds .button a:active { color:#FFF; text-decoration: underline; margin: 0; } #footnote { position: relative; display:block; width:85%; margin: 10px auto; padding: 10px 0; font-size: 0.8em; font-style: italic; color: #666; border-top: 1px solid #333; } /* Main Column Styles */ #column h2 { font-size: 1.6em; font-weight: bold; margin: 10px 0px 5px 0px; } #column { position: relative; display: table; width: 85%; height: auto !important; min-height: 0px; margin: 0px auto; padding: 0px; } #column .content { position: relative; display: table-cell; min-width: 100%; height: auto !important; padding: 0px; margin: 0px auto; padding-right: 0px; } #column .contentx2 { display: table-cell; width: 48%; height: auto !important; padding-right: 2%; } #column .contentx3 { position: relative; display: table-cell; width: 30%; height: auto !important; padding-right: 2%;} #column .contentx4 { display: table-cell; width: 23%; height: auto !important; padding-right: 2%; vertical-align: top; } #column .contentx5 { display: table-cell; width: 19%; height: auto !important; padding-right: 1%; } #column .content .textcol { width: 95%; height: auto !important; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px; } #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%; height: 180px; overflow: hidden; float: none; display: block; margin: 0px 0px 5px 0px; padding: 0px; } #column .imgshell img { width: 100%; height: auto !important; vertical-align: top;} #column ul { margin: 20px 10px; } #column ul li { line-height: 1.4em; margin-bottom: 10px; } .column { position: relative; display: table; width: 85%; height: auto !important; min-height: 0px; margin: 0px auto; padding: 0px; } .column .contentx3 { position: relative; display: table-cell; width: 30%; height: auto !important; padding-right: 2%;} /* 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: 150px; } .videorow .videocol .embedshell iframe { display: block; width: 100%; float: none; margin: 0px; padding: 0px; max-height: 150px; } /* Main Video Styles */ #video{ width:90%; min-height:0px; background-color: #ededed;*/overflow-x:auto; overflow-y: hidden; position: relative; margin: 0px auto; padding: 0px; } #video .content{ width:7000px; height:300px; background-color: #ededed; 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; overflow: scroll; */} #video .content iframe { width:95%; height: auto; max-height: 130px; float:left; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px; position: relative; } /* Main Column Box Styles */ #pagebox { position: relative; float: left; width: 25%; height: auto; height: 215px; overflow: hidden; margin: 0px; padding: 0px; background-color: #FFF; line-height: 22px; } #pagebox .content { position: relative; height: 100%; margin: 0px 0px 0px 0px; padding: 0px; background-color: #FFF;} #pagebox .content .imgshell { position: relative; float: left; width: 100%; height: 100%; margin: 0px; padding: 0px; overflow: hidden; } #pagebox .content #textbox { position: absolute; bottom: 10px; left: 10px; z-index: 500; } #pagebox .content .imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; } /*#pagebox h3 { background-color: #ad1a1f; margin: 0px; color: #FFF; padding-left: 10px; padding-top: 3px; font-weight: lighter; letter-spacing: 0.08em; }*/ /* Main Row Styles */ #rows { width: 100%; height: auto; position: relative; float: left; margin: 0px; padding: 0px; background-color: #FFF;} #rows .content { position: relative; width: auto; height: auto; min-height: 0px; margin: 0px; padding: 0px;} #rows .content table { width: 100%; margin: 0px; padding: 0px; } #rows .content table td { width: auto; margin: 0px; padding: 10px; background-color: #ededed; border: 1px solid #FFF; } #rows .content table td.fixed { width: 65%; margin: 0px; padding: 10px; background-color: #ededed; border: 1px solid #FFF; } #rows .content .imgshell { width: 100px; height: auto; margin: 5px 0px 5px 0px; padding: 0px; overflow: hidden; } #rows .content .imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; } #rows h4 { margin: 0px; padding: 0px; } #rows .button { margin: 0px; white-space: nowrap; } #rows ul { margin: 0px;} /* Main Tables Styles */ #tables { width: 100%; height: auto; position: relative; float: left; margin: 0px; padding: 0px; background-color: #FFF;} #tables .content { position: relative; width: auto; height: auto; min-height: 0px; margin: 0px; padding: 0px;} #tables .content table { width: 100%; margin: 0px; padding: 0px;} #tables .content tr { margin: 0px; padding: 0px;} #tables .content td { width: auto; margin: 0px; padding: 8px; border: 1px solid #CCC; } #tables .content table td.fixed { width: 60%; margin: 0px; padding: 10px; border-right: 1px solid #666; } #tables .content .imgshell { width: 150px; height: auto; margin: 5px 0px 5px 0px; padding: 0px; overflow: hidden; } #tables .content .imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; } #tables .content #embedshell { width: 300px; height: auto; margin: 5px 0px 5px 0px; padding: 0px; overflow: hidden; } #tables .content #embedshell iframe { width: 100%; height: auto; margin: 5px 0px 5px 0px; padding: 0px; overflow: hidden; } #tables h4 { margin: 0px; padding: 0px; white-space: nowrap; } #tables .button { margin: 0px; white-space: nowrap; } #tables ul { margin: 0px;} /* Table Styles */ .table { position: relative; display: table; width: 85%; height: auto !important; min-height: 0px; margin: 0px auto 25px auto; padding: 0px;} .table .tdx2 h2 { font-size: 1.3em; padding: 7px 10px; margin: 0px 10% 0px 0px; color:#FFF; background: #333; width: 90%; } .table .tdx2 h2 a:link, #table .tdx2 h2 a:visited { color:#FFF; text-decoration: none; } .table .tdx2 h2 a:hover, #table .tdx2 h2 a:active { color:#FFF; text-decoration: underline; } .table .tdx2 { position: relative; display: table-cell; width: 48%; height: auto !important; margin-right: 1%; border: none; float: left; } .table .tdx2.tdlast { display: table-cell; width: 48%; height: auto !important; margin-right: 0%; border: none; float: left; } .table .tdx2 .tdtext .imgshell { position: relative; width: 40%; max-height: 150px; padding: 0px; margin: 0px 2% 10px 0px; overflow: hidden; float: left; } .table .tdx2 .tdtext .imgshell img { width: 100%; height: auto !important; padding: 0px; margin: 0px; } .table .tdx2 .tdtext { position: relative; display: inline; width: 98%; height: auto !important; padding: 0; margin: 0px 2% 10px 0px; float: left; } .table .tdx2 .tdicon { position: relative; float: left; height: 10%; width: auto; margin: 0 10px 0 0;} .table .tdx2 .tdicon img { height: 35px; width: auto; margin: 0 auto; } .table .tdx2 .tdtext .subtitle { color: #333; font-size: 1.1em; line-height: 1em; padding: 0; margin: 0; } .table .tdx2 .tdtext .caption { position: absolute; top: 150px; width: 40%; padding: 5px 0px; } /* Main List Styles #list { width: auto; margin: 0px; padding: 15px; } #list ul { width: auto; margin: 0px; padding: 0px 0px 5px 20px; } #list li { width: auto; margin: 0px; padding: 0px; } #list #expandlist { display: inline; width: auto; margin: 0px; padding: 0px; } #list #filelist { display: inline; width: auto; margin: 0px; padding: 0px; } #list #linklist { display: inline; width: auto; margin: 0px; padding: 0px; } */ #profile { width: 85%; padding: 15px; margin: 0px auto 20px auto; padding-bottom: 40px; border-bottom: 1px solid #ededed; } #profile #profshell { width: 100px; height: auto; float: left; margin: 0px 15px 5px 0px; } #profile #profshell img { width: 100%; height: auto; } #profile h2 { font-family: Helvetica, Arial, sans-serif;color:#ad1a1f; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 1.4em; font-weight: 700; } #profile h4 { margin: 10px auto 10px auto; text-align: center; padding: -50px 10px 10px 10px; background-color: #FFF; border-top: 1px solid #ededed; text-transform: uppercase; } #profile .subtitle { color: #333; margin: 10px auto 10px auto; text-align: center; padding: 10px 10px 10px 10px; background-color: #FFF; border-top: 1px solid #ededed; text-transform: uppercase; font-size: 1.1em; letter-spacing: 2px; } /* subnav styles */ #pagenavshell { position: realtive; width: 100%; background-color: #49453c; } ul.subnav { position: relative; list-style: none; width: 100%; height:40px; display: table; margin: 0px 0px 0px 0px; padding: 0px; background-color: #49453c; font-size: 1.2em; font-weight: normal; line-height: 2em; z-index: 900; overflow: hidden; } ul.subnav li.subnav { width: auto; margin: 0px; padding: 0px auto 0px auto; border-right: 1px solid #666; text-align: center; display: table-cell; } ul.subnav li.last { border-right: none; } .subnav { font-weight: 200; color:#FFF; line-height: 36px; padding-top: 7px;} ul.subnav li.last { border-right: none;} ul.subnav li a:link { color: #fff;background-color: #49453c; text-decoration:none; display:block; width: auto; margin: 0px; line-height: 24px; text-align: center; } ul.subnav li a:hover { color: #ad1a1f; text-decoration:underline; background-color:#ad1a1f; } .cal_small {display: none; } /* footer styles */ .footer { font-size: .9em; color: #FFF; line-height: 20px; } footer { position: relative; width: 100%; height: auto; top: 120px; min-height: 400px; margin: 0px; background-color: #333; display: block; } footer ul {margin: 0px; padding: 0px; list-style:none;} footer .imgshell img { height: 30px; width: auto; margin: 0px 0px 5px 0px; } footer .content { max-width: 1200px; padding: 20px 0px; margin: 0 auto 0 auto; background-color: #333; display:block; height: auto; } footer .content a:link, footer .content a:visited { color: #FFF; text-decoration:underline;} footer .content a:hover, footer .content a:active { color:#FF5C5C; text-decoration:underline;} footer #footercontent {float: left; width: auto; max-width: 75%; display: inline; } footer .footercol { position: relative; float:left; width: auto; max-width: 50%; margin: 0px 30px 0px 0px; padding: 0px 0px 20px 30px; border-left: 1px solid #CCC; } footer .footercol.first { padding: 0px 0px 0px 15px; border-left: none;} footer .footercol #imgfooter img { position: relative; width: 100%; } footer .footercol #imgfooter a { position: relative; width: 100%; height: 100%; } footer .footercol img { position: relative; width: 100%; } footer #footercontact { position: relative; float: right; width: auto; display: block; margin: 0 15px 0 0;} footer #footercontact #footiconbox { margin: 0; } footer #footercontact #footiconbox .footericons { float: left; margin: 0 0 0 5px; height: auto; width: auto;} footer #footercontact #footiconbox .footericons img { height: 25px; width: auto;} /* random styles */ ul.newslinks .imgleft {float:left; padding: 0px; margin: 0px 10px 10px 0px; } ul.news {list-style: none; padding: 0px; margin: 0px 10px 10px 10px; font-size: 1.1em; } ul.news .imgleft {float:left; padding: 0px; margin: 0px 10px 10px 0px; width:100px; height:100px; overflow: hidden; } ul.news .imgleft img { width:100px; height:auto; } ul.news li { padding: 0px 10px 10px 10px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #ededed; } ul.news .caption { font-size: 10px; } ul.newslinks button.linkbutton, ul.news button.linkbutton, button.linkbutton.newslink { display: table; width: auto; color: #ad1a1f; text-align: left; text-decoration: underline; } ul.news button.linkbutton:hover, button.linkbutton.newslink:hover { text-decoration: none; } ul.newslinks li > button.linkbutton:first-child, ul.news li > button.linkbutton:first-child { display: inline; } /* garbage ? */ a.expand, a.expand:visited { color:#666; } a.expand:hover, a.expand:active { color:#666; text-decoration: underline; } a.expand img { margin: 0 3px 0 0; padding-top: 0px; } #wowslider-container1 .button { border-radius: 0px; } table.listings { width: 100%; background-color: #FFF; padding: 5px; margin: 0px; color: #4d4d4d; } table tr.ltgrey { background-color: #ededed; } #left {float: left; width: 50%; background-color: #666; margin: 0; padding: 0; } #right {float: left; width: 50%; background-color: #FFF; margin: 0; padding: 0; } body#home .button-el { display: inline-block; width: auto; height: auto; margin: 0px; padding: 10px; color: #ad1a1f; font-family: "Helvetica Neue Light", Helvetica, sans-serif; white-space: nowrap; line-height: .5em; border: 1px solid #ad1a1f; border-radius: 8px; } body#home .button-el a:link, body#home .button-el a:visited { color: #ad1a1f; text-decoration: none; } body#home .button-el a:hover, body#home .button-el a:active { color: #b31d23; text-decoration: underline; } body#home main #maintext { padding: 1px 0px 20px 0px; } body#home #maintext .content #icons>.column, body#home #maintext .content #icons>.columnx2, body#home #maintext .content #icons>.columnx3, body#home #maintext .content #icons>.columnx4, body#home #maintext .content #icons>.columnx5, body#home #maintext .content #icons>.columnx6 { display: table-cell; padding: 1em 0 1em 0; float: left; border-right: 1px solid #CCC; } body#home #maintext .content #icons>.column { width: 100%; border-right: 0px; } body#home #maintext .content #icons>.columnx2 { width: 49%; } body#home #maintext .content #icons>.columnx3 { width: 32%; } body#home #maintext .content #icons>.columnx4 { width: 24%; } body#home #maintext .content #icons>.columnx5 { width: 19%; } body#home #maintext .content #icons>.columnx6 { width: 15.6%; } body#home .column-el { position: relative; display: table; width: 85%; height: auto !important; min-height: 0px; margin: 0px auto; padding: 0px;} body#home .column-el #content { position: relative; display: table-cell; min-width: 100%; height: auto !important; padding: 0px; margin: 0px auto; padding-right: 0px; } body#home .column-el .contentx2 { display: table-cell; width: 48%; height: auto !important; padding-right: 2%; } body#home .column-el .contentx3 { display: table-cell; width: 32%; height: auto !important; padding-right: 2%; } body#home .column-el .contentx4 { display: table-cell; width: 23%; height: auto !important; padding-right: 2%; } body#home .column-el #content #textcol { width: 95%; height: auto !important; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px; } body#home .column-el #content iframe { position: relative; float: left; width: 50%; height: auto; margin: 0px 10px 5px 0px; padding: 0px; } body#home .column-el #content #imgshell, body#home .column-el .contentx2 #imgshell, body#home .column-el .contentx3 #imgshell, body#home .column-el .contentx4 #imgshell { position: relative; width: 100%; float: none; display: block; margin: 15px 0px 5px 0px; } body#home .column-el .contentx2, body#home .column-el .contentx3, body#home .column-el .contentx4 { text-align: center; } body#home .column-el ul { margin: 20px 10px 10px 10px; } body#home .column-el ul li { line-height: 1.4em; margin-bottom: 10px; } body#home .column-el ul.news li a:link, body#home .column-el ul.news li a:visited { text-decoration: none; } body#home .column-el ul.news li a:active, body#home .column-el ul.news li a:hover { text-decoration: underline; } body#home .column-el .contentx2 ul.news button.linkbutton, body#home .column-el .contentx3 ul.news button.linkbutton, body#home .column-el .contentx4 ul.news button.linkbutton { text-align: center; text-decoration: none; } body#home .column-el .contentx2 ul.news button.linkbutton:hover, body#home .column-el .contentx3 ul.news button.linkbutton:hover, body#home .column-el .contentx4 ul.news button.linkbutton:hover { text-decoration: underline; } /*body#home h2 {font-size: 1.5em; } body#home #eventbox {position: relative; width: 100%; height: auto !important; min-height: 418px; background-color:#49453c;margin:25px 0px 20px 0px;padding:0px;display:block; color: #FFF; } body#home #eventbox #eventtext {position: absolute; top: 20px; left: 20px; width: 75.2%; margin:0px 0px 10px 0px;padding:0px;display:inline; float: left; } body#home #eventbox #eventtext h2 { font-size: 2.3em; font-family: "Helvetica Neue UltraLight", Helvetica, Arial, sans-serif; margin:0px 0px 10px 0px;padding:0px;color:#fff; font-weight: lighter;} body#home #eventbox #eventtext li { position: relative; display: block; } body#home #eventbox #eventtext ul.events li #eventdate { position: relative; width: 20%; float: left; color: #FFF; background: #49453c; padding: 0px; margin: 0px; border: none; } body#home #eventbox #eventtext li #eventdate .date { color: #FFF; font-weight: bold; font-size: 2em; line-height: 1.1em; padding: 0px; margin: 0px; display: block;text-align: center; } body#home #eventbox #eventtext li #eventdate .month { color: #FFF; text-transform:uppercase; font-size: .8em; line-height: .8em; font-weight: bold; text-align: center; padding: 0px; margin: 0px 0px 3px 0px;diplsay: block; } body#home #eventbox #eventtext li #eventarea { position: relative; width: 80%; float: left; padding: 0px; margin: 0px; padding-bottom: 10px; margin-bottom: 10px;border-bottom: 1px solid #6d675b; } body#home #eventbox #eventtext h4 { line-height: 1em; margin: 0px; } body#home #eventbox #eventad {position: relative; width: 34.8%; height: auto; margin:0px;padding:0px;display:inline; float: right; overflow:hidden; } body#home #eventbox #eventad img { width: 100%; height: auto; margin:0px;padding:0px; }*/ /*body#home h2 {font-size: 1.5em; }*/ #eventbox {position: relative; width: 100%; height: auto !important; min-height: 418px; background-color:#333;margin:25px 10px 20px 0px;padding:0px;display:block; color: #FFF; } body#home #eventbox #eventtext {position: absolute; top: 20px; left: 20px; width: 65%; margin:0px 0px 10px 0px;padding:0px;display:inline; float: left; } body#home #eventbox #eventtext h2 { font-size: 2.3em; font-family: Helvetica, Arial, sans-serif; margin:0px 0px 10px 0px;padding:0px;color:#fff; } body#home #eventbox #eventtext li { position: relative; display: block; } body#home #eventbox #eventtext ul.events li #eventdate, body#home #eventbox #eventtext ul.events li .eventdate { position: relative; width: 15%; float: left; color: #FFF; background: #333; padding: 0px; margin: 0px; border: none; } body#home #eventbox #eventtext li #eventdate .date, body#home #eventbox #eventtext li .eventdate .date { color: #FFF; font-weight: bold; font-size: 28px; line-height: 20px; padding: 0px; margin: 0px; display: block;text-align: center; } body#home #eventbox #eventtext li #eventdate .month, body#home #eventbox #eventtext li .eventdate .month { color: #FFF; text-transform:uppercase; font-size: 10px; line-height: 10px; font-weight: bold; text-align: center; padding: 0px; margin: 0px 0px 3px 0px;diplsay: block; } body#home #eventbox #eventtext li #eventarea, body#home #eventbox #eventtext li .eventarea { position: relative; width: 80%; float: left; padding: 0px; margin: 0px; padding-bottom: 10px; margin-bottom: 10px;border-bottom: 1px solid #6d675b; } body#home #eventbox #eventtext h4 { line-height: 1em; margin: 0px; } body#home #eventbox #eventad {position: relative; width: 34.8%; height: auto; margin:0px;padding:0px;display:inline; float: right; overflow:hidden; } body#home #eventbox #eventad img { width: 100%; height: auto; margin:0px;padding:0px; } body#home #eventtext a:link, body#home #eventtext a:visited { color:#DBCBCB; font-size: 1.2em; text-decoration: none; } body#home #eventtext a:hover, body#home #eventtext a:active { color:#DBCBCB; text-decoration: underline; } body#home #eventbox .button-el { float: left; display: inline; margin-right: 20px; } body#home #eventbox .button { position: absolute; right: 20%; top: 0px; } body#home #eventbox .button a:link, body#home #eventbox .button a:visited { color: #FFF; } /*#eventbox a:link, #eventbox a:visited { color:#F00; } #eventbox a:hover, #eventbox a:active { color:#F00; text-decoration: underline; }*/ #eventbox {position: relative; width: 100%; height: auto !important; min-height: 418px; background-color:#333;margin:25px 10px 20px 0px;padding:0px;display:block; color: #FFF; } body#inside h2 {font-size: 1.5em; } body#inside #eventbox {position: relative; width: 100%; height: auto !important; min-height: 418px; background-color:#333;margin:25px 0px 20px 0px;padding:0px;display:block; color: #FFF; } body#inside #eventbox #eventtext {position: absolute; top: 20px; left: 20px; width: 75.2%; margin:0px 0px 10px 0px;padding:0px;display:inline; float: left; } body#inside #eventbox #eventtext h2 { font-size: 2.0em; line-height: 1em; font-family: "Helvetica Neue UltraLight", Helvetica, Arial, sans-serif; margin:0px 0px 10px 0px;padding:0px;color:#fff; font-weight: lighter;} body#inside #eventbox #eventtext li { position: relative; display: block; } body#inside #eventbox #eventtext ul.events li .eventdate { position: relative; width: 20%; float: left; color: #FFF; background: #333; padding: 0px; margin: 0px; border: none; } body#inside #eventbox #eventtext li .eventdate .date { color: #FFF; font-weight: bold; font-size: 2em; line-height: 1.1em; padding: 0px; margin: 0px; display: block;text-align: center; } body#inside #eventbox #eventtext li .eventdate .month { color: #FFF; text-transform:uppercase; font-size: .8em; line-height: .8em; font-weight: bold; text-align: center; padding: 0px; margin: 0px 0px 3px 0px;diplsay: block; } body#inside #eventbox #eventtext li .eventarea { position: relative; width: 80%; float: left; padding: 0px; margin: 0px; padding-bottom: 10px; margin-bottom: 10px;border-bottom: 1px solid #6d675b; } body#inside #eventbox #eventtext h4 { line-height: 1em; margin: 0px; } body#inside #eventbox #eventad {position: relative; width: 34.8%; height: auto; margin:0px;padding:0px;display:inline; float: right; overflow:hidden; } body#inside #eventbox #eventad img { width: 100%; height: auto; margin:0px;padding:0px; } body#inside #eventbox .button { position: absolute; right: 20%; top: 0px; } body#inside #eventbox .button a:link, body#inside #eventbox .button a:visited { color: #FFF; } #eventbox a:link, #eventbox a:visited { color:#DBCBCB; } #eventbox a:hover, #eventbox a:active { color:#DBCBCB; text-decoration: underline; } body#parents #submenu.adm, body#parents #sitemenu.adm {display: none; } body.viewbook #issuufix { position: relative; height: 0; width: 850px; height: 600px; overflow: hidden; } body.viewbook #issuufix iframe { position: absolute; top: 0; left: 0; width: 1000px; height: 700px; } #eventbox {position: relative; width: 100%; height: auto !important; min-height: 418px; background-color:#333;margin:25px 0px 20px 0px;padding:0px;display:block; color: #FFF; } #eventbox #eventtext {position: absolute; top: 20px; left: 20px; width: 75.2%; margin:0px 0px 10px 0px;padding:0px;display:inline; float: left; } #eventbox #eventtext h2 { font-size: 2.3em; font-family: "Helvetica Neue UltraLight", Helvetica, Arial, sans-serif; margin:0px 0px 10px 0px;padding:0px;color:#fff; font-weight: lighter;} #eventbox #eventtext li { position: relative; display: block; } #eventbox #eventtext ul.events li .eventdate { position: relative; width: 20%; float: left; color: #FFF; background: #333; padding: 0px; margin: 0px; border: none; } #eventbox #eventtext li .eventdate .date { color: #FFF; font-weight: bold; font-size: 2em; line-height: 1.1em; padding: 0px; margin: 0px; display: block;text-align: center; } #eventbox #eventtext li .eventdate .month { color: #FFF; text-transform:uppercase; font-size: .8em; line-height: .8em; font-weight: bold; text-align: center; padding: 0px; margin: 0px 0px 3px 0px;diplsay: block; } #eventbox #eventtext li .eventarea { position: relative; width: 80%; float: left; padding: 0px; margin: 0px; padding-bottom: 10px; margin-bottom: 10px;border-bottom: 1px solid #6d675b; } #eventbox #eventtext h4 { line-height: 1em; margin: 0px; } #eventbox #eventad {position: relative; width: 34.8%; height: auto; margin:0px;padding:0px;display:inline; float: right; overflow:hidden; } #eventbox #eventad img { width: 100%; height: auto; margin:0px;padding:0px; } #eventbox a:link, #eventbox a:visited { color:#DBCBCB; } #eventbox a:hover, #eventbox a:active { color:#DBCBCB; text-decoration: underline; } #eventbox .button { position: absolute; right: 20%; top: 0px; } #eventbox .button a:link, #eventbox .button a:visited { color: #FFF; } body#news h2 {display: block; margin: 25px 0; } } /* ---------------------------- DESKTOP ONLY STYLES ------------------------ */ @media only screen and (min-width: 1001px) { //DESKTOP styles go here body { } /* html 5 element styles */ header .content { } main { } #navmobile { display: none;} #introshell h1 { position: absolute; bottom: 5px; left: 30%; color: #FFF; font-size: 5em; text-shadow: 1px 1px 5px #49453c;} /* Nav Wrapper Styles */ header .content nav { position: relative; width: 100%; font-size: 1.2em; } ul.subnav { } ul.subnav li a:link, ul.subnav li a:visited { color:#FFF; text-decoration: none; padding: 10px 20px 10px 20px; margin: 0px;} ul.subnav li a:hover, ul.subnav li a:active { color:#ad1a1f; text-decoration: underline; background-color: #FFF; } // end DESKTOP styles } /* ---------------------------- TABLET ONLY STYLES ------------------------ */ @media only screen and (min-width: 901px) and (max-width: 1000px) { //LAPTOP styles go here #introshell h1 { position: absolute; bottom: 5px; left: 30%; color: #FFF; font-size: 5em; text-shadow: 1px 1px 5px #49453c;} body#inside h2 {font-size: 1.5em; } } /* ---------------------------- TABLET ONLY STYLES ------------------------ */ @media only screen and (min-width: 565px) and (max-width: 900px) { //TABLET styles go here body { background: #FFF; } h2.pagetitle { margin: 30px 0px 10px 20px; } header .content { width: 100%; height: 80px; } header a.logo { width: auto; height: 50px; top: 15px; left: 10px; } header #logo { padding: 0px 0px 0px 0px; margin: 0px auto; } header #topnav { position: absolute; top: 10px; right: 10px; height: 25px; width: auto; color: #FFF; font-size: .8em; } header .content nav { display: block; background-color: #ad1a1f; width: 100%; } #navdesk { display: none;} .toggleMenu { background: #ad1a1f; } .toggleMenu a:link { color: #FFF; } .toggleMenu a:hover { text-decoration: underline;} ul.subnav { width: 768px; } ul.subnav li a:link, ul.subnav li a:visited { color:#FFF; text-decoration: none; padding: 10px 10px 10px 10px; } ul.subnav li a:hover, ul.subnav li a:active { color:#ad1a1f; text-decoration: underline; background-color: #FFF; } nav { position: relative; top: 25px; padding: 0px 0px 0px 0px; } nav .menu_container .menu_dropdown_block .column.three-col, .menu_container .menu_dropdown_block .column.four-col { width: 90%; } .active {display: block;} main { width: 100%; height: auto !important; overflow: visible; display: block; } main #maintext { width: 100%; float: none; display: block; max-width: 100%; margin: 0px; height: auto; top: 50px; } main #maintext .content { padding: 0px; margin: 0px; border: 1px solid #red;} main #maincol { width: 100%; float: none; display: block; max-width: 100%; clear: both; height: auto; } #maintext .content .imgshell, #maincol .content .imgshell { float: left; width: 50%; height: auto; margin-right: 10px; } #maintext .content .imgright, #maincol .content .imgright { float: right; width: 50%; height: auto; margin-left: 10px; } #coltext .content .imgshell { float: none; width: 100%; margin: 0px; padding: 0px; } /* 2015 Tablet Styles */ #introshell h1 { left: 20%; font-size: 4em; } ul.subnav { height:30px; font-size: 1.05em; line-height: .9em; } .subnav { font-weight: 200; color:#FFF; line-height: .8em; padding-top: 0px;} #submenu, #sitemenu {position: relative; margin-top: 0px; } #facts .content .number { font-size: 1.3em; ont-weight: 400; } #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; } #icons .content .number { font-size: 1.3em; ont-weight: 400; } #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: #95896e; } #highlight #hightext .content { max-height: 200px; oveflow: scroll; line-height: 14px; font-size: 1em; } #highlight #hightext .content { position:relative; padding: 8%; color: #FFF; max-height: 200px; oveflow: scroll; } #highlight #hightext .content .caption { position: absolute; bottom:0px; right:25px; color: #95896e; } #highlight #highlinks { padding: 5px 10px; margin: 7px 0px; background: #3d3932; } #highlight #hightext .content { position:relative; padding: 8%; color: #FFF; max-height: 375px; overflow: auto; } #portal .textlinks { font-size: 1em; } #feeds { width: 100%; } #feeds .content .imgshell { display: block; float: none;} #feeds .content .imgshell { display: block; float: none;} #text .textlinks .content { max-height: 180px; font-size: 0.9em; } #text .imgshell { position: relative; display:inline; float: right; max-width: 50%; min-width: 0%; overflow: hidden; margin: 10px 0px 0px 20px; } body.details #text iframe {width: 100%; height: 330px; min-height: auto; } #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: inline-block; float: left; text-align: center; color: #CCC; border: 1px solid #989797; margin: 5px 10px 20px 0px; display: block; } #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; font-weight: 200; } /* 2014 Styles Garbarge? */ #pagebox { float: left; width: 48%; height: auto; margin: 15px 1.5% 0px 0px; background-color: #FFF; border: 1px solid #999; line-height: 22px; box-shadow: 5px 10px 10px 0px rgba(116, 116, 116, 0.75); -moz-box-shadow: 5px 10px 10px 0px rgba(116, 116, 116, 0.75); -webkit-box-shadow: 5px 10px 10px 0px rgba(116, 116, 116, 0.75); } #pagebox .content.boxes { margin: 0px 0px 0px 0px; padding: 10px 15px 15px 15px; background-color: #FFF;} #pagebox .content .imgshell { float: none; width: 100%; margin: 0px 0px 10px 0px; } #pagebox .content #textbox { padding: 15px; } main #sidebar { float: none; margin: 20px 0px; padding: 0px; width: 100% } main #sidebar .content .imgshell, main #sidebar .content .imgright { float: right; width: 50%; height: auto; margin-left: 10px; } .cal_small {display: none; } footer {height: auto; } .footercol { position: relative; float:left; width: auto; max-width: none; margin: 0px 15px 0px 0px; padding: 0px 0px 20px 15px; border-left: none; } .footercol.first { padding: 0px 0px 0px 15px; border-left: none;} .footercol #imgfooter { display: none; position: relative; width: 100%; } .footercol img { position: relative; width: 100%; } footer #footercontact { position: relative; float: left; width: auto; display: block; margin: 0 15px 0 15px;} body#home main { overflow: hidden; } body#home main #maintext { width: auto !important; top: 0px; } body#home main article { float: none; width: 100%; background-color: transparent; margin-bottom: 20px;} body#home main article h3 { width: 95%; } body#home main article .content { min-height: 140px; } body#home main article .content .imgshell { width: 35%; height: 100%; float: left; margin-top: 20px; } body#home main article .content #textbox { float: right; width: 59%; padding: 3%; margin: 0px; margin-top: 20px; } body#home #eventbox #eventtext {position: relative; width: 55%;} body#home #eventbox #eventad {width: 40%; } body#home #eventbox #eventad img {width: 100%; height: auto !important } body#home #newsbox { display: block; } body#inside #eventbox #eventtext {position: relative; width: 55%;} body#inside #eventbox #eventad {width: 40%; } body#inside #eventbox #eventad img {width: 100%; height: auto !important } body.viewbook #issuufix { position: relative; height: 0; width: 600px; height: 400px; overflow: hidden; margin-left: -50; } body.viewbook #issuufix iframe { position: absolute; top: 0; left: -50px; width: 600px; height: 400px; } #links .content { } // end TABLET styles } /* ---------------------------- MOBILE ONLY STYLES ------------------------ */ @media screen and (max-width: 564px) { /*MOBILE styles go here*/ body { background: #FFF; } header { height: 90px; margin: 0px; width: 100%; } header.fixed {position: relative; width: 100%; top: 0px; } #navdesk { display: none;} h1 { font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-weight: 200; color:#5d5d5d; margin: 10px 0px 10px 0px; padding: 0px; display: block; font-size: 2.8em; line-height: 38px; } h1.pagetitle { font-family: "Helvetica Neue UltraLight", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-weight: lighter; color: #ad1a1f; font-size: 2.6em; margin: 10px 0px 0px 30px; } b { font-size: 1em; } #supershell { width: 100%; display: block; float: none; margin: 0px; padding: 0px; } main { position:relative; width: 100%; top: 0px;} main { overflow: visible; width: 100%; } main #maintext, main #maincol { width: 100%; float: none; display: block; clear: both; height: auto; margin: 0px; } main #sidebar { float: none; margin: 0px; padding: 0px; width: 100% } .active {display: block;} nav { position: relative; top: 25px; padding: 0px 0px 0px 0px; } nav .menu_container .menu_dropdown_block .column { box-sizing: border-box; -moz-box-sizing: border-box; float: none; width: 100%; } nav .menu_container .menu_dropdown_block .column.three-col, .menu_container .menu_dropdown_block .column.four-col { width: 90%; } .toggleMenu { background: #ad1a1f; } .toggleMenu a:link { color: #FFF; } .toggleMenu a:hover { text-decoration: underline;} ul.subnav { width: 768px; } ul.subnav li a:link, ul.subnav li a:visited { color:#FFF; text-decoration: none; padding: 10px 10px 10px 10px; } ul.subnav li a:hover, ul.subnav li a:active { color:#ad1a1f; text-decoration: underline; background-color: #FFF; } #subnav-about, #subnav-adm, #subnav-aca, #subnav-under, #subnav-grad, #subnav-campus, #subnav-news, #subnav-par { } #topnav { float: left; display: inline; position: absolute; top: 10px; right: 5px; right: 0px; height: 25px; width: auto; color: #FFF;font-size: .9em; border:none; margin: 0px; padding: 0px;} #topnav a:link, #topnav a:visited { color:#FFF; margin-right: 5px; } #topnav a:hover, #topnav a:active { color:#FFF; margin-right: 5px; } /* subnav styles */ ul.subnav { position: relative; list-style: none; width: 100%; max-width: 480px; height:auto !important; display: block; margin: 0px 0px 0px 0px; padding: 0px; color: #FFF; background-color: #ad1a1f; font-size: 1.1em; font-weight: bold; line-height: 1.3em; z-index: 900; overflow: visible; } ul.subnav li { width: 100%; height: 35px; margin: 0px; padding: 0px; border-right: none; text-align: left; display: block; } ul.subnav li.last { border-right: none;} ul.subnav li a:link, ul.subnav li a:visited { color: #FFF; background-color: #ad1a1f; text-decoration:none; display:block; width: auto; margin: 0px; padding: 10px;line-height: 16px; text-align: left; } ul.subnav li a:hover, ul.subnav li a:active { color: #FFF; text-decoration:underline; background-color:#ad1a1f; } main>#maincol { width: 100%; float: none; display: block; padding: 0px; margin: 0px; } main>#maincol>.content { position: relative; width: 100%; padding: 10px 0px; margin: 0px; } main>#maincol>#sidebar { position: relative; width: 100%; right: 0px; top: 0px; float: none; margin: 20px 0px 0px 0px; padding: 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #maintext .content .imgshell, #maincol .content .imgshell { float: none; width: 100%; height: auto; margin-right: 0px; padding: 0px; } #maintext .content .imgright, #maincol .content .imgright { float: none; width: 100%; height: auto; margin-left: 0px; padding: 0px; } #maintext .content iframe { float: none; width: 100%; height: auto; margin-left: 0px; padding: 0px; } #coltext { width: 100%; padding : 0; } /* Main Column Box Styles */ #submenu, #sitemenu {position: relative; margin-top: 0px; } #pagebox { float: none; width: 100%; height: auto; margin: 0px 0px 20px 0px; } #introshell { position: relative; width: 100%; max-height: 500px; min-height: 0px; overflow: hidden; } #introshell .image { width: 100%; height: auto; background: #333; } #introshell h1 { font-family: Helvetica, Arial, sans-serif; font-weight: 200;position: absolute; bottom: 15px; left: 10%; color: #FFF; font-size: 2.5em; line-height: 1em; text-shadow: 2px 2px 2px #000;} #introshell .caption { position: absolute; bottom: 5px; right: 15px; color: #FFF; font-size: 1em; line-height: 1.1em;} #introshell #title { position: relative; max-width: 550px; width: auto !important; height: 55px; top: 10px; left: 0%; } #introshell #title h1.pagetitle { position: relative; bottom: 0px; left: 0%; color: #ad1a1f; font-size: 2.5em; text-shadow: none;} #introtext { position: realtive; width: 85%; margin: 30px auto; padding: 0px; font-size: 1.3em; } #boxes { width:100%;float: none; } .box { width: 100%; float: none; disp;lavy: block; } #icons>.column,#icons>.columnx2,#icons>.columnx3,#icons>.columnx4,#icons>.columnx5,#icons>.columnx6 { display: block; float: none; width: 100%; margin-bottom: 20px;} #highlight .image { position: relative; display: block; float: none; width: 100%; overflow: hidden; z-index: 999px; } #highlight .embed { display: block; float: none; width: 100%; overflow: hidden; z-index: 1000px; min-height: 210px; } #highlight .embed iframe { width: 100%; min-height: 210px; } #highlight .hightext { width: 95%; float: none; max-height: 100%; overflow: visible; } #highlight .text { width: 95%; float: none; max-height: 100%; overflow: visible; } #highlight .button { width: 95%; float: none; } #highlight .link { width: 95%; float: none; } #portal { display: block; } #portal .textlinks { max-width: 100%; float: none; display: block; } #portal #textarea { max-width: 100%; float: none; display: block; } #portal #textarea .imgshell, #portal #textarea .imgright { width: 100%; float: none; margin: 0; } #text { display: block; } #text .imgshell { width: 100%; max-width: 100%; float: none; display: block; margin: 0px; } #text .imgright { display:block; float: none; max-width: 100%; width: 100%; margin: 0px; padding: 0px; } #text #textarea { width: 100%; float: none; display: block; } #text .textlinks { max-width: 100%; float: none; display: block; } #text .textlinks .content { height: auto; max-height: auto; overflow: visible; } .table .tdx2 { position: relative; display: table-cell; width: 100%; height: auto !important; margin-right: 1%; border: none; float: left; } .table .tdx2.tdlast { display: table-cell; width: 100%; height: auto !important; margin-right: 0%; border: none; float: left; } .table .tdx2 .tdtext { position: relative; display: inline; width: 100%; height: auto !important; padding: 0px; margin: 0px 2% 10px 0px; float: left; } .table .tdx2 h2 { font-size: 1.3em; padding: 7px 10px; margin: 0px 10% 0px 0px; color:#FFF; background: #333; width: 93%; } .table .tdx2 .tdtext .imgshell { max-height:350px; } .table .tdx2 .tdtext .imgshell img { } /* Table Styles from above .table .tdx2 .tdtext .imgshell { position: relative; width: 40%; max-height: 150px; padding: 0px; margin: 0px 2% 10px 0px; overflow: hidden; float: left; } .table .tdx2 .tdtext .imgshell img { width: 100%; height: auto !important; padding: 0px; margin: 0px; } */ /* text red w/ buttons styles */ #textred .buttons li { list-style: none; display: inline-block; color:#be1d23; background-color: #FFF; margin: 5px; padding: 5px 10px; border-radius: 5px; } .portal { position: relative; width: 95%; height: auto; margin: 20px auto; padding: 2%; display: table; } .portal .textlinks { /*position: relative; display: table-cell; */ float: none; width: 100%; max-width: 200px; min-width: 0%; padding: 0px; margin: 0px; } .portal .textlinks .content { width: 100%; min-height: 100px; max-height: 220px; overflow: scroll; padding: 0px; margin: 0px 0px 0px 10px; border-left: 1px solid #CCC; border-top: 1px solid #CCC; font-size: 1em; } .portal .textlinks ul { margin: 0px 0px 0px 5px; } .portal .textarea { overflow:hidden; /*float: left; position: relative; display: table-cell; width: auto; padding: 0px; margin: 0px; overflow: hidden;*/ } .portal .imgshell, .portal .imgleft { position: relative; display: table-cell; float: left; width: auto; max-width: 35%; min-width: 0%; height: auto !important; overflow: hidden; margin: 5px 10px 0px 0px; } .portal .imgright { position: relative; display: table-cell; float: right; width: auto; max-width: 35%; min-width: 0%; height: auto !important; overflow: hidden; margin: 5px 0px 0px 10px; } .portal .imgshell .piccontent, .portal .imgleft .piccontent, .portal .imgright .piccontent {position: relative; display: block; width: 100%; height: auto !important; } .portal .imgshell .piccontent img, .portal .imgleft .piccontent img, .portal .imgright .piccontent img { width: 98%; height: auto; margin: 0px; padding-right: 0px; } /*#portal #textarea h3 { font-size: 1.8em; margin: 0px; }*/ .portal .imgshell .piccontent .caption, #portal .imgright .piccontent .caption { display: block; float: none; } .portal .icon {position: relative; display: table-cell; float: left; width: auto; max-width: 35%; min-width: 0%; height: auto !important; overflow: hidden; margin: 5px 10px 0px 0px; padding: 0 auto; align-content: center; } .portal .imgshell .iconimg { position: relative; width:100%; min-height: 55px; height: auto !important; margin: 0 auto; padding: 0 auto; align-content: center; } .portal .imgshell .iconimg img { position: relative; width:100%; height: auto !important; margin: 0 auto; } body.details #text iframe {width: 100%; height: 200px; min-height: auto; } #multibuttons .buttons { display: block; width: 100%; margin: 20px 0px; padding: 0px; font-size: 1.1em;} #multibuttons .buttons ul { width: 95%; display: block; } #multibuttons .buttons li { list-style: none; display: block; width: 100%; margin: 0px 0px 10px 0px; } #feeds { position: relative; display: block; width: 100%; height: auto !important; margin: 25px auto; padding: 0; float: left; } #feeds .content, #feeds .contentx2, #feeds .contentx3, #feeds .contentx4 { display: block; width:100%; border-right: none; float:none; padding: 0px; margin: 0px; } #feeds p { padding-bottom: 10px; } #feeds hr { height: 1px; padding: 0px; } #column .content { display: block; min-width: 100%; width: 100%; height: auto !important; padding: 0px; float: none;} #column .contentx2, #column .contentx3, #column .contentx4, #column .contentx5 { display: block; width: 100%; height: auto !important; padding-right: 0%; margin-bottom: 20px;} #column .contentx2 iframe, #column .contentx4 iframe, #column .contentx4 iframe, #column .contentx5 iframe { display: block; width: 100%; height: auto !important; min-height: 210px; padding: 0px; float: none;} #videorow #videocol { position:relative; display: inline; float: none; width: 100%; margin: 0 auto; padding-right: 0%; } #videorow #videocol #embedshell { display: block; width: 100%; float: none; margin: 0px; padding: 0px; max-height: 300px;} #video .content { position: relative; display: block; width: 100%; float: none; height: auto !important; max-height: 500px; overflow: visible; padding: 0px 0px 5px 0px; margin: 5px auto 10px auto; } #video .content iframe { position: relative; float: none; width: 100%; height: auto; max-height: 600px; margin: 0px; padding: 0px; } #links { display: block; width: 100%; } #links ul { list-style: inside; width: 100%; } #links li { display: block; width: 100%; } #links .content { width: 100%; display: block; float: none; height: auto; text-align: left; margin: 20px 0; border: none; clear: right; } #links .content .imgshell { display:inline; float: left; height: 25px; width: auto; margin:5px; } /* facts styles */ #facts { position: relative; display: table; width: 90%; height: auto !important; margin: 25px auto; padding: 20px 0; text-align: center; font-size: 1.2em; font-weight: 300; line-height: 1.1em; color: #FFF; text-align: center; padding: 0px; background: #ad1a1f; } #facts>.column { display: block; float: none; width: 100%; } #facts>.columnx2 { display: block; float: none; width: 100%; } #facts>.columnx3 { display: block; float: none; width: 100%; } #facts>.columnx4 { display: block; float: none; width: 100%; } #facts>.columnx5 { display: block; float: none; width: 100%; } #facts>.columnx6 { display: block; float: none; width: 100%; } #facts p { display: block; padding: 0px 0px 20px 0px; margin: 0px; top: 0; } #facts .icon { height: auto; width: 100%;display:block; } #facts .icon img { height: 35px; width: auto; margin: 0 auto; } #facts h3 { margin: 0px; padding: 0px; font-size: 1.5em; line-height: 1.0em; font-weight: 700; } #facts .number { display: block; margin: 5px 0 0 0; padding: 0px; font-size: 1.4em; line-height: 1.6em; font-weight: 400; color: #FFF;} #facts a:link, #icons a:visited { text-decoration: none; } .cal_small {display: block; } .cal_full {display: none; } .footer { font-size: 1em; color: #FFF; line-height: 24px; } footer { margin: 0px; width: 100%; height: auto; display: block; top: 20px; min-height: 700px; overflow: visible;} footer .content { position: relative; width: 98%; height: auto !important; padding: 0%; margin: 0 auto; display: block; } footer .content #footercontent { position: relative; width: 92%; max-width: 92%; float:none; height: auto !important; padding: 3%; margin: 0 auto; display: block; } footer .content #footercontent #imgfooter { float: none; width: 100%; max-width: 100%; } footer .content #footercontent .footercol { position:relative; float:none; width: auto; max-width: 92%; margin: 0px auto; padding: 3%; border-left: none; display: block; } footer .content #footercontent .footercol img { width: 100%; height: auto; } footer .content #footercontent .footercol.first { padding: 0px; margin: 0px auto; } footer .content #footercontact { position: relative; float: none; width: 92%; display: block; clear: both; padding: 3%; margin: 0 auto; } footer .content #footiconbox { margin: 0 auto; width: auto; } footer .content #footiconbox #footericons { float: left; } body#home #maintext .content #icons>.column, body#home #maintext .content #icons>.columnx2, body#home #maintext .content #icons>.columnx3, body#home #maintext .content #icons>.columnx4, body#home #maintext .content #icons>.columnx5, body#home #maintext .content #icons>.columnx6 { display: block; float: none; width: 100%; margin-bottom: 20px; padding: 0px; border: none; } body#home main article { float: none; width: 100%; background-color: transparent; margin-bottom: 20px;} body#home main article .content { min-height: 140px; } body#home main article .content .imgshell { width: 100%; height: 140px; float: left; } body#home #eventbox {position: relative; width: 100%; height: auto !important; min-height: 600px; /*background-color:#49453c;*/ margin:25px 0px 0px 0px;padding:0px;display:block; color: #FFF; } body#home #eventbox #eventtext {position: relative; width: 90%; display:block; float: none; margin-bottom: 15px; } body#home #eventbox #eventad {width: 100%; display:block; float: none; margin-top: 15px; } body#home #eventbox #eventad img {width: 100%; height: auto !important } body#home #eventbox .button-el { float: none; display: inline-block; margin: 0 0 1em 0; } body#home #newsbox .contentx2 { display: block; width: 98%; margin-top: 20px; } body#inside main article { float: none; width: 100%; background-color: transparent; margin-bottom: 20px;} body#inside main article .content { min-height: 140px; } body#inside main article .content .imgshell { width: 100%; height: 140px; float: left; } body#inside #eventbox {position: relative; width: 100%; height: auto !important; min-height: 600px; background-color:#49453c;margin:25px 0px 0px 0px;padding:0px;display:block; color: #FFF; } body#inside #eventbox #eventtext {position: relative; width: 90%; display:block; float: none; margin-bottom: 15px; } body#inside #eventbox #eventad {width: 100%; display:block; float: none; margin-top: 15px; } body#inside #eventbox #eventad img {width: 100%; height: auto !important } body.viewbook #issuufix { position: relative; height: 0; width: 500px; height: 300px; overflow: hidden; margin-left: -50; } body.viewbook #issuufix iframe { position: absolute; top: 0; left: -50px; width: 500px; height: 300px; } nav .menu_container .menu_dropdown_block .column.three-col, .menu_container .menu_dropdown_block .column.four-col { width: 90%; } //end MOBILE styles } @media screen and (max-width: 320px){ #supershell { width: 400px; display: block; float: none; margin: 0px; padding: 0px; } } /* ---------------------------- PRINT ONLY STYLES ------------------------ */ @media print { body { background: #FFF; } nav { } nav a:link,nav a:visited,nav a:hover;nav a:active { color: #000; } header { display: none; } header .content #logo { position: relative; top: 5px; width: 175px; padding: 0px auto; margin: 0px auto; background: url(//www.bard.edu/images/logo-print.png) center center; } header .content #logo img { position: relative; padding: 0px auto; margin: 0px auto;} main { position:relative; width: 100%; top: 0px; } #introshell { max-height: auto; } ul.dropdown-menu {display: none; } #subnav li { margin-right: 10px; padding-right: 10px; } #submenu, #sitemenu {display: none;} #introtext {margin-top: 15px; } #introcol #left #image { display: none; } #introshell h1 { position: relative; top: 10px; left: 0%;font-size: 2em; line-height: 2em; color: #FFF; height: auto; margin: 10px 0; } h1.pagetitle { position: relative; margin: 10px 0; } #introshell .imgshell { width: 100%; height: auto; } #boxes { margin-top: 50px; } #boxes h3 { position: absolute; top: -30%; margin: 0px auto; padding: 0px 5%; text-align: center; color: #FFF; font-size: 1.5em; line-height: 1.2em; font-weight: 200; } #boxes img.icon, #boxes .button {display: none; } * { text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important; } a:link,a:visited,a:hover,a:active { color: #ad1a1f; text-decoration:underline; } header h2 { display: block; font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif;font-weight: bold; color:#5d5d5d; margin: 0px 0px 15px 0px; display: block; font-size: 3em; line-height: 2em; } .cal_small {display: none; } .cal_full {display: block; } #imgfooter {display:none;} }