/* 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-color: #ffffff;
 font: normal 0.85em/200% Verdana, Arial, Helvetica, sans-serif;
 color: #393939;
 }
 
 p {
 margin: 12px 0 12px 0;
 }
  
 #bannerNav {
 position: relative;
 list-style-type: none;
 text-align: center; 
 height: 70px;
 width: 735px;
margin: 0 auto;
padding-left: 190px;
 }
 
 #bannerNav li {
 display: inline;
 }
 
 #bannerNav a.TopLink {
 display: block;
 float: left;
 height: 70px; 
 /*padding: 0 16px;*/
 padding: 0 18px;
 font: normal 16px/70px Verdana, Arial, Helvetica, sans-serif;
 color: #ffffff;
 text-transform: uppercase;
 letter-spacing: 2px;
 text-decoration: none;
 background-color: #583827;
 }
 
 #bannerNav a.TopLink:hover {
 background-color: #343434; 
 }
 
 #bannerNav a.LiveLink {
 display: block;
 float: left;
 height: 70px; 
 padding: 0 16px;
 font: normal 14px/70px Verdana, Arial, Helvetica, sans-serif;
 color: #ffffff;
 text-transform: uppercase;
 letter-spacing: 2px;
 text-decoration: none;
 background-color: #DFA27E;
 }
 
 #bannerNav .DropNav {
 position: absolute;
 background: transparent url(../elements/transparentOne.gif);
 visibility: hidden;
 }
 
 #bannerNav .DropNav a {
 display: block;
 width: 175px;
 height: 52px;
 margin: 3px 0;
 line-height: 20px;
 padding-top: 6px;
 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;
 vertical-align: center;
 }
 
 #bannerNav .DropNav a:hover {
 background-color: #583827;
color: #ffffff;
 border: 1px solid #fff;
 }
 
 
  #bannerNav .DropNav {
 position: absolute;
 background: transparent url(../elements/transparentOne.gif);
 visibility: hidden;
 }
 
 #bannerNav .DropNav .dropTwo a {
 display: block;
 width: 175px;
 height: 52px;
 margin: 3px 0;
 line-height: 20px;
 padding-top: 6px;
 background-color: #343434;
 font: normal 13px/21px Verdana, Arial, Helvetica, sans-serif;
 color: #fff;
 text-align: center;
 text-transform: uppercase;
 text-decoration: none;
 border: 1px solid #fff;
 vertical-align: center;
 }
 
 #bannerNav .DropNav .dropTwo a:hover {
 background-color: #583827;
color: #ffffff;
 border: 1px solid #fff;
 }
  
 #bcaLogo {
 display: block;
 width: 192px;
 height: 142px;
 background: transparent url(../elements/BCAlogo.jpg) no-repeat;
 border: none;
 }
 
 .ClearFloat {
 clear: both;
 height: 1px;
 overflow: hidden;
 }
 
#dropOne {
 left: 0;
 top: 70px
 }
 
 #dropTwo {
 left: 390px;
 top: 70px
 }
 
 #dropThree {
 left: 338px;
 top: 70px
 }
 
 #dropFour {
 left: 555px;
 top: 70px
 }
 
 #dropFive {
 left: 615px;
 top: 70px
 }
 
 #dropSix {
 left: 732px;
 top: 70px
 }
 
 
 
