/* june 2020 */

body	{
	background-color: #0F2557;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 62.5%; /* 10 px*/
	color: #150734;  /* dark bluish black */
}
p	{
	font-size: 1.2em;
	line-height: 1.4em;
}
li	{
	font-size: 1.2em;
}
li.indent	{
	margin-left: 25px;
}
ul.other {
	margin-top: -10px;
}
a	{
	text-decoration: underline;
	color: #3778c2;
	
}
a:visited	{
	text-decoration: underline;
/*	color: #4D4D80; */
}
a:hover	{
	color: #489fe1;
}
#container	{
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border: 1px solid #0f2557;
	background-color: #ffffff;


}
	/*** Top Nav  ***/
#top	{
	position: static;
	padding-top: 0.7em;
	height: 35px;
/*	border-bottom: 1px solid #b57a4e; */
	border-bottom: 1px solid #28559A;
	background-color: #3778c2;
}
#top img	{
	float: left;
	margin-left: 30px;
}
#top span	{
	/*	font-size: 1.5em; */
	font-size: 1.75em;
	font-weight: bold;
	/* float: right; */
/*	margin-top: 0.7em; */
	margin-top: 0.25em;
	/*	margin-right: 40px; */
	float: left;
	margin-left: 30px;
	color: #bdeaf4;
	
}
.tagline	{
	clear: both;
	width: 100%;
	background-color: #7ed5ea;
	border-bottom: 1px solid #4B9FE1;
	text-align: left;
	text-indent: 20px;
	padding-top:5px;
	padding-bottom: 4px;
	font-weight: bold;
	font-size: 1.1em;
	color: #150734;
}
#tabs	{
	clear: both;
	width: 100%;
}
#tabs ul	{
	text-align: right;
	list-style: none;
	padding: 0;
	padding-top: 4px;
	margin-top: 1px;
	margin-right: 10px;
}
#tabs li	{
	display: inline;
	font-size: 1.1em;
	font-weight: bold;
}
#tabs a:link, #tabs a:visited	{
	text-decoration: none;
	border-top: 1px solid #7ed5ea;
	border-left: 1px solid #3778C2;
	border-right: 1px solid #3778C2;
	border-bottom: 1px solid #3778C2;
	background-color: #4b9fe1;
	color: #DAF3F9;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 3px;
}
#tabs a:hover	{
	background-color: #3778c2;
	color: #F5FCFD;
}
	/* end Top Nav */

.clear	{
	height: 20px;
	clear: both;
}
	/*** HEADER ***/
#header	{
	height: 3em;
}
#header .right	{
	float: right;
	margin-right: 10em;
	margin-top: 1em;
	font-weight: bold;
	font-size: 1.1em;
}
#header h1	{
	float: left;
	margin-left: 1.5em;
	margin-top: 0.1em;
	font-size: 1.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 4px;
	color: #63BCE5;

}
.rule	{
	height: 0.1em;
/*	clear: both;  */
	border-bottom: 1px dotted #9E9EAD;
	margin-left: 2em;
	margin-right: 1.5em;
}
	/*** Main Content Structure Styles ***/
#main	{
/*	position: static; */
	width: 100%;
}
#content	{
	margin-left: 40px;
	margin-right: 20px;
	margin-bottom: 10px;
}
#contentHome	{
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 10px;
	position: relative;
}

/* Home Page Content Columns */
.oi       		{}             
.leftcol       {position: absolute;}
.leftcol .oi  	{
	width: 200px;
	min-height: 100px;
	margin: 0; 
	font-size: 1.4em;
	font-weight: bold;
	color: #4B9FE1;
	text-align: right;
}
.rightcol      {}
.rightcol .oi	{
/*	min-height: 100px; */
	margin-left: 225px;
}
.rightcol ul	{
	margin-top: -3px;
}
.rightcol li	{
	list-style: url(images/checkmark.png);
	margin-left: -25px;
}
.oi p	{
	font-size: 1.2em;
}

