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

/* use at the end of a floating object, to ensure the container 
 stretches to fit around it. usage:  <div class="clearFloats">&nbsp;</div> */
.clearFloats {clear:both; line-height:1px; font-size:1px;}

em,b,strong,a,cite,span { font-size: 100% }	/* don't change size within its context */
.dotted { height:1px; line-height:1px; width:100%; padding:1em 0; margin:0; clear:both;
		background:url(../uimages/dotted-horiz-line.gif) repeat-x 0 50% }
.doubleDotted { height:3px; line-height:1px; width:100%; padding:1em 0; margin:0; clear:both;
		background:url(../uimages/dotted-horiz-double.gif) repeat-x 0 50% }
a { text-decoration: none; color:#0382A7 }
a:hover { text-decoration:underline }
:focus {-moz-outline-style: none;} /* hack mozilla not to display the dotted border for links */

p { margin:0 0 1em }
em em { font-style:normal }
form { display:inline }
.spacey { line-height:15px }
.small { font-size:10px }
.miniB { font-size:10px; font-weight:bold }
.bold { font-weight:bold }

h2 { margin:0 0 0.6em; font-size:16px; font-weight:bold }
h2.inner { margin-top:1.7em }

a.blueArrow { display:block; padding-left:9px; margin:0; background:url(../uimages/tri-bullet-blue.gif) 0 4px no-repeat }

body
{
	margin:0; padding:0;
	text-align:center;
	min-width:780px;
	/* background-color:#f3f3f3 */
	background:url(../uimages/bgfade.gif) 50% 0 repeat-y #F0F0F0
}
#bodyContainer
{
	position:relative;	/* allows absolute posn within */
	text-align: left;
	width:780px;
	margin:0 auto;
	background:url(../uimages/04/tmpl/columns-bg-LP.gif) repeat-y
}
/* basic structure */
#topSection { width:780px; height:96px; background:url(../uimages/04/tmpl/top-banner-LP-2.jpg) no-repeat; position:relative }
#topBanner { width:780px }
#mainBody { background:url(../uimages/04/tmpl/body-fade-LP.gif) no-repeat; width:780px }
#mainBody #content { padding:9px 19px 9px 25px }
#preFooter { clear:both; font-size:8px; line-height:5px; width:780px;
		background:url(../uimages/04/tmpl/inner-bottom-corners-LP.gif) no-repeat; height:8px }
#footerBox { clear:both; width:780px; background:url(../uimages/04/tmpl/footer-LP.gif) repeat-y }
	#footerBox #content { padding:15px 11px 15px 11px; text-align:center; color:#888; font-size:10px }
	#footerBox a { color: #191919 }
	#footerBox .footerCopyright { color:#555; font-size:9px; padding-top:24px }

	#footer .footerCopyright { color:#aaa; font-size:9px; margin:10px 0 }
	.footerCol { text-align:left; padding:0 12px; }
	#footer h6 { font:italic 14px "georgia"; margin:0.8em 0; color:#505050 }
	.footerCol a { font-size:11px }

	
/* top banner */
#topBanner #logo { float:left; margin:10px 0px 0 12px;  }
/* #topBanner #utilities { float:right; margin:8px 16px 0 0; height:14px; display:inline; width:216px }
	#utilities a, #utilities div { float:left; display:block; text-indent:-2000em; height:14px }
	#utilities a:hover { background-position:0 -14px }
	#utilities div#about, div#about a { background:url(../_nav/04/utils/about.gif) no-repeat; width:57px } 
	#utilities div#support, div#support a { background:url(../_nav/04/utils/support.gif) no-repeat; width:77px } 
	#utilities div#contact, div#contact a { background:url(../_nav/04/utils/contact.gif) no-repeat; width:55px } 
	#utilities div#cart, div#cart a { background:url(../_nav/04/utils/cart.gif) no-repeat; width:27px }  */

#topBanner #toprightnav {position:absolute; display:inline; top:11px; left:400px; height:25px; font-color:#FFFFFF;}
#toprightnav a {color:#90949F; margin-left:0px; margin-right:1px; font-size:9px;}
#toprightnav div#cart, div#cart a { background:url(../_nav/04/utils/cart.gif) no-repeat; width:27px; display:inline; } 
#toprightnav {margin-top:2px;}


/* useful for unbound listings (voices too) */	
.unBlock { margin:3px 0 }
	.miniPhoto { float:left }
	.miniCopy { float:left; margin-left:8px; display:inline; width:190px; padding:0 }
	.miniCopy cite { font-style:italic; color:#777; display:block; margin:.4em 0 }	/* person's title */
	.miniCopy p { margin:0 0 0.6em; font-size:9px; color:#525252 }
	.miniCopy a { color:#525252 }

.voicesBlock { margin:6px 0 0 }		/* can use the "miniPhoto" and "miniCopy" blocks above */
	.voicesBlock .miniCopy p { font-size:10px }
	.voicesBlock a { color:#0382A7; font-weight:bold }

div.audio, div.video { margin-top:7px }
div.audio, div.audio a, div.video, div.video a
		{ width:57px; height:17px; text-indent:-2000em; display:block; background:url(../home04i/audio.gif) no-repeat }
div.audio a:hover { background-image:url(../home04i/audio-over.gif)}
div.video a	   { background-image:url(../home04i/video.gif)}
div.video a:hover { background-image:url(../home04i/video-over.gif)}

/* show/hide privacy statement */
#privacyMiniPop { display:none; width:200px; margin:9px 0;	border:1px solid #aaa; background-color:#f7f7f7 }
	#privacyMiniPop div { padding:11px 11px 0; font-size:10px }

/* related articles & audios */
#related {}
#related .item { margin-bottom:2em }
#related a { display:block; margin:0; padding:0 0 0 21px; background:4px 2px no-repeat }
#related a.media { background-image:url(../uimages/04/mini-audio.gif) }
#related a.article { background-image:url(../uimages/04/mini-article.gif) }
#related p { margin:0.3em 0 0 23px; color:#777 }

/* related: item counts by topic */
#relatedSubjects { margin-left:21px; line-height:17px}
.counts { padding:0 0 0 20px; font-size:9px; color:#888 }

/* nav */
#lpNav { position:absolute; top:66px; left:18px }
#lpNav div { height:19px; float:left }
#lpNav a { text-indent:-2000em; display:block; height:19px }
#lpNav a#s:hover { background-position:0 -19px} 

#lpNav #home, #lpNav #home a 				{ background:url(../_nav/04/LP/home.gif) no-repeat; width:45px }	
#lpNav #feat, #lpNav #feat a 				{ background:url(../_nav/04/LP/features.gif) no-repeat; width:72px }	
#lpNav #mag, #lpNav #mag a 					{ background:url(../_nav/04/LP/magazine.gif) no-repeat; width:58px }	
#lpNav #events, #lpNav #events a  			{ background:url(../_nav/04/LP/events.gif) no-repeat; width:63px }	
#lpNav #broadcasts, #lpNav #broadcasts a 	{ background:url(../_nav/04/LP/broadcasts.gif) no-repeat; width:73px }	
#lpNav #univ, #lpNav #univ a 				{ background:url(../_nav/04/LP/university.gif) no-repeat; width:62px }	
#lpNav #store, #lpNav #store a	 			{ background:url(../_nav/04/LP/store.gif) no-repeat; width:41px }