html {
	font: small/1.4 "Verdana", sans-serif;
}

body {
	background: #000000 url(images/bsdotorgbackground1.jpg) no-repeat scroll center top;
	font-size: 92%;
}


/*
This #nav section sets up your navigation bar.
margin controls the positioning of the navigation bar.
width needs to be calculated using the following:
	(((#nav a width) + (#nav a border * 2)) * (no of nav items in list)) + ((.nav_spacer) * (no of nav items in list - 1))
So for barnabysmith.org, it works out at:
	(((100px) + (1px * 2)) * 6) + (10px * (6 - 1)) = 662px
*/
#nav {
	margin: 150px auto;
	padding: 0;
	list-style-type: none;
	width: 662px;
	text-align: center;
}


#nav li {
	margin: 0;
	padding: 0;
	float: left;
}

/*
Change the colour of the navigation links and the border in #nav a.
*/
#nav a {
	float: left;
	width: 100px;
	text-align: center;
	color: #ccc;
	text-decoration: none;
	line-height: 2.5;
	border: 1px solid #fff;
}

/*
Change width of the blank space between the navigation buttons using .nav_spacer.
*/
.nav_spacer {
	width: 10px;
}

/*
Change the appearance of the navigation button when the mouse is on top.
*/
#nav a:hover {
	background: #ccc;
	color: #000;
}

/*
This bit styles the navigation button of the currently viewed page.
*/
#body_home #nav_home a, #body_services #nav_services a, #body_biography #nav_biography a,
#body_audio #nav_audio a, #body_video #nav_video a, #body_contact #nav_contact a {
	background: #ccc;
	color: #000;
	font-weight: bold;
}

#content {
	background: #000;
	color: #ccc;
	width: 642px;
	margin: 20px auto 0 auto;
	padding: 10px;
	border: 1px solid #fff;
}


#content a:visited {color: #ccc;}

#content a:link {color: #fff;}

#content dt {
	font-size: 150%;
}

#content dd {
	width: 550px;
}

#content th {
	font-size: 150%;
	text-align: left;
	font-weight: normal;
	}

#footer {
	position: fixed;
	left: 0;
	top: 610px;
	padding: 0;
	list-style-type: none;
	width: 100%;
	text-align: center;
}

#footer li {
	color: #ccc;
	margin: 0;
	padding: 0;
	font-size: 80%;
}