body {

	background-image: url(images/background.jpg);

	background-repeat:repeat-y;  

	background-color: #fafab0;

	background-attachment:fixed;

	background-position:50% 0%;

	margin-top:0px;

}

.header-img {

	width: 535px;

}

.header  {

	text-align:center;

	font-size: 2.3em;

	/*text-shadow:#333 2px 2px 2px;*/

	font-family:"Times New Roman", Times, serif;

	font-weight:bold;

	color: #4B2A23;

}

.tagline  {

	text-align:center;

	text-shadow:#333 2px 2px 2px;

	color: #4B2A23;

	font-style:italic;

}

	

a:hover {

	color: #999900;

	}

.clear   {

	clear:both;

}

.container {

	width: 600px;

	text-align:left;

}		

.directions {	font-style: italic;

	font-size: 16px;

	font-weight: bold;

	color: #4B2A23;

}

.floatLeft {

	float:left;

	margin: 0 30px 0 0;

}

.floatLeft2 {

	float:left;

	margin: 15px 0 0 35px;

}

.floatLeft2 h1 {

	font-size:12px;

	text-align:center;

	margin: 0px auto;

	color: #4B2A23;

}

.text1, .text2, p {font-size: 18px; color: #4B2A23;

	}

.text1 li {

	margin-left: 55px;

	font-weight:bold;

}	

.sitedesign {

	font-size: 14px;

	font-weight: bold;

}



a  { color: #4B2A23;

	}



/* mobile section  */





@media print {



    h1 {

	    page-break-before: always;

    }

    h1,  h2,  h3,  h4,  h5,  h6 {

	    page-break-after: avoid;

    }

    ul,  ol,  dl {

	    page-break-before: avoid;

    }

}



/*	Retina (HiDPI) Display



    http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html



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



@media 



    only screen and (-moz-min-device-pixel-ratio:1.5), 



    only screen and (-o-min-device-pixel-ratio:3/2), 



    only screen and (-webkit-min-device-pixel-ratio:1.5), 



    only screen and (min-device-pixel-ratio:1.5) {    



    body {}



}

/* =Responsive (Mobile) Design



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



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



	body {}



}



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

	

	body  {

		background-image:none;

	}

	.container  {

		width: 97%;

	}

	.header-img {

		width: 100%;

	}

	.text1 li {

		margin-left: 10px;

	}

	.floatLeft  {

		float:none;

	}

	.floatLeft2 {

		float:none;

		margin: 15px auto 0;

		text-align:center;

	}

	

	

}



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

	body {}

	

	.header  {

		font-size: 1.5em;

	}

	.tagline  {

		font-size: .9em;

	}

}



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

	body {}	

}

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

	body {}	

}



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



    body {}

}