@charset "UTF-8";



#contact {
	width: 200px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	/*padding-left: 20px;  */
	padding-left: 10px;  


}
body  {
	background-color:#F4F4F2;
	background-image: url(../img/body_bg.jpg);
	background-size: 100% 10em;
	background-repeat: repeat-x;
	}

h1, h2, h3 { font-family: 'Arvo', arial, serif; 

}
p {
	font-family: 'Droid Serif', arial, serif;
	color: #666;
	font-size: .8em;
	line-height: .9em;
}

#container {
	width: 100%; /* was 960px */
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-x;
        background-color:#F4F4F2;

}

header a {
	color: #263643;
    	font-weight: bold;

}

p.watch-hear {
	padding-top: 5px; 
	padding-bottom:10px;
	line-height:23px;
	 font-family: 'Droid Serif', arial, serif;
        color: #666;
        font-size: 14px;
}
.pic {
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 736px) 
and (orientation : portrait) {

header {
	color: #58385A;
	height: 17em;
	width:100%;
	padding-left:.5em;
        /*background-color:#c0c1ab; */

	background-image: url(../img/mbody1.jpg);
        background-repeat: repeat-x;
        background-repeat: repeat-y;
	/*background-image: url(../img/header_jf_bg.jpg); */
	/*background-image: url(../img/header_jf_bg7.jpg);*/

}

header  a span.header_jf_bg_7 {
        padding-left: .1em;
	font-family: Droid Serif, Arial, Helvetica, sans-serif;
    	color: #35475B;
    	font-size: 2.56em;
    	margin-top: 2.1em;
    	font-weight: bold;
        letter-spacing: .045em; text-decoration: none;
}

header  a.email {
	color: #263643;
    	font-weight: bold;
	font-size: 1.5em;
	margin-top: 1.5em;
}

header div.with_announcements {
	top: .9em;
	float:left;
	padding-top:.4em;
	padding-left: .8em;
}


#mini-announcement-container {
	margin-left: auto;
	margin-right: auto;
	padding-top:.5em;
	height: 7.1em;
	width:90%;
	clear: both;
	margin-bottom: .6em;
	padding-left:.1em;	
}

#mini-announcement {
	clear: both;
	padding-top:.4em;
	-webkit-border-radius: .8em; 
	-moz-border-radius: .8em; 
	border-radius: .8em;  
	/*border:.1em  solid #fd6c01;  */
	border:.1em  solid rgb(155,40,26);;
	/*background-color:  #d8d6ca; */
	height: 100%; 
	/*color: #d41501; */
	color: #067afc;
	font-family: Droid Serif, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.01em;
	line-height:1.2em;
	text-align:center;
	width: 50%;
	padding-left:.3em;
	margin-bottom: 2em;
}

#mini-announcement a {
/*color: #d41501; */
/*	color: #067afc; */
color: #9b281a;
}

#mini-announcement span.smaller {
	font-size: .6em;
}

#mini-announcement span.smaller2 
{
	font-size: .5em;
}

#left {
        width: 100%;
        float:left;
        background-color:#F4F4F2;
}

nav  {
	padding-top: .1em;
	float: left;
	width: 100%; /* was 270px,controls button width */
	padding-top: 0em;
	height:33em;
	padding-bottom:.5em;
}


nav li, #nav2 li {
	display: block;
	height: 2.3em;
	width: 100%;
	padding-bottom: .8em;
}

nav a, #nav2 a  {
	text-decoration: none;
	padding-top:.5em;
	/* padding-left: 20px; */
	padding-left: .9em;
	display: block;
	height: 1.8em;
	color: #58385A;
	font-family: "Droid Serif", Arial, Helvetica, sans-serif;
	-webkit-border-top-right-radius: .3em;
	-webkit-border-bottom-right-radius: .3em;
	-moz-border-radius-top-right: .3em;
	-moz-border-radius-bottom-right: .3em;
	border-top-right-radius: .3em;
	border-bottom-right-radius: .3em;
	text-shadow: .02em .02em .02em #faf7fa;
	filter: dropshadow(color=#faf7fa, offx=1, offy=1);
	background-color: rgba(206, 199, 184, .7);
	font-size: 1.3em;
	font-weight: bold;
}

