/* Copyright Elbel Consulting Services / Fred Elbel 2008. All rights reserved */
/* Full css: color scheme: dark blue */

HTML { margin: 0; padding: 0; }

body {  /* coordinate with following hack */
	margin:  0; 
	padding: 0; 
	/* the following is redefined in color subset css files: */
	background-image: url(../images/ecs2_banner_background_dark_blue.png);
	background-repeat: repeat-x;
	font-family: arial, helvetica, verdana, geneva, sans-serif;	
}

	
/* NS4 & IE3 hack: tables truncate style application - match Body above */
p, address, blockquote, body, div, dl, ol, pre, span, ul, li {
	font-family: arial, helvetica, verdana, geneva, sans-serif;	
	color: #000000; /* #00003D; */
}

a:link    { color: #3A6FC9; }
a:visited { color: #3A6FC9; } 
a:hover   { color: #0099FF; }
/* a:active  { color: #0099FF; } */
/*
a:link    { color: #330099; }
a:visited { color: #0099FF; } 
a:hover   { color: #D91900; }
*/


p  { 	font-size: 12px; }

h1, h2, h3, h4, h5, h6 {
	/* font-family: arial, helvetica, verdana, geneva, sans-serif;	*/
	font-family: helvetica, arial, verdana, geneva, sans-serif;
	color: #55A497; /* #141663; */
}
h1  {	font-size: 17px; font-weight: 800; margin: 32px 0px 20px 0px; }
h2  { font-size: 16px; font-weight: 700; margin: 40px 0px 20px 0px;}
h3  { font-size: 15px; font-weight: 600; }
h4  { font-size: 14px; font-weight: 600; }
h5  { font-size: 12px; font-weight: 600; font-style: italic; }
h6  { font-size: 9px;  font-weight: 600; font-style: italic; }

.topHeading {
	margin-top:  0px;
	padding-top: 0px;
}


table#mainContainer {
}

td.bannerTop {
	margin:  0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	background-color: #ff0000;  

}
img#ecsLetterBoxes {
	margin: 30px 60px 2px 0px;
	padding: 0; 
	float: right;
}



/* page right panel banner top heading area */

td#bannerRightPanelTop {
	margin: 0; padding: 0; 
	/* the following is redefined in color subset css files: */
	background-image: url(../images/ecs2_banner_right_panel_top_dark_blue.gif);
	background-repeat: no-repeat;
}
td#bannerRightPanelBottom {
	margin: 0; padding: 0;
	/* the following is redefined in color subset css files: */
	background-image: url(../images/ecs2_banner_right_panel_bottom_dark_blue.jpg);
	background-repeat: no-repeat;
}

div#bannerHeading {
	margin: 35px 0px 0px 44px;
	padding: 0;
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;	
	font-size: 18px;
	color:  #052282;
}
div#bannerHeading h1 {
	font-family: arial, helvetica, verdana, geneva, sans-serif;	
}
div#bannerSubheading {
	margin: 10px 0px 0px 44px;
	padding: 0;
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;	
	font-size: 13px;
	color: #052282;
}
div#bannerDate {
	margin: 8px 0px 0px 420px;
	font-size: 11px;
	color: #939BD7;
}

/* page right panel banner bottom area */

div#brpBottom {
	width: 510px;
	margin:  22px 0px 0px 50px; 
	padding:  0px;
	}
div#prbBottomText {
	height: 132px; /* to position postfolio nav line */
}
div#brpBottom h1  {	
	margin:  0px 0px 10px 0px;
	padding: 0;
	font-size: 14px; 
	font-weight: 800; 
	color: #000000; /* #052282; */
	letter-spacing: 1.5px;
}
div#brpBottom p {
	margin:  0px 0px 10px 0px;
	padding: 0;
	font-size: 12px;
	color: #000000; /* #052282; */
	letter-spacing: 1.0px;
}



