@charset "utf-8";
/* CSS Document */
/* General Classes ---------------------- */
/* ----------------------------------------------- */
.acronym {
	font-size: 0.95em;
}
.colon {
	margin-bottom: 2px;
}
.parens {
	font-size: 0.8em;
	color: #595954;
}
.bullets {
	list-style-type: disc;
	margin-left: 15px;
}
.togglebullets {
	display: list-item;
	list-style-type: disc;
	border-bottom: 2px solid #A07129;
}

ul.togglebullets li {
	margin-left: 15px;}
	
p.links img, p.links img.left {
	margin: 0;
}
ol {
	list-style-type: decimal;
	margin-left: 15px;
}
html {
min-height: 100%;
}
/*.row .row {
	margin: 0;
}*/

#slider-ie7 {
	display: none;
}
body {
	
	background-image: url(../_images/greysquare.png), linear-gradient(bottom, #F2F2F2 50%, #d9d9d9 100%);
background-image: url(../_images/greysquare.png), -o-linear-gradient(bottom, #F2F2F29 50%, #d9d9d9 100%);
background-image: url(../_images/greysquare.png), -moz-linear-gradient(bottom, #F2F2F2 50%, #d9d9d9 100%);
background-image: url(../_images/greysquare.png), -webkit-linear-gradient(bottom, #F2F2F2 50%, #d9d9d9 100%);
background-image: url(../_images/greysquare.png), -ms-linear-gradient(bottom, #F2F2F2 50%, #d9d9d9 100%);

background-image: url(../_images/greysquare.png), -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.5, #f2f2f2),
	color-stop(1, #d9d9d9)
);

	
}
.ie9 body{
	background-image: url(../_images/greysquare.png), url(../_css/images/svg-gradientForIE9.svg);
}
.lt-ie9 body{
height:100%;	

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
startColorstr=#d9d9d9, endColorstr=#f2f2f2);
}

.lt-ie9 div#wrapAll{
	width: 100%;
	/*min-height:100%;*/
background-image: url(../_images/greysquare.png); 	
}
#container {
	width: 960px;
	max-width: 100%;
	
	margin-right: auto;
	margin-left: auto;
}
#homeMainContent {
background: #fff;
-webkit-border-radius: 10px;
	
	border-radius: 10px;
	border: 1.5px solid #A07129;;
/*	background-image:  linear-gradient(bottom, #efefef 50%, #fffff 100%);
background-image:  -o-linear-gradient(bottom, #efefef 50%, #fffff 100%);
background-image:  -moz-linear-gradient(bottom, #efefef 50%, #fffff 100%);
background-image:  -webkit-linear-gradient(bottom, #efefef 50%, #fffff 100%);
background-image:  -ms-linear-gradient(bottom, #efefef 50%, #fffff 100%);

background-image:  -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.5, #efefef),
    color-stop(1, #ffffff));
	
	
	
			
}
.ie9 #homeMainContent {background-image: url(../_css/images/svg-gradientIE9homeMainCon.svg);
	
}
.lt-ie9 #homeMainContent {
	height:100%;	

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,
startColorstr=#efefef, endColorstr=#ffffff);*/ 
}

#mainContent{
/*background: #f2f2f2;*/
-webkit-border-radius: 10px;
	
	border-radius: 10px;
	
background-image:  linear-gradient(bottom, #204285 50%, #213152 100%);
background-image:  -o-linear-gradient(bottom, #204285 50%, #213152 100%);
background-image:  -moz-linear-gradient(bottom, #204285 50%, #213152 100%);
background-image:  -webkit-linear-gradient(bottom, #204285 50%, #213152 100%);
background-image:  -ms-linear-gradient(bottom, #204285 50%, #213152 100%);

background-image:  -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.5, #204285),
    color-stop(1, #213152));
		
}
.ie9 #mainContent{
	background-image: url(../_css/images/svg-gradientIE9mainCon.svg);
}
.lt-ie9 #mainContent{
height:100%;	

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
startColorstr=#204285, endColorstr=#213152);
}
/*--- smartphone ---*/
	@media only screen  and (min-device-width : 320px)  and (max-device-width : 767px),
	only screen  and (min-width : 320px)  and (max-width : 767px) {
.acronym {
	font-size: 1em;
}
body {
	background: fff;
	background-image: none;
}
#container {
	background: #FFF;
	width: auto;
	min-width: 0;
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
}
#mainContent, #homeMainContent{
background: none;
-webkit-border-radius:0;
	
	border-radius:0;
border: none;
	
}
}

/*--- iPad  ---*/
@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px) {

}
/* Header Classes ---------------------- */
/* ----------------------------------------------- */

#list, #projDetail, #staffDetail, #listStaff, #aboutSection, #boardList, #staffBio, #employDetail, 
#eventDesc, #agenda, #partList, #readings/*, #featured*//* , #homeContent, #homeTabs, #homeTabsBrowser*/ {	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 1.5px solid #036;
	background: #FFF;
	
  float: left;
	border-left: 5px solid #204385; 
	min-height: 250px;
}
.row #homeContent.five.column.mobile  {
margin-left: 0px;

}
.row #featured.seven.column.mobile {
	margin-left: 0;
}
#homeContent {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	
	margin-left: 20px;
	margin-bottom: 0px;
	padding-right: 15px;
	padding-left: 15px;	
  float: left;
	
}
#focusWrap {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	

}