nav a:hover, #nav2 a:hover {
	background-color: rgba(231, 222, 204, .5);
	-webkit-box-shadow: 0em 0em .05em #5c5b53;
-moz-box-shadow: 0em 0em .05em #5c5b53;
box-shadow: 0em 0em 5em #5c5b53; 
		
}

} /* iphones in portrait orientation */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 736px) 
and (orientation : landscape) {

header {
	color: #58385A;
	height: 20em;
	width:100%;
	padding-left:.5em;
        /*background-color:#c0c1ab; */

	background-image: url(../img/mbody1.jpg);
        background-repeat: repeat-x;
        background-repeat: repeat-y;
	/*background-image: url(../img/header_jf_bg.jpg); */
	/*background-image: url(../img/header_jf_bg7.jpg);*/

}

header  a span.header_jf_bg_7 {
         padding-left: .1em;
    	font-family: Droid Serif, Arial, Helvetica, sans-serif;
    	color: #35475B;
    	font-size: 4.16em;
    	padding-top: 1em 0em;
    	font-weight: bold;
        letter-spacing: .045em; text-decoration: none;
}

header  a.email {
        color: #263643;
        font-weight: bold;
        font-size: 1.6em;
        padding-top: .5em;
}

header div.with_announcements {
	top: .9em;
	float:left;
	padding-top:.9em;
	padding-left: .8em;
	padding-bottom: 2em;
}



#mini-announcement-container {
	margin-left: auto;
	margin-right: auto;
	padding-top:.5em;
	height: 6.2em;
	width:60%;
	clear: both;
	margin-bottom: .6em;
	padding-left:.1em;	
}

#mini-announcement {
	clear: both;
	padding-top:.4em;
	-webkit-border-radius: .8em; 
	-moz-border-radius: .8em; 
	border-radius: .8em;  
	/*border:.1em  solid #fd6c01;  */
	border:.1em  solid #067afc;
	/*background-color:  #d8d6ca; */
	height: 100%; 
	/*color: #d41501; */
	color: #067afc;
	font-family: Droid Serif, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.2em;
	text-align:center;
	width: 90%;
	padding-left:.3em;
}

#mini-announcement a {
/*color: #d41501; */
/*	color: #1572ab; */
	color: #067afc;
}

#mini-announcement span.smaller {
	font-size: .6em;
}

#mini-announcement span.smaller2 {
	font-size: .5em;
}

nav  {
	float: left;
	width: 100%; /* was 270px,controls button width */
	padding-top: 0em;
	height:48em;
	padding-bottom:.5em;
}


nav li, #nav2 li {
	display: block;
	height: 2.8em;
	width: 100%;
	padding-bottom: .8em;
}

nav a, #nav2 a  {
	text-decoration: none;
	padding-top:.5em;
	/* padding-left: 20px; */
	padding-left: .9em;
	display: block;
	height: 2.8em;
	color: #58385A;
	font-family: "Droid Serif", Arial, Helvetica, sans-serif;
	-webkit-border-top-right-radius: .3em;
	-webkit-border-bottom-right-radius: .3em;
	-moz-border-radius-top-right: .3em;
	-moz-border-radius-bottom-right: .3em;
	border-top-right-radius: .3em;
	border-bottom-right-radius: .3em;
	text-shadow: .02em .02em .02em #faf7fa;
	filter: dropshadow(color=#faf7fa, offx=1, offy=1);
	background-color: rgba(206, 199, 184, .7);
	font-size: 2.2em;
	font-weight: bold;
}

nav a:hover, #nav2 a:hover {
	background-color: rgba(231, 222, 204, .5);
	-webkit-box-shadow: 0em 0em .05em #5c5b53;
-moz-box-shadow: 0em 0em .05em #5c5b53;
box-shadow: 0em 0em 5em #5c5b53; 
		
}


} /* iphones in landscape orientation */



header div.top_part {
        padding-top:.2em;
	padding-bottom:.2em;
        float:left;
}

header div.top_part img {
	width:99%;
	height:10%;
	padding-left:.03em;
}


