@charset "utf-8";

img, object, embed, video {
	max-width: 100%;
	max-height: 100%;
}
.ie6 img {
	width:100%;
}




body
{
	background-color: #57221a;
}



.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87%;
	padding-left: 1.5%;
	padding-right: 1.5%;
}

ul.nav {
	
	padding: inherit;
	margin-top: 10%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 10%;
	list-style: none;
	height: auto;
	width: auto;
	text-align: center;
	color: #ffed8b;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bolder;
	font-style: italic;
	font-size: large;
}
ul.nav li {
	
	background-color: rgba(255,237,139,1);
	font-size: small;
}

ul.nav a, ul.nav a:link a:visited { 
	padding: center;
	padding: 5px 5px 5px 5px; 
	display: block;
	text-align: center;
	color: #000;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bolder;
	font-style: italic;
	font-size: larger;
	
	text-decoration: none;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus  { 
	background-color: rgba(236,218,121,1);
	color: #000;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bolder;
	font-style: italic;
	font-size: large;
}




#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#nav {
	background-color:rgba(87,34,26,.7);
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#content {
	background-color:rgba(111,35,11,.7);
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
	color: #ffed8b;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bolder;
	font-style: italic;
	font-size: large;
	text-align: center;
}

#headline {
	background-color:rgba(111,35,11,.7);
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	color: #ffed8b;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bolder;
	font-style: italic;
	font-size: xx-large;
}



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

body
{
	background-color: #57221a;
}





.gridContainer {
	width: 87.75%;
	padding-left: 1.125%;
	padding-right: 1.125%;
}


ul.nav {
	
	padding: inherit;
	margin-top: 10%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 10%;
	list-style: none;
	height: auto;
	width: auto;
	text-align: center;
	color: #ffed8b;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bolder;
	font-style: italic;
	font-size: large;
}
ul.nav li {
	
	background-color: rgba(255,237,139,1);
	font-size: small;
}

ul.nav a, ul.nav a:link a:visited { 
	padding: center;
	padding: 5px 5px 5px 5px; 
	display: block;
	text-align: center;
	color: #000;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bolder;
	font-style: italic;
	font-size: larger;
	 
	text-decoration: none;
	
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus  { 
	background-color: rgba(236,218,121,1); 
	color: #000;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bolder;
	font-style: italic;
	font-size: large;
}



#header {
	
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#nav {
	background-color:rgba(87,34,26,.7);
	clear: both;
	float: left;
	margin-left: 0;
	width: 35.8974%;
	display: block;
}
#content {
	background-color:rgba(111,35,11,.7);
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 61.5384%;
	display: block;
	text-align: left;
	color: #ffed8b;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bolder;
	font-style: italic;
	font-size: large;
	text-align: center;
}

#headline {
	background-color:rgba(111,35,11,.7);
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 61.5384%;
	display: block;
	text-align: center;
	color: #ffed8b;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bolder;
	font-style: italic;
	font-size: xx-large;
}
}



@media only screen and (min-width: 769px) {
 
body
{
	background-color: #57221a;
	background-image:url(../gfx/IMG_4581.JPG);
	background-position:top;
	background-repeat:no-repeat;
	background-size:95%;
}


.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
}


ul.nav {
	
	padding: inherit;
	margin-top: 10%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 10%;
	list-style: none;
	height: auto;
	width: auto;
	text-align: center;
	color: #ffed8b;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bolder;
	font-style: italic;
	font-size: large;
}
ul.nav li {
	
	background-color: rgba(255,237,139,1);
	font-size: small;
}

ul.nav a, ul.nav a:link a:visited { 
	padding: center;
	padding: 5px 5px 5px 5px; 
	display: block;
	text-align: center;
	color: #000;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bolder;
	font-style: italic;
	font-size: larger;
	 
	text-decoration: none;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus  { 
	background-color: rgba(236,218,121,1); 
	color: #000;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bolder;
	font-style: italic;
	font-size: large;
}








#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 100%;
	display: block;
	
}

#nav {
	background-color:rgba(87,34,26,.7);
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.7288%;
	display: block;
}

#headline {
	background-color:rgba(111,35,11,.7);
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 74.5762%;
	display: block;
	text-align: center;
	color: #ffed8b;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bolder;
	font-style: italic;
	font-size: xx-large;
	
}

#content {
	background-color:rgba(111,35,11,.7);
	clear: none;
	margin-left: 1.6949%;
	width: 74.5762%;
	display: block;
	text-align: left;
	color: #ffed8b;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bolder;
	font-style: italic;
	font-size: large;
	text-align: center;
}



}