/* @override http://itsinthere.localhost/include/web.css */

body {
    min-height: 96vh;
	max-width: 49em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0em;
    margin-bottom: 1.5em;
	box-shadow: 0 0 1.5em #00000085;
}
nav a {
    height: 5.625em;
    width: 5.625em;
	display: block;
	overflow: hidden;
}
/*  IE 5 hack \*/
nav a {overflow: hidden;}
/* end hack */ 
nav a img:hover {
	transform: translateX(-5.625em);
}

#button_blessing a {
	text-indent: -1000em;
	background: url(/partials/button_blessing_of_the_torah.gif) no-repeat 0px 0px;
	width: 90px;
	height: 90px;
	display: block;
	overflow: hidden;
	}
/*  IE 5 hack \*/
#button_blessing a {overflow: hidden;}
/* end hack */ 
#button_blessing a:hover {
	background-position: -90px 0px;
}

#button_critics a {
	text-indent: -1000em;
	background: url(/partials/button_critics_corner.gif) no-repeat 0px 0px;
	width: 90px;
	height: 90px;
	display: block;
	overflow: hidden;
	}
/*  IE 5 hack \*/
#button_critics a {overflow: hidden;}
/* end hack */ 
#button_critics a:hover {
	background-position: -90px 0px;
}

#button_directory a {
	text-indent: -1000em;
	background: url(/partials/button_directory.gif) no-repeat 0px 0px;
	width: 90px;
	height: 90px;
	display: block;
	overflow: hidden;
	}
/*  IE 5 hack \*/
#button_directory a {overflow: hidden;}
/* end hack */ 
#button_directory a:hover {
	background-position: -90px 0px;
}			
#button_extras a {
	text-indent: -1000em;
	background: url(/partials/button_extras.gif) no-repeat 0px 0px;
	width: 90px;
	height: 90px;
	display: block;
	overflow: hidden;
	}
/*  IE 5 hack \*/
#button_extras a {overflow: hidden;}
/* end hack */ 
#button_extras a:hover {
	background-position: -90px 0px;
}
nav {
    width: 5.625em;
	float: left;
}
#body_text {
	padding-left: 100px;
	padding-right: 100px;
}
body,td,th {
	font-family: Garamond, Georgia, Times New Roman, Times;
}
h3 a, h3 a:link, h3 a:visited {
	color: #000000;
	text-decoration: none;
}
a:link {
    color: #B0BBB0;
}
a:visited {
    color: #9CAA9C;
}

#header {
	display: block;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;
	width: 770px;
	color: #BC915C;
	letter-spacing: 0.0001em;
	text-indent: -10000em;
}

#body_text blockquote {
	border-color: #9caa9c;
	border-left-style: solid;
	border-left-width: 5px;
	padding-left: 10px;
	margin-left: 20px;
	margin-right: 0px;
}
ul {
    display: block;
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
    unicode-bidi: isolate;
}
li {
	margin-bottom: 5px;
}
nav li {
	margin-bottom: 0px;
}
img#intro_quote {
    display: block;
    margin: 0 auto;
    margin-top: 3em;
    margin-bottom: 4em;
}
#header_small {
	display: none;
}
#title {
	height: 50px;
	width: 770px;
	text-indent:-1000em;
}
header {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	color: #BC915C;
	letter-spacing: 0.0001em;
}
h1 {
    margin-block-start: 0;
    margin-block-end: 0;
}
h2 {
	display: none;
}
h3 {
    margin: 0;
}
.thankyou {
	background-image: url(/img/title_thankyou.jpg);
}
.question {
	background-image: url(/img/question.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-left: 30px;
	position: relative;
	width: 600px;
	text-align: left;
	text-indent: 0px;
}
.answer {
	background-image: url(/img/answer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	padding-top: 0px;
	position: relative;
	margin-left: 25px;
	width: 550px;
	text-align: left;
	padding-bottom: 10px;
}
#question_ask {
	text-indent: 0px;
}
#question_ask input, #question_ask textarea{
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #9CAA9C;
	background-color: #FFFFFF;
}
.smallprint {
	font-size: small;
	font-style: italic;
}
.noindent {
	text-indent: 0px;
	margin-left: 75px;
}
h3 {
	font-weight: normal;
	color: #BC9957;
	font-size: x-large;
}
.noindent2 {

	text-indent: 0px;
}
.contactus{
	text-align: right;
	margin-top: 1em;
}
.contactus a, .contactus a:link, .contactus a:visited {
	background-color: #EBEDEB;
	text-align: center;
	color: #9CAA9C;
	text-decoration: none;
	padding: 5px;
	border: 1px solid #9CAA9C;
}
.contactus a:hover {
	color: #000000;
	border: 1px solid #000000;
}

/* Small Screen */
@media (max-width: 49em) {
    body {
	    max-width: 49em;
	    width: auto;
	    margin-right: 0em;
	    margin-left: 0em;
	    margin-top: 0em;
	    box-shadow: none;
    }
    nav a {
        height: 11.5vw;
        width: 11.5vw;
	    display: block;
	    overflow: hidden;
    }
    nav a img {
        height: 11.5vw;
    }
    nav a img:hover {
    	transform: translateX(-11.5vw);
    }
    img {
        max-width: 100vw;
    }
    #intro_quote {
        max-width: 60vw;
    }
    @media (max-width: 35em) {
        nav a {
            height: 4em;
            width: 4em;
        }
        nav a img {
            height: 4em;
        }
        nav a img:hover {
    	    transform: translateX(-4em);
        }
    }
}
@media (max-height: 39em) {
    body {
        min-height: 37.5em;
    }
}