/* end column styles */
#content li	{
	list-style: circle;
	line-height: 1.5em;
}

	/*** Text Styles ***/

h2	{
	font-size: 1.4em;
/*	color: #7A7AB8; */
/*	color: #2AAAB3; */
	color: #3778C2;
	line-height: .8em;
}
h3	{
	font-size: 1.2em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
/*	color: #7A7AB8; */
/*	color: #2AAAB3; */
	color: #3778C2;
}

.caption	{
	font-size: 1em;
	color: #333333;
	font-weight: bold;
}
/*** Portfolio Styles ***/
.portfolio	{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
}
.jumplinks	{
	font-variant: small-caps;
/*	font-weight: bold; */
	font-size: 1.3em;
}
.sectionHead	{
	font-size: 1.3em;
	color: #28559A;
	font-weight: bold;
	border-top: 1px solid #9E9EAD;
	padding-top: 2px;
	padding-bottom: 0;
}
.portfolio table	{
	width: 100%;
}
.portfolio table.content{
	margin-left: 20px;
	margin-right: 20px;
}
.portfolio table.content td	{
	width: 30%;
	vertical-align: top;
	padding-left: 5px;
/*	padding-top: 5px; */
	font-size: 1.2em;
}
.portfolio table.content td p	{
/*	font: bold small-caps 1.1em Verdana, Arial, Helvetica, sans-serif; */
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0;
	margin-top: 10px;
}
.portfolio span.name {
/*	font: bold small-caps 1.1em Verdana, Arial, Helvetica, sans-serif; */
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
/*	color: #000000; */
/*	color: #150734; */
	color: #0F2557;
}
.portfolio table.content td.apps	{
	width: 50%;
	vertical-align: top;
	padding-left: 5px;
	padding-top: 5px;
	font-size: 1.2em;
}
.portfolio table.content td.apps p	{
/*	font: bold small-caps 1.1em Verdana, Arial, Helvetica, sans-serif; */
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0;
	margin-top: 5px;
}
.portfolio table.content td a, a:visited	{
	text-decoration: underline;
	font-size: .9em;
}
.portfolio table td.thumbnail	{
	width: 20%;
/*	width: 150px; */
	vertical-align: top;
	padding-left: 0;
	padding-top: 0;
}
.portfolio table td.thumbnail img	{
	border: 1px solid #4D4D80;
}

	/*** Portfolio Page Styles ***/
.portfolioPg	{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
}
.breadcrumb	{
/*	font-size: 1.2em; */
	font-size: 1em; 
/*	font-weight: bold;  */
/*	font-variant: small-caps;  */
/*	color: #4D4D80; */
	color: #2AAAB3;
}
.breadcrumb a:link, a:visited{
	font-size: 1em;
	text-align: left;
}

.portfolioPg table	{
	width: 100%;
}
.portfolioPg table td	{
	vertical-align: top;
	width: 50%;
 	text-align: center;
/*	padding-bottom: 5px; */
	padding-bottom: 8px;
}
.portfolioPg table td.section	{
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	border-top: 1px solid #CCC;
	padding-top: 6px;
	padding-bottom: 5px;
}

.portfolioPg table td.section2	{
	/*	font-size: 1em; */
	font-size: 1.1em;

}

.portfolioPg table td img	{
	border: 1px solid #666666;
}
.portfolioPg table td.left	{
	text-align: left;
}
.portfolioPg table td img.montage	{
	border: 0;
}
		/* Portfolio Pg Style 2 */
.portfolioPg2	{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
}
.breadcrumb	{
/*	font-size: 1.3em; */
	font-size: 1.4em;
/*	font-weight: bold; */
/*	font-variant: small-caps; */
	color: #4D4D80;
}
.portfolioPg2 table	{
	width: 100%;
}
.portfolioPg2 table td	{
	vertical-align: top;
	padding-bottom: 5px;
	padding-right: 10px;
	text-align: left;
}

hr	{
	color: #9E9EAD;
	height: 1px;
}