body { background: #979696 url(images/secondary/bios-bg.jpg) repeat-y 0 0 }
form { display: inline }
p { margin: 0 0 10px 0 }
.whiteText, p, a { font: 11px/15px verdana; color:#FEFEFD }
a { color: #FCF13C; text-decoration:none }
a:hover {text-decoration:underline}

#banner {
	position: absolute; top:0; left:0;
	background: #a4a4a4 url(images/banner.jpg) no-repeat;
	height: 72px; width: 100%;
}
	#logo { position: absolute; top: 13px; left: 20px }
	#nav { position: absolute; top: 55px; left: 21px }
	#nav div { height:9px; float:left }
	#nav div a { display:block; text-indent:-4000em; height:9px }
	#nav .n1, #nav .n1 a { width:32px; background:url(images/nav/1.gif) no-repeat }
	#nav .n1 a:hover { background-image:url(images/nav/1-over.gif) }
	#nav .n2, #nav .n2 a { width:59px; background:url(images/nav/2.gif) no-repeat }
	#nav .n2 a:hover { background-image:url(images/nav/2-over.gif) }
	#nav .n3, #nav .n3 a { width:65px; background:url(images/nav/3.gif) no-repeat }
	#nav .n3 a:hover { background-image:url(images/nav/3-over.gif) }
	#nav .n4, #nav .n4 a { width:67px; background:url(images/nav/4.gif) no-repeat }
	#nav .n4 a:hover { background-image:url(images/nav/4-over.gif) }
	#nav .n5, #nav .n5 a { width:61px; background:url(images/nav/5.gif) no-repeat }
	#nav .n5 a:hover { background-image:url(images/nav/5-over.gif) }
	#nav .n6, #nav .n6 a { width:37px; background:url(images/nav/6.gif) no-repeat }
	#nav .n6 a:hover { background-image:url(images/nav/6-over.gif) }
	#signup { position: absolute; top: 39px; left: 597px }
	#banner #sForm { position: absolute; top: 14px; left: 636px }
	#banner input.txt { width:100px; height:15px; border: 1px solid #767676; font-size: 9px; color: black }
#rule {
	position: absolute; top: 72px; left:0;
	height: 1px; width: 100%; line-height: 1px;
	background: #c2c2c2 url(images/rule.jpg) no-repeat;
}

#backBtn { position: absolute; top:83px; left:29px;
	background: url(images/secondary/back-to-ci-bot.jpg) no-repeat }

#leftCol { position: absolute; top:166px; left:26px; width: 312px }
#rightCol { position: absolute; top:166px; left:387px; width: 306px }

/* left column */
h2,h3 { margin:0 0 10px; font-size:16px; font-weight:normal }
h2.rsrcs { margin:35px 0 25px; background-color: #979696; padding:8px; line-height:17px; }
h3 { font-size:15px; font-weight:bold; color:#ECE119; margin-top:30px;
	padding-bottom:6px; background:url(images/h-dot-white.gif) repeat-x transparent 0 100% }
.photo { float: left; margin: 4px 10px 6px 0 }
#audioBox { border: 1px solid #e2e1e1; padding: 11px; margin-top: 20px }
#leftCol #audioBox { background-color: #6F6E6E }
#rightCol #audioBox { background-color: #808080 }
	#leftCol #audioBox #hdr { background: url(images/secondary/audio-hdr-bot.jpg) no-repeat }
	#rightCol #audioBox #hdr { background: url(images/secondary/audio-hdr-bot-light.jpg) no-repeat }
	#audioBox p { color: #d5d6d6; font-weight: bold; margin: 9px 0 }
	a.audio {
		float:left; padding-left: 15px; margin-right:20px;
		background: url(images/secondary/yellow-audio.gif) 0 50% no-repeat transparent;
		}
	.clearFloats { clear:both; height:1px; line-height:1px }
/* .bkt { padding-left:11px; border-left:1px solid #777; margin-bottom:15px} */
.bkt { margin: -10px 0 15px; padding:0}
	
/* right column */
h4 { font-size: 14px; background: url(images/h-dot-white.gif) repeat-x transparent 0 100%;
	margin: 34px 0 10px 0; padding-bottom: 8px }
h4.first { margin-top:0 }
.book { font-style:italic; font-weight:bold; line-height:14px }
.article { font-weight:bold; line-height:14px }

a.amazon, a.bullet { color: #b7b7b7; margin:0;
		background: url(images/bullet-gray.gif) no-repeat transparent 0 5px; padding-left:8px }
a.amazon:hover, #rightCol a.amazon:hover, a.bullet:hover {color:#fff }
#rightCol a.amazon { color: #ddd }	/* bio pages */