/* Barge Cauthen Style 
 
 Colors
 
font color standard: #393939;
menu color dark brown: #583827
light cream brown: #BB5938
dark putty: #d88b60
mocha light cream: #ec9e5d
Link medium blue: #d78a5d
Deep dark brown (subheader on CV pages): #584a42
 
 */
 
 * {
 margin: 0;
 padding: 0;
 }
 
 body {
 background: #563625 url(../elements/back0906.png) repeat-x;
 font: normal 0.85em/200% Verdana, Arial, Helvetica, sans-serif;
 color: #393939;
 text-align: center;
 }
 
 #conTainer {
 width: 970px;
 margin: 0 auto;
 text-align: left;
 }
 
 #headerTop {
 position: relative;
 z-index: 100;
 height: 122px;
 width: 970px;
 }
 
#headerTop #bcaLogo {
 position: absolute;
 width: 170px;
 height: 120px;
 top: 0;
 left: 10px;
 border: none; 
 }
 
 
 ul#bannerNav {
   position: absolute;
   bottom: 0;
   list-style-type: none;
   height: 40px;
   padding-left: 250px;
   text-align: left;
 }
 
 ul#bannerNav li {
   display: inline;
 }
 
 ul#bannerNav a.TopLink {
   display: block;
   float: left;
   height: 40px;
   padding: 0 18px;
   font: bold 16px/40px Verdana, Arial, Helvetica, sans-serif;
   color: #372116;
   text-transform: uppercase;   
   text-decoration: none;
   letter-spacing: 2px;
   white-space: nowrap;
   /*background-color: #583827;*/
 }
 
 ul#bannerNav a.TopLink:hover {
 	background-color: #343434;
	color: #ffffff; 
 }
 
 ul#bannerNav a.LiveLink {
   display: block;
   float: left;
   height: 40px; 
   padding: 0 18px;
   font: normal 16px/40px Verdana, Arial, Helvetica, sans-serif;
   color: #cc0000;
   text-transform: uppercase;
   text-decoration: none;
   letter-spacing: 2px;
   white-space: nowrap;
   background-color: #DFA27E;
 }
 
 ul#bannerNav ul.DropNav { 
   position: absolute;
   top: 39px;
   background: transparent url(../elements/transparentOne.gif);
   visibility: hidden;
 }
 
 ul#bannerNav .DropNav a {
   display: block;
   width: 175px;
   height: 52px;
   margin: 3px 0;
   background-color: #343434;
   font: normal 13px/52px Verdana, Arial, Helvetica, sans-serif;
   color: #fff;
   text-align: center;
   text-transform: uppercase;
   text-decoration: none;
   border: 1px solid #fff;
 }
 
 ul#bannerNav .DropNav a.twoLines {
 	line-height: 180%;
 }
 
ul#bannerNav .DropNav a:hover {
  background-color: #583827;
  color: #ffffff;
  border: 1px solid #fff;
}

 .ClearFloat {
 clear: both;
 height: 1px;
 overflow: hidden;
 }
 
#dropOne {
 /*left: 0;*/
 }
 
 #dropTwo {
 left: 353px;
 }
 
 #dropThree {
 left: 532px;
 }
 
 #dropFour {
 left: 530px; 
 /*left: 0;*/
 }
 
 #dropFive {
 /*left: 0;*/
 }
 
 #dropSix {
 /*left: 0;*/
 }
 

 
 #imageBlock {
 float: left;
 background: transparent url(../elements/pic-back.png) repeat-x;
 width: 970px;
 height: 325px;
 text-align: center;
 }
 
 #imageBlock #slideshow {
 	margin: 0 auto;
}

#imageBlock #slideshow div {
 	margin: 0 auto;
	background: transparent url(../elements/pic-back.png) repeat-x;
}
 
  /* For Home Page */

/*NEW below*/  
  
#contentSection {
 float: left;
 width: 970px;
 background-color: #fff;
 border-bottom: 3px solid #000;
 padding: 10px 0 30px 0;
 }
  
/*NEW above*/  

  
 #contentSection #contentLeft {
 float: left;
 width: 550px;
 padding-left: 30px;
 padding-right: 30px;
 }
 
 #contentSection #contentLeft h1 {
 font: bold 1em/1.25em Arial, Helvetica, sans-serif;
 color: #583827;
 text-transform: uppercase;
 letter-spacing: 2px;
 }
 
 #contentSection p {
 font: normal 0.85em/180% Verdana, Arial, Helvetica, sans-serif;
 color: #393939;
 width: 490px;
 text-align: left;
 }
 
 
 /* For Back Pages -- NEW Sept 14 2011 -----------*/
 
 
 #contentSectionBack {
 float: left;
 width: 920px;
 background: #fff;
 border: 1px solid #000;
 padding-bottom: 35px;
 }
 
