@charset "utf-8";
/* jf.css */
    html, body {
			margin:0;
			padding:0;
			height:100%;
		}
		body { 
		  overflow:auto;
			font-family:Arial, Helvetica, sans-serif;
			color:#4571b9;
			/*background-color:#bc869c;*/
			background-color:#70919a;/*#4d646a;*/
			/*overflow-x: hidden;*/
		}
		#outerDiv { 
			width:927px;
			/*border:solid green 1px;*/
			/*height:1015px;*/
			margin:0 auto 0 auto;
			background-color:#fff;
			/*margin-left:100px;*/
			padding:0;
			background-image:url(../images/LHBorderSoftTeal4.gif); background-repeat:repeat-y;
			background-position:-80px top;
			min-height:100%;
		}
		#contentDiv {
			margin:0 0 0 200px;
			padding:0;
			/*border:solid blue 1px;*/
			width:750px;
			/*background-image:url(../images/RHBorderSoftTeal3.gif); background-repeat:repeat-y;
			background-position:right top;*/
			min-height:1000px; /* make sure this is longer than the page */
		}
		/*p { font:italic 95%/1.6em Georgia, serif; color:#70919a; margin: 0 100px 0 100px; padding-top: 5px; }*/
		p { font:0.9em/130% Arial, Helvetica, sans-serif; color:#000; margin: 0 100px 3px 100px; padding-top: 5px; }
		p.email { font:130%/1.6 Arial, Helvetica, sans-serif; margin-top:20px; }
		p.dashed { border-top: 1px dashed #ccc; }
		div.dashed2, p.dashed2 { border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; padding:10px 0; }
		p.dashed_ul { border-bottom: 1px dashed #ccc; padding-bottom:5px; }
		div.intro, p.intro { margin:30px auto 20px auto; text-align:center; font-size:1.1em; width:580px; }
		a.email { font:120%/1.6 Arial, Helvetica, sans-serif; color:#70919a;/*#4571b9;*/ }
		a.email:hover { color:#ec81b1; }
		p.header { font-size:1em; font-weight:bold; margin:30px auto 10px auto; width:580px; color:#637f87; }
		p.body { margin:0 auto 10px auto; padding: 10px 0 10px 0; width:580px; }
		p.body2 { margin:0 auto; padding-top: 5px; width:580px; }
		p.body21 { margin:0 auto; padding-top: 10px; width:580px; }
		#with { text-align:center; color:#637f87; font-size:14px; margin:-10px 0 15px 0; }
		/*p { font-size:0.8em; margin: 0 100px 0 100px; }*/
		h1 { font: 180%/1.6 Arial, Helvetica, sans-serif; color:#637f87; margin:-10px auto 10px auto; text-align:center; line-height:110%; }
		/*h2 { font: 145%/1.3 Arial, Helvetica, sans-serif; color:#637f87; padding-top:15px; margin:100px auto 20px auto; text-align:center; width:30em; }*/
		h2 { margin-left:20px; }
		h2.qual { /*margin-top:-15px;*/ font-size:0.95em; font-weight:normal; color:#637f87; }
		img.line { display:block; margin:20px auto 20px auto; }
		img.banner { display:block; margin:0 auto 20px auto; }
		img.bannerEnd { display:block; margin:20px auto 0 auto; }
		.list li { 
				 list-style: none;
				 background-image: url(../images2/pinkdot.jpg);
				 background-repeat: no-repeat;
				 background-position: 0px 3px;
				 padding-left:14px;
				 padding-bottom:4px;
				 font-size:0.8em;
				 margin:0 100px 0 40px;
		}
		div.tailends { text-align:center; }
		/* setting border:solid transparent 1px; in the next line stops firefox picking up the menu dots when scrolling */
		ul.menu { position:fixed; list-style-type:none; border:solid transparent 1px; margin:10px 0 0 10px; padding:2px; /*left:50%; margin-left:-600px; top:0; padding-left:10px;*/ }
		ul.menu li { border-bottom:dotted black 1px; width:185px; }
		ul.menu li.sel { background-image:url(../images/SoftTealMenuMarker2.gif); background-repeat:no-repeat; background-position:0 2px; border-bottom:dotted white 6px; width:185px; padding-left:20px; }
		ul.menu li._9fc { background-image:url(../images/MenuMarker9fc.gif); }
		ul.menu li._3cf { background-image:url(../images/MenuMarker3cf.gif); }
		ul.menu li._669 { background-image:url(../images/MenuMarker669.gif); }
		ul.menu li._99f { background-image:url(../images/MenuMarker99f.gif); }
		ul.menu li._0c6 { background-image:url(../images/MenuMarker0c6.gif); }
		ul.menu li._4571B9 { background-image:url(../images/MenuMarkerff9.gif); }
		ul.menu li._93c3cd { background-image:url(../images/MenuMarker93c3cd.gif); }
		ul.menu li a { display:block; padding:2px 0 2px 0; font:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none; }
		ul.menu li.sel a { color:#fff; }
		ul.menu li._4571B9 a { color:#4571B9; }
		ul.menu a:hover { color:white; }
		/*ul.menu a.bg9fc:hover { font-weight:bold; color:red; }*/
		ul.menu a.menuSel { font-weight:bold; font-size:14px; }
		ul.menu a.menuSel img { border:none; padding-right:5px; }
		#apecs_logo { position:fixed; margin:20px 0 0 10px; padding:2px; top:280px; }
		#tbps_logo { position:fixed; margin:10px 0 0 10px; padding:2px; top:400px; }
		#externalLinks { position:fixed; top:190px; }
		#externalLinks p { text-align:left; padding:0; margin:0; border:0; margin-left:10px; border-bottom:white dotted 1px; }
		/*#externalLinks*/ 
		#externalLinks a:hover { font-weight:normal; color:gold; }
		#externalLinks a.bg9fc:hover { font-weight:normal; color:blue; }
		span.openQuote { font-size:36px; }
		
		blockquote {
			margin: 30px auto 0 auto;
			text-align: left;
			width: 450px;
		}
		
		blockquote p {
			margin: 0;
			padding: 0;
		}

		/* Style bq5
		-----------------*/
		
		blockquote.bq {
			/*border: 1px solid #504C6F;*/
			position:relative;
			background-image:url(../images/diamondsAndCirclesV2.png);
			background-position:0px 0px;
			background-repeat:no-repeat;
			border: 1px solid #5e839b;
			border-width: 1px 0 0 0px;
			color: #231D4F;
			/*background-image:url(images/startQuote_blue.png);
			background-position:-15px -15px;
			background-repeat:no-repeat;*/
			/*border: 1px solid #c65c36;
			border-width: 2px 0 0 10px;
			color: #231D4F;*/
			/*font: italic 120%/1.3em Georgia, "Times New Roman", Times, serif;*/
			line-height: 150%;
			padding: .75em 0 0 2.75em;
			margin-bottom:40px;
		}
		
		/*blockquote.bq p {*/
		blockquote div.quote {
			background-image:url(../images/diamondsAndCirclesV2.png);
			background-position:100% 100%;
			background-repeat:no-repeat;
			border: 1px solid #5e839b;
			border-width: 0 0 1px 0;
			padding: 0 2.75em 1em 0;
		}
		
		blockquote div.quote p {
			color:000; /*#5e839b; #d45a91;#637f87 #b1640a #ed81b2*/
			font: 80%/1.3em Arial, Helvetica, sans-serif;
			margin:5px;
		}
		
		div { font-size:15px; }
		
		/* image substitution for Jill's logo */
		#jfHeader {
      margin: -10px 0 0 267px; padding:0;
      position:relative;
      width:217px; height:61px;
      overflow:hidden;
			/*border:solid 1px red;*/
   	}
   	#jfHeader span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:217px; height:61px;
      margin:0; padding:0;
      background:url("../images/JillFairbairnsLogo2.gif") top left no-repeat;
		}
		
		/* smaller version of logo for all pages except home page */
		#jfHeader2 {
      margin: -10px 0 0 290px; padding:0;
      position:relative;
      width:174px; height:43px;
      overflow:hidden;
			/*border:solid 1px red;*/
   	}
   	#jfHeader2 span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:174px; height:43px;
      margin:0; padding:0;
      background:url("../images/JillF_Logo_w174.gif") top left no-repeat;
		}
		
		h2 { margin-top:0px; }
		#leadCompDefinition { margin:10px 0 0 80px; padding:25px 0 0 40px; width:545px; height:63px; background-image:url(../images/tornPaper1.png); background-position:top left; background-repeat:no-repeat; }
		
		/*#painterOQ { position:absolute; top:-20px; left:-60px }
		#painterCQ { position:absolute; top:380px; left:440px }
		#changeOQ { position:absolute; top:-20px; left:-60px }
		#changeCQ { position:absolute; top:110px; left:440px }*/