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; */
	font-family:TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  background-color: black; /* DarkKahki #BDB76B; tan:  #cc9966; */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b0b0b+0,646464+100 */
background: rgb(11,11,11); /* Old browsers */
background: -moz-linear-gradient(top, rgba(11,11,11,1) 0%, rgba(100,100,100,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(11,11,11,1) 0%,rgba(100,100,100,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(11,11,11,1) 0%,rgba(100,100,100,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0b0b', endColorstr='#646464',GradientType=0 ); /* IE6-9 */

}


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

.subtitle {font-variant:normal; font-size:.875em;color:#660000; font-style:italic;}

h2 { 
font-family: arial, serif;
	font-size: 1em;  
    margin-top:1%; 
	margin-bottom:1%;
	color: #660000;
/*	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: black; 
}

h3.hctr {
	text-align:center;
}


p { 
   line-height: 130%;
	color: #383838; 
	font-size: 1.25em; /* 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; }

td {font-size:1em;}

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

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

img {border:1px solid #999;margin:1%;}

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:#990033; /* #660000; */
	text-decoration:none; 
	/*transition: all 0.7s; */
	font-family:TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-size: 1em;  
}

a:visited {color: #990033; }

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



a.title {font-style:italic;}

a.uline { text-decoration:underline; }

a.side {color:black;text-decoration:underline;}
a.side:hover  {color:#999;}

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.big { font-size:1em; font-style:normal;}
a.big:hover { font-size:1em;}


a.bigSide { font-size:1em; color:black;}
a.bigSide:hover { font-size:1em; color:#999;}

a.ftrLnk {color:#fff;}
a.ftrLnk:visited {color:#fff;}
a.ftrLnk:hover  {color:#999;}

a.web {font-size:.875em;color:#333;font-family: 'arial', serif; }
a.web:hover  {color:#660033;}

#wrapper {
	margin: 0 auto 2% auto;
	width: 96%; /* Holding outermost DIV */
	/*max-width: 1306px; */
	max-width:1000px;
	background-color: #fffff0;

	border-top-left-radius:1em;
	border-top-right-radius:1em;

	border-bottom-left-radius:1em;
	border-bottom-right-radius:1em; 

}



header {
 /* opacity: 0.8; */
    background-repeat:no-repeat;
	border-top-left-radius:1em;
	border-top-right-radius:1em;
	
	text-align:left;
	margin:1% auto 0 auto;
	padding-left:0; /* 3%; */
	padding-right: 0; /* :3%; */
	
	width: 100%; /* 97.9166667% */
	height:250px;
	line-height:1;
	
}



header img {float:left;border:1px solid #333;width:147px;height:207px;margin:3% 3% 1% 3%;box-shadow: 3px 3px 5px #333;}

header a {
	color:#5c0801; /* #660000; */
	text-decoration:none; 
	/*transition: all 0.7s; */
	font-family:TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-size: 1em;  
}

/*
header h1 {font-family: 'arial', serif; font-style:normal; font-size:1.5em;color:#5c0801;text-align:left;margin-top:1%;margin-left:4%;letter-spacing: -1px;}
*/

header h1 {font-family: 'arial', serif; font-style:normal; font-size:1.5em;color:#5c0801;text-align:left;margin-top:1%;margin-left:4%;}


header  span { font-family:TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; color:#333; font-size:.875em;font-style:italic;line-height:1;}



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

.maincontent > section {
    background: inherit;
     width:54%; 
	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:33%;
	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: #333;
}

.maincontent > aside h2 {color:#333;}
.maincontent > aside p {color:#333;text-align:left;}

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

.subpage > section {
    background: inherit;
     width:90%; 
	padding:1% 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 */
}

.sideBox   {
	width:91%;height:auto;
	color:#333;
	box-shadow: 5px 8px 5px #999;
	padding:3%;
	width:90%; 
		
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#abc993+0,97b381+100 */
background: rgb(171,201,147); /* Old browsers */
background: -moz-linear-gradient(top, rgba(171,201,147,1) 0%, rgba(151,179,129,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(171,201,147,1) 0%,rgba(151,179,129,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(171,201,147,1) 0%,rgba(151,179,129,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abc993', endColorstr='#97b381',GradientType=0 ); /* IE6-9 */

}

.sideBoxImg {width:90%;height:auto;border:1px solid #999;margin-bottom:3%; } 
.sideBoxImg1 {width:90%;height:auto;border:1px solid #999;margin-bottom:1%; } 

.cases {font-style:italic;margin-bottom:2%;font-size:1em;border-top:1px solid #ccc;}
.casesFirst {font-style:italic;margin-bottom:2%;font-size:1em;}
h2.caseHdr {font-style:italic;margin-bottom:2%; }


@media screen and (max-width:600px) {
.sideBox {width:95%;}
}


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:4%;}
.indentsm {margin-left:2%;}
.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: #4c1130;
  background: -o-linear-gradient(top, #761a4a, #2b0a1b);
  background: -ms-linear-gradient(top, #761a4a, #2b0a1b);
  background: -webkit-linear-gradient(top, #761a4a, #2b0a1b);
  background: -moz-linear-gradient(top, #761a4a, #2b0a1b);
  background: linear-gradient(to bottom, #761a4a, #2b0a1b);
  box-shadow: inset 0 -3px 0 #1e0713, inset 0 -3px 3px #220816, inset 0 2px 2px #a42567, inset 1px 0 2px #2f0a1e, inset -1px 0 2px #2f0a1e, 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.06), 0 3px 3px rgba(0, 0, 0, 0.17), 2px 1px 2px rgba(0, 0, 0, 0.05), -2px 1px 2px rgba(0, 0, 0, 0.05);
	
/*	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%;font-size:1em;}
p.footTag {font-family: arial, serif; font-style:italic;color:white;font-size:1em;}

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

.linkedInImg {width:125px;height:32px;border:none;margin: 2% ; box-shadow:none;float:right;}
.linkedInImgFtr {width:44px;height:40px;border:none;margin: 2% ; box-shadow:none;float:right;}

.twitterImg { border:none; box-shadow:none; float:right;width:29px;height:29px;margin:1% 1% 1% 5px;}

.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;
}

p.copy {	font-size:.875em;font-family: 'arial', serif; }
.webref a { font-size:.625em; color:red;}

.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; */
}

.spacer {padding-left:20px;}

.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;margin:1% 2% 2% 0;}
	
.rtPic { float:right; width:300px;margin-left:1% 0 2% 2%;}

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;box-shadow:none;}
.medPic {width:300px;margin-bottom:2%;}
.contentPic {width:400px;}
.bigPic {width:500px;}
.portraitPic {width:200px;float:right;}
.LftSmallPic {width:125px;float:left;margin:2%;}
.RtSmallPic {width:125px;float:right;}
@media screen and (max-width:600px) {
   .lftPic {width:90%;float:none;}
   .rtPic {width:50%;}
   .medPic {width:85%;}
   .bigPic {width:90%;} 
.portraitPic {width:35%;}
	/* img.sideImg { width:60%;} */
}

@media screen and (min-width: 625px) and (max-width: 800px) {
.rtPic { float:right; width:250px;}
}

@media screen and  (max-width: 624px) {
.rtPic { float:none; width:97%;}
}

/* Media Queries */
@media screen and (min-width: 300px) and (max-width: 400px) {
   
	#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 (max-width: 600px) {
	header {	height:170px;margin-bottom:0;}
	header h1 {font-size:1em;margin:2% 0 0 2%;}

/*	header  span { font-size:inherit;line-height:1;} */

	header img {width:100px;height:141px;margin-top:4%;margin-bottom:5%;} 

   .linkedInImg {width:90px;height:23px;border:none;margin: 2% ; box-shadow:none;float:right;}
   	
	#footer p {	font-size: .75em; /* 14 ÷ 16 */ }

}

@media screen and (min-width: 600px) and (max-width: 800px) {
	#body {width: 97%; margin: 1%; padding: 0px; }	
/*	header {	height:135px;}
 header h1 {font-size:2em;margin:2% 0 0 0;}

header  span { font-size:.75em;line-height:1;}

	 header img {width:180px;height:89px;} */

	#footer p {	font-size: .75em; /* 14 ÷ 16 */ }

	
}


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

@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 */

.toph {
margin-top: 2%;
height:30px; 

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

}