/*@import url(http://fonts.googleapis.com/css?family=PT+Sans:700);*/
/*@import url(http://fonts.googleapis.com/css?family=Montserrat:700);*/

body {margin:0; font-size: 15px;}
body, input, textarea {
    color: #222222;
      font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', arial, helvetica, sans-serif; font-weight: 400;
}
/*h1, h2, h3 {font-family: 'Montserrat', sans-serif; font-weight:normal}*/
h1, h2, h3, h4, h5, h6 {font-family: 'Gotham SSm A', 'Gotham SSm B';  font-style: normal;}
h1 {font-weight: 800;}
h2, h3, h4, h5, h6 {font-weight: 700;}

div#kzoo-search {
    float: right;
    width: 150px;
margin:0 30px 0  0;
}
div#kzoo-quicklinks select, div#kzoo-quicklinks option {
    background-color: #fff;
    color: #222;
	font-size:15px;
}
div#kzoo-quicklinks {
    width: 1000px;
	margin:auto;
	text-align:right;
	padding-top:10px
}
div#kzoo-quicklinks a {
    color: #555;
}
div#kzoo-quicklinks a:hover {
    text-decoration:underline;
}
#mainnavsections {
    top: 12px;
}
div#titlebanner {position:absolute; top: 260px; z-index:99;}
div#titlebanner.nophotobanner {top:10px}
div#titlebanner h1 {padding:1em 0 0; position:absolute;left:20px; width:700px}
div#titlebanner h1 a {color: #ea6820; background-color:#fff; text-decoration:none}
div#titlebanner h1 a span{'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size:33px; color:#ea6820; z-index:99;}
div#titlebanner div#bannerXtra {position:absolute;  left:700px; width:300px; top:0px; text-align:right}
 input#minisiteSearchInput {font-size:80%}


div#photoheadercollapse {display:none;left:5px;}
div#photoheader, div.jFlowSlideContainer {background-color:#FFFFFF}




div#content {
	position:relative;
    float: left;
	clear:none;
	width: 950px;
	margin-top:30px;
		/*overflow:auto;*/
}

div#meat, div#banner {
    display: block;
}


div#meat div#content {
    margin-left: 30px;
}
div#meat.containsRelated div#content {
    width: 750px;
}
 

div#meat.containsNavigation div#content {
    margin-left: 250px;
	width: 750px;
}
div#meat.containsConRelNav div#content {
    width: 550px;
}

div#related {
    position:relative;
    float: left;
    clear:none;
    margin: 1em 0 ;
    width: 200px;
}
div#sidebar {
	 -webkit-box-shadow: none;
	 -moz-box-shadow: none;
	 box-shadow: none; 
	-ms-filter: none;
	filter: none;
	width:auto;
	float:none;
	padding: 0px;
}
div#sidebar div.blurb, div#related div.blurb, div#sidebar div#rss_nav {
	background-color:#fff;
	color:#222;
	font-weight:normal;
	font-size:95%;
	line-height:1.2;
	padding:1em !important;
 	-webkit-box-shadow: 0px 2px  5px  #777;
	-moz-box-shadow: 0px 2px  5px #777;
	 box-shadow: 0px 2px  5px #777; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#777777')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#777777');
	word-wrap:break-word; overflow-wrap:break-word;
}
.blurb a,  div#sidebar div#rss_nav a{
	color:#006983;
	text-decoration:underline;
}
div#sidebar div#rss_nav h4{
	color:#FFF
}


div#preSidebar img.thumbnail {
border: 15px solid white;
	-webkit-box-shadow: 0px 2px  5px  #777;
	-moz-box-shadow: 0px 2px  5px #777;
	 box-shadow: 0px 2px  5px #777; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#777777')";
}
div#preSidebar div.imageChunk.withHeading img.thumbnail, div#preSidebar div.imageChunkX.withHeading img.thumbnail{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	 box-shadow: none; 
	-ms-filter: none
}
div#preSidebar div.imageChunk.withHeading, div#preSidebar div.imageChunkX.withHeading {
	border: 15px solid white;
	-webkit-box-shadow: 0px 2px  5px  #777;
	-moz-box-shadow: 0px 2px  5px #777;
	 box-shadow: 0px 2px  5px #777; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#777777')";
}

