/********* GENERAL BODY ELEMENTS *********/
body, p, div, a { font: 12px/15px Verdana, "Lucida Grande", Tahoma, Arial, sans-serif; color: #444; }
body { margin: 0 auto; padding-bottom: 20px; background-color: #fff; text-align: center; }
p { margin: 0 0 12px 0; padding: 0; text-align:left; }
a:link, a:visited { text-decoration: underline; }
a:hover { text-decoration: none;}
#horizontal_rule { margin: 20px auto; width: 300px; border-top: 1px solid #CAF2FF;}

/*********  GENERAL STYLES *********/
.block { display: block; }
.bold { font-weight: bold; }
.blue { color: #26527E; }
.noBorder { border: 0; }
.border2 { padding: 2px 0; border-width: 1px 0; border-style: solid; border-color: #999; }
.sideBorder { border-left: 1px solid #1C446C; border-right: 1px solid #1C446C; }
.boldBlue { color: #26527E; font-size: 14px; font-weight: bold; }
.marginAuto { margin: 0 auto; }
.marginTop26px { margin-top: 26px; }
.marginTop14px { margin-top: 14px; }
.marginTop8px { margin-top: 8px; }
.marginBottom26px { margin-bottom: 26px; }
.marginBottom12px { margin-bottom: 12px; }
.marginBottom8px { margin-bottom: 8px; }
.marginBottom4px { margin-bottom: 4px; }
.marginBottom2px { margin-bottom: 2px; }
.whiteBkg { background-color: #fff; }
.inlineImg { margin: 0 0 12px 15px; float: right; border: 1px solid #444; }
.floatRight { display: block; float: right; margin: 0 0 20px 12px; }
ul { text-align: left; }

/******* HEADER *******/
#header { margin: 0 0 12px 0; padding: 0; height: 70px; background-color:#233E59; text-align: center; }

/*******SIDE NAV*********/
a.sideNav { display: block; border-width: 0 0 2px 0; border-style: solid; border-color: #fff; padding: 6px 6px 6px 10px;  width: 163px; 
 font: 11px Verdana, "Lucida Grande", Tahoma, Arial, sans-serif; color: #fff;  font-weight: bold; vertical-align: middle; 
background-color: #2F5827; text-align: left; }
.sideNavContainer a:link, .sideNavContainer a:visited, .sideNavContainer a:hover { text-decoration: none; }
.sideNavContainer a:hover { background-color: #CDD6CB; color: #2F5827; font-weight: bold; }
a.last { border-bottom: 0; }
.indentedNavContainer { width: 179px; padding: 0; }
.indentedNav { display: block; border-width: 0 0 2px 0; border-style: solid; border-color: #fff; padding: 5px 6px 5px 31px;  width: 142px; 
 font: 11px Verdana, "Lucida Grande", Tahoma, Arial, sans-serif; color: #fff;  vertical-align: middle; 
background-color: #2F5827; text-align: left; }
a.indentedNav:hover { font-weight: normal; color: #1F3C1A; }

/******* HOME PAGE *******/

#homepageContent { margin: 2px auto 0 auto; width: 941px; background: #fff;}
#homepageMainColumn #introText p { font-size: 11px; line-height: 16px; }
#homepageLeft { padding: 0 12px 0 0; width: 179px; vertical-align: top;}
#contactUsHomepage { padding: 0 12px; height: 110px; }
#homepageLeftColImage { margin-bottom: 10px; }
#homepageMainColumn { padding: 0; vertical-align: top; } 

#homepageContentTop { margin: 2px auto 0 auto; width: 750px; background: #fff; }
#homepageContentTopLeft { padding: 0 20px 0 12px; vertical-align: middle; }
#homepageContentTopLeft p {line-height: 18px; }
#homepageContentTopRight { padding: 0; width: 177px; vertical-align: top; }

#homepageContentBottom { margin: 0 auto; width: 750px; background: #fff; }
#homepageContentBottom td { padding: 0 0 4px 0; vertical-align: top; width: 179px; }
.spacer { padding: 0; width: 12px; }

.homepageHighlight a { font-weight: bold; font-size: 11px; }
.homepageHighlight p { margin-bottom: 8px; font-size: 11px; }
.homepageHighlightContent { padding: 10px 12px 8px 12px;  }

#homepageHighlight1 { border-bottom: 1px solid #2F5827; background: #CDD6CB url(/images/homepage_highlight1_bkg.gif) repeat-y; }
#homepageHighlight1 p, #homepageHighlight1 a {  color: #2F5827; }
#homepageHighlight2 { border-bottom: 1px solid #233e59; background:#c8cfd5 url(/images/homepage_highlight2_bkg.gif) repeat-y;}
#homepageHighlight2 p, #homepageHighlight2 a { color: #233e59;}
#homepageHighlight3 { border-bottom: 1px solid #6c2e21; background:#dacbc7 url(/images/homepage_highlight3_bkg.gif) repeat-y;}
#homepageHighlight3 p, #homepageHighlight3 a { color: #6c2e21;}

#homepageContentBottom #homepageHighlight4 { border: 1px solid #1C446C; border-top: 0; width: 177px; font-size: 11px; }
#homepageHighlight4 p, #homepageHighlight4 a, #homepageHighlight4 div { font-size: 11px; text-align: left;}


/******* INTERNAL PAGES *******/
.internalPageContent { margin: 4px auto 0 auto; width: 780px; background: #fff;}
.internalPageLeft { padding: 0 0 12px 0; width: 179px; vertical-align: top; }
.contactUs { padding: 8px 8px 12px 8px; border: 1px solid #1C446C; border-top: 0; width: 161px; background-color: #fff;}
.contactUs div, .contactUs a { font-size: 11px; }

.internalPageMain { padding: 0 0 12px 20px; width: 581px; vertical-align: top; background: #fff; }

.pageHeadingBorder { margin: 0 0 18px 0; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 2px 0; }
.pageHeading { margin: 0; padding: 5px 0 0 0; background-color: #e3e3e3; height: 21px;  vertical-align: middle; }

#ermGrid { display: block; float: right; margin: 0 0 20px 12px; padding: 12px 0 0 0; }

/******** FOOTER *********/
.footer { margin: 16px auto 0 auto; border-top: 1px solid #ccc; padding: 12px 8px 17px 8px; width: 750px; text-align:center;  
font-size: 11px; color: #444; }
#footerHomepage { width: 925px; }

/********* FORM ELEMENTS *********/
.button { border: 1px solid  #3A4D60; font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #0262AC; background-color: #F2F6F8; } 
.inputbox { border: 1px solid; font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #514966; background: #FFFFFF; }

#emailFormTable { margin-bottom: 14px; width: 550px;  }
.emailFormLeft { padding: 6px 10px 6px 0; width: 155px; vertical-align: middle; font-weight: bold; color: #26527E; text-align: right; }
.emailFormRight { padding: 6px 0 6px 10px; width: 375px; vertical-align: middle; font-weight: bold; color: #26527E; text-align: left; }

.pageHighlightContainer { float: right; margin: 0 0 12px 14px; border: 1px solid #bdc5cd; border-left: 0; border-right: 0; padding: 3px 0; width: 180px; }
.pageHighlight { padding: 22px 12px; width: 156px; font-size: 14px; font-weight: bold; background: #f0f3f6; color: #3F5F80; text-align: center;  line-height: 20px;}

.pageHighlightContainerWide { float: right; margin: 0 0 12px 20px; border: 1px solid #bdc5cd; border-left: 0; border-right: 0; padding: 3px 0; width: 276px; }
.pageHighlightWide { padding: 16px 12px; width: 252px; font-size: 14px; font-weight: bold; background: #f0f3f6; color: #3F5F80; text-align: center;  line-height: 20px;}

/******** SPECIFIC PAGE FORMATTING *********/

/* OUR WORK */

#ourWorkTable { margin: 8px 0 0 0; width: 580px; border: 1px solid #ddd; }
.ourWorkLeftHead {  padding: 4px 8px; width: 189px; border-right: 1px solid #1C446C; text-align: center; vertical-align: middle; background: #1C446C; color: #fff; font-weight: bold;}
.ourWorkMiddleHead {  padding: 4px 8px; width: 92px; border-right: 1px solid #1C446C; text-align: center; vertical-align: middle; background: #1C446C; color: #fff; font-weight: bold;}
.ourWorkRightHead {  padding: 4px 8px; width: 189px;  text-align: center; vertical-align: middle; background: #1C446C; color: #fff; font-weight: bold;}
.ourWorkLeft { border-right: 1px solid #ddd;  padding: 8px; width: 189px; text-align: left; vertical-align: top; }
.ourWorkMiddle { border-right: 1px solid #ddd;  padding: 8px; width: 92px; text-align: left; vertical-align: top; }
.ourWorkRight {  padding: 8px; width: 248px;  text-align: left; vertical-align: top; }
.greyRow td { background: #ECF0F2; }

/* BUSINESS TRANSFORMATION */

#businessTransTable { margin: 8px 0 16px 0; width: 580px; border: 1px solid #ddd; }
.businessTransLeftHead {  padding: 4px 8px; width: 208px; border-right: 1px solid #1C446C; text-align: center; vertical-align: middle; background: #1C446C; color: #fff; font-weight: bold;}
.businessTransRightHead {  padding: 4px 8px; width: 340px;  text-align: center; vertical-align: middle; background: #1C446C; color: #fff; font-weight: bold;}
.businessTransLeft { border-right: 1px solid #ddd;  padding: 8px; width: 208px; text-align: left; vertical-align: top; }
.businessTransRight {  padding: 8px; width: 340px;  text-align: left; vertical-align: top; }
.greyRow td { background: #ECF0F2; }