@charset "utf-8";
/* Judith Dancoff */

/*html, body {
  height: 100%;
  margin-bottom: 1px;
  padding: 0;
}*/

@font-face {
    font-family: 'CardoRegular';
    src: url('fonts/Cardo104s-webfont.eot');
    src: url('fonts/Cardo104s-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cardo104s-webfont.woff') format('woff'),
         url('fonts/Cardo104s-webfont.ttf') format('truetype'),
         url('fonts/Cardo104s-webfont.svg#CardoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CardoItalic';
    src: url('fonts/Cardoi99-webfont.eot');
    src: url('fonts/Cardoi99-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cardoi99-webfont.woff') format('woff'),
         url('fonts/Cardoi99-webfont.ttf') format('truetype'),
         url('fonts/Cardoi99-webfont.svg#CardoItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CardoBold';
    src: url('fonts/Cardob101-webfont.eot');
    src: url('fonts/Cardob101-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cardob101-webfont.woff') format('woff'),
         url('fonts/Cardob101-webfont.ttf') format('truetype'),
         url('fonts/Cardob101-webfont.svg#CardoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {
	padding:0;
	margin:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#e7e7e7;
	font-size:17px;
	background:#0b0b03;
	background:url(images/mbg01.jpg);
	}

a {
	color:#e7e7e7;
	text-decoration:underline;
}

a:hover {
	color:#e7e7e7;
}

a:visited {
	color:#e7e7e7;
}

.clearboth {
	clear:both;
}

img {

	opacity:0.999;
	filter:alpha(opacity=99.99);
}

a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}

img {
	border:0;
}

a img {
	border:0;
}

.linkbold {
	font-weight: bold;
	font-size: 1.2em;
}

.indent1 {
	margin-left:5%;
}

.style01 {
	font-size:1.4em;
	letter-spacing:0.4em;
	text-transform:uppercase;
	font-family: 'CardoRegular';
}

.style01 {
	color:#edc890;
}



/* Mobile Layout: 480px and below. */


.gridContainer {
}

.break-mob {
	display:inline;
}

#LayoutDiv1 {

}

.showdt, #menu-main {
	display:none;
}

#header {
	display:inline-block;
	width:100%;
	margin:0;
	padding:0;
}


#mainlogo {
	display:inline-block;
	float:left;
	width:50%;
}

#mainlogo img {
	padding:6%;
}

#showmenu {
	position:absolute;
	top:5%;
	right:5%;
	width:30%;
	display:inline-block;
	text-align:right;
	padding:0;
	}

#showmenu img {
	width:35%;
	
}


#topmenu-mob {
	position:relative;
	margin:0;
	padding:2% 5%;
	text-align:center;
	background:#0f1e00;
	background:rgba(0,0,0,0.3);
	font-size:1.5em;
	z-index:9;
	font-family: 'CardoRegular';
	color:#edc890;
}

#topmenu-mob ul li img {
	width:60%;
	}
	
#topmenu-mob ul {
	list-style:none;
	margin:0;
	padding:0;
}

#topmenu-mob ul li {
	clear:both;
	list-style:none;
	margin:0;
	padding:0;
	padding:3% 0;
	border-bottom:1px solid #edc890;
	vertical-align:middle;
}

#topmenu-mob ul li:last-child {
	border-bottom:none;

}

#topmenu-mob a {
	text-decoration:none;
	color:#edc890;
	}

#topmenu-mob a:hover {
	color:#b83f3f;
}

#newsholder {
	margin:5% 10%;
	width:80%;
	text-align:left;
	color:#edc890;
}

#newsholder img {
	display: block;
	margin: 0 0 1em 0;
	width:70%;
}

#newsholder a {
	color:#edc890;
	text-decoration:none;
}

#newsholder a:hover {
	text-decoration:underline;
}


#box1 {
	display:block;
	position:absolute;
	margin:5% 10%;
	width:80%;
	text-align:justify;
	}
	

#box1 ul {
	margin-left:5%;
	}

#box1 ul li {
	padding:1% 0;
}

.box2 {
	float:right;
	background:#777;
	color:#000;
	padding:.2em .5em;
}

.box2 a {
	text-decoration:none;
}
	
.rightimg {
	float:none;
	margin:0 0 1em 0;
	width:100%;
}

.leftimg {
	float:left;
	margin-right:3%;
	width:40%;
}

.formbutton {
	background:#777;
	color:#fff;
	border:0;
	text-transform:uppercase;
	font-size:0.8em;
    font-weight:normal;
	cursor:pointer;
	padding:1%;
	text-decoration:none;
	width:auto;
}

.formbutton:hover {
	color:#ccc;
}