.imageChunkX {
    margin-bottom: 17px;
    text-align: center;
}

div#miniCal {
	background-color:#fff;
	color:#222;
	font-weight:normal;
	font-size:95%;
	padding:1em !important;
 	-webkit-box-shadow: 0px 2px  5px  #777;
	-moz-box-shadow: 0px 2px  5px #777;
	 box-shadow: 0px 2px  5px #777; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#777777')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#777777');
	word-wrap:break-word; overflow-wrap:break-word;
	border:none;
}
div#miniCal div#events h4 {
	border-top-color:#ddd;
}

div#navigation {
    position:relative;
    float: left;
    clear:none;
    margin: 0 0 0 -1000px;
    padding-top:10px;
    width: 220px;
 
}
div#navigation .home {padding-left:1em; }
div#navigation ul.navList{padding-left:1em;padding-top:.5em}
 

div#content div {
    margin: 1em 3em 1em 0.5em; 	/*overflow:auto;*/
}
div#content div.contentHead {
    margin-top:0;
}
div#content div div {
    margin: 0;
}



div#content div div#breadcrumbs {margin-top:-10px; margin-bottom:10px;}
div#content div#pageContent {padding-right:30px; height:auto; overflow:hidden; overflow-y:hidden; }
div#content div div#login {margin:auto}

div#footer {border-top:1px solid #767676;}

div#footer div {
    padding: 1em;
	max-width:1000px; margin:auto;
}
div#footer div div {
    padding: 0;
}
div#footer div.module1, div#footer div.module2 { text-align:right} 
div#content li {
    margin-bottom: 0.33em;
    margin-top: 0.33em;
}
p.textOnlyLink {
    border: medium none;
}
div#bannerXtra {
    float: right;
}
div#content ul.childrenList li {
    margin-bottom: 0.75em;
}
div#content ul.childrenList h4 {
    margin-bottom: 0.1em;
}
div#content ul.childrenList h4 a:hover{color:#006983; text-decoration:underline}
div#content ul.childrenList div.childDesc {
    margin: 0;
}
div#related > div, div#subNav > div {
    margin: 1em;
}
* html div#related div#sidebar, * html div#related div#preSidebar {
    margin: 1em;
}
div#related div#pageContent, div#related div#databasesRecent, div#subNav div.blurb {
    padding: 0 0.75em;
}
* html #content, * html #related, * html #navigation {
    overflow-x: hidden;
}
* html #content div#contentHead, * html #content div#contentMain, * html #content div#contentPost, * html #related div#sidebar, * html #related div#preSidebar, * html #navigation div#minisiteNavigation, * html #navigation div#subNav, * html #navigation p.textOnlyLink {
    position: relative;
}
div#wrapper.textOnlyView *, div#stage.textOnlyView * {
    background-image: none !important;
}
div#stage.textOnlyView, div#stage.textOnlyView div#main, div#stage.textOnlyView div#meat, div#stage.textOnlyView div#meat.containsNavigation, div#stage.textOnlyView div#meat.containsRelated, div#stage.textOnlyView div#navigation, div#stage.textOnlyView div#related, div#stage.textOnlyView div#content, div#stage.textOnlyView div#pagefooter, div#stage.textOnlyView div#pagefooter table,div#stage.textOnlyView div#banner, div#stage.textOnlyView div#meat.containsRelated div#content, div#stage.textOnlyView div#meat.containsNavigation div#content, div#stage.textOnlyView div#meat.containsNavigation.containsRelated div#content, div#stage.textOnlyView div.blurb{
    background: none repeat scroll 0 0 transparent !important;
    clear: both !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 90% !important;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none !important;
	 box-shadow:none !important;
	-ms-filter: none !important;
	filter: none !important;
	color:#000000 !important;
}
div#stage.textOnlyView H1, div#stage.textOnlyView H2, div#stage.textOnlyView H3, div#stage.textOnlyView H4 {color:#000000 !important}
div#stage.textOnlyView a, div#stage.textOnlyView a:hover{color:#000000 !important; text-decoration:underline !important;}
div#stage.textOnlyView div#navigation, div#stage.textOnlyView div#footer, 
div#stage.textOnlyView * img {display:none}
div#meat:after, div#banner:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
div#maintained {max-width:1000px; margin:auto; color:#ddd}
div#maintained a {color:#ddd}

