/* css Zen Garden submission 167 - 'Hoops - Tournament Edition', by David Marshall Jr., http://www.pixelflexmedia.com/ *//* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  *//* All associated graphics copyright 2005, David Marshall Jr. *//* Added: May. 31st, 2005 *//* IMPORTANT *//* This design is not a template. You may not reproduce it elsewhere without the    designer's written permission. However, feel free to study the CSS and use    techniques you learn from it elsewhere. *//* basic html attributes ------------------------------------------------------------------- */body {	padding: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px;	background: #6B320E url(bg.gif) repeat-y 50% 0;	text-align: center;	}p, ul {	font-family: arial, verdana, helvetica, sans-serif;	font-size: 11px;	line-height: 17px; 	color: #000000;	}a:link, a:visited {  	text-decoration: underline;	color: #B52E00;	}a:hover, a:active { 	text-decoration: underline; 	color: #6B320E;	}	h1, h2 {	display: none;	}h3 {	width: 323px;	height: 37px;	}h3 span {	display: none;	visibility: hidden;	}/* main divs ------------------------------------------------------------------------------- */#container {	position: relative;	margin: 0 auto;	width: 600px;	text-align: left;	}#intro {	width: 600px;	}#supportingText {	width: 340px;	margin: 0px 0px 0px 20px;	}#preamble {	width: 340px;	margin: 0px 0px 0px 20px;	}#pageHeader {	width: 600px;	height: 471px;	background: url(main.jpg) no-repeat;	}#quickSummary {	position: absolute;	top: 480px;	left: 390px;	width: 190px;	background: transparent url(h3_thegoods.jpg) no-repeat;	border-bottom: 1px solid #FFFFFF;	}#footer {	font-family: arial, verdana, helvetica, sans-serif;	font-size: 10px;	text-transform: uppercase;	margin: 30px 0px 30px 0px;	}#linkList {	position: absolute;	top: 570px;	left: 390px;	width: 190px;	margin: 0px 30px 0px 0px;	}#pageHeader h1, #pageHeader h2 {	display: none;	}/* text & links ---------------------------------------------------------------------- */	#quickSummary p.p2 {	text-indent: 0;	font-family: arial, verdana, helvetica, sans-serif;	color: #FFFFFF;	padding: 7px 12px 7px 12px;	margin: 38px 0px 0px 0px;	background: #6B320E;	border-top: 1px solid #FFFFFF;	}#quickSummary p.p2 a:link, #quickSummary p.p2 a:visited {  	text-decoration: underline;	color: #FEEC83;	font-weight: bold;	}#quickSummary p.p2 a:hover, #quickSummary p.p2 a:active { 	text-decoration: underline; 	color: #FFFFFF;	font-weight: bold;	}#quickSummary p.p1 {	display: none;	}#preamble h3, #explanation h3, #participation h3, #benefits h3, #requirements h3 {	padding: 0px 0px 0px 0px;	margin: 30px 0px 5px 0px;	}#preamble h3 {	margin: 0px 0px 5px 0px;	}#preamble .p1, #explanation .p1, #participation .p1, #benefits .p1, #requirements .p1 {	padding: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px;	}#footer a:link, #footer a:visited {  	text-decoration: underline;	color: #FFFFFF;	background: #6B320E;	padding: 2px 16px 2px 16px;	margin: 0px 0px 0px 0px;	border: 1px solid #FFFFFF;	}#footer a:hover, #footer a:active { 	text-decoration: underline; 	color: #000000;	border: 1px solid #FFFFFF;	background: url(li_bg.jpg) no-repeat;	}/* linklist on sidebar --------------------------------------------------------------- */#linkList h3 {	width: 190px;	height: 37px;	padding: 0px 0px 0px 0px;	margin: 20px 0px 0px 0px;	}#linkList p, #linkList li {	font-family: arial, verdana, helvetica, sans-serif;	font-size: 10px;	text-indent: 0px;	}#linkList ul {	list-style: none;	padding: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px;	background: #6B320E;	border-top: 1px solid #FFFFFF;	border-bottom: 1px solid #FFFFFF;	}#linkList li {	color: #000000;	line-height: 12px;	padding: 7px 17px 7px 17px;	}#linkList li:hover {	background: url(li_bg.jpg) no-repeat;	}#linkList li a {	display: block;	border: none;	color: #FFFFFF;	font-weight: bold;	padding: 0px 0px 0px 12px;	margin: 0px 0px 0px -12px;	background: url(bullet_white.gif) no-repeat 0px 4px;	}#linkList li a:hover {	color: #000000;	background: url(bullet_black.gif) no-repeat 0px 4px;	}#linkList li a.c {	display: inline;	padding: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px;	background: none;	color: #FEEC83;	font-weight: normal;	}#linkList li a.c:hover {	color: #000000;	}#linkList #larchives li, #linkList #lresources li {	padding: 7px 0px 7px 0px;	}#linkList #larchives li a, #linkList #lresources li a {	display: inline;	padding: 0px 0px 0px 12px;	margin: 0px 0px 0px 5px;	background: url(bullet_white.gif) no-repeat 0px 4px;	}#linkList #larchives li a:hover, #linkList #lresources li a:hover {	background: url(bullet_black.gif) no-repeat 0px 4px;	}/* h3 image replacement -------------------------------------------------------------- */h3.select {	background: transparent url(h3_select.jpg) no-repeat;	}h3.resources {	background: transparent url(h3_resources.jpg) no-repeat;	}h3.archives {	background: transparent url(h3_archives.jpg) no-repeat;	}#preamble h3 {	background: url(h3_theroad.gif) no-repeat; margin-top: 0;	}#explanation h3 {	background: url(h3_sowhat.gif) no-repeat;	}#participation h3 {	background: url(h3_participation.gif) no-repeat;	}#benefits h3 {	background: url(h3_benefits.gif) no-repeat;	}#requirements h3 {	background: url(h3_requirements.gif) no-repeat;	}