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

@viewport {
	width: device-width;
	min-zoom: 1;
	max-zoom: 2;
}
@viewport {
	width: 890px;
	zoom: 1;
}
@-ms-viewport{
  width: device-width;
}

@font-face {
	font-family: "Whitney";
	src: url("https://www.bard.edu/fonts/whitney-bold.eot"); /* IE9 */
	src:
		local("Whitney"),
		url("https://www.bard.edu/fonts/whitney-bold.ttf") format("truetype"),
		url("https://www.bard.edu/fonts/whitney-bold.otf") format("opentype");
}
@font-face {
	font-family: "Gotham";
	src: url("https://www.bard.edu/fonts/GothamMedium.eot"); /* IE9 */
	src:
		local("Gotham3"),
		url("https://www.bard.edu/fonts/GothamMedium.ttf") format("truetype"),
		url("https://www.bard.edu/fonts/GothamMedium.otf") format("opentype");
}
@font-face {
	font-family: "Gotham Bold";
	src: url("https://www.bard.edu/fonts/gothambold24.eot"); /* IE9 */
	src:
		local("Gotham Bold"),
		url("https://www.bard.edu/fonts/GothamBold.ttf") format("truetype"),
		url("https://www.bard.edu/fonts/GothamBold.otf") format("opentype");
}
@font-face {
	font-family: "Modern Pics";
	src: url("https://www.bard.edu/fonts/modernpics.eot"); /* IE9 */
	src:
		local("Modern Pics"),
		local("Modern Pics"),fcontecf
		url("https://www.bard.edu/fonts/modernpics.ttf") format("truetype"),
		url("https://www.bard.edu/fonts/modernpics.otf") format("opentype");
}


