body {

	margin: 0;
	font-family: helvetica;
	background-image: url('uke-bg.jpg');
	background-position: -150px -50px;
	
}


#wrap {

	width: 900px;
	margin: 0 auto;
	
}

#header {

	padding: 30px 0px 30px 20px;
	
}

#header h1 {

	margin: 0;
	padding: 0;
	color: #ff6600;
	font-weight: normal;
	
}

#left {

	width: 600px;
	padding: 20px 20px 50px 20px;	
	float: left;
	background-color: #ffffff;
	background-image: url('top-left.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	
}

#left h3 {

	margin: 0px 0px 20px 0px;
	
}

#left p {

	margin: 0px 0px 10px 0px;
	
}

#breadcrumb {
	
}

pre {

	line-height: 150%;
	margin: 50px 0px 50px 0px;
	
}

p {

	line-height: 150%;
	margin: 40px 0px 0px 0px;
	
}

#right {
	
	width: 220px;
	float: right;
	padding: 20px 20px 40px 20px;
	background-color: #666666;
	color: #cccccc;
	font-size: 90%;
	background-image: url('top-right.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	
}

#right a {

	color: #cccccc;
	
}

#right a:hover {

	border-bottom: 2px dashed #cccccc;
	
}

#right h3 {

	margin: 20px 0px 5px 0px;
	cursor: pointer;
	
}

ul {

	margin: 0;
	padding: 0;
	margin-left: 30px;
	line-height: 150%;
	
}

ul li {

	list-style-type: square;

}

#right ul {

	margin-left: 20px;
	
}


a {

	color: #ff6600;
	text-decoration: none;
	
}

a:hover {

	border-bottom: 2px dashed #ff6600;
	
}



#footer {

	clear: both;
	padding: 100px 20px 100px 20px;
	
}

#right object {

	margin-left: 20px;
	margin-top: 20px;
	
}


#resource {

	line-height: 200%;
	
}

#resource p {

	margin-bottom: 20px;
	
}

#resource h3 {

	margin-top: 35px;
	color: #ff6600;
	
}

#head-box-grey {

	padding: 10px;
	color: #ffffff;
	background-color: #666666;
	margin-bottom: 20px;
	margin-top: 30px;
	
}

#head-box-grey h3 {

	margin: 0;
	
}

#head-box-orange {

	padding: 10px;
	color: #ffffff;
	background-color: #ff6600;
	margin-bottom: 20px;
	
}

#head-box-orange h3 {

	margin: 0;
	
}