body { 
	background-color: #FFF;}
#container {
	position: relative;
	width: 780px;
	margin: 20px 0 0;
	padding: 0;}
	
#header {
	width: 780px;
	height: 238px;
	border: 0;
	margin: 0;
	padding: 0;}
#welcome {
	text-indent: -5000px;
	background: url(/bonding/i/h_welcome.gif);
	height: 57px;
	width: 780px;
	padding: 0;
	margin: 0;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	}
#tagline {
	text-indent: -5000px;
	background: url(/bonding/i/h_tagline.gif);
	height: 34px;
	width: 780px;
	padding: 0;
	margin: 0;
	border: 0;
	position: absolute;
	top: 57px;left: 0;}
#logobox {
	background: url(/bonding/i/h_logo_b.gif);
	position: absolute;
	top: 91px;
	left: 0;
	height: 147px;
	width: 193px;
	padding: 0;
	margin: 0;
	}
#logobox a, #logobox img {
	border: 0;}
#logobox #logo {
	position: absolute;
	top: 63px;
	left: 18px;
	}
#photos {
	position: absolute;
	top: 91px;
	left: 193px;
	width: 587px;
	height: 147px;}
#photos img {
	float: left;
	margin: 0;}
	
#main {
	margin: 0;
	padding-top: 1%; /* fixes something in IE5/Win */
	background: url(/bonding/i/n_b.gif) repeat-y top left;
	}
	
#nav {
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
	width: 193px;}
#nav ul {
	margin: -5px 0 0;
	padding: 0 0 2em 0;}
#nav li {
	margin: 0;
	padding: 15px 18px;
	list-style: none;
	border-bottom: 2px dotted #FFF;}
#nav li#last {
	border: none;}
#nav a {
	font: bold 18px/16px Verdana, sans-serif;
	text-decoration: none;}
#nav a:link, #nav a:visited {
	color: #E6F2F7;}
#nav a:link#here, #nav a:visited#here {
	color: #E23D26; }
#nav a:hover {
	color: #C0DDEB;}
#nav .navblurb {
	font: italic bold 12px/12px Georgia, serif;
	color: #F2EDD1; }
#cp {
	/* IE/5 Mac will be the death of me */
	/*\*//*/
  	display: inline-block;
	/**/
	clear: both;
	font: bold 10px/1em Verdana, sans-serif;
	color: #E6F2F7;
	margin: -3.2em 18px 0;
	padding-bottom: 6px;}
#cp {
	width: 193px;
  	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width: 157px;}
html>body #cp {
  width: 157px;}
	
#content {
	float: left;
	margin: .9em 0 0 15px;
	font: normal 16px/18px Georgia, serif;}
#content { 
  width: 405px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 390px;
}
html>body #content {
  width: 390px;
} 
#content p {
	margin-bottom: 0;
	padding-bottom: 0;}
	
#content h3 {
	color: #E23D26;
	font: bold 20px/18px Georgia, serif;
	margin: 12px 0 6px;}
	
#content h4 {
	color: #3F3F3F;
	font: bold 18px/16px Georgia, serif;
	margin: 6px 0 3px 12px;}

#content ul {
	margin: 0 0 24px 0;
	padding: 0;
	list-style-type: none;}

#content li {
	padding: 0;
	margin: 6px 0 6px 24px;}
	
#content li a {
	color: #82BCD8;
	font-weight: bold;}
	
#content ul div.blurb {
	font: italic 15px/16px Georgia, serif;}
#content ul div.blurb em {
	font-style: normal;}
	
#feature {
	padding: 10px 0 0;
	background: url(/bonding/i/f_top.gif) no-repeat top left;}
	
#feature h4 {
	font: bold 12px Verdana, sans-serif;
	text-decoration: underline;
	color: #9BB268;
	margin: 0 9px 0 18px;
	padding: 0;}
	
#feature h2, #feature h2 a {
	text-decoration: none;
	color: #E23D26;
	font: bold 20px/20px Georgia, serif;
	margin: 8px 18px 8px 0;}
#feature h2 {
	margin-left: 18px;}
	
#feature h2 a:hover {
	text-decoration: underline; }

#feature p {
	background: url(/bonding/i/f_bot.gif) no-repeat bottom left;
	margin: 0;
	padding: 0 18px 18px;}
	
#feature img {
	display: block;
	margin: 6px 18px;
	padding: 5px;
	border: 1px solid #595959;}
#feature img { 
  width: 390px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 342px;
}
html>body #feature img {
  width: 342px;
} 
	
#feature a.jump {
	text-decoration: none;
	font: normal 12px/12px Verdana, sans-serif;
	color: #E23D26;}
	
#feature a:hover.jump {
	font-weight: bold;} 
	
#sub_spot {
	background-color: #E6F2F7;
	padding: 6px;
	margin: 6px 0;
	font: normal 10px/12px Verdana, sans-serif;}
#sub_spot a {
	color: #E23D26;
	font-weight: bold;}
	
.tower {
	float: left;
	margin-top: 10px;
	height: 600px;
	width: 160px;
	margin-left: 17px;}
.tower { 
  width: 176px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 160px;
}
html>body .tower {
  width: 160px;
}

.leaderboard {
	width: 728px;
	height: 90px;
	margin: 0 26px;
	padding: 0;
	display: block;
	border: 1px solid #CCC;}