/*modules_mod.css overrides*/
div.assets {
    background-color: #FFFFFF;border:none}
div.assets h3 {border:none}
.searchSubmitLink {
    background-color: #eeeeee;
    border: 1px solid #dddddd;
    color: #222222;
}
a.searchSubmitLink:hover {
    background-color: #FFFFFF;
    color: #ea6820;
}
div#calendar div#viewoptions {}

div#calendar div.nav {
    background-color:transparent;
	color:#555555;
	height:2em;
	}
div#calendar div.views ul li a,  div#calendar div.views ul li a:hover {
	    background-color: #eeeeee;
    color: #222;
}
div#calendar div.views ul li strong {
    background: none;
	background-color:#444;
    color: #FFFFFF;
}
div#calendar div#events h3 {
    
    color: #ea6820;
}
div#calendar div#events h4 {
	font-weight: bold;
}

div#calendar div#events ul  {margin-left:1em;}
div#calendar div#events li.event { padding:2px; margin:2px; overflow:auto}

div#calendar div#events li.event div.tnImage img { margin:0; padding:0 }
div#calendar div#events li.event div.tnImage {padding:0; margin-right:10px; float:left; width:29px; height:26px; text-align: center; overflow:hidden; background-color:#fff}
div#calendar div#events li.event ul {margin-left:8em;}
div#calendar div#events li.event .time {font-weight:bold}
div#calendar div#events li.event .location {color:#555}
div#calendar div#events li.event .description {color:#666; font-style:italic; padding:0 }
div#calendar div.eventDetails div.images {background-color:transparent; border:none}
div#calendar div#events li.event strong {font-weight:normal}


div#slotInfo {background-color:#eee !important; border-color:#777 !important}
div#slotInfo h3 {background-color:#999 !important; border-color:#777 !important}
div#calendar div.gridAndOptions {
    background-color: #EEEEEE;
    border: none;
	z-index:999;
}
div.calendarGrid {
    border: none;
}
div#calendar div.calendarGrid td.currentlyViewing a {
    color: #ea6820;
}
div#calendar div.calendarGrid td.currentlyViewing {
    background-color: #fff;
}
div#calendar div.options ul {
    list-style-image: none;
}
div.eventDetails div.eventContent, div.eventDetails p.back {
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
 border: 1px solid #dddddd;
 padding-left:1em;
}
div#calendar div.nav a {
	background-color:#FFF}
div#calendar div.nav a:hover { color:#ea6820}
div#calendar .focus {border:none; background-color:transparent;}

div#rss_content h3 {background:none; color:#ea6820}

div#av .podcast a:hover {
    background-color: #dddddd;
}
p.pullQuoteRight {
    background-color: #dddddd;
}
div.publication div.moduleNav ul li {
    border-top: 1px solid #a2b500;
}
ul.childrenList{
    border-top: 1px solid #a2b500;



}

.textOnlyLink {background-image:none}

pre {font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B'; font-weight: 300;}

strong {font-weight: bold}




.blockEmphasis {
    background-color: #a2b500;
    border: 1px dotted #6a7f10;
}
a.navLink:visited {
    color: #006983;
}
a.navLink:hover {
      color: #006983;
}
.facStaff {
    border-top: 1px solid #a2b500;
}
 

div#newsViaCats ul {
    background-color: #FFFFF;
    border-bottom: none;
}
div#newsByCategory div.multiple div h4, div#newsByCategory div.back {
    border-top: 1px dotted #dddddd;

}
ul.siblingList {
    border-top: 1px solid #EEEEEE;
}

p.pullQuoteRight {
    background-color: #a2b500;
    border-bottom: medium double #6a7f10;
    border-top: medium double #6a7f10;
    
}
.textOnlyLink {
    background-image: none;
    border-top: 1px solid #dddddd;
 
}
.sidebarTD #miniNews {
    border-left: 1px solid #dddddd;
    padding-left: 14px;
}
ul.minutesInfo {
    border-bottom: none;
    border-top: none;
}
p.minutesBack {
    border-top:none;
    padding-top: 8px;
}
ul.minutesList li.yearEnd {
    border-top: none;

}