div#topLeftNav {
	padding: 14px 60px 0px 8px;
}
.topLeftNavItem	{
	margin: 8px 0px 9px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	font-family: Geneva, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	letter-spacing: 1.1px;
	text-align: right;
}
.topLeftNavItem a:link    { color: #ffffff; text-decoration:none; }
.topLeftNavItem a:visited { color: #ffffff; text-decoration:none; } 
.topLeftNavItem a:hover   { color: #ECFF14; text-decoration:none; }
.topLeftNavItem a:active  { color: #ffffff; text-decoration:none; }



div#midLeftNav {
}
.midLeftNavItem	{
	margin: 4px 0px 4px 0px;
	padding: 0px 15px 0px 0px;
	display: block;
	font-family: Geneva, Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	letter-spacing: 1.1px;
	text-align: right;
}
/*  #56697D; */
.midLeftNavItem a:link    { color: #2556A9; text-decoration:none; }
.midLeftNavItem a:visited { color: #2556A9; text-decoration:none; } 
.midLeftNavItem a:hover   { color: #0018F4; text-decoration:none; }
.midLeftNavItem a:active  { color: #2556A9; text-decoration:none; }

div#midLeftText {
	padding: 0px 18px 0px 0px;
}
div#midLeftNav p.rightText {
	margin: 4px 18px 3px 0px;
	text-align: right;
	color: #2F599F;
}


div#midBannerNav {
	padding: 10px 0px 0px 0px;
}
.midBannerNavItem	{
	margin: 4px 25px 3px 0px;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
}
.midBannerNavItem a:link    { color: #884649; text-decoration:none; }
.midBannerNavItem a:visited { color: #884649; text-decoration:none; } 
.midBannerNavItem a:hover   { color: #0018F4; text-decoration:none; }
.midBannerNavItem a:active  { color: #884649; text-decoration:none; }

div#colorSelect {
	margin:  5px 0px 0px 0px;
	padding: 0px;
}
span.colorSelectText {
	font-size: 9px;
}

/* main content */

td#pageLeftSide {
	margin: 0; padding: 0;
}
div#plSide {
	margin: 40px 40px 2px 50px; 
	padding: 0;
}


/* page right panel main content area */

td#pageRightPanelContent {
	margin: 0; padding: 0;
	background-image: url(../images/ecs2_page_right_panel_mid.png);
	background-repeat: repeat-y;
}

div#prpContent {
	width: 520px;
	margin:  40px 0px 2px 50px; 
	padding: 0;
}
div#prpContent p {
	font-size: 14px;
	line-height: 18px;
	/* css glitch: color here overrides lexically lower colors */
	padding: 0px 20px 0px 0px;
}

/* right side bottom border */
td#pageRightPanelBottom {
	margin: 0; padding: 0;
	background-image: url(../images/ecs2_page_right_panel_bottom.png);
	background-repeat: no-repeat;
}


table.portfolioMain {
	border: 1px solid #eeeeee;
	margin: 12px 0px 18px 0px;
	padding: 0;
	background-color: #fafafa;
}
table.portfolioMain img {
	margin: 6px 10px 6px 10px;
}


table.portfolioWebsite {
	border: 1px solid #eeeeee;
	margin: 12px 0px 26px 0px;
	padding: 0;
	background-color: #fafafa;
}
td.portfolioImage {
	border: 0;
	margin: 0;
	background: url(../images/ecs2_portfolio_img_bg_lgray8.png);
}
td.portfolioImage img {
	border: 0;
	margin: 12px 13px 8px 12px;
	padding: 0;
}
div.portfolioText { 
   width: 230px; 
	float: right;
	margin: 0;
	padding: 12px 12px 12px 12px;
	font-size: 11px;
}
div.portfolioText div.title {
	margin:  0px 0px 10px 0px;
	padding: 0;
	font-size: 14px;
}
div.referral {
	margin: 10px 10px 10px 20px;
}
div.referral p {
	margin: 4px 0px 4px 0px;
	padding: 0;
	font-size: 12px;
	color: #672C15; /* #7A633E; */
}
div.referral span.referralBy {
	padding: 0px 0px 0px 30px;
	color: #672C15;
	font-style: italic;
}
div.referral p.referralBy {
	padding: 0px 60px 0px 00px;
	color: #672C15;
	text-align: right;
	font-style: italic;
}



div.rightThumbnail { 
   width: 130px; 
	float: right;
	margin: 0;
	padding: 2px 12px 12px 12px;
	font-size: 11px;
}
div.rightThumbnail img {
	border:0;
	display: block;
}
div.centerPullOut {
	margin: 10px 40px 30px 40px;
	border-top: 2px solid #666666;
	border-bottom: 2px solid #666666;
}
div.centerPullOut p {
	
}

.large { font-size: 14px; }
.larger { font-size: 16px; }
.largest { font-size: 18px; }
.small { font-size: 10px; }
.smaller { font-size: 9px; }
.smallest { font-size: 8px; }

.highlight {
	color: #141661;
	font-weight: 700;
}
.important {
	text-decoration: underline;
}
.quote {
	margin: 20px 20px 10px 40px;
	font-size: 11px; 
	color: #572811;
}
.quoteBy {
	margin: 10px 20px 30px 56px;
	font-size: 11px; 
}
.term {
	color: #996666;
	font-weight: 600;
}
span.trademark, span.tm {
	font-size: 8px;
	vertical-align: super;
}
sup {font-size: 0.75em; line-height: 0.5em}  
.signature {
	margin: 36px 0px 0px 0px;
	font-family: 'Tempus Sans ITC','Lucida Calligraphy', 'Bradley Hand ITC', cursive, 'Times New Roman', Times, serif;
	font-size: 12px;
	text-align: center;
	color: #111060;
}
img.floatLeftImage {
	float: left;
	margin: 4px 20px 10px 0px;
	display: inline;
}
img.floatrightImage {
	float: right;
	margin: 4px 0px 10px 20px;
	display: inline;
}

ol, ul {
	margin-bottom: 26px;
}
ol li {  /* li implementation is buggy in old browsers */
	margin: 2px 40px 2px 20px;
	padding: 0;
	font-size: 14px;
	line-height: 18px;
	list-style-position: outside;
	/* display: block; causes ns7 to drop enumeration */
	list-style-type: decimal;
}
ul li {  
	margin: 2px 40px 2px 20px;
	padding: 0;
	font-size: 14px;
	line-height: 18px;
	list-style-position: outside;
	/* display: block; causes ns7 to drop enumeration */
	list-style-type: square;
	list-style-image: url(../images/square_li_14px_font.gif);
}
ul.mediumSpaced li, ol.mediumSpaced li {
	margin: 8px 40px 8px 20px;
}
ul.questionnaire, ol.questionnaire {
	padding: 20px 0px 30px 0px;
}
ul.questionnaire li, ol.questionnaire li {
	margin: 12px 40px 8px 20px;
	color: #5B0F0F;
}
div.liVspace {
	font-size: 3px;
}

table.answerScale {
	width: 440px;
	margin: 10px 0px 30px 2px;
	padding: 2px 2px 3px 2px;
	border: 1px dashed #999999;
	font-size: 11px;
}
table.answerScale tr td {
	padding: 0px 10px 0px 10px;
	text-align: center;
}
table.answerScale tr td.left {
	text-align: left;
}
table.answerScale tr td.mid {
	text-align: center;
}
table.answerScale tr td.right {
	text-align: right;
}


div.explanation {
	margin: 2px 10px 10px 30px;	color: #661111;
}
div.explanation p {
	margin: 1px 0px 10px 0px;
	padding: 0;
	font-size: 12px;
	color: #661111;
}
div.explanationECS {
	margin: 2px 10px 10px 30px;
}
div.explanationECS p {
	margin: 1px 0px 10px 0px;
	padding: 0;
	font-size: 11px;
	color: #116611;
}

div#ecsBlurb {
	background-image: url(../images/ecs_blurb_background.gif);
	background-repeat: no-repeat;
	border: 1px solid #994444;
	margin:  30px 20px 6px 15px;
	padding: 5px 19px 5px 19px;
}
div#ecsBlurb p {
	margin:  0;
	padding: 6px 0px 6px 0px;
	color: #661111;
	font-size: 12px;
	line-height: 16px;
}

div#bottomNotes {
	margin: 35px 0px 40px 0px;
	text-align: center;
	font-size: 9px;
	color: #999999;
}

div#bottomLinks {
	margin: 35px 0px 40px 0px;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}



table.contactform {
	background: #FFFFEB; 
	border: 1px solid #dddddd;
}
td.formField {
	font-size: 10px;
}
div.formSubmit {
	margin-top: 20px;
	margin-bottom: 20px;  	
	font-size: 10px;
	text-align: center;
}
input:focus {
	background-color: #FFFFE3;
}