/* Structure (Page Layout) - 3 Column or 2 Column with Shared Top and Bottom Blocks  -- rename file template --
   This document validates as CSS level 2.1 Jun 2009 */
#wrap {width:960px;min-height:100%;background:#f6f8fa;margin:0 auto} /*e9f2f6 position:relative;display:table;*/
/* header */
.hdr {text-align:center;padding:0;border:0;margin-top:.25em}
.hdrTop{height:100px;text-align:center;background:url('http://www.goldenTwine.com/asset/hdr/hdrTop.jpg');padding:0;border:0;margin-top:.25em}
.hdrWdd{height:100px;text-align:center;background:url('http://www.goldenTwine.com/asset/hdr/hdrWdd.jpg');padding:0;border:0;margin-top:.25em}
.hdrMrk{height:100px;text-align:center;background:url('http://www.goldenTwine.com/asset/hdr/hdrMrk.jpg');padding:0;border:0;margin-top:.25em}
.hdrAdv{height:100px;text-align:center;background:url('http://www.goldenTwine.com/asset/hdr/hdrAdv.jpg');padding:0;border:0;margin-top:.25em}
.hdrShp{height:100px;text-align:center;background:url('http://www.goldenTwine.com/asset/hdr/hdrShp.jpg');padding:0;border:0;margin-top:.25em}
.hdrBng1{height:100px;text-align:center;background:url('http://www.goldenTwine.com/asset/hdr/hdrBng1.jpg');padding:0;border:0;margin-top:.25em}
.hdrBng2{height:100px;text-align:center;background:url('http://www.goldenTwine.com/asset/hdr/hdrBng2.jpg');padding:0;border:0;margin-top:.25em}
.hdrBng3{height:100px;text-align:center;background:url('http://www.goldenTwine.com/asset/hdr/hdrBng2.jpg');padding:0;border:0;margin-top:.25em}
.hdrBlg{height:100px;text-align:center;background:url('http://www.goldenTwine.com/asset/hdr/hdrBlg.jpg');padding:0;border:0;margin-top:.25em}
/* Images from screen */
.advlImg {float:left;margin:5px}
.advrImg {float:right;margin:5px}


/* blog header
#header {float:left;width:100%;height:180px;background:#7fb0fd url('http://www.goldenTwine.com/asset/3.png') repeat-x;margin:0 auto}
.conHdr {width:100%;height:98px;border-top:1px solid #7fb0fd;border-bottom:1px solid #dfebfe;margin:36px 0 0}
.logoGti {float:left;width:150px;height:90px;padding:0;border:0;margin:5px}
.hdrBlg {float:left;width:640px;height:90px;margin:9px 10px 0px 0}
.logoBng{float:right;width:150px;height:90px;padding:0;border:0;margin:5px}

<div class="conHdr">
<div class="logoGti"><a class="lnkOp" href="http://www.goldenTwine.com"><img src="http://www.goldenTwine.com/logo/logoGti.png" width="150" height="90" alt="GoldenTwine Informatics Logo" /></a></div>
<div class="hdrBlg"><a href="#"><img src="http://www.goldenTwine.com/asset/hdr/hdrBlg2.png" width="640" height="90" alt="Official GoldenTwine Blog" /></a></div>
<div class="logoBng"><a class="lnkOp" href="http://www.goldenTwine.com"><img src="http://www.goldenTwine.com/logo/logoBng.png" width="150" height="90" alt="GoldenTwine Informatics Logo" /></a></div>
</div>
 */

/* logo */
.logoGti{float:left;padding:0;border:0;margin:5px} /* same as advlImg */
.logoBng{float:right;padding:0;border:0;margin:5px}

#topNav {clear:both;height:24px;text-align:center;background:url('http://www.goldenTwine.com/asset/bgNav2.png');margin:0 0 1px} /*bgNav3.png*/
#lftBlk,#rhtBlk,#lftBlk2,#rhtBlk2,.livBlk, .rivBlk, .livBnr, .rivBnr {padding:0;margin:0}
#lftBlk, .livBlk {float:left;width:150px}
#rhtBlk, .rivBlk {float:right;width:150px}
#lftBlk2{float:left;width:300px}
	#rhtBlk2{float:right;width:150px}
#midBlk{float:left;width:500px;padding:0 5px 5px;margin:0}
.livBnr {float:left;width:120px}
.rivBnr {float:right;width:120px}
.conCom {color:#666;/*background:#e2ece9 url('../asset/logoGy.jpg') no-repeat 50% 100%;padding:0;*/}
#rhtBlk h5 {margin:5px auto}
/*#rhtBlk .conVrt {text-align:center;}*/
#rhtBlk .conTop p, #rhtBlk .conAdv p, .bnrBlk .conAdv p {text-align:justify;padding:0 2px}
.conFil {font-size:8px;color:#fff;margin:0;overflow:hidden}
.conCom p {line-height:1.35;text-align:left;padding:0 1px}
.conVrt p, .conFil p {text-align:left;padding:0 2px}
.conVrt p {color:#898378;}
.icn {float:right;width:11px;padding:2px 2px 0 0}
/*.btn {float:right;width:12px;padding:0 2px 0 0}*/
.conBnr {padding:0;margin:0 0 5px;} /* bnr-iv */
.tblCol {/*display:block;position:relative;*/padding:0;margin:0}

.mainBlk1 {width:960px;padding:0;margin:0}
		
.mainBlk2 {float:left;width:806px;padding:0 0 5px 4px;margin:0}
	.mainBlk2w {float:left;width:832px;padding:0 0 5px 4px;margin:0}
.mainBlk3 {float:left;width:652px;padding:0 4px 5px;margin:0}
.mainBlk3w1 {float:left;width:682px;padding:0 4px 5px;margin:0} /* conVrt ivBnr - gbladv */
.mainBlk3w2 {float:left;width:712px;padding:0 4px 5px;margin:0} /* both ivBnr - bnr,txt */

	.bnrBlk1 {float:left;width:120px;padding:0;margin:0;} /*replace by .livBnr, .rivBnr */
	.bnrBlk,.bnrBlk2 {float:right;width:120px;padding:0;margin:0;}
	.bnrBlk2 {width:160px;}   /*delete*/

	.mivBlk2,.mivBlk3,.mivBlk2w {padding:0 4px 5px 0;margin-right:120px;}
	.mivBlk2w {margin-right:160px;}
	.mivBlk3 {padding:0 4px 5px;margin-left:148px;} /* ??? */
	.mivBlk3w {padding:0 2px 5px 0; margin-left:148px; margin-right:148px;} /* ??? */
	.mivBlk31 {padding:0 4px 5px; margin-left:120px; margin-right:120px;} /* ??? */

/* btmBlk --- make separate file  @import "btmblk.css"; --- */
/* 
#btmBlk {position:relative;background:url('../asset/bgIcn.jpg');padding:0;border:1px solid #a2ccc3;} 
#btmBlk {background:url('../asset/bgBtm.png');border-top:none;} 
.btmCol {display:block;position:relative;}
*/
#btmBlk {clear:both;width:960px;text-align:center;font-size:.8em;line-height:18px;color:#898378;background:url('http://www.goldenTwine.com/asset/f3.png') top left repeat-x;padding:9px 0 0;margin-bottom:9px;overflow:hidden}
#btmBlk a:link, #btmBlk a:visited {font-weight:normal;color:#a3756e}
#btmBlk a:hover, #btmBlk a:active {color:#7d4a42}
.btmCol {padding:5px;margin:0}
.w70 {width:70px}
.w700 {width:700px}
.w122 {width:122px}
.ma {margin:0 auto}
/* end of CSS */