
body     { background-color: #FFFFFF; color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 11px; }
	
/* ********************************* */
/*                                   */
/*            MENU STYLES            */
/*                                   */
/* ********************************* */

/* Arial, Helvetica, sans-serif */
/* Palatino, Palatino Linotype, Times New Roman, serif */

.menuCell           { background-color: #003366; }
.horizMenuCell      { background-color: #B0B579; }
.dropMenuCell       { background-color: #B0B579; padding-left: 2px; border: 1px #FFFFFF solid }
.dropMenuCell:hover { background-color: #424C3D; }

.xmenu            { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 11px; font-weight: bold; text-decoration: none;  padding-right: 8px; padding-left: 8px; padding-top: 3px; padding-bottom: 3px; }
.xmenu:hover      { color: #F0F0F0; background-color: #1A4876; padding-right: 8px; padding-left: 8px; padding-top: 3px; padding-bottom: 3px; }
.dropMenu        { color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size:  9px; line-height: 15px; font-weight: bold; text-decoration: none; border: 4px }
.dropMenu:hover  { color: #ffffff; }


/* ********************************* */
/*                                   */
/*            AREA STYLES            */
/*                                   */
/* ********************************* */

.menuArea        { background-color: #003366; }
.taglineArea     { background-color: #C6C6C6; color: #000000; padding: 0px; }
.pictureArea     { background-color: #ffffff; height: 106px; }
.stripeArea      { background-color: #848484; }
.thirdStripeArea { background-color: #9D9D9D; color: #ffffff; padding: 15px; font-size: 12px; font-weight: bold; text-align: top; }
.leftStripeArea  { background-color: #C6C6C6; }

.textArea        { background-color: #FFFFFF; width: 660px; padding: 10px 34px 10px 34px; }
.textArea2  	 { background-color: #FFFFFF; padding: 10px; }
.textAreaGrey    { background-color: #F6F6F6; padding: 10px; }

.caseStudyBox           { background-color: #315B84; background-image: url(/usr_images/box-background.gif); padding: 20px; border-top: 3px solid #142D4B; border-bottom: 10px solid #142D4B; border-right: 1px solid #142D4B; border-left: 1px solid #142D4B; }
.caseStudyBold          { color: #ffffff; font-size: 14px; line-height: 18px; font-weight: bold; text-transform: uppercase; text-align: top; }
.caseStudyBox .caseStudyLink          { color: #ffffff; text-decoration: none; }
.caseStudyBox .caseStudyLink:hover    { color: #ffffff; text-decoration: underline; }

#BOX_733 b              { color: #CCCCCC; font-weight: bold; }
#BOX_737 b              { color: #CCCCCC; font-weight: bold; }

/* ********************************* */
/*                                   */
/*            TEXT STYLES            */
/*                                   */
/* ********************************* */

.quote                 { color: #09357A; font-family: Arial, sans-serif; font-size: 16px; line-height: 20px; font-weight: bold; text-align: center}
.title                 { color: #666666; font-family: Arial, sans-serif; font-size: 18px; line-height: 22px; font-weight: bold; }
.subTitle              { color: #000000; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px;font-weight: bold; }

.header                { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #666666; 
                         padding-right: 15px; padding-top: 5px; padding-bottom: 5px; text-decoration: none; }
.footer                { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #ffffff; 
                         padding-left: 20px; padding-top: 5px; padding-bottom: 5px; text-decoration: none; }
.copyright             { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #ffffff; 
                         padding-right: 20px; padding-top: 5px; padding-bottom: 5px; text-decoration: none; float: right; }

.bodyText              { display: block; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; }
.bodyText b            { color: #000000; font-weight: bold; }
.bodyText strong       { color: #666666; font-family: Palatino, Palatino Linotype, Times New Roman, serif; font-size: 16px; font-weight: bold; }
.bodyText a            { color: #003366; text-decoration: none; }
.bodyText a:hover      { color: #003366; text-decoration: underline; }
.bodyText h1           { color: #0F1C34; font-family: Palatino, Palatino Linotype, Times New Roman, serif; font-size: 15px; line-height: 19px; letter-spacing: 0.05ex; font-weight: bold; position: relative; top: -10px;}



.releaseDate           { color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: right; font-size: 12px; line-height: 15px; font-weight: normal; vertical-align: top; text-decoration: none}
.releaseTitle          { color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: left;  font-size: 12px; line-height: 15px; font-weight: normal; vertical-align: top; text-decoration: none; padding-bottom: 8px; }
.releaseTitle a        { color: #003366; font-family: Arial, Helvetica, sans-serif; text-align: left;  font-size: 12px; line-height: 15px; font-weight: normal; vertical-align: top; text-decoration: none}
.releaseTitle a:hover  { color: #003366; font-family: Arial, Helvetica, sans-serif; text-align: left;  font-size: 12px; line-height: 15px; font-weight: normal; vertical-align: top; text-decoration: underline}

.releaseHeader         { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding-top: 5px;}
.releaseHeader b       { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
.releaseHeader strong  { color: #003366; font-family: Palatino, Palatino Linotype, Times New Roman, serif; font-size: 16px; font-weight: bold; }
.releaseHeader a       { color: #003366; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; }
.releaseHeader a:hover { color: #003366; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: underline; }

.formTextBad           { color: #CC0000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px;}
.formText              { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px;}

.titleBox              { 
                         background-color: #EEEEEE;  
                         margin-top: 0px; padding-top: 10px; padding: 10px;
                       }
                       
.siteMap0              { display: block; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 10px; }
.siteMap2              { display: block; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-left: 20px; }
.siteMap4              { display: block; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding-left: 40px; }

			
/* ********************************* */
/*                                   */
/*            PART STYLES            */
/*                                   */
/* ********************************* */


/* Titles */
.titleBoxTRB     { background-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: 003344; border-right-width: 1px; border-right-style: solid; border-right-color: 003344; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: 003344; }
.titleBoxTRL     { background-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: 003344; border-right-width: 1px; border-right-style: solid; border-right-color: 003344; border-left-width: 1px;   border-left-style: solid;   border-left-color: 003344; }
.titleBoxTR      { background-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: 003344; border-right-width: 1px; border-right-style: solid; border-right-color: 003344; }
.titleBoxT       { background-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: 003344; }
  
.titleBoxTRLTitle { padding-left: 8px; padding-top: 3px; padding-right: 8px; padding-bottom: 1px; background-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: 003344; border-right-width: 1px; border-right-style: solid; border-right-color: 003344; border-left-width: 1px;   border-left-style: solid;   border-left-color: 003344; }
.titleBoxTRLText  { padding: 8px; background-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: 003344; border-right-width: 1px; border-right-style: solid; border-right-color: 003344; border-left-width: 1px;   border-left-style: solid;   border-left-color: 003344; }

.titleBoxTitle        { color: #003344; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 10px; font-weight: bold;   text-decoration: none; }

.titleBoxText         { color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 10px; font-weight: normal; text-decoration: none; }
.titleBoxText b       { color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 10px; font-weight: bold;   text-decoration: none; }
.titleBoxText strong  { color: #003344; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 10px; font-weight: bold;   text-decoration: none; }
.titleBoxText a       { color: #003366; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 10px; font-weight: normal; text-decoration: none; }
.titleBoxText a:hover { color: #003366; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 10px; font-weight: normal; text-decoration: underline; }

.tableCell            { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.tableCell b          { color: #000000; font-weight: bold; }
.tableCell strong     { color: #666666; font-family: Palatino, Palatino Linotype, Times New Roman, serif; font-size: 16px; font-weight: bold; }
.tableCell a          { color: #003366; text-decoration: none; }
.tableCell a:hover    { color: #003366; text-decoration: underline; }
			

.tableHeader                    { background-color: #666666; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; }
.tableCellPortfolio             { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; }
.tableCellPortfolio a           { color: #003366; text-decoration: none; }
.tableCellPortfolio a:hover     { color: #003366; text-decoration: underline; }

.boldGreyText                   { color: #999999; font-weight: bold; }

/***************************************/
/************* PRINT STYLES ************/
/***************************************/

#noPrint { display: block; }
#print { display: none; }

#printLink {
	position: absolute; 
	visibility: visible;
	text-align: right;
	z-index: 20;
	height: 17px; 
	width: 145px;
	left: 600px; 
	top: 40px; 
}

#printLink a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #003366;
	font-size: 11px;
}


/****************************************************/
/************* PORTFOLIO AND TEAM STYLES ************/
/****************************************************/


.portfolioArea {
  	width: 700px;
  	background-color: #FFFFFF;
  	padding: 8px 20px 20px 20px;
	color: #333333;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	text-align: left;
	text-transform: none;
	text-decoration: none;
}

.portfolioArea a {
	color: #003366;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
}

.portfolioArea strong {
	color: #003366;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
}

.portfolioArea .comingSoon {
	color: #CCCCCC;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	text-transform: none;
	text-decoration: none;
}

div.shiftUp {
  position: relative;
  bottom: 20px;
  margin: 0 auto;
  padding: 0;
}

div.row {
	clear: both;
	position: relative;
	width: 660px;
	text-align: center;
}

div.row .headerLeft {
	position: relative;
	float: left;
	text-align: left;
	background-color: #003366;
	padding: 3px 0px 0px 2px; 
}

div.row .headerLeft a {
	font-family: Arial Black, Impact, sans-serif; 
	color: #FFFFFF; 
	font-weight: normal;
	font-size: 11px; 
	line-height: 11px;
	text-transform: uppercase;
	text-decoration: none;
}

div.row .headerRight {
	position: relative;
	float: right;
	text-align: right;
	background-color: #003366;
	padding: 5px 5px 0px 0px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #B7D0D8; 
	font-weight: normal;
	font-size: 9px; 
	line-height: 9px;
	text-transform: none;
	text-decoration: none; 
}

div.row .columnTitle {
	position: relative;
	float: left;
	background-color: #DDDDDD;
	font-family: Arial, Helvetica, sans-serif; 
	color: #666666; 
	font-weight: bold;
	font-size: 10px; 
	line-height: 10px;
	text-transform: uppercase;
	text-decoration: none; 
}

div.row .tableItem {
	position: relative;
	width: 148px;
	height: 85px;
	float: left;
	vertical-align: bottom;
	border-bottom: 1px solid #999999;
	padding: 5px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #666666; 
	font-weight: normal;
	font-size: 11px; 
}

div.row .tableItem2 {
	position: relative;
	float: left;
	border-top: 1px solid #DDDDDD;
	background-color: transparent;
	padding: 2px 0px 2px 10px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #666666; 
	font-weight: normal;
	font-size: 11px; 
	text-align: left;
}

div.row .tableItem2 a {
	color: #003366;
	font-size: 11px;
	font-weight: normal;
}

div.row .tableItem2Gray {
	position: relative;
	float: left;
	border-top: 1px solid #DDDDDD;
	background-color: transparent;
	padding: 2px 0px 2px 10px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #CCCCCC; 
	font-weight: normal;
	font-size: 11px; 
}

div.row .tableItem3 {
	position: relative;
	float: left;
	background-color: transparent;
	padding: 2px 0px 2px 10px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #666666; 
	font-weight: normal;
	font-size: 11px; 
	text-align: left;
}

div.row .tableItem3 a b {
	font-weight: bold;
	font-size: 11px; 
	color: #003366;
	text-transform: uppercase;
}

div.row .tableItem3 strong {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 11px; 
	color: #000000;
	text-transform: uppercase;
}

div.row .tableItem3Gray {
	position: relative;
	float: left;
	background-color: transparent;
	padding: 2px 0px 2px 10px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #CCCCCC; 
	font-weight: normal;
	font-size: 11px; 
}

div.row .tableItem3Gray b {
	font-weight: bold;
	font-size: 11px; 
	text-transform: uppercase;
}

div.row .tableSpacer {
	position: relative;
	width: 9px;
	float: left;
}

.note {
	position: relative;
	float: left;
	padding: 0px 5px 0px 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #999999; 
	font-weight: normal;
	font-size: 9pt; 
}

.dropTextHide   { display: none; margin: 0px 0px; }
.dropTextShow   { display: block; margin: 0px 0px; }


/************* POP-UP STYLES ************/

.container-popup {
	padding: 20px 20px 20px 30px;
}

.popupLeftSpacer {
  	background-color: #E3E3E3;
  	width: 10px;
}

.popupLeft {
  	background-color: #FFFFFF;
  	padding: 20px 20px 80px 30px;
  	border-right: 1px solid #B0B3B3;
  	border-left: 1px solid #B0B3B3;
	color: #333333;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	text-align: left;
	text-transform: none;
	text-decoration: none;
}

.popupLeft a {
	color: #003366;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
}

.popupLeft h1 {
	position: relative;
	color: #333333;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0.07ex;
	margin: 0px auto;
}

.popupRight {
  	background-color: #E3E3E3;
  	padding: 20px 30px 20px 20px;
	color: #333333;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	text-align: left;
	text-transform: none;
	text-decoration: none;
}

.popupFooter {
  	background-color: #FFFFFF;
  	border-bottom: 0px solid #003366;
  	padding: 30px 0px 0px 0px;
}


/************* FOOTER ************/

.footerArea {
	background-color: #848484;
	padding-top: 5px;
	padding-bottom: 5px;
}

.footerArea a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	padding-left: 10px;
	text-decoration: none;
}

.footerArea .footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	padding-left: 10px;
	text-decoration: none;
}


.footerArea .copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	padding-right: 20px;
	text-decoration: none;
	float: right;
}

.footerArea2 {
	width: 660px;
	background-color: #B0B3B3;
	border-top: 4px solid #004090;
	padding-bottom: 2px;
}

.footerArea2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0B4499;
	padding-left: 10px;
	text-decoration: none;
}

.outerFooterArea {
  	padding: 10px 25px 20px 25px;
  	width: 702px; 
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	text-align: center;
	text-transform: none;
	text-decoration: none;
}