#contentSectionBack a {
 color: #4577A5; /*blue*/
 text-decoration: none;
 }
 
#contentSectionBack a:hover {
 color: #8c823e;
text-decoration: underline;
 }
 
#contentSectionBack h1 {
 margin: 16px 0 0 18px;
 font: bold 1.23em/1.15em Arial, Helvetica, sans-serif;
 color: #583827; /*menu color dark brown: #583827*/
 text-transform: uppercase;
 letter-spacing: 2px;
 }
 
 
 #contentSectionBack h2 {
 margin: 16px 0 0 20px;
 font: bold 1.10em/1.25em Arial, Helvetica, sans-serif;
 color: #BB5938;  /*light cream brown: #BB5938*/
 letter-spacing: 1px;
 }
 
 
 #contentSectionBack h2.cvPad {
 font: bold 1.15em/60% Arial, Helvetica, sans-serif;
 color: #BB5938;  /*light cream brown: #BB5938*/
 padding-top: 15px;
 }
 
 #contentSectionBack h3 {
 font: bold 1.05em/200% Arial, Helvetica, sans-serif;
 color: #BB5938;  /*light cream brown: #BB5938*/
 margin-left: 20px;
 }
 

 
/*----------------*/ 
 
 #contentSectionBack #sectionBackLeft {
 float: left;
 width: 219px;
 }

#contentSectionBack #sectionBackLeft p {
font: bold .90em/180% Arial, Helvetica, sans-serif;
 color: #BB5938;  /*light cream brown: #BB5938*/
 padding: 10px;
 }
 
/*----------------*/  


 #contentSectionBack #sectionBackRight {
 float: left;
 width: 699px;
 border-left: 1px solid #ccc;
 }
 
#contentSectionBack #sectionBackRight #featureFrameTwo {
 height: 300px;
}

#contentSectionBack #sectionBackRight h1 {
 margin: 22px 0 0 18px;
 font: bold 1.23em/1.15em Arial, Helvetica, sans-serif;
 color: #583827; /*menu color dark brown: #583827*/
 text-transform: uppercase;
 letter-spacing: 2px;
 }
 
 
#contentSectionBack #sectionBackRight h2 {
 margin: 16px 0 0 20px;
 font: bold 1.10em/1.25em Arial, Helvetica, sans-serif;
 color: #BB5938;  /*light cream brown: #BB5938*/
 letter-spacing: 1px;
 }
 
 #contentSectionBack #sectionBackRight h2.subLink {
 margin: 10px 0 20px 25px;
 font: bold 1.05em/1.10em Arial, Helvetica, sans-serif;
 color: #BB5938;  /*light cream brown: #BB5938*/
 } 
 
 
#contentSectionBack #sectionBackRight h2.cvPad {
 font: bold 1.15em/60% Arial, Helvetica, sans-serif;
 color: #BB5938;  /*light cream brown: #BB5938*/
 padding-top: 15px;
 }
 
#contentSectionBack #sectionBackRight h3 {
 font: bold 1.05em/200% Arial, Helvetica, sans-serif;
 color: #BB5938;  /*light cream brown: #BB5938*/
 margin-left: 20px;
 }


#contentSectionBack #sectionBackRight h4.slantSide {
 font: bold 1em/200% Arial, Helvetica, sans-serif;
 font-style: italic;
 color: #BB5938;  /*light cream brown: #BB5938*/
 margin-left: 20px;
 padding-top: 20px;
 }

#contentSectionBack #sectionBackRight p {
 font: normal 0.85em/180% Verdana, Arial, Helvetica, sans-serif;
 color: #393939;
 width: 600px;
 padding: 8px 22px;
 text-align: left;
 }
 
#contentSectionBack #sectionBackRight #companyList ul {
    font: normal .85em/170% Verdana, Arial, Helvetica, sans-serif;
	color: #393939;
	width: 620px;
	text-align: left;
	margin-top: 0;
	list-style-type: none;
	padding-left: 30px;
 }  

#contentSectionBack #sectionBackRight #companyList ul li {
	list-style-type: none;
	padding-bottom: 5px;
}

#contentSectionBack #sectionBackRight #companyList ul li a {
	color: #393939;
	text-decoration: none;
}