#header {
	margin-bottom: 10px;
	margin-top: 10px;
	background-image:  linear-gradient(left, #ffffff 25%, #204285 90%);
background-image:  -o-linear-gradient(left, #ffffff 25%, #204285 90%);
background-image:  -moz-linear-gradient(left, #ffffff 25%, #204285 90%);
background-image:  -webkit-linear-gradient(left, #ffffff 25%, #204285 90%);
background-image:  -ms-linear-gradient(left, #ffffff 25%, #204285 90%);
background-image:  -webkit-gradient(
    linear,
    left,
    right,
    color-stop(0.5, #ffffff),
    color-stop(1, #204285));
	
	border: 1.5px solid #204285;
	border-bottom: 10px solid #204285;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*border-top: 1.5px solid #f2f2f2;*/
	padding-top:10px;
}
.ie9 #header{
	background-image: url(../_css/images/svg-gradientIE9Head.svg);
}
.lt-ie9 #header{
height:100%;	

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,
startColorstr=#ffffff, endColorstr=#204285);
}
#branding {
	width: 24.75%;
	margin-left: /*-10px*/0;
	margin-right: 2px;
	
	
	float: left;
	min-height: 1px;
	padding: 0 15px;
	position: relative;
	
	
}
#branding img {
	margin: 3.75px;
	border: none;
}
#branding h1 {
	display: none;
}
#navigation {
	font-family: "franklin-gothic-urw-cond", sans-serif;
	
	padding-top:4px;
}
#mainNavigation {
	font-family: "franklin-gothic-urw-cond", sans-serif;
	font-style: normal;

	font-weight: 700;
		color: #204285;
	-webkit-border-radius: 0 0 5px 5px;
	background: #f2f2f2;
	border-radius: 0 0 5px 5px;
	border: 1.5px solid #204285;
	
	margin-top: -10px;
	
}
#mainNavigation.row.nine.column {
	width: 73.3%;
	margin-right: 11px;
	padding-left: 5px;
	padding-right: 0px;
	
}
#mainNavigation ul, #mainNavigation li {
	font-size: 1.4em;
}
#mainNavigation a, #mainNavigation a:visited {
	color: #204285;
	padding-right: 15px;
		padding-top:1px;
}
#mainNavigation a:hover {
	color: #A07129/*#F58424*/;
}
#mainNavigation ul {
	list-style-type: none;
	padding: 0;
	margin-left: 0;
	line-height: 1.2;
	
}
#mainNavigation li {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0 ;
	border-right: 1.5px solid #204285;
}
#mainNavigation li:first-child {
	padding-left: 12px;
}
#mainNavigation li:nth-child(4) {
	border: none;
}
#mainNavigation li:last-child {
	border: none;
	float:right;
	font-size: 0.7em;
	font-weight: 400;
	margin-right: 2px;
		padding-top:5px;
}
/*--- ie 7 and ie8 don't support first-child, last-child, nth-child so twitter class styles the last mainNav li ---*/
.ie8 #mainNavigation li.twitter, .lt-ie8 #mainNavigation li.twitter{
	border: none;
	float:right;
	font-size: 0.8em;
	font-weight: 400;
	margin-right: 2px;
		padding-top:5px;
	 
 }
#utilities.row.seven{
	width: 56.9%;
}
#utilities {
	font-family: "franklin-gothic-urw-con-sc", sans-serif;
	font-weight: 400;
	
	font-size: 1em;
	letter-spacing: .22em;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
	border-top: 1.5px solid #204285;
	border-left: 1.5px solid #204285;
	background: #f2f2f2;
	padding-left: 1px;
	margin-left: 5px;
	padding-top:3px;
	padding-bottom: 8px;
	margin-top:-2px;
	text-transform:uppercase;
}
#utilities ul {
	list-style-type: none;
	padding-top: 2px;
}
#utilities ul li {
	float: left;
	font-size: 13px;
	margin: 0px 15px 0px 25px;
	padding-bottom: 5px;
	
}
#utilities li a, #utilities li a:visited {
	color: #204285;
}
#utilities li a:hover {
	color: #A07129;
}
.safari #utilities.row.seven {
margin-left: 6px;
width: 56.9%;	
}

/***********************************************************************/
ul#aboutNav.button-group, ul#MobileAboutNav.button-group {
	height: 100px;
}

.ie9 #utiltities {
	width: 58.1%;
	margin-top: -2px;
	margin-left: 5px;
}
/* Search bar with utilities menu --------*/
#search.two.column.mobile.push-seven {
	
}
/* iPad landscape header/nav/search----------- */

@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px) and (orientation : landscape) {
#utilities.row.seven.seven.pull-two {
font-size: 1.1em;
width: 54%;	
}
#mainNavigation.row.nine.column {
	width:73.1%;
	margin-right: 13px;
}	

}
/* iPad portrait header/nav/search----------- */

@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : portrait){
#navigation {
	height: 80px;
}
#utilities.row.seven.pull-two {
/*font-size: 0.5em;*/
margin-left: 3px;
letter-spacing: 0.1em;

width: 54%;	

}
#utilities ul li {
	font-size: 0.9em;
	padding-bottom: 10px;
	padding-top: 2px;
	margin-right: 0;
}