#conTainer {
 width: 1055px;
 margin: 0 auto;
 }
 
 #conTainer #columnLeft {
 float: left;
 width: 190px;
 margin-right: 30px;
 }
 
 #conTainer #columnLeft #leftInfoText {
 height: 309px;
 width: 190px;
 overflow: hidden;
 background: transparent url(../elements/leftInfoText.gif) no-repeat; 
 margin-left: 10px;
 }
 
 #conTainer #columnLeft #leftInfoText p {
 margin-left: -1200px;
 }
 
 #conTainer #contentField {
 float: left;
 width: 734px;
 border: 1px solid #583827;
 border-top: none;
 padding-bottom: 30px;
 }
 
 /* For Home Page */

 #conTainer #contentField #contentLeft {
 float: left;
 width: 482px;
 }
 
  #conTainer #contentField #contentLeft h1 {
 margin: 22px 0 0 15px;
 font: bold 1.23em/1.25em Arial, Helvetica, sans-serif;
 /*color dark brown: #583827*/
 color: #583827;
 text-transform: uppercase;
 letter-spacing: 2px;
 }
 
 #conTainer #contentField p {
 font: normal 0.90em/200% Verdana, Arial, Helvetica, sans-serif;
 color: #393939;
 margin: 11px 22px;
 }
 
 
 /* For Back Pages -- contentLeftTWO --------------------------------------------*/

 #conTainer #contentField #contentLeftTwo {
 float: left;
 width: 690px;
 }
 
 #conTainer #contentField contentLeftTwo a {
 color: #4577A5;
 text-decoration: none;
 }
 
 #conTainer #contentField contentLeftTwo a:hover {
 color: #8c823e;
text-decoration: underline;
 }
 
  #conTainer #contentField #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;
 }
 
#conTainer #contentField #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;
 }
 
#conTainer #contentField #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;
 }
 
 
 #conTainer #contentField #contentLeftTwo h2.cvPad {
 font: bold 1.15em/60% Arial, Helvetica, sans-serif;
 color: #BB5938;  /*light cream brown: #BB5938*/
 padding-top: 15px;
 }
 
 #conTainer #contentField #contentLeftTwo h3 {
 font: bold 1.05em/200% Arial, Helvetica, sans-serif;
 color: #BB5938;  /*light cream brown: #BB5938*/
 margin-left: 20px;
 }
 
  #conTainer #contentField #contentLeftTwo h3.portFolio {
 font: bold .95em/160% Arial, Helvetica, sans-serif;
  color: #d78a5d; /* mocha light cream: #ec9e5d */
 margin-left: 26px;
 padding-top: 10px;
 }
 
#conTainer #contentField #contentLeftTwo p {
 font: normal 0.90em/200% Verdana, Arial, Helvetica, sans-serif;
 color: #393939;
 margin: 11px 22px;
 }
 
 #conTainer #contentField #contentLeftTwo p.portFolio {
 font: normal 0.90em/180% Verdana, Arial, Helvetica, sans-serif;
 color: #393939;
 margin: 11px 40px;
 }
 
 #conTainer #contentField #contentLeftTwo p.cvPadTwo {
 font: normal 0.90em/200% Verdana, Arial, Helvetica, sans-serif;
 color: #393939;
  }
  
/*-----------------------------------------*/
/*---------------------------------------------------------------------------------#portFolioLeft ------------*/	

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

 #conTainer #contentField #contentLeftTwo #portFolioLeft #portFolioLeftMenu ul li a {
	color: #6f6f6f;
	text-decoration: none;
}

 #conTainer #contentField #contentLeftTwo #portFolioLeft #portFolioLeftMenu ul li a:hover {
	color: #205F0C;
	text-decoration: underline;
}

	
/*-----------------------------------------*/
/*---------------------------------------------------------------------------------#portFolioRight ------------*/	
	
#conTainer #contentField #contentLeftTwo #portFolioRight {
	float: left;
	width: 415px;
	margin-top: 20px;
	border-left: 1px solid #d88b60;	
	}	
	
#conTainer #contentField #contentLeftTwo #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;
}	
	
#conTainer #contentField #contentLeftTwo #portFolioRight h3 {
 font: bold .95em/160% Arial, Helvetica, sans-serif;
  color: #BB5938; /* mocha light cream: #ec9e5d */
 margin-left: 26px;
 padding-top: 10px;
}

#conTainer #contentField #contentLeftTwo #portFolioRight h4 {
 font: bold .95em/160% Arial, Helvetica, sans-serif;
  color: #d78a5d; /* mocha light cream: #ec9e5d */
 margin-left: 30px;
 padding-top: 10px;
}		
	