div.feedInfo a {
    background-color: #ddd;
    background-image:none;
    border: 1px solid #ccc;
    color: #006983;

}
div.feedInfo a:hover {
    background-color: #ddd;
    border: 1px solid #ccc;
}
div#faq div.moduleNav h3 {
    border-top: 1px solid #a2b500;
}
div#faq h3.faqName {
    background-image: none;
}
div#faq ul.meta {
    color: #999999;
    font-style: italic;
}
div#faq div.answer {
    background-image: none; 
    
}
div#faq div.moduleNav ul div {
    color: #999999;
    font-size: x-small;
}
div#login {
    background-color: #FFFFFF;
    border: 1px solid #ea6820;
}
.editable div.editRegion {
    border: 1px dotted #AAAAAA;
    padding: 0 0.65em;
}
.editable div.editRegion a.editThis {
    background-color: #dddddd;
    border: 1px dotted #cccccc;
}
div#rss_content h3 {
    background: none;
    border-bottom:none;

    color: #ea6820;

}
div#rss_content ul li {
    border-bottom: 1px dotted #cccccc;
}

div#rss_content div.pagination a {
    border: none;
 
}
div#rss_content div.pagination a:hover {
    background-color: none;
}
div#rss_content div.pagination strong a, div#rss_content div.pagination strong a:hover {
    background-color: #ffffff;
    color: #000000;
 
}
hr {
    background-color: #CCCCCC;
    border: 0 none;
    height: 1px;
    margin-bottom: 1.625em;
}
/* mini-site specific */
div#main.eqa #NILO img {padding:0px; margin:0px}
div#main.eqa .entry-content td{
    border-top: 1px solid #DDDDDD;
    padding: 6px 10px 6px 0;
}
.persistent {z-index:100; top:-10px}
div.publication div.persistent {
	top:-50px;
	background-color:#FFFFFF;
    border: none;
    float: right;
	clear:both;
    width: 32%;
}
div.publication div.persistent .loginlogout {display:none}
.searchForm label {font-size:10px; text-transform:uppercase}
div#blogDescription {width:66%}

/*arboretum weather module*/
.enviroweather h2 {color:#6A7F10; font-size:14px}
.enviroweather h3 {color:#A2B500; font-size:11px; margin:0;display: inline;  white-space: normal;}
.enviroweather ul {padding:0; margin:0}
.enviroweather li {padding:0; padding-bottom:3px;list-style:none; font-size:11px}
.enviroweather .fineprint {font-style:italic; color:#bbbbbb}


/*philharmonia website*/
.philharmonia h2, 
.philharmonia .entry-content h2, 
.philharmonia .comment-content h2, 
.philharmonia .topicheading, 
.philharmonia #author-description h2 {
	color:#9e0e19;
	}
.philharmonia .entry-content h3, 
.philharmonia .comment-content h3, 
.philharmonia H3, 
.philharmonia H3 a {
	color:#9e0e19;
	}
.philharmonia div#photoheader, .philharmonia div.jFlowSlideContainer {
    background-color: #9e0e19;
}
.philharmonia div#titlebanner h1 a {display:none}
.philharmonia #kzoo-quicklinks {display:none}
.philharmonia #kzoo-search input[type="submit"]{
	background:#FFF;
	border-color:#999;
	color:#767676;
	/*
 	background: #777777;  
	background:-webkit-linear-gradient(center top , #999999 0%, #888888 50%, #777777 51%, #555555 100%) repeat scroll 0 0 transparent;
	background:-o-linear-gradient(center top , #999999 0%, #888888 50%, #777777 51%, #555555 100%) repeat scroll 0 0 transparent;
   background: -moz-linear-gradient(center top , #999999 0%, #888888 50%, #777777 51%, #555555 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(center top , #999999 0%, #888888 50%, #777777 51%, #555555 100%) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#555555',GradientType=0 ); /* ie */

}


div#content div.course, div#content div.c {margin-bottom:1em}

div.course span.coursesubject, div.course span.coursenumber, div.course span.coursetitle {font-weight:bold; margin-right:.5em}
div.c span.c-s, div.c span.c-n, div.c span.c-t {font-weight:bold; margin-right:.5em}

div.course span.coursedescription, div.c span.c-d{display:block;clear:both;}