#utilities li:first-child {
	margin-left: 12px;
	
}


#mainNavigation.row.nine {
	width: 75%;
	 margin-right: 10px;
	
}
	
#mainNavigation ul, #mainNavigation li {
	font-size: 1.3em;
}

section.seven.column {
		margin-right: 0;
	}
	
.row .five { width: 34%;
margin-left: 10px; }

.row .six { width: 50%; }

.row .seven { width: 57%;
margin-right: 10px;  }

}
/* Smartphones (portrait and landscape) Header Classes ----------- */
	@media only screen  and (min-device-width : 320px)  and (max-device-width : 767px),
	only screen  and (min-width : 320px)  and (max-width : 767px) {
/* Styles */
	
.floatLeft, .floatRight {
	float: none;
}
#header {
	background: none;
	border:none;
	-webkit-border-radius: 0;
	border-radius: 0;
	
	}
#search.two.column.mobile.push-seven {
	left: 10px;
	width: 100%;
	margin-bottom: 20px;
}
#mainNavigation, #navigation, #utilities, #focusWrap, #sidebar {
	display: none;
	visibility: hidden;
}
#mobileNav .row.twelve.column {
	padding-left: 5px;
	padding-right: 0px;
	margin-right: 0px;
}
#mobileNav {
	display: block;
	visibility: visible;
	font-family: "franklin-gothic-urw-cond", sans-serif;
	font-size: 1em;
}
#mobileTwit {
	font-family: "franklin-gothic-urw-cond", sans-serif;
	font-weight: normal;
	color: #204285;
	padding: 0px;
	
	/*margin-bottom: 20px;
	padding-right: 10px;*/
}

ul#mobilFocus h3, ul#mobilFocus h4 {
	font-family: "franklin-gothic-urw-cond", sans-serif;
	font-size: 1em;
	margin-left: 2px;
}
ul#mobilFocus h3 {
color: #b99032;	
}
ul#mobilFocus h4 {
color: #4d4d4d;	
}
#container, #branding, #aboutSection, #list, #projDetail, #employDetail, #staffDetail, #staffBio, #listStaff, #staffList, 
#boardList, #eventDesc, #agenda, #partList, #aboutSection, #footerWrapper, #readings, #homeContent, #homeTabs {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 0px solid;
	/*padding-right: 15px;
	padding-left: 15px;	*/
}
#boardList h1 {
margin-left: 8px;	
}
div.hideDescription {
	display: none;
}
.nav-bar > li {background: #204285; float: left; display: block; position: relative; padding: 0; margin: 0; 
/*border-top: 3px solid #A07129;*/ border-bottom: 1px solid #204285; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; }
/*.nav-bar > li:last-child { border-right: solid 1px #f2f2f2;}*/
ul.flyout li, .nav-bar li ul li { border-left: none; }
ul.flyout li a, .nav-bar li ul li a { color: #204285; background: #f2f2f2; border: none;}
.nav-bar > li.active {color: #b99032; background: #204285; /*border-top: 3px solid #A07129;*/ /*border-bottom: 3px solid #A07129; */}
.nav-bar > li.active:hover { background: #204285; cursor: default; }
.nav-bar > li:hover { background: #204285;}
.nav-bar > li a {color: #B99032; font-size: 1.2em; }
ul.flyout li.active a, .nav-bar li ul li.active a, .nav-bar > li.active > a {color: #B99032;}

#mobileNav #mobilMainNav.nav-bar > li.has-flyout ul.flyout { background: #f2f2f2; margin-left: 0; margin-right:0;}
#mobileNav .nav-bar {
	margin-top: -11px;
	margin-right: 0px;
	margin-left: 0px;
	width: 100%;
}

#mobileNav .row.column {
	margin: 0 /*5px 0 5px*/;
}
	
#branding img {
	margin: 0;
	padding: 0;
	text-align: center;
}
.row .mobile-oneThird {
	width: 33.33% !important;
	float: left;
	padding: 0 5px;
}
.row .mobile-oneThird:last-child {
	float: left;
}
.row.collapse .mobile-oneThird {
	padding: 0;
}
.row .mobile-oneThird li a {
	padding-left: 0px;
	padding-right: 0px;
	
}

.focusToggle ul.focusToggle li a {
	
	margin-bottom: 7px;

	
}
.row .focusToggle ul.mobile-two li a {
	padding: 5px 2px;
	
	
}
.row ul.flyout ul.mobile-two  {
		width: 50% !important;
	float: left;
	padding: 0 5px;
	border-left: none;
}
.row .mobile-two:last-child {
	float: left;
}
.row .collapse .mobile-two {
	padding: 0;
}
.row .mobile-two li a {
	border: none;
	margin-left: 3px;
	padding: 3px;
	
}

.row .focusToggle ul.mobile-two {
	padding-right: 0px;
}

}

/* Smartphones (portrait) header/nav/search ----------- */

@media only screen and (max-device-width: 767px) and (orientation:portrait),
only screen  and (max-width : 767px) and (orientation:portrait){
	
h1 {font-size: 1.5em;
	margin-top: 0;}
#mobileTwit {
	
	padding: 0px 0px 5px 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 8px;
	font-size: 1.2em;
}
/*.nav-bar > li.active { background: #fff; border-color: #2284a1; }*/
	.nav-bar > li {border-bottom: none;}
	.nav-bar li.has-flyout a {font-size: 1.5em;}
	.nav-bar li.has-flyout ul li a{font-size: 1em;}
	
.nav-bar > li.has-flyout > a:first-child:after {  /*----toggle arrow in navbar ---*/
border: solid 6px; border-color: #b99032 transparent 
transparent transparent; position: absolute; right: 5px; top: 17px; }		
.flyout.wide { width: 224% !important; 
left:-5%; bottom: 0;
border-bottom: 2px solid #204285;}
.flyout.left { right: 0; left: -118%;
text-align: right;
 }
 .flyout.right {width: 110% !important; left: -5%;}

  .row ul.flyout.right  {margin-left:-10px; margin-right: 0px; padding: 8px; border-bottom: 2px solid #204285; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2;
 
 }
 ul.flyout.right li a{ margin-bottom: 9px; margin-left: -10 px; margin-right: 0px;
 padding-left: 8px;
 
 }

ul.flyout > ul.mobile-two li a {
	margin-bottom: 9px;
}
ul#mobilFocus h3, ul#mobilFocus h4 {
	
	padding-right: 5px;	
	margin-bottom: 3px;
}
.focusToggle ul.focusToggle li {
	margin-right: 10px;
	
	line-height: 1.1;
	margin-bottom: 5px;
		
}
.row .focusToggle ul.mobile-two li a {
	padding: 5px 2px;
	
	margin-bottom: 7px;
	
	
}
}
/* Smartphones (landscape) header/nav/search ----------- */
@media only screen  and (orientation : landscape)  and (max-device-width : 767px),
only screen  and (orientation : landscape)  and (max-width : 767px) {
#mobileTwit {
	font-size: 2em;
	margin-bottom: 5px;
	margin-left: 8px;
	line-height: 1.6;
}

nav.row ul.flyout #mobilMainNav.nav-bar li ul.flyout {
	min-width: 100%;
}
.nav-bar > li.has-flyout > a:first-child:after {  /*----toggle arrow in navbar ---*/
border: solid 10px; border-color: #b99032 transparent transparent transparent; position: absolute; right: 5px; top: 15px; }
 .row ul.flyout.right li a {
border: none;
	margin-left: -3px;
	padding-left: 9px;	
}
ul#mobilFocus h3 {
	
	padding-left: 9px;	
	font-size: 24px;
}	
ul#mobilFocus h4  {
	font-size: 22px;
	
	
}
.nav-bar li.mobile-oneThird a{
	font-size: 1.8em;
}
.focusToggle ul.focusToggle {
	
	padding-left: 10px;
}
.focusToggle ul.focusToggle li {
	margin-left: 10px;
	
	line-height: 1.1;
	margin-bottom: 5px;
	
	
}
.focusToggle ul.mobile-two {
	
}
.row .focusToggle ul.mobile-two li a {
	padding: 5px 2px;
	line-height: 1.3;
	margin-bottom: 7px;
	
	
}
}


