body {
	font: normal 300 1em/1.2em Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 16px;
	background-color: #fbd798;
	background-repeat: no-repeat;
	background-image: linear-gradient(#f13307 0px, #ff8e1a 100%);
	background-image: linear-gradient(#fbd798 0px, #fbe298 100%);
}



a {
	color: #08c;
	text-decoration: none;
	}

a:visited a:link a:active {
	color: #08c;
	}

a:hover, a:focus {
	color: #08c;
	text-decoration: underline;
	}

#page-wrapper { margin: 0px auto; background-color: #fff; width: 100%; max-width: 800px; }

#shavuot_menu_wrapper { width: 100%; margin: 0px auto; }


#shavuot_footer_wrapper { width: 100%; height: 100%;  }
#shavuot_footer { background-color: #f13307; color: #fff; margin: 20px 0px 0px 0px;  width: 100%; padding: 16px 0px; }
#shavuot_footer a { color: #fff; text-decoration: none; font-size: 1.2em; }
#shavuot_footer a:visited { color: #fff; text-decoration: none; }
#shavuot_footer a:focus { color: #fff; text-decoration: none; }
#shavuot_footer a:hover { color: #ccc; text-decoration: none; }



#img-banner { width: 100%; height: auto; min-width: 2000px; margin: 0px; padding: 0px; }

.center-heading { font-family: Georgia; font-size: 1.5em; text-align: center; }


#nav {
	background-color: #e85226;
    font-size: 1em;
    position: relative;
    height: 2.0em;
}

#nav li {
    width: 18%;
}

#nav a
{
    background-color: inherit; /*new background-color*/
}


#nav li a:hover {
    color: #eee;
    background-color: #c83206;
}

#nav li ul li {
    background-color: #fd6b06;
}

.attrib {
	font-style: italic;
	font-size: 90%;
	color: #666;
}

/* -----------------------------------------------------------
					Media queries - Minimum width of 560 pixels
-------------------------------------------------------------- */

@media screen and (max-width: 800px) {

	#img-banner {min-width: 1100px; }

	body {
		padding: 0px;
		background-color: #fff;
		background-repeat: no-repeat;
		background-image: none;
		font-size: 1.2em;
	}
	
	p { font: 100 normal 1.1em/1.5em 'Open Sans', 'Tangerine', 'Helvetica Neue Light', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }


	h1 { font: 100 normal 1.5em/1.2em 'Open Sans', 'Tangerine', 'Helvetica Neue Light', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
	h2 { font: 100 normal 1.2em/1em 'Open Sans', 'Tangerine', 'Helvetica Neue Light', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;  }
	h3 { font: 100 normal 1.2em/1em 'Open Sans', 'Tangerine', 'Helvetica Neue Light', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;  }
	h4 { font: normal normal 1.0em/1em 'Open Sans', 'Tangerine', 'Helvetica Neue Light', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;  }
	h5 { font: italic normal 1.1em/1em georgia, serif; }



	#navigation_big_screen {
		display: none;
	}

	#navigation_small_screen {
		display: block;
	}


	#nav {
			text-align: left;
			font-size: 1.25em;
			height: 1.5em;
			width: 100%;
	}
	#nav li {
			width: auto;
	}
	#nav li a {
			height: 1em;
			padding: 0em 1em 0em 1em;
	}

	#nav li ul li a{
		width: 240px;
		height: 1.5em;
		padding-top: 1em;
		}



}