.linkbold {
	font-weight: bold;
	font-size: 1.2em;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {

}
#LayoutDiv1 {

}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
	
body {
	background:#0b0b03;
}
.gridContainer {
}
#LayoutDiv1 {

}

.showmob, #logo-mob, #showmenu {
	display:none;
}

.break-mob, .showdt {
	display:inline;
}

.rightimg {
	float:right;
	margin-left:3%;
	width:35%;
}


/* felxcroll */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 16px;
background-color: #6e4242;
}

.vscrollerbar {
width: 16px;
background-color: #930d0d;
}

.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

.flexcroll {
	height:auto;
}

/* end flexcroll */


#background1 {
	position:absolute;
	bottom:0;
	right:0;
	height:100%;
	width:100%;
	text-align:right;
}


#background1 img {
	height:100%;
}

#header {
	display:inline-block;
	position:absolute;
	left:3%;
	top:5%;
	width:45%;
	padding:0;
}

#header img {
	width:100%;
}

#menu-main {
	font-family: 'CardoRegular';
	position:absolute;
	display:block;
	width:92%;
	color:#b2b2b1;
	text-transform:uppercase;
	text-align:right;
	bottom:0;
	left:3%;
	font-size:1.3em;
	letter-spacing:0.4em;
	}

#menu-main a {	
color:#b2b2b1;
text-decoration:none;
}


#menu-main a:hover {	
color:#b83f3f;
}

#menu-main ul {
	display:inline;
	margin:0;
	padding:0;
	text-align:left;
	text-indent:none;
}

#menu-main ul li {
	display:inline;
	margin:0 0 0 4vw;
	padding:0;
}


#menu-main:after {
  content:"";
  display: inline-block;
  width: 100%;
  background:none !important;
}


.home #menu-main ul #home a,
.bio #menu-main ul #bio a,
.publications #menu-main ul #publications a,
.workshops #menu-main ul #workshops a,
.contact #menu-main ul #contact a 	{	
color:#b83f3f;;
}	


#judithpic {
	position:absolute;
	top:16%;
	left:4%;
	height:18%
}

#judithpic img {
	height:100%;
}

#newsholder {
	position:absolute;
	margin:0;
	top:16%;
	left:7%;
	width:50%;
	text-align:left;
	color:#edc890;
}

#newsholder img {
	display: inline;
	margin: 0;
	width: 42%;
	height: auto;
}
	
.featcap {
	width: 42%;
	margin: 1em 0 0 0;
	text-align: center;
	font-size: .8em;
}

.featcap2 {
	width: 35%;
	margin: 1em 0 0 0;
	text-align: center;
	font-size: .9em;
}
	
.featcap2 .formbutton {
	display: inline-block;
	margin: 1em 0 0 0;
	font-size: 1.1em;
}
	
.smallcover {
	display: block;
	float: left;
	width: 6em;
	margin: 0 1em 0 0;

}

#featuredholder {
	position:relative;
	margin-left:5%;
}

#featuredtext {
	position:absolute;
	bottom:0;
	margin-left:1.5%;;
}

#featuredtext h1 {
	font-size: 1.3em;
	font-style: italic;
}

#featuredtext .formbutton {
	display: inline-block;
	margin: 1em 0 0 0;
	font-size: 1em;
}

.formholder {
	width:70%;
	text-align:right;
}

.promomsg1 {
	display: inline-block;
	width: 50%;
	background: #edc890;
	color:#000;
	margin: 0 0 1em 0;
	padding: 1em;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
}

.formcell {
	display:inline-block;
	width:25%;
	margin:0.5% 0 0.5% 15%;
	padding:1%;
	border:0;
	text-align:left;
}

.formcell2 {
	display:inline;
	width:56%;
	margin:0.5% 0;
	padding:1%;
	border:0;
	background:#9c9f8f;
	color:#fff;

}


.formcell-r {
	display:inline-block;
	width:35%;
	margin:0.5% 0 0.5% 5%;
	padding:1%;
	border:0;
	text-align:left;
}

.formcell2-r {
	display:inline;
	width:56%;
	margin:0.5% 0;
	padding:1%;
	border:0;
	background:#9c9f8f;
	color:#fff;

}

#box1 {
	position:absolute;
	margin:0;
	top:15%;
	left:6%;
	display:block;
	width:50%;
	height:65%;
	overflow:auto;
	padding:0 2%;
	text-align:justify;
	}

.publications {
	width:39% !important;

}

.style01 {
	font-size:1.5em;
}


.highlight1 {
	display:inline-block;
	background:rgba(255,255,255,0.2);
	width:auto;
	padding:1.5%;
	margin-left:5%;
	font-weight:bold;
	line-height:1.8em;
}

}