/****************************************************************/


#focusAccordian, #aboutAccordion1, #aboutAccordion2 {
	font-family: "franklin-gothic-urw-cond", sans-serif;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-top: 4em;
	padding-bottom: 1em;
}
#focusAccordian h3, #aboutAccordion1 h3, #aboutAccordion2 h3{
	border-top: 2px solid #f2f2f2;
	font-family: "franklin-gothic-urw-cond", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 1.5em;
	margin: 0/* 20px*/;
	line-height: 1.5;
	
}

#focusAccordian ul, #aboutAccordion1 ul, #aboutAccordion2 ul{
	margin: -5px -10px 15px;
	padding: 0 0 0 25px;
	list-style-type: none;
	font-size: .9em
}
#focusAccordian li, #aboutAccordion1 li, #aboutAccordion2 li{
	margin-top: 7px;
	line-height: 1.1;
}
#focusAccordian li.heading, #aboutAccordion1 li.heading, #aboutAccordion2 li.heading {
	font-style: normal;
	font-weight: 700;
	margin-top: 10px;
}
#focusAccordian li a:hover {
	color: #b99032;
}
#focusAccordian div, #aboutAccordion1 div, #aboutAccordion2 div{
	margin: 0 5px;
}
#aboutNav a, #MobileAboutNav a, #archiveNav a, input.radius.button {
	font-family: "franklin-gothic-urw-cond", sans-serif;
	/*		border-top: 2px solid #F58424;
*/		font-style: normal;
	font-weight: 600;
	font-size: 1.15em;

	}
#aboutNav a:hover, #MobileAboutNav a:hover, #archiveNav a:hover,  input.radius.button:hover {
	color: #b99032;
}
ul.button-group {margin: 3em 0 12px;}
.button { border-top: 3px solid #a07129;
border-bottom: 3px solid #a07129;
border-right: #e6e6e6 1px solid;
border-left: #e6e6e6 1px solid;

	display: block;
	height: 3.5em;
	padding: 0;
	font-family: "franklin-gothic-urw-con-sc",sans-serif;
	color: #3c3c3c;
	/*font-style: normal;*/
	font-weight: 700; 
	width: auto; background: #ffffff;  cursor: pointer; display: inline-block; font-size: 11px; font-weight: bold; line-height: 1; 
	margin: 0; outline: none; padding: 8px 2px 11px; position: relative; text-align: center; text-decoration: none; }


 