#conTainer #contentField #contentLeftTwo #portFolioRight p {	
 font: normal 0.85em/200% Verdana, Arial, Helvetica, sans-serif;
 color: #393939;
 margin: 11px 5px 10px 25px;	
 }
 
 #conTainer #contentField #contentLeftTwo #portFolioRight ul {	
    font: normal 95%/30px Verdana, Arial, Helvetica, sans-serif;
	width: 360px;
	text-align: left;
	margin-left: 30px;
	margin-bottom: 20px;
	margin-top: 15px;
 }
 
#conTainer #contentField #contentLeftTwo #portFolioRight ul li {	
	padding-left: 20px;
    background:transparent url(../elements/arrow2.gif) no-repeat;
    background-position: 0 10px;
	list-style-type: none;
}
 /* unordered list for John Cauthen's CV page, etc.*/
 
 #conTainer #contentField #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;
 }

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

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

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


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



 /* unordered list for John Cauthen's CV page, etc.*/

 /* For Home Page */
#conTainer #contentField #contentRight {
 float: left;
 width: 250px;
 border-left: 1px dotted #BB5938;
 }
 
#conTainer #contentField #contentRight p {
 margin: 12px 0 12px 0;
 }
 
 #conTainer #contentField #contentRight p.newSpace {
  margin: 12px 15px 20px 25px;
 font: normal 80%/20px Verdana, Arial, Helvetica, sans-serif;
 }

 
  /* For Back Pages */
 
 #conTainer #contentField #contentRightTwo {
 float: left;
 /*width: 20px;*/
 }
 
 #conTainer #contentField #featureFrame {
 height: 241px;
 background-color: #583827;
 }
 
 /*featureFrameTwo is for the backpage design generally */
 
 #conTainer #contentField #featureFrameTwo {
 height: 137px;
 background-color: #583827;
 }
 
 #conTainer #contentField #featureFrameHP {
 height: 310px;
 background-color: #583827;
 border-right: 1px solid #583827;
 }
 
  /*featureFrameThree is for the backpage design for the Portfolio pages */
  
 #conTainer #contentField #featureFrameThree {
 height: 300px;
 background-color: #583827;
 border-right: 1px solid #583827;
 }
 
  /* -------------------------------------------conTainer Footer -------------------------- */
 
 #conTainer #footer {
 width: 736px;
 margin: 5px 0 25px 219px;
 border: 1px solid #e9c6a6;
 background-color: #583827; 
 color: #ffffff;
 }
 
  #conTainer #footer p {
 width: 706px;
  padding: 30px;
 text-align: center;
 font: normal 90%/190% Verdana, Arial, Helvetica, sans-serif;
 color: #ffffff;
 }
 
 #conTainer #footer p a {
 color: #e9c6a6;
 text-decoration: underline;
 }
 
 #conTainer #footer p a:hover {
 color: #BB5938;
 text-decoration: underline;
 }
 
 #conTainer #footer .HairLine {
 margin: 5px 0 25px;
 height: 1px;
 background-color: #583827;
 overflow: hidden;
 }
 
 /* -------------------------------------------contentField BEGIN -------------------------- */
 
 #conTainer #contentField a {
 color: #4577A5;
 text-decoration: none;
 }
 
 #conTainer #contentField a:hover {
 color: #8c823e;
text-decoration: underline;
 }
 
 #conTainer #contentField 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 #contentField 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;
 }
 
 #navChannel {
 height: 70px;
 margin: 20px 0 3px 0;
 background-color: #583827;
 position: relative;
 z-index: 20;
 }
 
 #plumbLine {
 position: absolute;
 height: 115px;
 width: 1px;
 overflow: hidden;
 background-color: #e0b38f;
 margin: -98px 0 0 41px;
 z-index: 30;
 }