/* ----------- 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: 14px; line-height: 24px; color: #333; background: #FFF; }
	
/* Header Styles */
h1 { font-family: "Gotham", Helvetica, Arial, sans-serif; font-weight: 400; color:#ad1a1f; margin: 20px 0px 20px 0px; padding: 0px; display: block; font-size: 2em; line-height: 38px; }
h1.pagetitle { font-family: "Gotham", Helvetica, Arial, sans-serif; font-weight: lighter; color: #ad1a1f; font-size: 2em; line-height: 40px; margin: 50px 0px 10px 0px; }
h1.pagetitle a:link, h1.pagetitle a:visited { color:#ad1a1f;text-decoration: none; }
h1.pagetitle a:hover, h1.pagetitle a:active { color:#ad1a1f;text-decoration: underline; }
h2 { color:#ad1a1f; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 1.3em; font-weight: 200;}
h3 { color:#ad1a1f; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 1.3em; font-weight: 200; }
h4 { font-family: "Gotham", Helvetica, Arial, sans-serif; font-size: 1.2em; margin: 5px 0; padding: 0px; color:#333; }
h5 { font-size: 1.1em; margin: 5px 0; padding: 0px; color:#ad1a1f; }
h6 { color:#ad1a1f; }
p { font-size: 1em; line-height: 22px; }

/* reset styles */
.clearout { clear: both; line-height: 1px; }
a:link, a:visited { color:#ad1a1f; text-decoration: underline; }
a:hover, a:active { color:#ad1a1f; text-decoration: none; }
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;}
.tdhead { background:#333; color:#FFF; font-size: 1.5em; font-family: Helvetica, Arial, sans-serif; }
.tdbox { background:#CCC; color:#333; border: 4px solid #FFF; }
.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 { color:#ad1a1f; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 1.3em; font-weight: 200; }

/* CMS Styles */
.cms-subtitle1 { font-family: "Gotham", Helvetica, Arial, sans-serif;color:#ad1a1f; margin: 20px 0px 5px 0px; padding: 0px; font-size: 1.5em; font-weight: 700; }
.cms-subtitle2 { font-family: "Gotham", Helvetica, Arial, sans-serif;color:#333; margin: 10px 0px 0px 0px; padding: 0px; font-size: 1.2em; font-weight: 700; }
.cms-subtitle3 { font-family: "Gotham", Helvetica, Arial, sans-serif;color:#ad1a1f; margin: 5px 0px 0px 0px; padding: 0px; font-size: 1.1em; font-weight: 700; }
.cms-caption { font-family: "Gotham", 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: "Gotham", 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; }


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


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


#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 { width: 100%; max-width: 1200px; margin: 0px auto; }
.submenu_container.full_width { margin: 0 auto 20px auto; height: auto; width: 100%; clear: both; float: none; border-radius: 0px; background: #4b4a4a; box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid red;}

/* header logo styles */
header { position: relative; width: 100%; height: auto; height: 150px; top: 0; margin: 0px; padding: 0px; background: #ad1a1f; z-index: 999; }
header .content { position: relative; width: 100%; max-width: 1200px; height: 150px; margin: 0px auto; padding: 0px; display: block; }
header .content #logo { position: absolute; top: 12px; left: 0px; width: 15%; height: 150px;overflow: visible; padding: 0px auto; margin: 0px; z-index: 1000; }
header .content #logo img { position: relative; width: 90%; height: auto; float: left; padding: 0px auto; margin: 0px;}
header .content #banner { position: relative; top: 20px; right: 0px; width: 84%; height: 50px; display: block; margin: 0px; padding: 0 0 0 1%; z-index: 1005; float: right; color: #FFF; font-size: 2.65em; font-family: "Gotham", Helvetica, Arial, sans-serif; line-height: 1em;  }
header .content nav { position: relative; top: 40px; left: 190px; width: 100%; height: 40px; display: block; margin: 0px; padding: 0px; z-index: 1005; float: left; }
header .content nav .menu_container ul li.social { margin: 0px; display: inline; }
header .content nav .spacer { width: 20px; border: 1px solid #ad1a1f; height: 38px; }
header .content .topnav { font-family: "Gotham", Helvetica, Arial, sans-serif;position: absolute; top: 100px; right: 0px; background: #333; color: #FFF; padding: 5px 10px; font-size: 1.2em; font-weight: 700; z-index: 2000;}
header .content .topnav a:link, header .topnav a:visited { color: #FFF; text-decoration: none; }
header .content .topnav a:active, header .topnav a:hoverd { color: #FFF; text-decoration: underline; }
#mobilelogo { display: none; }


/* subnav styles */
#pagenavshell { position: realtive; 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: #4b4a4a;  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: #4b4a4a; 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; }


/* expand styles */
.expand { display:block; width: auto; height: auto; margin: 20px 0px; }
.expand a { font-family: Helvetica, 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; }


/* main structure styles */
main { position:relative; width: 100%; top: 125px; margin: 0px auto 0px auto; padding: 0px; overflow:hidden; display: block; }
main #maintext { position:relative; display:block; width: 100%; overflow: auto; float: none; width: auto !important; background: #FFF; margin: 20px auto; padding: 0px 0px 20px 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: 100%; 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 0px; }

/* 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: 25%; background-color: #ededed; }
main #maincol #sidebar .sidetext { padding: 15px;  }
main #maincol #sidebar .sidelist {  margin: 0px 0px 0px 10px; padding: 0px;  }
main #maincol #sidebar h2 { font-family: "Gotham"; font-size: 1.8em; line-height: 1em; color: #333;  border-bottom: none;  margin: 0px 0px 0px 10px; padding: 0px;font-weight: normal; }
main #maincol #sidebar .subtitle { font-family: "Gotham"; font-size: 1.8em; line-height: 1em; color: #333;  border-bottom: none;  margin: 0px 0px 0px 10px; padding: 0px;font-weight: normal; }
main #maincol #sidebar>.button { margin: 0px; padding: 0px 0px 0px 10px; border-bottom: none; }
main #maincol #sidebar>.button h2 { font-size: 1em; display: inline-block; width: auto; height: auto; margin: 0px 0px 3px 0px; padding: 10px 15px 10px 15px; color: #FFF; background-color: #ad1a1f; border-radius: 8px; border-bottom: none; }
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; }

/* titles and site titles */
#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 */
body#home #introshell { position: relative; width: 85%; top: 0px; max-width: 1200px; max-height: 500px; min-height: 0px; margin: 20px auto 40px auto; overflow: hidden; display: block;  }
#introshell { position: relative; width: 85%; max-width: 1200px; max-height: 500px; min-height: 0px; margin: 20px auto 40px auto; overflow: hidden; display: block;  }
#introshell .caption { position: absolute; bottom: 15px; right: 15px; color: #FFF; font-size: 1em; line-height: 1.1em;}
#introshell .introtext { position: relative; display: block; vertical-align:top; float: left; width: 100%; margin: 0px auto; padding: 0px; font-size: 1.3em;  }
#introshell .introtext h1 { left: 7.5%; color: #ad1a1f; font-size: 2.5em; text-shadow: none; margin-top: 10px; padding-top: 0;}
body#home #introshell .introtext h1 {display: none; }
#introshell .introtext .subtitle { display: block; font-family: Helvetica, Arial, sans-serif; color:#ad1a1f; margin: 0px 0px 5px #introshell 0px; padding: 0px 0px 5px 0px; font-size: 1.9em; line-height: 1.4em; font-weight: 200; }
#introshell .introtext .button { font-family: "Gotham", Helvetica, sans-serif; white-space: nowrap; display:inline-block; width: auto; height: auto; margin: 10px 0 0px 10px; }
#introshell .introtext .button a { padding: 5px 10px; color: #FFF; background: #ad1a1f; border-radius: 0px; font-size: 1.3em; line-height: 14px;}
#introshell .introtext .button a:link, #introshell .introtext .button a:visited { color: #FFF; text-decoration: none; }
#introshell .introtext .button a:hover, #introshell .introtext .button a:active { color: #FFF; text-decoration: underline;}


#introshell .introright { display: none; vertical-align:top; position: relative; width: 49%; min-width: 0px; height: auto !important; min-height: 0px; background: #FFF; margin: 5px 0 0 0; padding: 0px; }
#introshell .introright .introlinks { display: block; position: relative; width: 90%; float: right; margin: 10px auto 0px auto; padding: 0px; font-size: 1.6em; font-family: Helvetica, Arial, sans-serif;}
#introshell .introright .introlinks li { position: relative; display: block; margin: 0 0 15px 0; padding: 10px; background:#ededed url(https://www.bard.edu/levygrad/images/icon-arrow.png) no-repeat right center; background-position: 95% 10px;}

#introshell .introright .introimg { display: block; position: relative; width: 90%; height: auto !important; float: right; margin: 0px; }
#introshell .introright .introimg img { width: 100%; height: auto !important; }

#introshell .introright .introexpand { display: block; position: relative; float: right; width: 90%; margin: 0px; padding: 0; background: #ededed; border-left: 6px solid #a7c038; }
#introshell .introright .introexpand>.container { position: realtive; width: 95%; margin: 3%; padding: 0; font-family: Arial, sans-serif; font-size: 1.5em; line-height: 1.6em; max-height: 350px; overflow: hidden; }
#introshell .introright .introexpand>.container ul { margin: 0px 20px; }
#introshell .introright .introexpand>.container h4 { font-size: 1.2em; font-family: "Gotham", Helvetica, Arial, sans-serif; color: #ad1a1f;}

#introshell .introright .introembed { display: block; position: realtive; float: right; width: 90%; margin: 0px; padding: 0; background: #ededed; border-left: 6px solid #a7c038; }
#introshell .introright .introembed>.container { position: realtive; width: 95%; margin: 3%; padding: 0; font-family: Arial, sans-serif; font-size: 1.5em; line-height: 1.8em; }
#introshell .introright .introembed>.container ul { margin: 0px 20px; }
#introshell .introright .introembed>.container h4 { font-size: 1.2em; font-family: Helvetica, Arial, sans-serif; color: #ad1a1f;}
#introshell .introright .introembed>.container>.eventbox { margin-top: 5px; display:block; width: 100%; max-height: 175px;  max-width: 1200px;overflow: hidden; }
#introshell .introright .introembed>.container>.eventbox li {width: 100%; }
#introshell .introright .introembed>.container>.eventbox li .eventdate .date { color: #ad1a1f;font-family: "Gotham", Helvetica, sans-serif; font-size: 1.8em; line-height: 1.1em; padding: 0px; margin: 0px; display: block;text-align: center;  }
#introshell .introright .introembed>.container>.eventbox li .eventdate .month { color: #000; font-family: "Gotham", Helvetica, sans-serif; font-size: 1em;text-transform:uppercase; line-height: .8em; text-align: center; padding: 0px; margin: 0px 0px 3px 0px;diplsay: block;  }
#introshell .introright .introembed>.container>.eventbox li .eventarea { position: relative; width: 80%; float: right; padding: 0px; margin: 0px; padding-bottom: 10px; margin-bottom: 10px; color: #CCC;  }


/* icon styles */
#icons { position: relative; display: table; width: 85%; height: auto !important; margin: 10px auto 25px auto; text-align: center; color: #09C1F1; text-align: center; padding: 0px; font-family: "Gotham", Helvetica, Arial, sans-serif; font-size: 1.5em; line-height: 2em; }
#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: 23%; border-right: 1px solid #ededed; padding-right: 5px; margin-right: 5px; }
#icons>.columnx5 { display: inline; float: left; width: 20%; }
#icons>.columnx6 { display: inline; float: left; width: 16.6%; }
#icons>.columnx8 { display: inline; float: left; width: 22%; border-right: 1px solid #ededed; padding-right: 10px; margin-right: 10px; }
#icons p { display: block; padding: 0px 0px 20px 0px; margin: 0px; top: 0; }
#icons>.columnx2 .icon { height: auto; width: 100%; margin: 0 auto;  }
#icons>.column .icon img, #icons>.columnx2 .icon img, #icons>.columnx3 .icon img, #icons>.columnx4 .icon img { height: 50px; width: auto; margin: 0 auto;  }
#icons h2 { font-family: Helvetica, Arial, sans-serif; color:#ad1a1f; 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.5em; line-height: 1.4em; font-weight: 400; font-family: Helvetica, Arial, sans-serif; color:#ad1a1f;}
#icons a:link, #icons a:visited { color: #09C1F1; text-decoration: none; }
#icons a:hover, #icons a:active { color: #09C1F1; text-decoration: underline; }


/* button styles */
.button { display:block; width: auto; height: auto; margin: 20px 0px; }
.button a { padding: 5px 10px; color: #FFF; background: #333; border-radius: 0px; font-size: 1.3em; line-height: 14px;}
.button a:link, .button a:visited { color: #FFF; text-decoration: none; }
.button a:hover, .button a:active { color: #FFF; text-decoration: underline;}
.button { color: #FFF; font-family:  "Gotham", Helvetica, sans-serif; white-space: nowrap; line-height: .5em; }

/* buttons styles*/
#buttons { position: relative; display: block; width: 85%; height: auto !important; margin: 25px auto;   }
#buttons .content { display: inline; width: auto !important; text-align: center; color: #FFF; background-color: #333; margin: 5px 10px 20px 0px; padding: 5px 10px; font-family:  "Gotham", Helvetica, sans-serif; font-size: 2em; line-height: 1.5em; }
#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 h2 { 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: 5px; }
#buttons .content a:hover, #buttons .content a:active { color: #FFF; text-decoration: underline; margin:15px; } 

/* taglines styles */
#taglines { position: relative; display: table; width: auto !important; height: auto !important; margin: 35px auto; padding: 0px auto; text-align: center; color: #FFF; text-align: center; padding: 0px;  }
#taglines>.tagline { display: inline; float: left; width: auto !important; padding: 3px 10px; margin: 0px 10px; color: #FFF; background: #333; font-family: Helvetica, Arial, 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: 100%; max-width: 1200px; height: auto; margin: 25px auto; padding: 0px; overflow: hidden; display: block; background: #333;}
#highlight .image { position: relative; float: right; width: 49%; overflow: hidden; z-index: 999px; }
#highlight .image img { width: 100%; height: auto; }
#highlight .embed { position: relative; float: left; width: 49%; overflow: hidden; z-index: 1000px; padding: 0; margin: 0; }
#highlight .embed iframe { left: 0px; top: 0px; width: 99%; height: 400px; padding: 0px; margin: 0; }
#highlight .hightext { position: relative; float: right; width: 45%; margin: 0; padding: 3%; background: #333; color: #FFF; height: auto !important; max-height: 360px; overflow: hidden; }
#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: #f72a31; }
#highlight .hightext ul { margin: 0px; }
#highlight .hightext .caption { position: absolute; bottom:0px; right:25px; color: #ededed; }
#highlight .button { display: inline-block; width: auto; height: auto; margin: 15px 5px 5px 0px; padding: 10px; border: 1px solid #FFF; }
#highlight .button a:link, #highlight .button a:visited, #highlight .button a:hover, #highlight .button a:active { color: #FFF; }
.button { color: #FFF; font-family: Helvetica, sans-serif; white-space: nowrap; line-height: 0.5em; }
#highlight .link { padding: 7px 10px; margin: 7px 0px; background: #666; }
#highlight .link a:link, #highlight .link a:visited { color: #FFF; }
#highlight a:link, #highlight a:visited {color:#f9f8de;}


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


#text { position: realtive; display: block; width: 85%; max-width: 1200px; margin: 10px auto 0px auto; }
.text { position: realtive; display: block; width: 85%; max-width: 1200px; margin: 10px auto 0px auto; }
/* text styles */
.text { position: relative; width: 85%; max-width: 1200px; height: auto; margin: 10px auto 0px 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; line-height: 1em; }
.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;  }


/* boxes class styles */
#boxes { display: block; width: 100%;  max-width: 1200px; height: auto !important; padding: 0px; margin: 0px auto; }
.box { position: relative; width: 33.33%; height: auto; margin: 0px; padding: 0px; float: left; text-align: center; background: #333; }
.box .image { width: 100%; height: auto; margin: 0px; padding: 0px; overflow: hidden; }
.box .image img { width: 100%; height: auto; }
.box h2 { font-family: Helvetica, Arial, sans-serif; position: absolute; width: 98%; bottom: 20%; margin: 0; padding: 0 1%; text-align: center; color: #FFF; font-size: 3.2em; line-height: 1.2em; font-weight: 200;text-shadow: 2px 2px 2px #000; }
.box .button { position: absolute; bottom: 2%; right: 2%; width: auto; height: auto; color: #FFF; border: 1px solid #FFF; border-radius: 4px; padding: 5px; }
.box .button a:link, .box .button a:visited, .box .button a:hover, .box2 .button a:active { color: #FFF;  }
.box h2 a:link, .box h2 a:visited, .box h2 a:hover, .box2 h2 a:active { color: #FFF;  }


.announce { position: relative; display: block; width: 85%; height: auto; margin: 40px auto; padding: 0; border: 1px solid #ededed; }
.announce h2 { text-align: left; display: inline-block; font-size: 1.5em; font-weight: bold; font-family: "Miso Regular",Arial Black, sans-serif; color: #FFF; background-color: #ad1a1f; padding: 5px 8px; margin: 0 0 10px 0; }
.announce .subtitle { text-align: center; font-size: 1.6em; font-weight: normal; line-height: 1.8em; }
.announce .rule { width: 15%; border-bottom: 2px solid #ad1a1f; margin: 10px auto; }


/* text portal styles */
#portal { position: relative; width: 85%; max-width: 1200px; height: auto; margin: 40px 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: hidden; 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 h2 { font-size: 1.8em; margin: 0px; }*/
#portal .imgshell .piccontent .caption, #portal .imgright .piccontent .caption { display: block; float: none; }


/* Main Column Styles */
#column { position: relative; display: table; width: 85%; max-width: 1200px;  height: auto !important; min-height: 0px; margin: 10px auto;  padding: 0px; }
#column h2 { font-family: "Gotham", Helvetica, Arial, sans-serif; font-size: 1.5em; line-height: 1em; color: #ad1a1f; }
#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: 23%; height: auto !important; padding-right: 2%; }
#column .content .textcol,#column .contentx3 .textcol { position: relative; width: 95%; height: auto !important; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px; overflow: hidden; }
#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 10px; }
#column ul li { line-height: 1.4em; margin-bottom: 10px; }


/* Main Image BoxStyles */
#imgbox { position: relative; display: table; width: 100%; max-width: 1200px;  height: auto !important; min-height: 0px; margin: 10px auto;  padding: 0px; }
#imgbox .contentx2 .boxcol .boxtext h2 { font-family: Helvetica, Arial, sans-serif; font-size: 2.4em; line-height: 1.2em; color: #FFF; margin-top: 0px; text-shadow: 2px 2px 2px #000; }
#imgbox .content { position: relative; display: table-cell; min-width: 100%; height: auto !important; padding: 0px; margin: 0px auto; padding-right: 0px; }
#imgbox .contentx2 { position: relative; display: table-cell; width: 48%; height: auto !important; padding-right: 2%; }
#imgbox .contentx3 { position: relative; display: table-cell; width: 30%; height: auto !important; padding-right: 2%;}
#imgbox .contentx4 { display: table-cell; width: 23%; height: auto !important; padding-right: 2%; }
#imgbox .content .boxcol { position: relative; width: 95%; height: auto !important; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px; overflow: hidden; }
#imgbox .content iframe { position: relative; float: left; width: 50%; height: auto; margin: 0px 10px 5px 0px; padding: 0px; }
#imgbox .contentx2 { position: relative; display: table-cell; width: 46%; height: auto !important; padding:0  1%; }
#imgbox .contentx2 .boxcol .boxtext { position: absolute; top: 0px; left: 10px; width: 85%; z-index: 20; height: auto !important; margin: 0px; padding: 5%; color: #FFF; font-size: 1.15em; line-height: 1.4em; font-weight: bold; }
#imgbox .contentx2 .boxcol .boxtext h2 { margin: 0px; }
#imgbox .contentx2 .boxcol .imgshell { position: relative; width: 100%; float: none; display: block; margin: 0px; }


.billboard {position: relative; display: block; width: 100%; height: auto !important; max-height:400px; margin: 20px auto; overflow: hidden; }
.billboard h2 { position: absolute; top: 40%; left: 20%; 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; }


/* Table 2Col Styles */
.table { position: relative; display: table; width: 85%; max-width: 1200px; height: auto !important; min-height: 0px; margin: 0px auto 25px auto;  padding: 0px;}
.table .tdx2 h2 { font-family: "Gotham", Helvetica, Arial, sans-serif; font-size: 1.6em; font-weight: bold; padding: 0px; margin: 0px 0px 10px 0px; color:#333; }
.table .tdx2 h2 a:link, #table .tdx2 h2 a:visited { color:#5e544a; text-decoration: none; }
.table .tdx2 h2 a:hover, #table .tdx2 h2 a:active { color:#ad1a1f; text-decoration: underline; }
.table .tdx2 { display: table-cell; width: 47%; height: auto !important; margin-right: 3%; 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; display:block; width: 20%; float: left; height: 110px; padding: 0px; margin: 0px 5px 5px 0px; overflow: hidden;}
.table .tdx2 .tdx2img img { width: 95%; height: auto !important; padding: 0px; margin: 0px; }
.table .tdx2 .tdtext { position: relative; display:block; width: 74%; height: auto !important; padding: 0px; margin: 0px 2% 10px 0px; overflow: hidden; float: right; }


#profile { width: 85%; max-width: 1200px; 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 .label { margin: 10px auto 10px auto; text-align: center; padding: -50px 10px 10px 10px; background-color: #FFF; border-top: 1px solid #ededed;  }


/* expandable bars styles */
.bars { display: block; width: 85%; max-width: 1200px; margin: 25px auto; padding: 5px 15px; border: 1px solid #CCC; background-color: #ededed; }
.bars h2 { font-size: 1.6em; line-height: 1em; margin: 10px 0px 5px 0px; font-weight: bold; }
.bars h2 a:link, .bars h2 a:visited {color: #333; text-decoration: none; }
.bars h2 a:hover, .bars h2 a:active {color: #333; text-decoration: underline; }
.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; }



/* text w/ buttons styles */
#multibuttons { position: relative; width: 85%; max-width: 1200px;  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: 1.1em;}
#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: 5px; }
#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; }

	
/* links styles */
#links { position: relative; display: block; width: 85%; max-width: 1200px; 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 h5 { display:inline;  float: left;  margin:10px 10px 5px 5px; padding: 0px; font-size: 1.0em; line-height: 1.0em; font-weight: 200; }


/* list styles */
#list { position: relative; display: block; width: 85%; max-width: 1200px; height: auto !important; margin: 25px auto;  }
#list h2 { 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%; max-width: 1200px; height: auto !important; margin: 25px auto;   }
#feeds .content { display: table-cell; width:30%; color: #666; border-right: 1px solid #ededed; padding: 20px; margin: 20px; }
#feeds .contentx2 { display: table-cell; width: 48%; height: auto !important; padding-right: 2%; max-height: 350px; overflow: scroll; }
#feeds .contentx3 { display: table-cell; width: 32%; height: auto !important; padding-right: 2%; max-height: 350px; overflow: scroll;  }
#feeds .contentx4 { display: table-cell; width: 23%; height: auto !important; padding-right: 2%; }
#feeds .content .imgshell,#feeds .contentx2 .imgshell,#feeds .contentx3 .imgshell,#feeds .contentx4 .imgshell { text-align: center; height: auto; width: 100%; margin: 0px auto; }
#feeds .content .imgshell img,#feeds .contentx2 .imgshell img,#feeds .contentx3 .imgshell img,#feeds .contentx4 .imgshell img { height: 40px; width: auto; margin: 0 auto; }
#feeds h2 { font-family: Helvetica, Arial, sans-serif; margin: 5px auto; text-align: center; padding: 0px; font-size: 1.6em; line-height: 1.0em; font-weight: 200; }
#feeds h2 a:link, #feeds h2 a:visited { color: #333; text-decoration: none; }
#feeds h2 a:active, #feeds h2 a:hover { color: #333; text-decoration: underline; }
#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 .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;}






/* Bars 2Col Styles */
.bars2col { position: relative; display: table; width: 90%; max-width: 1200px; height: auto !important; min-height: 0px; margin: 0 auto;  padding: 0px; }
.bars2col .barsx2 { position: relative; display: table-cell; width: 49%; height: auto !important; margin: 0px 0.5% 20px 0px; padding: 0; border: 1px solid #CCC; background-color: #e6e6e6; float: left;   }
.bars2col .barsx2 .barslast { display: none; width: 48%; height: auto !important; margin-right: 0%; border: none; float: left;border: 1px solid #FFF; background-color: #FFF; }
.bars2col .barsx2 .imgbars { position: relative; float: left; display: table-cell; width: 30%; height: auto; padding: 0px; margin: 0px; overflow: hidden;}
.bars2col .barsx2 .imgbars img { width: 95%; height: auto !important; padding: 0px; margin: 0px; }
.bars2col .barsx2 .txtbars { position: relative; float: left; display: table-cell; vertical-align: top; width: 50%; height: auto !important; padding: 5%; margin: 0px 2% 10px 0px; overflow: hidden; float: none; line-height: 1em; }
.bars2col .barsx2 .txtbars h2 { font-size: 1.6em; line-height: 0.9em; margin: 0; padding: 0; font-weight: bold; vertical-align: top;}
.bars2col .barsx2 .txtbars h2 a:link, #table .tdx2 h2 a:visited { color:#323232; text-decoration: none; }
.bars2col .barsx2 .txtbars h2 a:hover, #table .tdx2 h2 a:active { color:#323232; text-decoration: underline; }


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





/* 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: #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 h2 { 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;}


/* Archive Styles */
#archive { position: relative; display: table; width: 85%; height: auto !important; min-height: 0px; margin: 0px auto 25px auto;  padding: 0px;}
#archive .col1 h2, #archive .col2 h2 { font-family: Helvetica, Arial, sans-serif; font-size: 1.5em; padding: 0px; margin: 0px 0px; color:#ad1a1f; }
#archive .col1 h2 a:link, #archive .col1 h2 a:visited { color:#5e544a; text-decoration: none; }
#archive .col1 h2 a:hover, #archive .col1 h2 a:active { color:#ad1a1f; text-decoration: underline; }
#archive .col2 h2 a:link, #archive .col2 h2 a:visited { color:#5e544a; text-decoration: none; }
#archive .col2 h2 a:hover, #archive .col2 h2 a:active { color:#ad1a1f; text-decoration: underline; }
#archive .col1, #archive .col2 { display: table-cell; width: 46%; height: 300px; margin-right: 2%; border: none; float: left; overflow: hidden; }
#archive .col1.tdlast { display: table-cell; width: 48%; height: auto !important; margin-right: 0%; border: none; float: left; }
#archive .col1 .archimg, #archive .col2 .archimg { position: relative; float: left; display:block; width: 20%; height: auto !important; max-height: 200px; padding: 0px; margin: 0px 10px; overflow: hidden;}
#archive .col1 .archimg img { width: 95%; height: auto !important; padding: 0px; margin: 0px; }
#archive .col1 .archtext, #archive .col2 .archtext { position: relative; float: right; display:block; width: 70%; height: auto !important; padding: 0px; margin: 0px 2% 10px 0px; overflow: hidden; float: none; }

#archbuttons { display: block; margin: 10px 0 0 0; }
#archbuttons .archbutton { position: relative; display: inline; background: #ad1a1f; color: #FFF; padding: 10px; font-family: Helvetica, Arial, sans-serif; font-size: 1.3em;  }
#archbuttons .archbutton a:link, #archbuttons .archbutton a:visited { color: #FFF; padding: 0 10px; text-decoration: none; }
#archbuttons .archbutton a:hover, #archbuttons .archbutton a:active { color: #FFF; padding: 0 10px; text-decoration: underline;  }


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


.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 .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:#F00; text-decoration:underline;}
footer #footercontent {float: left; width: auto; max-width: 100%; display: inline; }
.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; }
.footercol.first { padding: 0px 0px 0px 15px; width: 80%; border-left: none;}
.footercol .imgshell { position: relative; float: left; width: 150px; margin: 0px 20px 50px 0px;  }
.footercol .imgshell img { position: relative; float: left; width: 100%;  }
.footercol #imgfooter a { position: relative; width: 100%; height: 100%; }
.footercol img { position: relative; width: 100%;  }
footer #footercontact { position: relative; float: right; width: auto; display: block; margin: 0 15px 0 0;}
footer #footercontact h4 { font-family: Helvetica, sans-serif; font-size: 1.5em; color:#FFF; }
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; }


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


.eventbox {position: relative; width: 100%; max-width: 1200px; height: auto !important; display:block; float: none; margin: 10px auto 0 auto; padding: 0px; }
.eventbox ul.hpevents li { list-type: none; display: inline;  }
.eventbox>h2 {font-family: "Gotham", Helvetica, sans-serif; font-size: 1.6em; color:#000; margin: 0; padding: 0 0 20px 0; font-weight: normal; display: inline; float: left; border-bottom: 4px solid #ad1a1f;}
.eventbox ul { display: block; border-top: 1px solid #000; margin: 0; padding: 20px 0 0 0; }
.eventbox li  { position: relative; display: inline; list-style: none; width: 33%; float: left; color: #8F8D8D;font-family: Helvetica, sans-serif; font-size: 1.0em; line-height: 1.2em; }
.eventbox li a:link, body#home #maincol .eventbox li a:visited { color: #000; text-decoration: none; }
.eventbox li a:hover, body#home #maincol .eventbox li a:active { color: #000; text-decoration: underline; }
.eventbox li .eventdate { position: relative; width: 10%; float: left; color: #FFF; padding: 0 3% 0 0; margin: 0 3% 0 0; border-right: 1px solid #ededed;  }
.eventbox li .eventdate .date { color: #ad1a1f;font-family: "Gotham", Helvetica, sans-serif; font-size: 1.9em; line-height: 1.1em; padding: 0px; margin: 0px; display: block;text-align: center;  }
.eventbox li .eventdate .month { color: #000; font-family: "Gotham", Helvetica, sans-serif; font-size: 1.0em;text-transform:uppercase; line-height: .8em; text-align: center; padding: 0px; margin: 0px 0px 3px 0px;diplsay: block;  }
.eventbox li .eventarea { position: relative; width: 80%; float: left; padding: 0px; margin: 0 0 0 1%; padding-bottom: 10px; margin-bottom: 10px; color: #CCC;  }
.eventbox li .eventarea .title {display:block;font-family: Helvetica, sans-serif; font-size: 1.25em; color:#333; margin: 0px; padding: 0px; font-weight: normal; }
.eventbox li .eventarea .fulldate {display: block; font-family: Helvetica, sans-serif; font-size: 1.1em; color:#999; margin: 10px 0px; padding: 0px; }
.eventbox li .eventarea h4 {font-family: Helvetica, sans-serif; font-size: 1.25em; color:#333; margin: 0px; padding: 0px; font-weight: normal; }
.eventbox li .eventarea h5 {font-family: Helvetica, sans-serif; font-size: 1.1em; color:#999; margin: 10px 0px; padding: 0px; }
.eventbox li .eventarea .eventimg { float: left; margin-right: 10px; }
#sidebar .eventbox li  { position: relative; display: block; list-style: none; width: 100%; float: left; color: #8F8D8D;font-family: Helvetica, sans-serif; font-size: 1.1em; line-height: 1.2em; }
body.sbfridays .eventbox li  { position: relative; display: inline; list-style: none; width: 50%; float: left; color: #8F8D8D;font-family: Helvetica, sans-serif; font-size: 1.1em; line-height: 1.2em; }



/* -------- Home Page Exceptaions -------- */
body#home main #maintext { position: relative; width: 100%; max-width: 3000px; min-height: 500px; overflow: auto; float: none; width: auto !important; background: #FFF; margin: 0px; padding: 0px 0px 20px 0px;  }	
body#home main #maintext .content { width: 100%; margin: 0px auto; display: block;  }

body#home #feeds { max-height: 300px; overflow: hidden; }

body#home #wowslidershell #wowslider-container1 .hplogo { position: absolute; top: 30px; left: 30px; width: 175px; padding: 0px auto; margin: 0px; background:url(images/logo-levyms.png) no-repeat; z-index: 1200; }
body#home #wowslidershell #wowslider-container1 .hpbutton { position: absolute; bottom: 0%; right: 0%; font-size: 5em; font-family: "Gotham", Helvetica, sans-serif; color: #ffffff; padding: 15px 30px 15px 20px; margin: 0px; z-index: 1200; background: #ad1a1f;  }
body#home #wowslidershell #wowslider-container1 .hpbutton a:link, body#home #wowslidershell #wowslider-container1 .hpbutton a:visited { color: #FFF; text-decoration: none; }
body#home #wowslidershell #wowslider-container1 .hpbutton a:hover,body#home #wowslidershell #wowslider-container1 .hpbutton a:active { color: #CCC; text-decoration: none; }

body#home #column { position: relative; display: block; width: 85%; max-width: 1200px; vertical-align: top; height: auto !important; min-height: 0px; margin: 10px auto;  padding: 0px; }

body#home #column .contentx4 { position: relative; top: 0; width: 25%; height: auto !important; padding-right: 0%; vertical-align: top; }
body#home #column .contentx4 a:link, body#home #column .contentx4 a:visited { color: #ad1a1f; text-decoration: none;}
body#home #column .contentx4 a:active, body#home #column .contentx4 a:hover { color: #ad1a1f; text-decoration: underline;}
body#home #column .contentx4 .textcol { position: relative; top: 0px; width: 95%; float: left; height: auto !important; }
body#home #column .contentx4 .textcol .button { color: #FFF; }
body#home #column .contentx4 .textcol .button a:link, body#home #column .contentx4 .textcol .button a:visited, body#home #column .contentx4 .textcol .button a:hover, body#home #column .contentx4 .textcol .button a:active{ color: #FFF; }

body#home #column .contentx4 .textcol .hptitle { position: absolute; top: 0%; width: 100%; background: url(../../images/tints/60black.png) repeat; text-align: center; margin: 0 auto; color: #FFF;  z-index: 901;}
body#home #column .contentx4 .textcol .hptitle h2 { font-size: 1.3em; text-align: centered; width: 98% padding: 1%; color: #FFF;}
body#home #column .contentx4 .textcol .hptitle h2 { font-size: 1.2em; text-align: center; width: 98% padding: 1%; margin: 10px 0; color: #FFF;}
body#home #column .contentx4 .textcol .hptitle h2 a:link, body#home #column .contentx4 .textcol .hptitle h2 a:visited { color: #FFF; text-decoration: none;}

body#home #column .contentx4 .textcol .hpbox .imgbox { position: relative; width: 100%; height: 150px; overflow: hidden; }
body#home #column .contentx4 .textcol .hpbox .imgbox img { position: relative; width: 100%; height: auto !important; z-index: 900; }
body#home #column .contentx4 .textcol .imgshell { position: relative; width: 100%; height: auto !important; margin: 0%; background: #fff; overflow: hidden; z-index: 900; }
body#home #column .contentx4 .textcol ul { margin: 5px 5px; }

body#home #column .contentx2 { position: relative; top: 0; width: 50%; height: auto !important; margin: 0px auto; padding: 0px%; vertical-align: top;}
body#home #column .contentx2 .textcol .hpbox { position: relative; top: 0px; width: 45%; float: left; height: auto !important; min-height: 150px; margin: 0% 2% 2% 2%; padding: 0px; overflow: hidden;  }
body#home #column .contentx2 .textcol .hpbox .imgbox { position: relative; width: 100%; height: 150px; overflow: hidden; }
body#home #column .contentx2 .textcol .hpbox .imgbox img { position: relative; width: 100%; height: auto !important; z-index: 900; }

body#home #column .contentx2 .textcol .hpbox .hptitle { position: absolute; top: 0%; width: 100%; height: auto !important;background: url(../../images/tints/60black.png) repeat; text-align: centered; margin: 0 auto; color: #FFF; z-index: 901;}
body#home #column .contentx2 .textcol .hpbox .hptitle h2 { font-size: 1.3em; text-align: center; width: 98% padding: 1%; color: #FFF;}
body#home #column .contentx2 .textcol .hpbox .hptitle h2 { font-size: 1.2em; text-align: center; width: 98% padding: 1%; margin: 10px 0; color: #FFF;}

body#home .textcol a:link, body#home .textcol a:visited { text-decoration: none; color:#FFF; }
body#home #column .contentx2 .textcol .hpbutton { position: relative; top: 0px; width: 84%; float: left; height: auto !important; padding: 10px 20px; margin: 0 11px; overflow: hidden; background: #666; color: #FFF; font-family: "Gotham", Helvetica, sans-serif; font-weight: bold; font-size: 1.2em; text-align: center; }
body#home #column .contentx2 .textcol .hpbutton a:link, body#home #column .contentx2 .textcol .hpbutton a:visited { color: #FFF; }
body#home #column .contentx2 .textcol .hpbutton a:active, body#home #column .contentx2 .textcol .hpbutton a:hover { color: #FFF; }

}



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

@media only screen and (min-width: 1001px) and (max-width: 4000px) {
	//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 #333;}*/

/* Nav Wrapper Styles */
header .content nav { position: relative; width: 100%; font-size: 1.2em; }
header .content #banner { font-size: 1.5em; }


// end DESKTOP styles

}

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

@media only screen and (min-width: 901px) and (max-width: 1000px) {
	//LAPTOP styles go here
	header .content #logo { left: 15px; }
	
/*#introshell h1 { position: absolute; bottom: 5px; left: 30%; color: #FFF; font-size: 5em; text-shadow: 1px 1px 5px #333;}*/

}
/* ---------------------------- 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: 150px; }
header a.logo { width: auto; height: 50px; top: 5px; left: 10px; }
header .content #logo { width: 20%; left: 15px; }
header .content #banner {width: 77%; padding: 0 1% 0 3%; top: 20px; font-size: 2.3em;}
header .content .topnav { position: absolute; top: 100px; right: 10px; height: 25px; width: auto; color: #FFF; font-size: .8em; border: 1px solid #fff; }
header .content nav { display: block; background-color: #ad1a1f; width: 100%; }
#navdesk { display: none;}
body#home #mobilelogo { display: none; }

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

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

.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; }
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: 3em; }
#introshell { position: relative; width: 85%; max-width: 1200px; max-height: 500px; min-height: 0px; margin: 40px 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: #ad1a1f; font-size: 2.8em; text-shadow: none;}
#introshell .caption { position: absolute; bottom: 15px; right: 15px; color: #FFF; font-size: 1em; line-height: 1.1em;}
#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: #ededed; border-left: none; }
#introshell .introright .introexpand>.container { position: realtive; 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: visible; }
#introshell .introright .introembed { display: block; position: realtive; float: none; width: 100%; margin: 10px auto; padding: 0; background: #ededed; border-left: none; }
#introshell .introright .introembed>.container { position: realtive; width: 100%; margin: 0%; padding: 0; }

ul.subnav {  height:30px; font-size: 1.05em;  line-height: .9em;  }
.subnav { font-weight: 200; color:#FFF; line-height: .8em; padding-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 h2 { font-size: 1.6em; line-height: 1.2em; }
#boxes h2 img.icon { width: 15%; }
#highlight #hightext .content h2 { font-size: 1.6em; margin: 0px; color: #FFF; }
#highlight #hightext .content h4 { font-size: 1.2em; line-height: 1.2em; margin: 0px; color: #95896e; }
#highlight #hightext .content { max-height: 200px; overflow: visible; line-height: 14px; font-size: 1em;  }
#highlight #hightext .content { position:relative; padding: 8%; color: #FFF; max-height: 200px; overflow: visiblel; }
#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 h2 { 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 article { float: none; width: 100%; background-color: transparent; margin-bottom: 20px;}
body#home main article h2 { 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#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; }
	

	
body#home #hpboxes .hprow1 img, body#home #hpboxes .hprow2 img, body#about #hpboxes .hprow1 img, body#about #hpboxes .hprow2 img { width: auto !important; height: 100%; z-index: 30; }

body#home #hpboxes .hprow1 h2, body#home #hpboxes .hprow2 h2, body#about #hpboxes .hprow1 h2, body#about #hpboxes .hprow2 h2 { position: relative; float: left; margin: 40px 10px 10px 10px; z-index: 31; font-family: Helvetica, sans-serif; font-size: 1.5em; line-height:0.9em; color: #FFF;   background-repeat: no-repeat;  text-shadow: 2px 2px 2px #000;text-align: left;}
	
body#home #hpboxes .hprow1 .hprowtext h4, body#home #hpboxes> .hprow2 .hprowtext h4,body#about #hpboxes .hprow1 .hprowtext h4, body#about #hpboxes> .hprow2 .hprowtext h4 {position: relative; margin: 10px auto; width: 100%; display: block; z-index: 31; font-family: Helvetica, sans-serif; font-size: 1em; color: #FFF;  text-shadow: 2px 2px 2px #000;}
	
body#home #hpboxes .hprow1 h5, body#home #hpboxes .hprow2 h5, body#about #hpboxes .hprow1 h5, body#about #hpboxes .hprow2 h5 { position: absolute; top: 10px; left: 5px; font-family: Helvetica, sans-serif; font-size: 0.75em; color: #FFF; z-index: 31; text-shadow: 2px 2px 2px #000; margin: 5px;text-align: left;}

#links .content { }
	
body#home #column .contentx2 .textcol .hpbox { position: relative; top: 0px; width: 90%; float: none; height: auto !important; min-height: 150px; margin: 0% auto 2% auto; padding: 0px; overflow: hidden;  }
body#home #column .contentx4 .textcol .hpbox .imgbox { position: relative; width: 100%; height: 100px; overflow: hidden; }
body#home #column .contentx2 .textcol .hpbox .imgbox { position: relative; width: 100%; height: 150px; overflow: hidden; }

	
// end TABLET styles
}






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

body { background: #FFF; }
header { position: absolute; top: 0; margin: 0px; padding: 0; height: 90px; width: 100%;  }
header { position: relative; width: 100%; height: auto; height: 200px; top: 0; margin: 0px; padding: 0px; background: #ad1a1f; z-index: 999; }
header.fixed {position: relative; width: 100%; top: 0px; }
#navdesk { display: none;}
header .content {top: 0; }
header .content #logo { z-index; 2001; display: block; width: 90%; top: 0px; }
header .content #logo img { width: 45%; margin: 5px auto; }
	
header .content nav .menu_container ul li.social { display: none; }
header .headpic {display: none; }
header .content #banner { display:none;}
header .content nav { position: relative; top: 160px; left: 0px; width: 100%; height: 40px; display: block; margin: 0px; padding: 0px; z-index: 1005; float: left; }
	nav { position: relative; top: 25px; padding: 0px 0px 0px 0px; z-index: 1000; }
#topnav { position: absolute; top: 100px; 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; }
	
h1 { font-family: 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, 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; top: 0; }
	main #maintext .content {  }
main #sidebar { float: none; margin: 0px; padding: 0px; width: 100% }


.active {display: block;}

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



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

#introshell h1 { left: 20%; font-size: 3em; }
#introshell { position: relative; width: 90%; max-width: 1200px; max-height: 2000px; min-height: 0px; margin: 20px auto 20px auto; overflow: visible; display: block; }
#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-size: 2.8em; text-shadow: none;}
#introshell .caption { position: absolute; bottom: 15px; right: 15px; color: #FFF; font-size: 1em; line-height: 1.1em;}
#introshell .introtext { display: block; vertical-align:top; float: none; width: 90%; margin: 10px auto; padding: 0px; font-size: 1.2em; overflow: visible; }
#introshell .introright { display: block; vertical-align:top; position: relative; width: 100%; min-width: 100%; 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 .introimg img { 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: #ededed; border-left: none; }
#introshell .introright .introexpand>.container { position: realtive; 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: visible; }
#introshell .introright .introembed { display: block; position: realtive; float: none; width: 100%; margin: 10px auto; padding: 0; background: #ededed; border-left: none; }
#introshell .introright .introembed>.container { position: realtive; width: 100%; margin: 0%; padding: 0; }
	
#boxes { width:100%;float: none; }
#taglines { display: block; width: 90%; margin: 20px auto; float:none; }
#taglines .tagline { display: block; width: 190%; margin: 10px auto; float:none; }
#bars { display: block; width: 90%; margin: 10px auto; float:none; }
.box { width: 100%; float: none; disp;lavy: block; }
#icons>.column,#icons>.columnx2,#icons>.columnx3,#icons>.columnx4,#icons>.columnx5 { display: block; float: none; width: 100%; margin-bottom: 10px; border: none; }
	
#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; }
.text>table  { margin: 0; padding: 0;}
.text>table>ul { margin: 0; padding: 0; }
.text>table>ul>li { margin: 0; padding: 0; }
	
.table .tdx2 { display: block; width: 95%; height: auto !important; margin: 0 auto; border: none; float: none; }
.table .tdx2.tdlast { display: block; width: 95%; height: auto !important; margin: 0 auto; border: none; float: none; }

.eventbox li  { position: relative; display: block; list-style: none; width: 100%; float: none; color: #8F8D8D;font-family: Helvetica, sans-serif; font-size: 1.1em; line-height: 1.2em; }
.eventbox li a:link, body#home #maincol .eventbox li a:visited { color: #000; text-decoration: none; }
.eventbox li .eventdate { position: relative; width: 10%; float: left; color: #FFF; padding: 0 2% 0 0; margin: 0 2% 0 0; border-right: 1px solid #ededed;  }
.eventbox li .eventdate .date { color: #ad1a1f;font-family: Helvetica, sans-serif; font-size: 2em; line-height: 1.1em; padding: 0px; margin: 0px; display: block;text-align: center;  }
.eventbox li .eventdate .month { color: #000; font-family: Helvetica, sans-serif; font-size: 1.1em;text-transform:uppercase; line-height: .8em; text-align: center; padding: 0px; margin: 0px 0px 3px 0px;diplsay: block;  }
.eventbox li .eventarea { position: relative; width: 85%; float: left; padding: 0px; margin: 0px; padding-bottom: 10px; margin-bottom: 10px; color: #CCC;  }
.eventbox li .eventarea h4 {font-family: Helvetica, sans-serif; font-size: 1.25em; color:#333; margin: 0px; padding: 0px; font-weight: normal; }
.eventbox li .eventarea h5 {font-family: Helvetica, sans-serif; font-size: 1.1em; color:#999; margin: 10px 0px; padding: 0px; }


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 { display: block; width: 100%; height: auto !important; padding-right: 0%; }
#column .contentx2 iframe, #column .contentx4 iframe, #column .contentx4 iframe { display: block; width: 100%; height: auto !important; min-height: 210px; padding: 0px; float: none;}
	
#imgbox { position: relative; display: block; width: 100%; max-width: 1200px;  height: auto !important; min-height: 0px; margin: 20px auto;  padding: 0px; }
#imgbox .contentx2 { position: relative; display: block; width: 100%; height: auto !important; padding-right: 0%; padding-bottom: 20px; }
#imgbox .contentx3 { position: relative; display: block; width: 100%; height: auto !important; padding-right: 0%; padding-bottom: 20px; }
#imgbox .contentx4 { display: block; width: 100%; height: auto !important; padding-right: 0%; padding-bottom: 20px; }
#imgbox .contentx2 .boxcol .imgshell { position: relative; width: auto; height: 100%; min-height: 300px; float: none; display: block; margin: 0px; overflow: visible; }
#imgbox .contentx2 .boxcol .imgshell img { width: auto !important; height: 300px;}
	
#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; }

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

.footer { font-size: 1em; color: #FFF; line-height: 24px;  }
footer { margin: 0px; width: 99%; height: auto; display: block; min-height: 500px; top: 0px; }
footer .content { width: 99%; height: auto; padding: 20px; 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: 100%; margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px; border-left: none; display: block; }
footer .content #footercontent .footercol img { width: 100%; height: auto; }
footer .content #footercontent .footercol.first { padding: 0px; margin: 0px 5px 20px 0px; }
footer .content #footercontact { position: relative; float: none; width: 100%; display: block; clear: both; pading: 0px; margin: 0 auto; }
footer .content #footiconbox { margin: 0 auto; width: auto;  }
footer .content #footiconbox #footericons { float: left;   }

body#home header .content #mobilelogo { position: absolute; top: 5px; left: 80px; width: 195px; height: 35px; padding: 0px; margin: 0px; background:url(images/logo-levyms-mobile.png) no-repeat; z-index: 5001; display:block;}
	
body#home #wowslidershell {top: 0px;}
body#home #wowslider-container1 { top: 3px; }
body#home #wowslidershell #wowslider-container1 .hplogo { position: absolute; top: -40px; left: 80px; width: 205px; height: 40px; overflow: hidden; padding: 0px auto; margin: 0px; background:url(images/logo-levyms.png) no-repeat; z-index: 2001; }
body#home #wowslidershell #wowslider-container1 .hpbutton { position: absolute; bottom: 0px; right: 0%; font-size: 5em; line-height: 1.0em; font-family: Arial, Helvetica, sans-serif; color: #ffffff; padding: 15px; margin: 0px; z-index: 1200; background: #333;  }
	
body#home #maincol { position: relative; width: 90%; height: auto !important; display:block; float: left; margin: 20px auto; padding: 0px;  }
body#home #maincol #column {position: relative; width: 100%; height: auto !important; display:block; float: none; margin: 0px; padding: 0px; }
body#home #maincol #column .contentx2 {position: relative; width: 100%; height: auto !important; display:block; float: none; margin: 0px auto; margin-right: 0%; font-family: Helvetica, sans-serif;font-size: 1.5em; }
body#home #maincol #column .contentx2 .hpcolimg {position: relative; width: 100%; height: auto !important; max-height: 250px; overflow: hidden; display:block; float: none; margin: 0px; }
body#home #maincol #column .contentx2 .hpcolimg img {position: relative; width: 98%; margin: 0px; padding: 0px; }

body#home #sidebar {position: relative; width: 90%; height: auto !important; display:block; float: none; margin: 0px auto; padding: 0px; }

body#home #column { position: relative; display: table; width: 85%; max-width: 1200px;  height: auto !important; min-height: 0px; margin: 10px auto;  padding: 0px; }

body#home #column .contentx4 { position: relative; width: 100%; height: auto !important; padding-right: 0%; }
body#home #column .contentx4 .textcol { position: relative; top: 0px; width: 100%; float: left; height: auto !important; }
body#home #column .contentx4 .textcol .hptitle { position: absolute; top: 0%; width: 100%; background: url(../../images/tints/60black.png) repeat; text-align: center; margin: 0 auto; color: #FFF;  z-index: 901;}
body#home #column .contentx4 .textcol .hptitle h2 { font-size: 1.3em; text-align: centered; width: 98% padding: 1%; color: #FFF;}
body#home #column .contentx4 .textcol .imgshell { position: relative; width: 100%; height: auto !important; margin: 0%; background: #fff; overflow: hidden; z-index: 900; }

body#home #column .contentx2 { position: relative; width: 100%; height: auto !important; margin: 0px auto; padding: 0px; }
body#home #column .contentx2 .textcol .hpbox { position: relative; top: 0px; width: 100%; float: left; height: auto !important; min-height: 150px; margin: 2% 0%; padding: 0px; overflow: hidden; }
body#home #column .contentx2 .textcol .hpbox img { position: relative; width: 100%; height: auto !important; z-index: 900; }
body#home #column .contentx2 .textcol .hpbox .hptitle { position: absolute; top: 0%; width: 100%; height: auto !important;background: url(../../images/tints/60black.png) repeat; text-align: centered; margin: 0 auto; color: #FFF; z-index: 901;}
body#home #column .contentx2 .textcol .hpbox .hptitle h2 { font-size: 1.3em; text-align: center; width: 100% padding: 1%; color: #FFF;}
body#home .textcol a:link, body#home .textcol a:visited { text-decoration: none; color:#FFF; }

body#home #feeds { max-height: 1200px; overflow: visible; }

	//end MOBILE styles
}

@media screen and (max-width: 320px){
	#supershell { width: 320px;  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(https://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 {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 h2 { 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, 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;}

}