input.radius.button{ border: 1px solid #204285;

	background: #204285; color: #fff; height: 2em; font-size: 1.5em; margin-bottom: 15px;  padding: 0 10px;}	
	
/*------ smartphone portrait ----- */
@media only screen and (max-device-width: 767px) and (orientation:portrait),
only screen and (max-width: 767px) and (orientation:portrait){
ul.button-group.four-up, ul.button-group.three-up {margin: 2em 0 .3em 0px; }
ul.button-group.four-up .button {
	
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 9px;
	padding-left: 2px;
	margin-left: 0px;
	margin-right: 0px;
}

#MobileAboutNav  a, #archiveNav a{
	font-size: 1.1em;
	padding-top: 2px;
	padding-bottom: 10px;  
	}
}
/* Smartphones (landscape) header/nav/search ----------- */
@media only screen and (max-device-width: 767px) and (orientation:landscape),
only screen and (max-width: 767px) and (orientation:landscape){
ul.button-group.four-up, ul.button-group.three-up {
	width: 100%;
margin: 2em 0 1em 5px;
}

#archiveNav a{
	font-size: 1.8em;
	padding-bottom: 5px;  }	

#MobileAboutNav li a{
	font-size: 1.5em;
	padding-top: 2px;
	padding-bottom: 10px;  }	
}
/*--- iPad  portrait---*/
@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : portrait) {
ul#aboutNav li a.button.radius { padding: 7px 0px 0px 0px;}
}

	
/* Tabs Classes ---------------------- */
	
#Tabs {
}
dl.tabs {
	
	font-weight: normal;
	border-top: 2px solid #666;
}
ul.tabs-content {
	border-top: 1px solid #666;
	clear: left;
}
/*ul.tabs-content h3 {
	font-size: 1.15em;
}*/
.tabsHeader {
	display: none;
}
dl.tabs dd a {
	line-height: 1.1;
}
dl.tabs dd.active a {
	font-style: normal;
	font-weight: 700;
}
dl.tabs.six-up dd a {
	padding: 5px 15px;
}
/*------------ for tabs with multiple lines of text -----*/
dl.tabs.tall {
	height: 50px;
}
dl.tabs.tall dd a {
	height: 55px;
	line-height: 13px;
}
dl.tabs.tall dd.active {
	font-size: 10px;
}
dt {
	
	font-family: "leitura-news", serif;
	font-style: normal;
	font-weight: 400;
	margin-top: 15px;
}

ul.tabs-content.tall {
	margin-top: 15px;
}
dl.tabs.tall {
	height: 50px;
}
ul.tabs-content.xtall {
	margin-top: 20px;
}
dl.tabs.xtall {
	height: 60px;
}
dl.tabs.xtall dd a {
	height: 65px;
	line-height: 13px;
	padding-left: 0px;
}
dl.tabs.xtall dd.active {
	font-size: 10px;
	padding-left: 0px;
	marging-left: 0px;
}
/* iPad portrait tabs----------- */

@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : portrait){
dl.tabs dd.active a {
	font-size: .8em;
}
}
/* --- Home page ---*/


		
#slider-wrapper {
	width: 100%;

	padding-bottom: 10px;
}
#homeContent.five.column.mobile {
	margin-right: 0;
	min-height:799px;
}
#homeContent p  {
	font-size: 1.1em;
	font-family: "leitura-news";
	font-weight: 400;
	/* text-align:justify; */
}





#homeContent ul.tabs-content li p {
font-size: 14px;	
}
/*#slider-wrapper img {	
margin-top: 15px;
}*/

/* display simple spinner as images load */
/*#featuredContent { background: url(spinner.gif) center center #f4f4f4; height: 300px; }*/
#featuredContent img { display: none; }

#featuredContent.orbit { background: none; }
#featuredContent.orbit img { display: block; }
/* end of spinner*/
#featuredContent a img[title]:hover{
	background: #000;
	background: rgba(0, 0, 0, 0.2);
	width: 100%;
	color: #fff;
	bottom: 0;
	right: 0;
	
	
	
}

span.orbit-caption p, #slider-wrapper p {
	line-height: 1.1;
	margin-bottom: 5px;
	margin-top: 5px;
}
#slider-wrapper p a {
	color: #b99032;
}
#slider-wrapper span.parens {
	color: #fff;
}
/*    Home page thumbnails with captions   */
#homeContent.five.column.mobile {
/*width: 40%;*/	
}
#featured{
	
	font-family: "franklin-gothic-urw-cond", sans-serif;
	font-size: 1em;
	padding-bottom: 10px;
}
#featured #thumbs ul  {
	margin: auto;
	/*color: #b99032;*/
	min-height: 65px;
	
}
#featured #thumbs ul li  {
	line-height: 1.2;

	
}

#featured #left-column{
	padding: 0px 10px 0px 0px;
}
#featured #right-column{
	padding: 0px 0px 0px 10px;
}
#featuredContent {
	width: 100%;
	margin: 15px auto;
}



/* smartphone portrait and landscape */