#contentSectionBack #sectionBackRight #companyList ul li a:hover {
	color: #205F0C;
	text-decoration: underline;
}


/* for the email link on the company page */
#contentSectionBack #sectionBackRight #companyList #blueLink a {
 color: #4577A5; 
}

 
#contentSectionBack #sectionBackRight ul {
    font: normal 85%/20px Verdana, Arial, Helvetica, sans-serif;
	color: #393939;
	width: 620px;
	text-align: left;
	margin-top: 0;
	list-style-type: none;
	padding-left: 30px;
 }  

#contentSectionBack #sectionBackRight ul li {
	list-style-type: none;
	padding-bottom: 5px;
}

#contentSectionBack #sectionBackRight ul li a {
	color: #6f6f6f;
	text-decoration: none;
}

#contentSectionBack #sectionBackRight ul li a:hover {
	color: #205F0C;
	text-decoration: underline;
}


 /*---------------- BELOW IS FOR THE EQUAL 2-COL LAYOUT [e.g. civil-engineering.php]---------*/ 
 
 #contentSectionBack #sectionBackRight #colLeft {
	float: left; 
	width: 330px;
}

 #contentSectionBack #sectionBackRight #colRight {
	float: left; 
	width: 330px
}


 /*---------------- BELOW IS FOR THE 2-COL LAYOUT - MENU ON LEFT---------*/ 


 /* OLD */
 
/*
 #contentSection #contentLeftTwo {
 float: left;
 width: 690px;
 }
 
 #contentSection contentLeftTwo a {
 color: #4577A5;
 text-decoration: none;
 }
 
 #contentSection contentLeftTwo a:hover {
 color: #8c823e;
 text-decoration: underline;
 }
 */
 
 #contentSection #contentLeftTwo h1 {
 margin: 22px 0 0 18px;
 font: bold 1.23em/1.15em Arial, Helvetica, sans-serif;
 color: #583827; /*menu color dark brown: #583827*/
 text-transform: uppercase;
 letter-spacing: 2px;
 }
 
 #contentSection #contentLeftTwo h1.portFolio {
 margin: 22px 0 0 152px;
 font: bold 1.23em/1.15em Arial, Helvetica, sans-serif;
 color: #583827; /*menu color dark brown: #583827*/
 text-transform: uppercase;
 letter-spacing: 2px;
 }
 
 #contentSection #contentLeftTwo h2 {
 margin: 22px 0 0 20px;
 font: bold 1.10em/1.25em Arial, Helvetica, sans-serif;
 color: #BB5938;  /*light cream brown: #BB5938*/
 letter-spacing: 1px;
 }
 
 
 #contentSection #contentLeftTwo h2.cvPad {
 font: bold 1.15em/60% Arial, Helvetica, sans-serif;
 color: #BB5938;  /*light cream brown: #BB5938*/
 padding-top: 15px;
 }
 
 #contentSection #contentLeftTwo h3 {
 font: bold 1.05em/200% Arial, Helvetica, sans-serif;
 color: #BB5938;  /*light cream brown: #BB5938*/
 margin-left: 20px;
 }
 
 #contentSection #contentLeftTwo h3.portFolio {
 font: bold .95em/160% Arial, Helvetica, sans-serif;
 color: #d78a5d; /* mocha light cream: #ec9e5d */
 margin-left: 26px;
 padding-top: 10px;
 }
 
 #contentSection #contentLeftTwo p {
 font: normal 0.90em/200% Verdana, Arial, Helvetica, sans-serif;
 color: #393939;
 margin: 11px 22px;
 }
 
 #contentSection #contentLeftTwo p.portFolio {
 font: normal 0.90em/180% Verdana, Arial, Helvetica, sans-serif;
 color: #393939;
 margin: 11px 40px;
 }
 
 #contentSection #contentLeftTwo p.cvPadTwo {
 font: normal 0.90em/200% Verdana, Arial, Helvetica, sans-serif;
 color: #393939;
  }
  
/*-----------------------------------------*/
/*---------------------------------------------------------------------------------#portFolioLeft ------------*/	

  
#sectionBackRight #portFolioLeft {
	float: left;
	width: 270px;
	margin-top: 17px;
	}
	
