@charset "utf-8";

/* CSS Document */

#logo {

	background-color: #f5e29f;

	text-align: center;

}

body {

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

	margin: 0px;

	font-size: 1em;

}

#nav {

	height: 40px;

	width:100%

	font-weight: bold;

	position: relative;

	border-bottom: 2px solid #663300;

	font-size: 1em;

	background-color: #ff6a02;

}

#nav ul {

	padding: 0;

	margin: 0;

	width: 600px;

	height: 40px;

}

#nav li {

	display: inline;

	float: left;

}



.clearfix:before,

.clearfix:after {

	content:" ";

	display:table;

}

.clearfix:after {

	clear: both;

}

.clearfix {

	*zoom: 1;

}



#nav a {

	color:#fff;

	display: inline-block;

	width: 100px;

	text-align: center;

	text-decoration:none;

	line-height:40px;

}

#nav li a {

	border-right: 1px solid #f78e1e;

	box-sizing:border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing:border-box;

}

#nav li:last-child a {

	border-right: 0;

}



#nav a:hover, nav a:active {

	background-color:#F78e1e;

}

#nav a#pull {

	display:none;

}



/*media queries for nav*/

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

	#nav { 

  		height: auto;

  	}

  	#nav ul {

  		width: 100%;

  		display: block;

  		height: auto;

  	}

  	#nav li {

  		width: 50%;

  		float: left;

  		position: relative;

  	}

  	#nav li a {

		border-bottom: 1px solid #ff6a02;

		border-right: 1px solid #ff6a02;

	}

  	#nav a {

	  	text-align: left;

	  	width: 100%;

	  	text-indent: 25px;

  	}

}

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

	#nav {

		border-bottom: 0;

	}

	#nav ul {

		display: none;

		height: auto;

	}

	#nav a#pull {

		display: block;

		background-color: #f78e1e;

		width: 100%;

		position: relative;

	}

	#nav a#pull:after {

		content:" ";

		width: 30px;

		height: 30px;

		display: inline-block;

		position: absolute;

		right: 15px;

		top: 10px;

	}

}

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

	#nav li {

		display: block;

		float: none;

		width: 100%;

	}

	#nav li a {

		border-bottom: 1px solid #ff6a02;

	}

}



/** pull-quote styles **/

.left-pull {

	display: block;

	margin-left: 5px;

	width: 170px;

	float: left;

	margin-right: 10px;

	color: #FF6a02;

	font-weight: bold;

	line-height: 24px;

	font-size: 16px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	letter-spacing: .08em;

	padding-top: 7px;

	padding-right: 11px;

	padding-bottom: 7px;

	padding-left: 11px;

}



.left-pull p { font-style: italic; color: #FF6a02; }

.left-pull .ref { font-size: 11px; }

#h3 {
	text-align: center;

}
h2 {
	font-size: 18px;
}


#block1 {

	margin: 2px;

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 10px;

	padding-left: 10px;

}

#block1 img {

	padding: 4px;

}

#block2 {

	margin: 2px;

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 10px;

	padding-left: 10px;

}

#block2 img {

	padding: 4px;

}

#content {

	line-height: 21px;

}

#content h3 {

	text-align: center;

}
#content h2 {
	font-size: 18px;
}




#footer {

	color: #630000;

	padding: 5px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.8em;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #ff6a02;

	margin-top: 30px;

}

.images {

	float: left;

	padding-right: 5px;

}



.floatLeft {

	float: left;

	padding-top: 5px;

	padding-right: 15px;

	padding-bottom: 5px;

	padding-left: 5px;

}