@media only screen  and (min-device-width : 320px)  and (max-device-width : 767px),
	only screen  and (min-width : 320px)  and (max-width : 767px) {
#thumbs {
	font-family: "franklin-gothic-urw-cond", sans-serif;
}
#thumbs #left-column ul li, #thumbs #right-column ul li{
	line-height:1.2;
}

	}

/*------ smartphone portrait ----- */
@media only screen and (max-device-width: 767px) and (orientation:portrait),
only screen and (max-width: 767px) and (orientation:portrait){
#thumbs .homeThumb img.homeArt
        {
	width: 120%;
}
#thumbs #left-column, #thumbs #right-column {
	padding-left: -10px;
}
#thumbs #right-column.six.column.mobile {
	margin-top: 0;
	
}
}
/*------ smartphone landscape ----- */
@media only screen and (max-device-width: 767px) and (orientation:landscape),
only screen and (max-width: 767px) and (orientation:landscape){
	
#thumbs #left-column.six.column.mobile, 
#thumbs #right-column.six.column.mobile {
	width: 48%;
	/*font-size: 1.8em;*/
}
#thumbs ul {
min-height: 115px;
padding-top: 5px;

}
 #thumbs .homeThumb ul li {
	 font-size: 1.2em;
 }
 
#thumbs .homeThumb img.homeArt {
	width: 100%;
}

}
/*------ Home page tabs ----*/
#homeTabs {
	padding-right: 10px;
	padding-left: 4px;
}

#homeContent #homeTabs.hide-for-small dl {
	margin-top: 42px;

}
#homeTabs ul.tabs-content > li.active {
	margin-top: 8px;
	border-bottom: 3px solid #a07129;
}

#homeTabs ul.tabs-content > li.active p {
	margin-bottom: 5px;
	
}



/*--- iPad  portrait---*/
@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : portrait) {
	
#homeContent.five.column.mobile {
	width: 41.5%;
}
#featured.seven.column.mobile {
	width: 54%;
}
#homeTabs dl.tabs dd a {
	padding-top: 5px;
	height: 30px;
	line-height: 1;
}


#homeTabs dl.tabs dd.active a {
	font-size: .9em;
	line-height: .9;
}
}

/* ------smartphone, incl iphone 5, landscape and portrait, home page--- */
@media only screen  and (min-device-width : 320px)  and (max-device-width : 767px),
only screen  and (min-width : 320px)  and (max-width : 767px) {

#homeTabsMobile {
	/*padding-right: 5px;*/
	/*padding-left: 5px;
	*/
}



#homeTabsMobile ul.tabs-content li {
	margin-top: 8px;
}

#homeTabsMobile ul.tabs-content li p {
	margin-bottom: 1px;
}
#thumbs .homeThumb ul li {
	line-height: .9;
}

}
/* ------smartphone portrait --- */
@media only screen  and (max-device-width : 767px)  and (orientation : portrait),
only screen  and (max-width : 767px)  and (orientation : portrait) {

}
/* ------smartphone landscape ---*/
  @media only screen  and (orientation:landscape)  and (max-device-width : 767px),
    only screen  and (max-width : 767px)  and (orientation : landscape) {
	 #slider-wrapper/*.five.column*/ {
	width: 100%;
	 }