#sectionBackRight #portFolioLeft #portFolioLeftMenu ul {
    font: normal 75%/30px Verdana, Arial, Helvetica, sans-serif;
	color: #393939;
	width: 220px;
	text-align: right;
	margin-top: 0;
	list-style-type: none;
	padding-right: 20px;
}
	
  #sectionBackRight #portFolioLeft #portFolioLeftMenu ul li {
	list-style-type: none;
}

  #sectionBackRight #portFolioLeft #portFolioLeftMenu ul li a {
	color: #6f6f6f;
	text-decoration: none;
}
  #sectionBackRight #portFolioLeft #portFolioLeftMenu ul li a:hover {
	color: #205F0C;
	text-decoration: underline;
}

	
/*-----------------------------------------*/
/*---------------------------------------------------------------------------------#portFolioRight ------------*/	
	
#sectionBackRight #portFolioRight {
	float: left;
	width: 415px;
	margin-top: 20px;
	border-left: 1px solid #d88b60;	
	}	
	
#sectionBackRight #portFolioRight h2 {
 margin: 0 0 0 20px;
 font: bold 1.10em/1.25em Arial, Helvetica, sans-serif;
 color: #BB5938;  /*light cream brown: #BB5938*/
 letter-spacing: 1px;
}	
	
#sectionBackRight #portFolioRight h3 {
 font: bold .95em/160% Arial, Helvetica, sans-serif;
  color: #BB5938; /* mocha light cream: #ec9e5d */
 margin-left: 26px;
 padding-top: 10px;
}

#sectionBackRight #portFolioRight h4 {
 font: bold .95em/160% Arial, Helvetica, sans-serif;
  color: #d78a5d; /* mocha light cream: #ec9e5d */
 margin-left: 30px;
 padding-top: 10px;
}		
	
#sectionBackRight #portFolioRight p {	
 font: normal 0.85em/200% Verdana, Arial, Helvetica, sans-serif;
 color: #393939;
 margin: 11px 5px 10px 25px;	
 }
 
#sectionBackRight #portFolioRight #portfolioRightList ul {	
    font: normal 85%/25px Verdana, Arial, Helvetica, sans-serif;
	width: 380px;
	text-align: left;
	padding-left: 15px;
	margin-bottom: 20px;
	margin-top: 15px;
 }
 
#sectionBackRight #portFolioRight #portfolioRightList ul li {	
	padding-left: 20px;
    background:transparent url(../elements/arrow2.gif) no-repeat;
    background-position: 0 6px;
	padding-bottom: 0;
	list-style-type: none;
}
 /* unordered list for CV pages, etc.*/
 
#sectionBackRight #contentLeftTwo ul {
    font: normal 95%/30px Verdana, Arial, Helvetica, sans-serif;
	width: 600px;
	text-align: left;
	margin-left: 50px;
	margin-bottom: 25px;
	margin-top: 25px;
 }

#sectionBackRight #contentLeftTwo ul li {
	list-style-type: circle;
}

#sectionBackRight #contentLeftTwo ul ul {
    font: normal 95%/30px Verdana, Arial, Helvetica, sans-serif;
	width: 580px;
	text-align: left;
	margin-left: 5px;
	margin-bottom: 25px;
	margin-top: 15px;
 }

#sectionBackRight #contentLeftTwo ul li ul li{
	list-style-type: circle;
}

#sectionBackRight #contentLeftTwo #topUp {
	position: relative;
	width: 200px;
  	font: normal 80%/140% Verdana, Arial, Helvetica, sans-serif;
	margin: 30px 0 30px 20px;
  }	
  
#sectionBackRight #contentLeftTwo #topUp a {
	color: #b83827;
	border: 1px dotted #b83827;
	padding: 5px;
	text-decoration: none;
  }	  
	
#sectionBackRight #contentLeftTwo #topUp a:hover {
 	color: #ec9e5d; 
	border: 1px dotted #ec9e5d;
	text-decoration: none;
  }	 

 /* For Home Page */
#contentSection #contentRight {
 float: left;
 width: 250px;
 border-left: 1px dotted #BB5938;
 }
 
#contentSection #contentRight h1 {
 font: bold 1em/1.25em Arial, Helvetica, sans-serif;
 color: #583827;
 text-transform: uppercase;
 letter-spacing: 2px;
 padding-left: 20px;
 }
 
#contentSection #contentRight p {
 padding: 12px 0 12px 20px;
 }
 
#contentSection #contentRight p.newSpace {
  margin: 12px 15px 20px 25px;
 font: normal 80%/20px Verdana, Arial, Helvetica, sans-serif;
 }

 
  /* For Back Pages */
 
#contentSection #contentRightTwo {
 float: left;
 /*width: 20px;*/
 }
 
