body
{
	background: #363636;
	background-color: #363636;
}

body {font-family: arial, verdana, sans-serif;}

h1 {color: #cccccc; font-size: 150%}

h2 {color: #CCCCCC; font-size: 200%}

p {color: #CCCCCC; font-size: 100%}

a {text-decoration: none}
a:link {
	color: Silver;
}
a:visited {color: Silver}
a:hover {color: Silver; text-decoration: underline;}
a:active {color: Silver}

/* This creates a simple border around a cell */
.btnav { background-color: transparent; border: 1px #C0C0C0 solid;}

#page_head
{
	width : 510px;
}

#head {
	margin-left : 3px;
	margin-top : 3px;
}

#title {
	margin-left : 170px;
	margin-top : -150px;
}

#content 
{
	margin-top : 20px;
}

/* -----This is the main nav bar------ */

.nav_bar
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
	height: 28px;
}

.nav_bar li
{
	margin: 5px;
	text-align: right;
	width: 180px;
	
}

.nav_bar a
{
	display: block;
	background-color: transparent;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	height: 28px;
}

.nav_bar a:link, #navlist a:visited
{
	color: #54548C;
	text-decoration: none;
}

.nav_bar a:hover
{
	background-color: #C8EBFD;
	color: #990000;
	text-decoration: underline;
}

/* front page layout */

div.container
{
	position: relative;
	margin: 0 auto;
	width: 680px;
	height: 100%;
	text-align: left;
}

#front_page
{
	position: absolute;
	width: 625px;
	height: 600px;
	margin: 0px;
}

#front_photo
{
	position: absolute;
	left: 10px;
	top: 10px;
}

#front_title
{
	position: absolute;
	top: 50px;
	left: 410px;
}

#front_nav
{
	position: absolute;
	top: 200px;
	left: 445px;
}

#front_bio
{
	position: absolute;
	top: 530px;
	left: 10px;
	width: 680px;
	text-align: left;
}
/* background colour for link boxes: #E1DFE8 */
/* other nice colors: #C8EBFD */