#homeTabsMobile dl.tabs dd a, #homeTabsMobile dl.tabs dd a.active {
	font-size: 20px;	
}
#homeTabsMobile ul.tabs-content {
		padding-bottom: 0;
}

}
/*------------------------------------------------------*/
dt.title {
	font-weight: 700;
}
dt.new {
	background-image: url(../_images/new.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 17px;
}
/*dt.new:before {content: "new" '>\0000a0' } */
dt.updated {
	background-image: url(../_images/updated.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 17px;
}
div.listItem {
	display: block;
	border-bottom: 1px solid #B99032;
	padding-bottom: 5px;
}
div.listItem.row {
	margin: 0 10px;
}
dt.toggle {
	font-family: "franklin-gothic-urw-cond", sans-serif;
	font-weight: normal;
	color: #B99032;
	display: none;
	cursor: pointer;
		line-height: 1.5;
	margin-top: -20px;
	width: 33%;
}
dt.toggle.open {
}
dt.title, div.listItem dd {
	width: 65%;
}
dd.hideDescription {
	display: none;
}
dd.itemInfo {
	margin: 0px;
	padding: 0px;
}
dd.itemInfo p {
	margin: 0px;
}
dd.itemInfo ul.links {
	border-left: 1px solid #595954;
	margin: 0;
	list-style-type: none;
	font-family: "franklin-gothic-urw-cond", sans-serif;
	font-weight: normal;
	color: #B99032;
	display: block;
	padding: 0px 0px 0px 15px;
}
dd.itemInfo ul.links li {
	padding-bottom: 7px;
	line-height: 1.1;
}
ul.links a, ul.links a:visited {
	font-family: "franklin-gothic-urw-cond", sans-serif;
	font-weight: normal;
	color: #B99032;
	*/
}
dd.itemInfo ul.links li ul {
	margin-bottom: 0;
}
dd.itemInfo ul.links li ul li:first-child {
	margin-top: 7px;
}
dd.itemInfo ul.links li ul li {
	margin-left: 7px;
	margin-bottom: 0px;
}


/*--- smartphone landscape --- */
 @media only screen  and (orientation:landscape)  and (max-device-width : 767px),
 only screen  and (orientation:landscape)  and (max-width : 767px) {
div.listItem.row dd.itemInfo.row {
	width: 100%;
	padding-right: 0px;
}
p .updateDate {
	width: 100%;}
}
/* Smartphones (portrait and landscape) List Page Classes ----------- */
	@media only screen  and (min-device-width : 320px)  and (max-device-width : 767px),
	only screen  and (min-width : 320px)  and (max-width : 767px) {
.row *.mobile {
	width: 100%;
	padding-left: 7px;
	padding-right: 3px;
	}
.row .row {
		margin-left: 0;
	}
h1.column {
padding-left: 3px;	
}
#Tabs {
	margin-left: 12px;
	margin-right: 12px;
}
#homeTabsMobile {
	margin-left: 5px;
	margin-right: 0px;
}
dl.tabs.four-up.mobile, dl.tabs.three-up.mobile, .tabs.two-up.mobile dd, dl.tabs.six-up.mobile, dl.tabs.seven-up.mobile {
	/*border-bottom: 2px solid #204285;*/
	/*padding-left: 5px;*/
	
}
dl.tabs.mobile {
	left:-15px;
	right:-15px;
	border:none;
}
dl.tabs dd:first-child {
	border-top: 1.5px solid #204285;
}
dl.tabs dd:last-child {
	border-bottom: 1.5px solid #204285;
}
dl.tabs dd.active{
	border-bottom: 3px solid #b99032;
	border-top: 3px solid #b99032;
}

.tabs.four-up.mobile dd, .tabs.three-up.mobile dd, .tabs.two-up.mobile dd, .tabs.six-up.mobile dd, .tabs.seven-up.mobile dd {
	width: 100%;
	text-align: center;
}
h2.tabsHeader {
	font-size: 1.5em;
}
.tabsHeader {
	display: block;
}
dt.toggle {
	margin-top: 0px;
	width: 100%;
}
dt.title {
	width: 100%;
}
div.listItem.row {
	margin: 0px;
}
dd.itemInfo.row {
	margin: 0 5px;
}
dd.itemInfo p {
	float: none;
	width: 100%;
	padding: 0;
}
dd.itemInfo ul.links {
	width: 100%;
	border-left: 0px;
	/*	border-top: 1px solid #595954;*/
	float: none;
	padding: 5px 0 0;
	margin-top: 5px;
}

ul.tabs-content {
	border-top: 0;
	margin-top: -15px;
	margin-left: -10px;
}
#additionalLinks ul li {
	padding-bottom: 1px;
}
}
/*------smartphone landscape -----*/
@media only screen  and (orientation:landscape)  and (max-device-width : 767px),
only screen  and (orientation:landscape)  and (max-width : 767px){
	
	h2.tabsHeader {
	font-size: 3em;
	}
	ul.tabs-content h3 {
		font-size: 2em;}
	
 }
 /*------smartphone portrait -----*/
 @media only screen  and (max-device-width : 767px)  and (orientation : portrait),
 only screen  and (max-width : 767px)  and (orientation : portrait){
	h2.tabsHeader {
	margin-top: 0;
	margin-bottom: 0;
	
	}
 }

 
	/* iPads (portrait) ----------- */
	@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : portrait) {

#additionalLinks ul li {
	padding-bottom: 1px;
}
}
/* Staff page classes ------------------------------*/
#Staff h3 {
	font-size: 1.2em;
	font-family: "kepler-std";
	font-weight: 600;
	margin-top: 7px;
}
dl.staffList dt {
	margin-top: 3px;
}

/* ----------------------------------------------- */

/* Event Page Classes ---------------------- */

div.eight.column hgroup#workshopInfo {
	margin-left: 0px;
	line-height: .75;
}
hgroup#workshopInfo {
	margin-left: 15px;
}
#eventDesc hgroup#workshopInfo h2, #agenda hgroup#workshopInfo h2, #partList hgroup#workshopInfo h2, #readings hgroup#workshopInfo h2 {
	line-height: .8;
}
/* ---- smartphones ---- */
 @media only screen  and (min-device-width : 320px)  and (max-device-width : 767px),
 only screen  and (min-width : 320px)  and (max-width : 767px) {

.row #homeContent.five.mobile {
	width: 100%;
	margin-left: 0;
}
}
/* ----------------------------------------------- */
/* Project Page Classes ---------------------- */
/* ----------------------------------------------- */

/* Additional Links Classes ---------------------- */
/* ----------------------------------------------- */
#additionalLinks {
	margin-top: 30px;
	font-family: "franklin-gothic-urw-cond", sans-serif;
	font-size: .85em;
	color: #B99032;
	border-left: 1px solid #595954;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#additionalLinks #slider-wrapper .orbit-caption {
	font-size: .9em;
	line-height: 1.25;
	
}
#staffDetail #additionalLinks, #eventDesc #additionalLinks, #agenda #additionalLinks {
	margin-top: 0px;
}
#additionalLinks ul {
	font-size: .85em;
	color: #B99032;
}
#additionalLinks em {
	font-family: "franklin-gothic-urw-cond", sans-serif;
	font-weight: 400;
	color: #B99032;
	font-style: italic;
}
#additionalLinks strong {
	font-family: "franklin-gothic-urw-cond", sans-serif;
	color: #B99032;
	font-weight: 700;
	font-style: normal;
}
ul#contact {
	margin-bottom: -5px;
}
ul#contact li strong {
	color: #A07129;
}
.addLinkImg {
	margin-bottom: 15px;
}	
#additionalLinks strong {
	font-family: "franklin-gothic-urw-cond", sans-serif;
	font-style: normal;
	font-weight: 700;
}
#additionalLinks h1 {
	font-size: 1em;
	font-family: "franklin-gothic-urw-cond", sans-serif;
	color: #4d4d4d;
	text-transform: uppercase;
}
#additionalLinks h1.toggle {
	cursor:auto; 
}
#additionalLinks h1.open {
	
	cursor:auto;
}
#additionalLinks ul {
	list-style-type: none;
}
#additionalLinks ul li {
	padding-bottom: 8px;
	line-height: 1.1;
}

