* {
	font-family: verdana, sans-serif;
	font-size: 11px;
}

.clearFloats {clear:both; line-height:1px; font-size:1px;}

a { text-decoration: none; color: #1B2F86; }
a:hover { text-decoration: underline; }

em,b,strong { font-size: 100% }	/* don't change size */
.small,.small a { font-size: 10px }
blockquote { margin:9px }	/* our old "pad9" */
form { display: inline }
.bold { font-weight: bold }	/* for input, etc */
.newDottedLine { height: 1px; line-height:1px; font-size:1px;
			background: url(../uimages/dotted-horiz-line.gif) repeat-x transparent; width:100%}
.spacey { line-height: 15px }
a.blueArrow { font-size:100%; background:url(../uimages/tri-bullet-blue.gif) 0 3px no-repeat; padding-left:8px }

/* these two declarations center everything */
body
{
	margin:0; padding:0;
	text-align:center;
	min-width:780px;
}
#bodyContainer
{
	text-align:left;
	width:780px;
	margin:0 auto;
	background: url(../uimages/04/3col-bg.gif) repeat-y #fff
}

/* --------------- */

#flashBar {}
#logoBar {}

#articleTools {	padding: 20px 0 9px 28px; line-height:1px; font-size:1px }
	#articleTools div, #articleTools a { width:86px; height:24px; background-repeat: no-repeat; margin:0 }
	#articleTools a { display:block; text-indent:-2000em }
	#articleTools #pf, #pf a { background-image:url(../uimages/printer-friendly.gif) }
	#articleTools #pf a:hover { background-image:url(../uimages/printer-friendly-over.gif) }
	#articleTools #em, #em a { height:14px; background-image:url(../uimages/email-friend.gif) }
	#articleTools #em a:hover { background-image:url(../uimages/email-friend-over.gif) }

#centerCol { width:441px }

	#titleBar { background: top right no-repeat #F6F4F3 }
	#titleBar #left {
		float:left; width:9px;
		background: url(../uimages/articleTemplate/grayLeftCornerT.gif) no-repeat #F6F4F3
		}
	#titleBar #main {
		float:left; width:408px;
		background: -9px 0 no-repeat #F6F4F3
		}
		#titleBar #main #copy { padding: 20px 20px 15px 7px }
	#titleBar #botCorner {
		width:24px; height:13px; clear:both; float:right;
		background: url(../uimages/articleTemplate/whiteCornerInset.gif) no-repeat 100% 0 transparent
		}
	#titleBar #bot {
		width:440px; height:13px; clear:both;
		background: url(../uimages/04/whiteCorner.gif) no-repeat transparent  }

	#titleBar { background-image: url(../uimages/04/tmpl/Lshape-strip.gif) }
	#titleBar #main { background-image: url(../uimages/04/tmpl/Lshape-topBG.gif) }
	#rightCol #L { background-image: url(../uimages/04/tmpl/Lshape-rightBG.gif) !important }


#rightCol
{
	position:absolute; top:0; left:597px;
	width:183px;
}

	#rightCol #L {	/* gets a bg applied inline */
		float:left; width:162px;
		background: no-repeat #F6F4F3
		}
		#rightCol #L #blurbAbove table.container { margin:0 10px 0 20px }
		#rightCol #L #blurbAbove table.container p { font-size: 10px }

		#rightCol #L #cover { margin: 0px 0 8px 20px }
	#rightCol #blueEdge { float:left; width:21px; height:80px;
					background: url(../uimages/04/Lshape-upper-corner.jpg) repeat-x #D8DDE2 }
	#rightCol #Linfo {
		clear:both; width:162px;
		background: url(../uimages/articleTemplate/grayBottomCornerR.gif) 100% 100% #F6F4F3 no-repeat
		}
	#rightCol #Linfo #copy { padding: 0 14px 9px 20px; font-size: 10px }

	#rightCol #ads { margin: 30px 28px }
	#rightCol #ads .hdr { font:10px verdana; color:#999; text-align:center; }

	p.issueTitle { margin: 0 0 6px; font-size: 10px; line-height: 13px; color:#444 }
	p.issueDate { margin:0 0 1em; font-size:9px; color:#888 }
	#Linfo .links { margin: 13px 0 0 }
	#Linfo .links div { margin-bottom:6px; height:13px }
	
	#Linfo .links a { display:block; margin:0; height:13px; padding-left:17px; color:#1d6ac0; font-size:10px;
				background:url(../uimages/bullets/double-box-arrow.gif) no-repeat; }

	#Linfo #signup { background:url(../uimages/dotted-horiz-double.gif) repeat-x; margin-top:8px; padding-top:18px;
			font-size:10px; line-height:11px }
	#Linfo #signup #hdr { font-weight:bold; font-size:10px; line-height:13px; margin-bottom:4px; color:#222}
	#Linfo #signup a.privacy { display:block; margin:8px 0 15px; font-size:10px }
	#Linfo #signup input.text { width:80px; height:15px }
	#privacyMiniPop { width:124px }	/* override from basic04 */

	