/*div.more-fb-space {
	padding-top:2.3em;
}
*/

/*#fb-box.wider {
}
*/

header div.no_announcements {
	left: .8em; 
	top: .9em;
	float:left;
	height:7em;
	padding-top:.4em;
}




p.introduction {
	padding-left:.3em;
	line-height: 1.2em;
	font-size:1.2em;
	padding-top:.6em;
}


p.introduction:first-letter, #right p span.first-letter {
	font-size : 200%;
	font-weight : bold;
	/*float : left;
	width : 1em;*/
	color : #666;
 }

p.introduction a {
 font-family: Georgia, "Times New Roman", Times, serif;
        font-style: italic;
        color: #35475B;


}

footer ul {
	margin-right: .32em;
	width: 100%;
}

.pic {
	float: left;
	margin: 5px;
}
.pic_front {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 40px;
	-webkit-box-shadow: 0px 0px 5px ;
-moz-box-shadow: 0px 0px 5px ;
box-shadow: 0px 0px 5px ; 
}

header h1 a{
	font-size: 36px;
	color: #666;
	display: block;
	/* width: 500px; */
	width: 470px; 
	/*height: 150px; */
	height: 120px;
	text-indent: -9999px;
}


header new-event a{
	font-size: 36px;
	color: #666;
	display: block;
	/* width: 500px; */
	width: 170px; 
	/*height: 150px; */
	height: 120px;
	text-indent: -9999px;
}

footer li {
	display: inline;
	padding-left: .8em;
}
footer a {
	font-family: 'Droid Serif', Verdana, Geneva, sans-serif;
	font-size: .8em;
	color: #666;
	text-decoration: none;
}
footer {
	height: 3em;
	padding-top:.8em;
	clear: both;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCC;
}

#right {
	width: 100%;
	float: left;
	min-height: 20em;
	padding-bottom: .2em;
}

#dr-fadimans-picture {
        padding-top:.1em;
        padding-left:.1em;
	padding-bottom:0em;
}

#right img {
        height:20%;
	width:20%;
}



#right p a.caption {
        font-size: .6em;
        text-align: left;
}

#right p {
	float: left;
	width: 94%;
	padding-top: 0em;
	padding-bottom: .7em;
	padding-left: .3em;
	line-height: 1.2em;
	font-size:1.2em; 
}



#right a {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-style: italic;
	font-size:1em;
        color: #35475B;
}


#right img {
        width: 100%;
        height:100%;

}

#right img.zach {
        width: 100%;
        height 100%;
}

#right h2 {
	height: 1.2em;
	line-height: 1em;
	margin-bottom: .09em;
	padding-left: .03em;
	font-size: 1.6em;
	color: #666;
	margin-top: .5em;
	font-family: Droid Serif, Arial, Helvetica, sans-serif;
}

#right h2.title {
	font-size:2.1em;
}

#right h3 {
	padding-left: .03em;
	display: block;
	width: 100%;
	color: #666;
}

#right h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	margin: .9em;
	width: 100%;
}

#right.dorothy-section {
	padding-top:.5em;
]



footer p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .7em;
	width: 100%;
	text-align: left;
	float: left;
	margin-right: 0em;
}

footer ul {
	height: .4em;
	float: left;
	margin-top: .4em;
	/*width: 960px; 22-mar-2013*/
	width: 100%;
	text-align: left;
}











#topper {
	/*height: 250px; */
	height: 1em;
}
#slideshow {
	height: 400px;
}
.caption {
	font-size: .9em;
	text-align: right;
}

.newsbox {
        padding: 6px;
        border: 1px solid #ea8a00;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
	font-family: arial,helvetica,times;
        font-size: 18px;
        margin-top: 4px;
        margin-bottom: 10px;
        text-align: center;
        width: 530px;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.1em;
        position: relative;
}

div.clearblock {
        clear: both;
        height: .01em;
        overflow: hidden;
}



footer p {
        font-family: Verdana, Geneva, sans-serif;
        font-size: .3em;
        width: 100%;
        float: left;
}


iframe.today-show {
width:96em;
height:91em;

}