#outer {
	background-image: none;
	background-repeat: repeat;
	text-align: center;
	vertical-align: top;
	padding: 20px;
	height: 100%;
	width: auto;
	position: relative;
	top: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #d5aa9d;
}
#content {
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
	position: relative;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
	height: auto;
}
#header {
	background-color: #FFFFFF;
	text-align: left;
	height: 70px;
	width: 988px;
	position: relative;
	clear: both;
	float: left;
	vertical-align: top;
}
#header-left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: oblique;
	line-height: normal;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	position: relative;
	overflow: visible;
	left: 65px;
	height: 64px;
	width: 400px;
	top: 10px;
}
#header-right {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: oblique;
	line-height: 18px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	clear: both;
	float: left;
	overflow: visible;
	position: relative;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	top: -45px;
	left: 665px;
	width: 300px;
	height: 30px;
}
#header-right-home {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: oblique;
	line-height: 18px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	clear: both;
	float: left;
	overflow: visible;
	position: relative;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	top: -55px;
	left: 665px;
	width: 300px;
	height: 55px;
}
#home-nav {
	background-color: #FAF0E6;
	text-align: left;
	height: 350px;
	width: 968px;
	position: relative;
	clear: both;
	float: left;
	top: 0px;
	left: 20px;
}
#home-graphic-left {
	text-align: left;
	clear: both;
	position: relative;
	float: left;
	left: 50px;
	height: 350px;
	vertical-align: top;
	width: 620px;
}
#home-graphic-right {
	width: 275px;
	clear: both;
	float: left;
	height: 345px;
	position: relative;
	left: 668px;
	top: -350px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 48px;
	text-align: right;
	font-weight: bold;
	color: #000000;
	font-style: normal;
	letter-spacing: 0.05em;
}
#main {
	background-color: #FFFFFF;
	width: 988px;
	position: relative;
	text-align: left;
	clear: both;
	float: left;
	vertical-align: top;
	height: 725px;
}
#main-about {
	background-color: #FFFFFF;
	width: 988px;
	position: relative;
	text-align: left;
	clear: both;
	float: left;
	vertical-align: top;
}
#main-left {
	background-color: #CCCCCC;
	text-align: center;
	clear: both;
	float: left;
	width: 275px;
	position: relative;
	left: 70px;
	vertical-align: middle;
	height: 300px;
	padding-top: 45px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#main-left-about {
	background-color: #CCCCCC;
	text-align: center;
	padding: 10px;
	clear: both;
	float: left;
	width: 275px;
	position: relative;
	left: 70px;
	vertical-align: middle;
}
#main-right-about {
	background-color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 30px;
	text-align: left;
	padding: 0px;
	width: 560px;
	position: relative;
	clear: none;
	float: left;
	color: #000000;
	vertical-align: top;
	letter-spacing: 0em;
	left: 100px;
	top: 30px;
	height: auto;
}
#main-right-home {
	background-color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 30px;
	text-align: left;
	width: 560px;
	left: 390px;
	position: relative;
	clear: both;
	float: left;
	color: #000000;
	vertical-align: top;
	top: -315px;
	letter-spacing: 0em;
	height: auto;
	padding: 0px;
}
#footer {
	background-color: #FFFFFF;
	text-align: justify;
	clear: both;
	float: left;
	height: 75px;
	width: 988px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #333333;
	left: 0px;
	top: 0px;
}
.footer-info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	letter-spacing: 0.2em;
	word-spacing: 0.3em;
	position: relative;
}
#FOOTER-LINKS {
	text-align: left;
	clear: both;
	float: left;
	position: relative;
	left: 70px;
}
#HEADER-LINKS-TOP {
	text-align: left;
	clear: both;
	float: left;
	position: relative;
	left: 70px;
}
#COPYRIGHT {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	color: #000000;
	letter-spacing: 0.1em;
	text-align: center;
	clear: both;
	float: left;
	position: relative;
	left: 70px;
	word-spacing: 0em;
	height: auto;
	width: 888px;
	top: 5px;
}
body    {
	color: black;
	font-size: 12px;
	font-family: arial, Helvetica, "sans serif";
	font-style: inherit;
	line-height: 16px
}
.quote-name {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	text-align: right;
}
.quote {
	color: #800000;
	font-size: 24px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	line-height: 48px
}
.smallquote {
	color: #800000;
	font-size: 18px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	line-height: 36px
}
.smallquoteNavy {
	color: #006;
	font-size: 18px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	line-height: 36px
}
p   { color: black; font-size: 13px; font-family: arial, Helvetica, "sans serif"; font-style: inherit; line-height: 15px }
td   { color: black; font-size: 13px; font-family: arial, Helvetica, "sans serif"; font-style: inherit; line-height: 15px }
h1     { color: #c00; font-size: 30px; font-family: arial, Helvetica, "sans serif"; font-weight: bold; line-height: 30px; text-align: center }
h2     { color: navy; font-size: 24px; font-family: arial, Helvetica, "sans serif"; font-weight: bold; line-height: 25px; text-align: center }
h3     { color: navy; font-size: 18px; font-family: arial, Helvetica, "sans serif"; font-weight: bold; line-height: 19px; text-align: center }
h4 { color: #c00; font-size: 24px; font-family: arial, Helvetica, "sans serif"; font-style: italic; font-weight: bold; line-height: 25px; text-align: center }
h5 { color: #c00; font-size: 18px; font-family: arial, Helvetica, "sans serif"; font-style: italic; font-weight: bold; line-height: 19px; text-align: center }
h6 { color: #c00; font-size: 14px; font-family: arial, Helvetica, "sans serif"; font-style: italic; font-weight: bold; line-height: 15px; text-align: center }
.red30   { color: #c00; font-size: 30px; font-family: arial, Helvetica, "sans serif"; font-weight: bold; line-height: 38px }
.red24  { color: #c00; font-size: 24px; font-family: arial, Helvetica, "sans serif"; font-weight: bold; line-height: 25px }
.navy18    { color: #006; font-size: 18px; font-family: arial, Helvetica, "sans serif"; font-weight: bold; line-height: 21px }
.blk13RtBI    { color: black; font: italic bold 13px/16px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: right }
.navy14RtB  { color: #000080; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; text-decoration: none; text-align: right }
.red14  { color: #c00; font-size: 14px; font-family: arial, Helvetica, "sans serif"; font-weight: bold; line-height: 15px }
.bdkgr14 { color: #030; font-size: 14px; font-family: arial, Helvetica, "sans serif"; font-weight: bold; line-height: 15px }
.txtblk    { color: black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12; text-align: justify }
.bkleft16    { color: black; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 24pt; font-stretch: normal; text-align: left }
.bkleft10 {
	color: black;
	font-size: 10pt;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 15pt;
	text-align: left
}
.bkcenter10 { color: black; font-size: 10px; font-family: arial, Helvetica, "sans serif"; line-height: 12px; text-align: center }
.bkjust10 { color: black; font-size: 10px; font-family: arial, Helvetica, "sans serif"; line-height: 12px; text-align: justify }
.bblk        { color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
.bred  { color: #c00; font-family: arial, Helvetica, "sans serif"; font-weight: bold }
.bnavy  { color: navy; font-family: arial, Helvetica, "sans serif"; font-weight: bold }
.bblue  { color: blue; font-family: arial, Helvetica, "sans serif"; font-weight: bold }
.bgold  { color: #960; font-family: arial, Helvetica, "sans serif"; font-weight: bold }
.iblk      { color: black; font-family: arial, Helvetica, "sans serif"; font-style: italic }
.ired  { color: #c00; font-family: arial, Helvetica, "sans serif"; font-style: italic }
.inavy  { color: navy; font-family: arial, Helvetica, "sans serif"; font-style: italic }
.iblue  { color: blue; font-family: arial, Helvetica, "sans serif"; font-style: italic }
.igold  { color: #960; font-family: arial, Helvetica, "sans serif"; font-style: italic }
.biblk       { color: black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; line-height: 11 }
.LinenBI { color: #faf0e6; font-size: 9pt; font-style: oblique; font-weight: bold; line-height: 11; font-stretch: normal }
.bired      { color: #c00; font-family: arial, Helvetica, "sans serif"; font-style: italic; font-weight: bold }
.binavy      { color: navy; font-family: arial, Helvetica, "sans serif"; font-style: italic; font-weight: bold }
.bigold  { color: #960; font-family: arial, Helvetica, "sans serif"; font-style: italic; font-weight: bold }
.biblue      { color: blue; font-family: arial, Helvetica, "sans serif"; font-style: italic; font-weight: bold }
a:link     { color: navy; font-family: arial, Helvetica, "sans serif"; font-weight: bold; line-height: 16px; text-decoration: underline }
a:active   { color: #c00; font-family: arial, Helvetica, "sans serif"; font-weight: bold }
a:hover   { color: green; font-family: arial, Helvetica, "sans serif"; font-weight: bold }
a:visited { color: #36c; font-family: arial, Helvetica, "sans serif"; font-weight: 500 }
.smbi    { color: black; font-size: 10px; font-family: arial, Helvetica, "sans serif"; font-style: italic; font-weight: bold; line-height: 12px }
.tinytext    { color: black; font-size: 9px; font-family: arial, Helvetica, "sans serif"; line-height: 11px }
.infobox { color: black; font-size: 11px; font-family: Arial, Helvetica, "sans serif"; line-height: 13px; background-color: #ffc; text-align: center; visibility: visible; margin-right: 10px; margin-bottom: 10px; position: relative; width: 230px; height: auto; float: left; clear: inherit; overflow: visible; clip: auto; border: double 1px navy }

/*responsive columns*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body { 
  font-family: 'Open Sans', sans-serif;
  color: #666;
}

/* STRUCTURE */

#pagewrap {
	padding: 5px;
	width: 960px;
	margin: 20px auto;
}
header {
	height: 100px;
	padding: 0 15px;
}
#content {
	width: 290px;
	float: left;
	padding: 5px 15px;
}

#middle {
	width: 294px; /* Account for margins + border values */
	float: left;
	padding: 5px 15px;
	margin: 0px 5px 5px 5px;
}

#sidebar {
	width: 270px;
	padding: 5px 15px;
	float: left;
}
footer {
	clear: both;
	padding: 0 15px;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 94%;
	}
	#content {
		width: 41%;
		padding: 1% 4%;
	}
	#middle {
		width: 41%;
		padding: 1% 4%;
		margin: 0px 0px 5px 5px;
		float: right;
	}
	
	#sidebar {
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
	}

	header, footer {
		padding: 1% 4%;
	}
}

/* for 700px or less */
@media screen and (max-width: 600px) {

	#content {
		width: auto;
		float: none;
	}
	
	#middle {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
	#sidebar {
		width: auto;
		float: none;
	}

}

/* for 480px or less */
@media screen and (max-width: 480px) {

	header {
		height: auto;
	}
	h1 {
		font-size: 2em;
	}
	#sidebar {
		display: none;
	}

}


#content {
	background: #f8f8f8;
}
#sidebar {
	background: #f0efef;
}
header, #content, #middle, #sidebar {
	margin-bottom: 5px;
}

#pagewrap, header, #content, #middle, #sidebar, footer {
	border: solid 1px #ccc;
}
/*end responsibe columns*/