#preFooter { clear:both; font-size:8px; line-height:5px; width:780px;
		background:url(../uimages/04/tmpl/inner-bottom-corners-Lshape.gif) no-repeat; height:9px }
#footerBox { clear:both; width:780px; background-color:#C5D6DB;  }
	#footerBox #content { padding:15px 183px 0 156px; text-align:center; color:#888; font-size:10px }
	#footerBox a { color: #191919 }
	#footerBox .footerCopyright { color:#555; font-size:9px; padding-top:24px }

/*--- printer-friendly */

table#articlePF { text-align:left; margin:24px 0 0 55px }
td.articleCellPF { width: 431px; } 

.printNowButton
{
	z-index: 95;
	position: absolute;
	top: 82px; left: 600px;
	width: 103px;
}

.pfNav
{
	text-align:left;
	z-index: 100;
	position: absolute;
	top: 160px; left: 600px;
	width: auto;
	/* border:1px solid #aaa;
	padding:14px 14px 0;
	background-color:#f6f6f6 */
}

/*---------- for the article itself */

.articleTitle
{
	font-size: 14px;
	font-weight: bold;
}

h3
{
	display: inline;
	font-size: 17px;
	font-weight: bold;
	line-height: 19px;
}

/* "introduction" */
.subHeader	
{
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	position:static;
}

.excerptFrom { font-size:12px; font-weight:bold; font-style:italic; margin:0 0 0.8em; color:#444 }

/* article sections or chapters */
h4
{
	margin: 10px 0;
	font-size: 14px;
	font-weight:bold;
}

.pageNav { color: #aaa }

sup { font-size: 90%; color: #444; line-height:90% }

.articleFootnote
{
	display: block;
	padding: 15px;
	margin: 20px 0 10px;
	color:#555;
	font-size:10px;
	line-height:12px;

	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

/* the continue link at the bottom */
.continueLink
{
	text-transform: lowercase;
	font-style: italic;
}

/* for the big printer-friendly widget at the bottom */
.pfWidget { margin-left:16px;  /* width:160px */ } 
.pfPad { padding: 9px 0 6px }
.pfWidget a { display:block; margin-bottom:6px; height:14px }
.pfWidget a.a2 { margin-bottom:12px }

.continueTo p { margin:0 0 5px }

/* prepares the location of the containing table */
#headshotLocation {	margin: 0 0 0 -20px; float:left; display:inline }

	#hs { margin: 6px 15px 15px 0;
		padding: 18px 12px 12px 20px;
		background-color: #F6F4F3;
	}
	#hs p {
		margin: 6px 0 0;
		font-size: 9px; color: #444;
		line-height:10px
	}
	#hs a.blueArrow { display:block; margin-top:8px }	/* bio & resources */
	
	/* in the headshot area, for the printer-friendly mini-widget */
	.miniPFpadding { padding: 0px 12px 8px 20px	}

.paidContentInfo { margin:9px 0 36px }
	.paidContentInfo #prefix { font-size:11px; color:#444; width:280px }
	.paidContentInfo #prefix em { color:#C96100; font-style:italic; font-weight:bold }
	.paidContentInfo #paidTop { width:236px; height:31px; margin-top:10px;
							background:url(../uimages/articleTemplate/paid/top.gif) no-repeat }
	.paidContentInfo #paidMid { background:url(../uimages/articleTemplate/paid/mid.gif) repeat-y;
							width:236px; padding-top:10px; display:none}
	.paidContentInfo #bot { background:url(../uimages/articleTemplate/paid/bot.gif) no-repeat; width:236px; height:6px }
	
	/* login, signup buttons */
	#paidTop div { float:left; display:inline; height:25px; margin:6px 0 0 111px }
	#paidTop div a { display:block; text-indent:-2000px; height:25px }
	#paidTop #login, #paidTop #login a { width:51px;
			background:url(../uimages/articleTemplate/paid/login-but.gif) no-repeat }
	#paidTop #login a:hover, #paidTop #signup a:hover { background-position:0 -25px }
	#paidTop #signup { margin-left:5px }
	#paidTop #signup, #paidTop #signup a { width:53px;
			background:url(../uimages/articleTemplate/paid/trial-but.gif) no-repeat }
	#paidTop #signupPusher { width:20px; line-height:1px; font-size:1px }
			
	/* login box in paid content */
	#paidLogin form { display:inline }
	#paidLogin input.txt { width:80px }
	div.goWrap { margin:2px 0 0 6px }
	input.loginGo, div.goWrap		{ width:26px; height:18px; 
				background:url(../uimages/04/ub/login-go.gif) no-repeat; cursor:hand }
	input.loginGo:hover, input.loginGoHover	{ cursor:hand;
				background:url(../uimages/04/ub/login-go-over.gif) no-repeat }
	#paidLogin div.forgot { margin-top:5px }
	#paidLogin div.forgot, #paidLogin div.forgot a { width:120px; height:9px; font-size:1px; display:block; text-indent:-2000em; 
								background:url(../uimages/04/ub/login-forgot.gif) no-repeat }
	#paidLogin div.forgot a:hover { background-image:url(../uimages/04/ub/login-forgot-over.gif) }

	