#contentSection #featureFrame {
 height: 241px;
 background-color: #583827;
 }
 
 /*featureFrameTwo is for the backpage design generally */
 
#contentSection #featureFrameTwo {
 height: 137px;
 background-color: #583827;
 }
 
#contentSection #featureFrameHP {
 margin: 0 auto;
 height: 310px;
 border-right: 1px solid #583827;
 text-align: center;
 }
 
  /*featureFrameThree is for the backpage design for the Portfolio pages */
  
#contentSection #featureFrameThree {
 height: 300px;
 background-color: #583827;
 border-right: 1px solid #583827;
 }
 
/* -------------------------------------------conTainer Footer HOME PAGE -------------------------- */
 
#footer {
 width: 920px;
 margin: 0 auto;
 font: normal .65em/180% Verdana, Arial, Helvetica, sans-serif;
 color:  #9e8b80;
 padding-top: 20px;
 }
 
#footer #footerLeft {
 float: left;
 width: 490px;
 }
 
#footer #footerLeft p {
 text-align: left;
 color: #9e8b80;
 }

#footer #footerLeft p a {
 color: #e9c6a6;
 text-decoration: underline;
 }
 
#footer #footerLeft p a:hover {
 color: #BB5938;
 text-decoration: underline;
 }

#footer #footerRight {
 float: left;
 width: 410px;
 padding-left: 15px;
 }
 
#footer #footerRight p {
 text-align: left;
 color: #9e8b80;
 }

#footer #footerRight p a {
 color: #e9c6a6;
 text-decoration: underline;
 }
 
#footer #footerRight p a:hover {
 color: #BB5938;
 text-decoration: underline;
 }
 
#footBorder {
border-bottom: 1px solid #9e8b80;
padding-top: 20px;
}

#footer #copyRight {
  padding-top: 10px;
 font: normal 115%/20px Verdana, Arial, Helvetica, sans-serif;  
}

/* -------------------------------------------conTainer Footer BACK PAGE -------------------------- */
 
#footerBack {
 position: relative;
 width: 880px;
 font: normal .65em/180% Verdana, Arial, Helvetica, sans-serif;
 color:  #9e8b80;
 padding: 20px 0 30px 20px;
 }
 
#footerBack #footerLeft {
 float: left;
 width: 480px;
 }
 
#footerBack #footerLeft p {
 text-align: left;
 color: #9e8b80;
 }

#footerBack #footerLeft p a {
 color: #e9c6a6;
 text-decoration: underline;
 }
 
#footerBack #footerLeft p a:hover {
 color: #BB5938;
 text-decoration: underline;
 }

#footerBack #footerRight {
 float: left;
 width: 385px;
 padding-left: 15px;
 }
 
#footerBack #footerRight p {
 text-align: left;
 color: #9e8b80;
 }

#footerBack #footerRight p a {
 color: #e9c6a6;
 text-decoration: underline;
 }
 
#footerBack #footerRight p a:hover {
 color: #BB5938;
 text-decoration: underline;
 }
 
#footBorder {
border-bottom: 1px solid #9e8b80;
padding-top: 13px;
}

#footerBack #copyRight {
  padding-top: 10px;
 font: normal 115%/20px Verdana, Arial, Helvetica, sans-serif;  
}


 
 /* -------------------------------------------contentField BEGIN -------------------------- */
 /*
 #conTainer #contentSection a {
 color: #4577A5;
 text-decoration: none;
 }
 
 #conTainer #contentSection a:hover {
 color: #8c823e;
text-decoration: underline;
 }
 */
 /*#conTainer #contentSection h1 {
 margin: 22px 0 0 18px;
 font: bold 1.23em/1.15em Arial, Helvetica, sans-serif;
 color: #583827;*/ /*menu color dark brown: #583827*/
 /*text-transform: uppercase;
 letter-spacing: 2px;
 }
 
#conTainer #contentSection h2 {
 margin: 22px 0 0 20px;
 font: bold 1.10em/1.25em Arial, Helvetica, sans-serif;
 color: #BB5938;  /*light cream brown: #BB5938*/
 /*letter-spacing: 1px;
 }*/
 
 
  
 /* -------------------------------------------contentField -------------------------- */  
  
 /* is used on the CV pages as a slight subheader */ 
 .subHead {
 font-weight: bold; 
 color: #584a42;
 } 

.activeItem {
color: #BB5938;
}

 .HairLine {
 margin-top: 3px;
 height: 1px;
 background-color: #583827;
 overflow: hidden;
 }