@charset "utf-8";

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
* {
    box-sizing: border-box;
}
#row {
    content: "";
    clear: both;
    display: table;
	padding: 10px;

}


html, body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/* text-align: left; 9/1/17 out /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #EFE0C9;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:small;
}

#container {  /*change to 1000 minimum; old was 640 */
	width: 1000px;  /* take out and will go full screen */
	background: #FFFFFF;
	margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	/* height:inherit;
	/* 9/1/17 out text-align: inherit; /* this overrides the text-align: center on the body element. */
}


#picleft{
	width: 300px;
	float: left;
	text-align:center;
}

#picright{
	width: 300px;
	float: right;
	text-align:center;
}

#picleft_full{
	width: 825 px;
	float: left;
	text-align:center;
}
#textleft{
	width: 640px;
	float: left;
	text-align:left;
}

#textright{
	width: 640px;
	float: right;
	text-align:left;

}

.oneColFixCtrHdr1 #header {
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: none;
	background-color: #FFF;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
}
/* http://www.digitalfamily.com/dreamweaver/css-tutorials/css-navbar.html*/
.oneColFixCtrHdr1 #nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #4E3922;
	height: 20px;
	margin-right: 20px;
	margin-left: 20px;
}

.oneColFixCtrHdr1 #nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.oneColFixCtrHdr1 #nav ul li {
	display: inline; /* trick to make horizontal */
}

.oneColFixCtrHdr1 #nav ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	float: right;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
}

.oneColFixCtrHdr1 #nav ul li a:hover{
	color: #FFF;
	background-color: #D3924C;
}
.oneColFixCtrHdr1 #Page_title {
	background-color: #FFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color:#000;
	padding-top:20px;

}
.oneColFixCtrHdr1 #left_nav_container {
	float:left;
	width:20%;
	background-color: #EAF7C1;
	margin: 5px;
	padding: 4px;
}

#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	/* height:475px */
}

 #footer {
    content: "";
    clear: both;
    display: table;
	width:1000px;
	background-color:#E1E0B5  /*doesn't show on template, but it works on web */
}

 #quote {
	clear: both;
	padding: 30px  0px 20px 0px; /* top/bottom and L/R padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Arial, Helvetica, sans-serif;
	/* background-color:#0F0; */
	font-size: 12px;
	text-align: left;
}

.aside {
    background-color: #33b5e5;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}


.oneColFixCtrHdr1 #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 30px 0; /* top/bottom and L/R padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Arial, Helvetica, sans-serif;
	/* background-color:#0F0; */
	font-size: 12px;
	/* text-align: left; 9/1 out */
	vertical-align: top;

}

.oneColFixCtrHdr1 #content_with_nav_side {
	margin-left: 120px;
}

.oneColFixCtrHdr1 #nav_side {
	float: left;
	width: 100px;
	background-color: #4E3922;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	margin: 0px;
	padding: 4px;
	height: 240px;
	text-align: left;
}

.oneColFixCtrHdr1 #nav_side ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.oneColFixCtrHdr1 #nav_side ul li {
	display: inherit;
	float: left;
	text-align: left;
} 

.oneColFixCtrHdr1 #nav_side ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.oneColFixCtrHdr1 #nav_side ul li a:hover{
	color: #FFF;
	background-color: #D3924C;
	width: 90px;
}
/*---------------------------------------------*/

.image_format {
	padding: 10px;	
}
.CenterElement {
	text-align: center;
	float: right;
}

/*---------------------------------------------*/
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #295781;
}

/*---------------------------------------------*/
.FAQ_question {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #AC6F2B;
	font-weight: bold;
	font-style: italic;
}
.FAQ_answer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.subheader {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FFF;
}

.subheader_green {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000;
}

/*---------------------------------------------*/
s.Page_title_p {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #85552F;
	text-align: center;
}

.picLeft {
	float:left;
	margin-right: 30px;
	margin-left: 30px;
}

.quote {
	font: italic;
}

#Main_container {
	width: 960; /*same width as image */
	height: 500;	
}


</body>
</html>