img.breaker { margin:10px 19px 14px 0 }
	
/* useful for any left-right (7-10) split */
.fullWidth { width:100% }
	.fullWidth #L { float:left }
	.fullWidth #R { float:right }
	.fullWidth #clear { clear:both; height:1px; line-height:1px; font-size:1px }

/* for database relatedness */
#relatedStuff { padding:9px }
#relatedStuff #hdr { font-size:10px; color:#74889D; margin:40px 0 1em; padding-bottom:12px; 
					background:url(../uimages/dotted-horiz-line.gif) repeat-x 0 100%; }
#relatedStuff .relatedGroup {
		/* border-left: 1px solid #64A2B7;
		border-bottom:1px solid #64A2B7; */
		}
#relatedStuff a {
		display:block;
		margin:8px 0;
		padding:0 0 0 18px;
		/* border-left:1px solid #555; */
		font-size:10px
	}

#relatedStuff a.audio { background:url(../uimages/04/mini-audio.gif) 4px 2px no-repeat }
#relatedStuff a.video, #relatedStuff a.av { background:url(../uimages/04/mini-video.gif) 4px 3px no-repeat }
#relatedStuff a.article { background:url(../uimages/04/mini-article.gif) no-repeat transparent 4px 2px }
#relatedStuff a.all {
		font-size:9px;
		color:#000;
		text-align:right
	}


/* --- UNBOUND AD --- */
#unboundAd2 {margin:10px 0 0 16px; width:123px; height:161px; _width:122px; _height:160px;
			background:#FF7200 url(../uimages/ads/unbound/bg.gif) 5px 0 no-repeat }
#unboundAd2 div { background: url(../uimages/ads/unbound/text.gif) 5px 1px no-repeat;  }
#unboundAd2 div a { width:122px; height:160px; display:block; text-indent:-2000em; border:1px solid #CCC; 
				background: url(../uimages/ads/unbound/text.gif) 4px 0 no-repeat }
#unboundAd2 div a:hover { border:1px solid #000; background: url(../uimages/ads/unbound/go-over.gif) 88px 129px no-repeat}

/* email signup box */
#emSignup { margin:40px 0 }
#emSignup .top { background:url(../uimages/04/tmpl/email-signup-top.gif) no-repeat; height:6px }
#emSignup .bot { background:url(../uimages/04/tmpl/email-signup-bot.gif) no-repeat; height:6px }
#emSignup .mid { background:#c2cad3; ; padding:10px 8px 1px 12px }
#emSignup h2 { font:bold 11px georgia; color:#555; text-transform:uppercase; margin:0 0 8px }
#emSignup form { display:block; margin:4px 0 }
#emSignup input#email { width:90px; font:11px verdana; color:#666 }
#emSignup input#go { font:bold 11px verdana }
#emSignup p.thanks { padding:4px }
#emSignup a { color:#0870b0 }
#emSignup #privPop { display:none; 
					margin-top:8px; padding:4px 8px;
					background-color:#fff;  }
#emSignup #privPop p { font-size:10px; color:#666 }

/* form validation */
#emSignup .lblErr {color: #DB4300 }
#emSignup .errMsg {color: #222; display:none; font:11px verdana; margin:2px 0; padding:4px 8px; background-color:#fff; }