#additionalLinks ul li a {
	color: #b99032;
}
#additionalLinks ul li ul {
	margin-bottom: 0;
}
#additionalLinks ul li ul li:first-child {
	margin-top: 8px;
}
#additionalLinks ul li ul li {
	margin-left: 7px;
	margin-bottom: 0px;
}
.relatedToggle.open {
	background: transparent url(../_images/descriptionHide.png) no-repeat 10px center;
}
div.relatedToggle.hideDescription {
	display: none;
}

/* Smartphones (portrait and landscape) Additional Links Classes ----------- */
	@media only screen  and (min-device-width : 320px)  and (max-device-width : 767px),
	only screen  and (min-width : 320px)  and (max-width : 767px) {
.addLinkImg {
	display: none;
	visibility: hidden;
}
aside#additionalLinks h1.toggle {
	color: #204285;
}
#additionalLinks h1.toggle {
	cursor: pointer;
}
#additionalLinks h1.open {
	cursor: pointer;
}
aside#additionalLinks {
	margin-top: 3px;
}
#additionalLinks {
	border: none;
}

}
/* Search Page Classes ---------------------- */
/* ----------------------------------------------- */
#search {
	
}
/* Contact Page Classes ---------------------- */
/* ----------------------------------------------- */
/* This width/height to replaces the inline style */
#cambridgeMap iframe, #dcMap iframe {
	width: 425px;
	height: 350px;
}
.address p, .contact p {
	margin-bottom: 0;
}
.showIE {
	display: none;
}

/* Smartphones (portrait and landscape) Contact Page Classes ----------- */
	@media only screen  and (min-device-width : 320px)  and (max-device-width : 767px),
	only screen  and (min-width : 320px)  and (max-width : 767px) {
#cambridgeMap iframe, #dcMap iframe {
	width: 100%;
}
}
/* Footer Classes ---------------------- */
/* ----------------------------------------------- */

#footer.row {
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: "franklin-gothic-urw-cond", sans-serif;
	
}
#footerWrapper {
	width: 100%;
	padding-top: 10px;
	background: #f2f2f2;
	border-top: 10px solid #204285;
	border-bottom: 1.5px solid #204285; 
	border-left: 1.5px solid #204285;
	border-right: 1.5px solid #204285;
	
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
}
#footer p {
	font-size: 1em;
	margin-bottom: 10px;
	line-height: 1.1;
}
#footerNav p {
	text-align: right;
}
/* --- smartphones footer and misc nav classes --- */
@media only screen  and (min-device-width:320px)  and (max-device-width : 767px),
only screen  and (min-width : 320px)  and (max-width : 767px) {
#footerWrapper {
	width: 100%;
	padding-top: 10px;
	background: none;
-webkit-border-radius:0;
	
	border-radius:0;
	border-top: 1px solid #204285;
border-bottom: none;
border-left: none;
border-right: none;	
}
#footerNav p.floatRight {
   width: 100%;
	
	text-align: left;
	}

 }
 /* --- smartphones (landscape) footer and misc nav classes --- */
@media only screen  and (orientation:landscape)  and (max-device-width : 767px),
only screen  and (orientation:landscape)  and (max-width : 767px) {
.row ul.flyout ul.mobile-two {
		width: 50% !important;
	float: left;
	padding: 0 5px;
	border-left: none;
}
.row .mobile-two:last-child {
	float: left;
}
.row .collapse .mobile-two {
	padding: 0;
}
.row .mobile-two li a {
	border-left: none;
	margin-left: 3px;
	padding: 7px;
	font-size: 1.5em;
}

#footerWrapper {
	margin-left: 0;
}


.row .five #featuredContent {
	width: 100%;
}

aside#additionalLinks h1.toggle {
	font-size: 2em;
}
}
/* --- iPad portrait footer classes---*/
@media only screen  and (min-device-width : 768px)  and (orientation : portrait)  {


#footerWrapper.nine.offset-by-three {
	width: 73%; 
}
}
div.aboutToggle.hideDescription {
	display: none;
}
#aboutSection ul {
	display: block;
}
#aboutSection h4 {
font-family: "franklin-gothic-urw-cond", sans-serif;
font-size: 1.3em;
color: #a07129;	
margin-top: 7px;
margin-bottom:7px;
border-bottom: 1px solid #A07129;
}
#aboutSection h4.toggle {
	cursor: pointer;
}
#aboutSection h4.open {
	cursor: pointer;
}
div.clear {
	clear:both;
}
video { border: #204285 solid 3px;
}