/*embedded video sizing */
div.video-js {width:640px; height:360px}
div.video-js iframe{width:640px; height:360px}
video.video-js {width:640px; height:360px}
div#meat.containsConRelNav div.video-js {width:500px; height:281px}
div#meat.containsConRelNav div.video-js iframe{width:500px; height:281px}
div#meat.containsConRelNav video.video-js {width:500px; height:281px}
div#meat.containsConRelNav div#related div.video-js {width:150px; height:84px}
div#meat.containsConRelNav div#related div.video-js iframe{width:150px; height:84px}
div#meat.containsConRelNav div#related video.video-js {width:150px; height:84px}

/* styles for mobile responsiveness*/
#hamburgerheader {display:none};
#hamburger {display:none}
#hamburger {
	display:none;
    border:none;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    height: 24px;
    padding: 3px 4px 3px;
    position: relative;
    width: 25px;
    background: #fff;
   /* background: -moz-linear-gradient(top,  #444444 0%, #111 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#111));
    background: -webkit-linear-gradient(top,  #444444 0%,#111 100%);
    background: -o-linear-gradient(top,  #444444 0%,#111 100%);
    background: -ms-linear-gradient(top,  #444444 0%,#111 100%);
    background: linear-gradient(to bottom,  #444444 0%,#111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#111',GradientType=0 );*/
}
/*
The white stripes in the hamburger button
*/
div#content div#hamburger div {
    background-color: #666;
    border: 1px solid #666;
    border-radius: 2px 2px 2px 2px;
    height: 3px;
    margin-top: 2px;
    width: 90%;
	
}
div.basecrumbformobile {display:none}

div#calendarfilter {display:none; 
	background-image:url('https://www.kzoo.edu/images/icons/filter.jpg');
	width: 25px; height:25px; background-position:center;
}
div#pageContent table td {padding:5px !important; height:auto !important; }
/*div#pageContent table {border-style:solid; border-width:1px; border-color:#CCC;}
div#pageContent table td {border-style:solid; border-width:1px; border-color:#CCC; border-bottom-style:none; border-right-style:none}*/

