html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	color: #383838; 
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.5;
	color: #333;
	font-family: arial, serif;
  background-color: #D2B48C; /* DarkKahki #BDB76B; tan:  #cc9966; */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5cea6+0,c9c190+40,b7ad70+100;Brown+3D */
background: rgb(213,206,166); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(213,206,166,1) 0%, rgba(201,193,144,1) 40%, rgba(183,173,112,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


h1 { 
font-family: arial, serif;
/* font-variant:small-caps; */
	font-size: 1.25em;  
	font-weight: 400;
	margin:0 0 2% 0;
	color: #537334; /* #003366; */
	text-align:left;
	font-style:italic;
}


h2 { 
font-family: arial, serif;
	font-size: 1em;  
    margin-top:3%; 
	margin-bottom:1%;
	color: #537334;
	font-style:italic;
/*	font-weight:600; */
	/* border-top: 1px solid #ccc; 
	padding-top:3%;
	*/
}

h2.note { font-style:italic;}
h3 {
	font-size: 1em;  
	font-weight: 400;
	margin-bottom:1%;
	color: #537334; 
	font-style:italic;
}

h3.hctr {
	text-align:center;
}


p { 
   line-height: 130%;
	color: #383838; 
	font-size: .875em; /* 14 ÷ 16 */ 
	margin-bottom:2%;
}
p.close {margin-bottom:1%;}

p.big { font-size: 1.5em; color: navy;text-align:right;margin:.5%;} 

p.close {margin-bottom:1%;}
p.quote  {font-style:italic;}

p.lftTxt {text-align:left;}

p.caption {font-size:.75em;}

p.justify {text-align:justify;}

ol, ul {
	list-style: disc;
}

ul.close { margin-top:6px; }



li {font-size:.875em;padding-bottom:10px;} /* margin-bottom:1%; */

img {border:1px solid #999;margin:1%;box-shadow: 7px 7px 2px #999;}

img.cc {width:186px;height:25px;float:right;box-shadow:none;border:none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* self-clear floats - if you need them, this is my (current) favourite technique. More info: http://nicolasgallagher.com/micro-clearfix-hack/ */

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}


/* wrap url's */
pre {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	word-wrap: break-word;      /* IE 5+ */
	}



a {
	color:#537334; /* #556B2F; */
	text-decoration:none; 
	/*transition: all 0.7s; */
	font-family: arial, serif;
	font-size: 1em;  

}

a:visited {color: #537334; }

a:hover {
	color:#ff9900; /* #411723; */
}

a.title {font-style:italic;}

a.uline { text-decoration:underline; }


a.side {color:#fff;text-decoration:underline;}
a.side:hover  {color:#556B2F;}

a.sideI {color:#fff;font-style:italic;}
a.sideI:hover  {color:#556B2F;}

a.more {font-size:.93755em;color:#fff;}
a.more:hover  {color:#556B2F;}

a.buline { text-decoration:underline; font-weight:bold;}

a.ulineBig { text-decoration:underline;font-size:1.25em; }

a.web {font-size:.93755em;color:#666;}
a.web:hover  {color:#000;}

#wrapper {
	margin: 0 auto 2% auto;
	width: 96%; /* Holding outermost DIV */
	/*max-width: 1306px; */
	max-width:1000px;
	background-color:#f3eddf;
	border-top-left-radius:1em;
	border-top-right-radius:1em;
	border-bottom-left-radius:1em;
	border-bottom-right-radius:1em; 

}



header {
    background-image:url('../img/skyline.png');
    background-repeat:no-repeat;
    background-position:right top;
	text-align:left;
	margin:1% auto 1% auto;
	padding-left:3%;
	padding-right:3%;
	
 /*   margin-top:1%;
	margin-right: auto; / * 10 ÷ 960 * /
	margin-left: auto; / * 10 ÷ 960 */
	width: 97.9166667%; /* 940 ÷ 960 */
	height:150px;
	line-height:1;
}


header img {float:right;border:1px solid #999;width:180px;height:117px;margin:2% 3% 1% 1%;}

header a {
	text-decoration: none;
}
header h1 {font-family: 'Lora', serif; font-style:normal;text-align:left;margin-top:1%;}

header span { font-family: arial, serif;font-style:italic; font-size:.75em;line-height:1;}

/* 2 column */
.maincontent {
	margin:0 auto 1% auto;
	width: 97.9166667%; 
	height: 100%;
	overflow:hidden;
 }

.maincontent > section {
    background: inherit;
     width:52%; 
	padding:3% 5% 1000px 5%;
	margin:1% 0 -1000px 0;	
    float:left;
	/* border-radius:25px;border:1px solid #999;  	*/	
}


.maincontent > aside {
    background:inherit;
    float:right;
	width:35%;
	margin:4% auto -1000px auto; /* was 9 0 1 1 3/18/15 */
    padding: 1% 0 1000px 0; /* @max-column-height */
	text-align:center;
	color: #fff;
}


.subpage {
	margin:0 auto 0 auto;
	width: 97.9166667%; 
	height: 100%;
	
 }

.subpage > section {
    background: inherit;
     width:90%; 
	padding:3% 5% 3% 5%;
	margin:1% 0 4% 0;	
}



.box {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e0e0e+0,7d7e7d+100 */
background: rgb(14,14,14); /* Old browsers */
background: -moz-linear-gradient(top, rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(125,126,125,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#7d7e7d',GradientType=0 ); /* IE6-9 */

padding:4%;box-shadow: 5px 8px 5px #999;margin-bottom:2%; 
width:90%; /* 2/3/16 */
}

.box p { color:#fff; text-align:left;}
.box h2 {color:#fff; text-align:left;border:none;margin-top:0;}

.box li {color:white;text-align:left;}


footer p {
	margin:1% auto 0 auto;
	text-align: left;
	/* font-size: 1.5em; / * 18 pt ÷ 16 */
font-family: 'Lora', serif;
font-style:italic;
	color: #333;  /* #757474; */
	text-align:center;
	
}
footer  a {
	color: #666; font-size:medium;
}


/*.fbook {float:right; width:40px;margin:4px 3px 0 8px;} */
.news {float:right; width:50px;margin:4px 3px 0 8px;border:1px solid #999;} 

.indent {margin-left:6%;}
.indentsm {margin-left:4%;}
.bigindent {margin-left:10%;}
.indentBorder {margin-left:4%;border-bottom:1px solid #999;}

.emph {font-weight:600;color:#666;font-style:italic}


.foot { vertical-align: middle; width: auto;height:auto; /* width:100%; */

  background: #537334;
  background: -webkit-linear-gradient(bottom, #46612c, #60853c);
  background: -ms-linear-gradient(bottom, #46612c, #60853c);
  background: -moz-linear-gradient(bottom, #46612c, #60853c);
  background: -o-linear-gradient(bottom, #46612c, #60853c);
  background: linear-gradient(to top, #46612c, #60853c);
 /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 -2px 0px #3f5727, inset 0 1px 0 #678f41; */
	
/*	padding:0; */
	overflow:hidden;
    margin:6% 0 0 0;
    color:white;
	font-size:1em;
/* box-shadow: 5px 5px 2px #999; (/
/*    border-bottom-left-radius:1em;
border-bottom-right-radius:1em; 
    padding:2% 5% 2% 5%; */
 text-align:center;

 }

p.footTxt {color:white;padding-top:1%;}
p.footTag {font-family: arial, serif; font-style:italic;color:white;}

.fbImg { border:none; box-shadow:none; float:right;width:25px;height:25px;margin:1% 1% 1% 5px;}
.googleImg { border:none; box-shadow:none; float:right;width:30px;height:30px;margin:1% 1% 1% 5px;}
.blogImg { border:none; box-shadow:none; float:right;width:30px;height:30px;margin:1% 1% 1% 5px;}

.linkedInImg {width:89px;height:30px;border:none;margin: 1% ; box-shadow:none;float:right;}

.cinfo {float:right;margin-right:1%;}



<!-- .logo  {float:left;height:50px;margin-right:2%;} -->
#web {
	/* padding-bottom: 20px; */
	float: left;
	margin:0 auto 20px auto;
	clear: both;
	width: 97.9166667%; /* 940 ÷ 960 */
	text-align:center;
}

#web a { font-size:.75em; }

.sideBlock {
	width: 100%;  /* 220 */
	margin-top:0;
	padding-top:0;
	
}

.toph { /* changed from id */
 padding: 0;
 background-color:inherit; 
margin: 1% auto 1% auto;
width: 97.9166667%; 
/* box-shadow: 6px 10px 5px #999; */
}

.loglnk {float:right;} /* { float:right; width:20%; text-align:right;border:1px solid DimGray;padding:5px; }*/
.ctrDiv {margin:1% auto 1% auto;}

.ctr {text-align:center;}
.frm {border:1px solid black; }
.container {border:1px solid black;width: 90%; padding:2% 2% 1% 2%;
            margin-left:auto;margin-right:auto;font-size:.875em;
            background-color:white; line-height: 2em;}
/*
.leftColumn {width:50%;float:left;font-size:.875em;} 
.rightColumn{width:50%;float:left;font-size:.875em;} 
.buttonctr {margin:2% auto 2% auto;text-align:center}
*/
.cnote {text-align:center;font-style:italic;} 
.iTitle {font-style:italic;}

/* photos */
.lftPic {float:left;  width:250px;}
	
.rtPic { float:right; width:250px;}

/*
.medFLpic {width:350px;float:right;margin:1%;}
.bigFlpic {width:480px;float:right;margin:1%;}
*/
img.sideImg { width:80%;max-width:250px;margin:1% 1% 2% 1%; box-shadow:none; border:none;} /* box-shadow: 5px 5px 2px #999;} */

.portraitPicNF {width:200px;height:auto;box-shadow:none;}
.medPic {width:300px;height:auto;margin-bottom:2%;}
.contentPic {width:400px;height:auto;}
.bigPic {width:500px;height:auto;}
.portraitPic {width:200px;float:right;height:auto;}
.LftSmallPic {width:125px;float:left;margin-right:2%;height:auto;}
.RtSmallPic {width:125px;float:right;height:auto;}
@media screen and (max-width:600px) {
   .lftPic {width:90%;float:none;}
   .rtPic {width:40%;}
   .medPic {width:85%;}
   .bigPic {width:90%;} 
.portraitPic {width:35%;}
	/* img.sideImg { width:60%;} */
}


/* Media Queries */
@media screen and (min-width: 300px) and (max-width: 400px) {
		
/*	img.logoimg { width: 200px; } */
/* this is doing nothing p.big { font-size: 1em; color: red;text-align:left;margin:.5% 0 .5% 1%;} */
	
#content h1 { font-size:1.5em;margin-top:15%; }
	
	#content { margin-top: 20px; width: 96%;margin: 2%;}
	
	#content img.cimg { box-shadow: 4px 4px 4px #a2a2a2;}
	
	#content p {font-size: 1em; line-height: 1.3em; color: #383838;	}
	
   
	#footer p {	font-size: 1em;  /* 14 ÷ 16 */ }
	
	p.footTxt {width:80%;}



}


@media screen and (min-width: 200px) and (max-width: 799px) {
	p.big { font-size: 1.5em;text-align:left;margin:.5% 0 3% 1%; width:100%;}
	.foot > section {width:95%;}
	.foot > aside {width:95%;}

}
@media screen and (min-width: 300px) and (max-width: 640px) {
	#wrapper { 	margin: 0px;width: 100%; }
}
	


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


	#content img.cimg { box-shadow: 4px 4px 4px #a2a2a2;}
	#content { margin-top: 20px; width: 96%;margin: 2%;}
	
	#footer p {	font-size: .75em; /* 14 ÷ 16 */ }

}


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

	
	header a {
		text-decoration: none;
	}
	header h1 {text-align:left;margin-top:1%;font-size:1em;}
	
	header span {font-style:italic; font-size:.75em;}


	#content { margin-top: 20px; width: 96%;margin: 2%;}
			#footer p {	font-size: .75em; /* 14 ÷ 16 */ }


	.foot {margin-top:0;}
}

@media screen and (max-width: 768px) {
	#body {width: 97%; margin: 1%; padding: 0px; }	
	header {	height:120px;}
	header span { font-size:.5625em;}

	header img {width:150px;height:97px;} 
	
	#content { margin-top: 20px; width: 96%;margin: 2%;}
	#content h2 {font-size:1em; }
	#footer p {	font-size: .75em; /* 14 ÷ 16 */ }

	
}

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

  
	#content h1 {
		font-size: 2em; 
	}
	
	#content h2 {font-size:1.4em; }


}

/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 500px) {
	#banner img {width:22%;}
	#banner {background-image: url('../img/banner-star-bkg-small.png'); background-repeat: repeat;}

}

@media screen and (min-width:300px) and (max-width:855px)
{
	 .toph {box-shadow:none;min-height:50px;margin-top:3%;}
}


@media screen and (min-width: 600px) and (max-width: 800px) {
	.maincontent > section {
	    background: white;
	     width:90%; 
	border-radius:0;
	border:none;
	padding:5%;
	margin:1%;	
	float:none;
	}
	
	.maincontent > aside {
	    background:inherit;
	    width:94%;
	    float:none;
	    padding:1%; 
	  margin:1% auto 1% auto;
		 
	}
	
}

@media screen and (min-width: 200px) and (max-width: 599px) {
	.maincontent > section {
	    background:#fff;
	     width:90%; 
	border-radius:0;
	border:none;
	padding:5%;
	margin:1% 1% 2% 1%;	
	float:none;
	}
	
.maincontent > aside {
	/* display: none;	*/
	 width:90%;	
	float:none; 
	}

}


@media screen and (max-width: 854px) {  /* from 700 to 800 from 700 on 10/14/14 changed from 600 on 8/18/14 */

.plast {margin-bottom:2%;}  /* smaller bottom margin for no slideshow */

}

@media screen and (min-width: 855px) {  /* was 600 10/14/14 */

.logoimg {width: 600px; }
.toph {
margin-top: 2%;
height:30px; 

}
.plast {margin-bottom:5%;}  /* smaller bottom margin for no slideshow */

}