/********* GENERAL BODY ELEMENTS *********/
body { margin: 0 auto; text-align: center; background-color: #E8E5D9; background-image:url(/images/general/page_bkg.gif); }
body, p, div, a, td, ul { font: 11px/15px Verdana, Arial, "Lucida Grande", Helvetica, sans-serif;  color: #4D5354; }
p { margin: 0 0 12px 0; }
p#footnote { font-size: 10px; }
#footnote a { font-size: 10px; }
h1 { margin: 0 0 14px 0; padding: 0; color:#343A3B; font-size: 17px; line-height: 20px; font-weight: bold; 
font-family: "trebuchet ms", tahoma, verdana, arial, "Lucida grande"; }
h1.marquee { margin: 0; text-align: center; color: #DBDAC5; font: bold 11px/20px Verdana, "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; 
letter-spacing: 3px; background-color: #445358;  padding-top: 3px; height: 21px; }
h1.pageHeading { margin: 0; padding: 6px 0 5px 0; text-align: center; color: #E4E1BD; height: 14px; font: bold 14px/14px Verdana, "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; letter-spacing: 3px; background-color: #445358;  }
h2 { margin: 0 0 12px 0; padding: 0; color: #5B5B4F; text-align: left; font: bold 14px arial, helvetica, sans-serif; }
h3, h3 a { margin-bottom: 12px; padding: 0; color:#343A3B; font-size: 15px; font-weight: bold; 
font-family: "trebuchet ms", tahoma, verdana, arial, "Lucida grande"; }
h4, h4 a {margin-bottom: 4px; padding: 0; color:#343A3B; font-size: 15px; font-weight: bold; 
font-family: "trebuchet ms", tahoma, verdana, arial, "Lucida grande"; }
h5 {  margin-bottom: 12px; padding: 0; c olor:#343A3B; font-size: 13px; font-weight: bold; 
font-family: "trebuchet ms", tahoma, verdana, arial, "Lucida grande";}
h6 {  margin-bottom: 2px; padding: 0; color:#343A3B; font-size: 13px; font-weight: bold; 
font-family: "trebuchet ms", tahoma, verdana, arial, "Lucida grande";}
a:link, a:visited { text-decoration: underline; }
a:hover { text-decoration: none;}
#horizontalRule { margin: 20px auto; width: 300px; border-top: 1px solid #ccc;}

.smallText { font-size: 10px; }
.border { border: 1px solid #aaa; }
.red { color: red; }
.boldAquaMarine {color: #387D85; }
.boldLightBlue { font-weight: bold; color: #547EAE; }
.error { color: red; }
.center { text-align: center; }
.left { text-align: left; }
.marginTop18px { margin-top: 18px; }
.marginTop24px { margin-top: 24px; }
.marginTop30px { margin-top: 30px; }
.marginBottom10px { margin-bottom: 10px; }
ul.extraSpacing li { padding-bottom: 8px; }
ul.resourcesList { text-align: left; }
ul.resourcesList li { padding-bottom: 8px; color: #547EAE;font-weight: bold; }
ul.resourcesList li a { color: #547EAE; font-weight: bold;}

.photoWithCaption {display: block; margin: 18px auto 8px auto; }

/******* HEADER *******/
#header { margin: 0 auto; border-width: 0 1px 1px 1px; padding: 0; width: 770px; ; 
border-style: solid; border-color: #3d3d3d; background-color: #fff; 
background-image:url(../images/bkg_four_lines.gif); background-repeat: repeat-x; background-position: bottom; }
#headerTable { margin: 0; width: 770px; }
#headerLeft { padding: 22px 8px 18px 60px; width: 314px; text-align: left; vertical-align: top; }
#headerRight { padding: 32px 36px 8px 8px; width: 370px; text-align: right; vertical-align: top; }

/******* MAIN NAVIGATION *******/
#mainNav { margin: 0 auto; border-width: 0 1px 1px 1px; width: 770px; height: 23px; border-style: solid; border-color: #3d3d3d; 
border-bottom-color: #ACBAC6; }
#mainNav a { display: block; float: left; padding: 4px 2px 4px 2px; width: 102px; height: 15px;  
text-decoration: none; z-index: 100; font-weight: bold; line-height: 13px;  }
#mainNav a:link, #mainNav a:visited { color: #E5E9F0; }
#mainNav a:hover { color: #Fff; background-color: #477378; }
a.menuButton { border-left: 1px solid #9BA9B6; background-color: #425679; }
a#mainNavLeft {  border-left-width: 0;  }
a#mainNavRight { margin-right: -3px; width: 231px; }


/******* MASTHEAD AREA - HOMEPAGE *******/
#masthead { margin: 0 auto; border-left: 1px solid #3d3d3d; border-right: 1px solid #3d3d3d;padding: 0 0 8px 0; width: 770px; height: 193px;
 background-color: #4C525B; background-image:url(../images/bkg_fourlines_dark.gif); 
background-repeat: repeat-x; background-position: bottom; }

#mastheadInternal { margin: 0 auto; border-left: 1px solid #3d3d3d; border-right: 1px solid #3d3d3d; width: 770px; height: 112px; }


/******* MAIN CONTENT AREA *******/
#mainContentArea { margin: 0 auto; border-width: 0 1px; width: 770px; border-style: solid; border-color: #3d3d3d;
background-color: #fff; }
#internalContentTable { margin: 0; padding: 0; width: 770px; }

/******* HOMEPAGE CONTENT CONTAINER *******/
#homepageContentTable h3 { margin: 0 0 12px 0; padding: 0; color:#343A3B; font-size: 15px; font-weight: bold; 
font-family: "trebuchet ms", tahoma, verdana, arial, "Lucida grande"; }
#homepageContentTable h5 { margin-bottom: 12px; padding: 0; color:#343A3B; font-size: 13px; font-weight: bold; 
font-family: "trebuchet ms", tahoma, verdana, arial, "Lucida grande"; }
#homepageContentLeft, #homepageContentMiddle, #homepageContentRight { text-align: left; vertical-align: top; background-color: #E8EAE0;
padding: 0; }
#homepageContentLeft { border-width: 0 1px 0 0; width: 255px; border-style: solid; border-color: #3d3d3d; }
#leftContent { padding: 14px 12px 12px 16px; }
#homepageContentMiddle { width: 256px; }
#middleContent { padding: 0;}
#homepageContentRight { border-width: 0 0 0 1px; width: 257px; border-style: solid; border-color: #3d3d3d;  }
#rightContent { padding: 14px 12px 12px 16px; }
#homepageContent ul { margin: 0; padding: 8px 8px 0 35px; text-align:left; }
#homepageContent li { padding-bottom: 4px; line-height: 16px; list-style-image: url(/~templat1/images/bullet_arrow_small.gif); 
list-style-type: none; }
#homepageContent #clientList li { padding-bottom: 16px; }


/******* INTERNAL PAGES *******/
#internalContentTable { margin: 0; width: 770px; padding: 0; background: #E8EAE0; }
#internalContentLeft { padding: 28px 30px 24px 24px; width: 444px; vertical-align: top; text-align: left; }
#internalContentNarrowLeft { padding: 28px 18px 24px 24px; width: 296px; vertical-align: top; text-align: left; }
#internalContentRight { padding: 32px 24px 24px 0; width: 240px; vertical-align: top; text-align: center; }
#internalContentWideRight { padding: 32px 24px 24px 0; width: 400px; vertical-align: top; text-align: center; }
#internalContentFullPage { padding: 28px 135px 24px 135px; width: 500px; vertical-align: top; text-align: left; }
#videoContentLeft { padding: 28px 50px 30px 40px; width: 334px; vertical-align: top; text-align: left; }
#videoContentRight { padding: 28px 24px 24px 0; width: 322px; vertical-align: top; text-align: left; }

#centeredContentContainer { text-align: center; }

#contactPageLeft { padding: 28px 30px 24px 34px; width: 389px; vertical-align: top; text-align: left; }
#contactPageRight { padding: 50px 24px 24px 0; width: 285px; vertical-align: top; text-align: center; }

#videoListTable { margin: 24px auto; width:500px; }
.videoListLeft { padding: 0 24px 30px 26px; width: 150px; vertical-align: top; text-align: left; }
.videoListRight { padding: 0 0 30px 0; width: 300px; vertical-align: top; text-align: left;}
.videoListRight h3 { margin-top: 0; }

#valueMetrix { margin-bottom: 12px; }

.formTableLeft { padding: 4px 12px 4px 0; text-align: left; font-weight: bold; }
.formTableRight { padding: 4px 0; text-align: left; }

#homepageVideoHighlight { margin: 0 auto; border: 1px solid #ccc; padding: 8px 12px; width: 160px; background: #F8F8F1; text-align: center; }

#mailingInfoTable { margin: 12px auto 0 auto; width: 340px; }
#mailingInfoTable td {  vertical-align: top; text-align: left; }
#mailingInfoTable td h6 { margin-top: 0; }
#mailingInfoTable .leftCol { padding: 0 8px 0 34px; width: 142px; }
#mailingInfoTable .rightCol { padding: 0 8px; width: 140px; }

#contactPageHighlight { margin: 20px 0 0 0; border: 1px solid #ccc; padding: 8px 12px; width: 340px; background: #F8F8F1; text-align: center; }

.flashContainer { margin: 0 auto 24px auto;  }
.flashContainerLeft { margin: 0 0 24px 0;  }


#materialPropertiesTable { margin: 24px 0 0 0; width: 322px; }
#materialPropertiesLeft { padding: 0 20px 0 0; width: 155px; text-align: left; vertical-align: top;  }
#materialPropertiesRight { padding: 4px 0 0 0; width: 147px; text-align: left; vertical-align: top;  }

#caseStudiesPage { padding: 28px 65px 24px 65px; width: 640px; vertical-align: top; text-align: left; }
#caseStudiesListTable { width: 640px; }
#caseStudiesListTable h3 a { font-size: 14px; line-height: 17px; }
#caseStudiesListTable img { border: 1px solid #aaa; }
.caseStudiesListLeft { padding: 0 12px 24px 34px; width: 100px; vertical-align: top; text-align: left; }
.caseStudiesListRight { padding: 0 10px 0 0; width: 164px; vertical-align: top; text-align: left; }

/******* TEMP FOR PERFORMANCE PAGE *******/
#table1 { margin: 0; width: 770px; }
#table1Left { padding: 30px 0 30px 24px; width: 386px; vertical-align: top; background:  #E1EBEC; }
#graphs { display: block; margin: 0 auto 4px auto; }
#valueMetrix { display: block; }
#table1Right { padding: 30px 24px; width: 304px; vertical-align: top; background: #E1EBEC; text-align: left;  }
#table1RightContent { border: 1px solid #000; padding: 8px 12px 24px 12px; width: 280px; background: #fff; }

.charts { display: block; margin: 0 0 24px 0; border: 1px solid #555; }

.blue { color: #3366FF; }
.lineHeight24px { line-height: 24px; }
.largeBoldText { font-size: 12px; font-weight: bold; }
.largerText { font-size: 13px; }
.largerBoldText { font-size: 13px; font-weight: bold; }

#performancePageBulletList { padding: 0 0 20px 42px; }
#performancePageBulletList h5 { margin-top: -12px; }


/******** FOOTER *********/
#footer { margin: 0 auto; border: 1px solid #3d3d3d; padding: 14px 12px 6px 12px; width: 746px; background-color: #fff; 
background-image:url(../images/bkg_fourlines_reverse.gif); background-repeat: repeat-x; background-position: top; }
#footer p { margin: 0; padding: 3px 0; line-height: 12px; font-size: 10px; text-align: center; }

/*******SIDE NAV*********/
a.sideNav { display: block; margin: 0; border-bottom: 1px solid #3d3d3d; padding: 4px 6px 2px 6px;  width: 168px; 
height: 18px; font: 11px Arial, "Lucida Grande", sans-serif; color: #fff;  vertical-align: middle; text-align: center;
background-color: #6D8082; }
a.sideNav:link, a.sideNav:visited, a.sideNav:hover { text-decoration: none; }
a.sideNav:hover { background-color: #bbb; color: #3d3d3d; font-weight: bold; }

/********* TABLE ELEMENTS *********/
table { color:#343A3B font-size: 12px; }
th { color: #27517b; }

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