@media (max-width: 800px) {

	body {overflow-x:hidden;}
	#hamburgerheader {display:block;position:relative; width:auto; height:34px; margin:0 0 0 0  !important ; padding:2px}

	div#content, div#contenthead {margin-top:0px; position:relative}
	div#meat.containsNavigation div#content div#hamburger { display: block;z-index:99;}
	div#content div div#breadcrumbs {margin:0; display:none}
	div.basecrumbformobile {display:block; padding-left:1em;}
	div.basecrumbformobile a{text-transform:uppercase; color:#333; font-weight:bold;text-decoration:none}
	/*div.basecrumbformobile a:before {content:"⌂"}*/
	DIV#leftnav{width: auto; float:none}
	DIV#minisiteNavigation div.list {padding-top: 10px;}
	div#navigation {
		left: -220px;
		top: 50px;
		position: absolute;
		z-index: 0;
		width: 70%; 
		float:none;
		margin: 0 0 0 0;
		padding: 0 0 0 0 ; 
		display:none; 
	}
	DIV#minisiteNavigation {width: auto; float:none; position:relative;}
	DIV#minisiteNavigation a {line-height: 90%}
	DIV#minisiteNavigation .navListItem {margin: 0} 
	#contentLayer {
		/*display: none;
		height: 100%;
		overflow-x: hidden;
		overflow-y: hidden;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 900;
		min-height: 1062px;
		background-color: transparent;*/
	}
	 
	/*div#meat {background-color:#333}
	DIV#leftnav a, DIV#minisiteNavigation a, DIV#minisiteNavigation strong {color:#EEE}*/
	
	div#meat,	div#content,
	div#meat div#content,
	div#content div#pageContent,
  	div#meat.containsRelated div#content,
	div#meat.containsConRelNav div#content, 
	div#meat.containsNavigation div#content  {
		width: 100% ;
		margin-left: 0px  ;
		margin: 0 0 0 0;
		padding-right: 0px  ;
		left:0;
		 float: none;
 
	}
	div#meat {
		 -webkit-box-shadow: -5px 0 4px 0 rgba(0, 0, 0, 0.4);
		-moz-box-shadow: -5px 0 4px 0 rgba(0, 0, 0, 0.4);
		box-shadow: -5px 0 4px 0 rgba(0, 0, 0, 0.4);
		}
	div#titlebanner {top:6px;left:20px;}
	div#titlebanner h1 a span {font-size:80%}
	div#bannerXtra {display:none}
	#mainabout a, #mainacademics a, #mainadmission a, #maingiving a,  #mainalumni a, #mainnews a, #mainstudev a {font-size:80%;	}
	div#undermain {padding-left:0px; padding-right:0px}
	div#undermain img {/*margin-top: -10px*/}
	div#kzoo-quicklinks {width:160px; margin: 0 0px 0 0;}
	div#kzoo-quicklinks a {display:none}
	#main, DIV#leftnav li, li.navListItem, #global-top-nav {
		-webkit-box-shadow: none!important;
		-moz-box-shadow: none !important;
		 box-shadow:none !important;
		-ms-filter: none !important;
		filter: none !important 
		}
	.textOnlyLink {display:none}
	
	
}
@media (max-width: 650px) {
	.top-extra-bar {background-color:#fff; border-color:#fff}
	.topnav-wrapper {min-height:0; box-shadow:none}
 	DIV#global-top-nav{ height:34px;}
	div#titlebanner {top:1px;left:20px;width:100%; }
	div#titlebanner h1 {height:24px; width:auto; overflow:hidden; padding-top:10px}
	div#titlebanner h1 a span {font-size:18px}
	div#MAINnav, div#mainnavsections {display:none; width:0}
	#mainabout a, #mainacademics a, #mainadmission a, #maingiving a,  #mainalumni a, #mainnews a, #mainstudev a {
		font-size:80%;
	}
	#kzoowordmark {float:none}
	div#kzoo-search {display:none}
	div#kzoo-quicklinks {display:none;width:0px; margin: 0 0px 0 0;}
	div#kzoo-quicklinks a {display:none}
	#main {
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none !important;
	 box-shadow:none !important;
	-ms-filter: none !important;
	filter: none !important;
	}
	div.footerK {display:none}
	div#pagefooter div.footer div {width:90%; background-color:#000; border-bottom: 1px solid #333; padding-left:10%}
	div#pagefooter .footer {font-size: 120%; line-height:120%}
	DIV#stage DIV#pagefooter  .footer a {font-size: 120%; line-height:120%} 

	div#calendar div#events li.event ul {
	margin-left: 4em;
	}


}

@media (max-width:600px) {
	div#hamburgerheader{}
	div#calendar div#viewoptions {
		width: 80%; 
		left: 10%;
		top: 0px;
		position: relative;
		z-index: 99;
		float:none;
		margin: 0 0 0 0;
		padding: 0 0 0 0 ;
		background-color:#FFF; 
		display:none; 
		}
	div#calendar .focus ul {border-left: none}
	div.dateJump {display:none}
	div.calendarGrid {display:none}
	div#viewoptions div.nav {display:none}
	div#calendar div.gridAndOptions {background-color:#fff}
	div#calendar div.gridAndOptions div.search {margin:3px}
	div#calendar div.gridAndOptions div.search h4{font-size:80%}
	div#calendar div.options div {padding-top:1px; margin:2px; 
		}
	div#calendar div.options h4{font-size:80%}
	div#calendarfilter {display:block; float:right; z-index:99;}
	DIV#content {background-color:#FFF; -/*webkit-box-shadow: 5px 0 4px 0 rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 5px 0 4px 0 rgba(0, 0, 0, 0.4);
		box-shadow: 5px 0 4px 0 rgba(0, 0, 0, 0.4);*/
		}
	div.video-js {width:500px; height:281px}
	div.video-js iframe{width:500px; height:281px}
	div#related {width:100%}
}
 

@media (max-width:320px) {
div.video-js {width:300px; height:168px}
div.video-js iframe{width:300px; height:168px}
div#meat.containsConRelNav div.video-js {width:300px; height:168px}
div#meat.containsConRelNav div.video-js iframe{width:300px; height:168px}

div#meat.containsConRelNav div#related div.video-js {width:280px; height:157px}
div#meat.containsConRelNav div#related div.video-js iframe{width:280px; height:157px}
}

@media (max-width:213) and ((-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi)){ 
div#calendar div#events li.event ul {
margin-left: 2em;
}
}