html {
	font: 90% verdana, arial, helvetica, sans-serif;
	background-color: #e7e7e7;
	}

body {
	position: relative;
	width: 760px;
	margin: 10px auto;
	background-color: #ffffff;
	}
	
#header {
	position: relative;
	background: url(../img/header.jpg);
	height: 150px;
	}
.title {
	position: absolute;
	bottom: 0;
	height: 30px;
	padding: 3px 10px;
	font-variant: small-caps;
	font-weight: bolder;
	font-size: 25px;
	text-align: center;
	color: #CC3333;
	}
#left {
	left: 0px;
	width: 170px;
	}
#right {
	right: 0px;
	width: 550px;
	}
	
#nav{
	float: left;
	width: 170px;
	padding: 10px;
	}
#nav a {
	color: #ffffff;
	text-align: right;
	display: block;
	background-color: #CC3333;
	margin: 3px 0;
	padding: 0 10px;
	border-bottom: 0px;
	}
#nav a:visited { color: #ffffff;}	
#nav a:active { color: #ffffff;}
#nav a:hover { background-color:#4b4b4b;}
	
#frame{
	background: #ffffff;
	float: right;
	width: 550px;
	padding: 10px;
	}

#footer{
	position: relative;
	clear: both;
	background: url(../img/footer.jpg);
	height: 73px;
	text-align:center;
	}
.foot {
	position: absolute;
	bottom: 7px;
	}
#arts {
	right: 20px;
	}
#yorku {
	left: 20px;
	}
#copy {
	left:170px;
	right:170px;
	bottom: 13px;
	}
	
h1, h2, h3 {
	color:#CC3333;
	}			
h1 {font-size: 1.5em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.1em;}

a {
	text-decoration: none;
	color: #3366FF;
	border-bottom: thin dotted transparent;
	}
a:visited { 
	color: #660099;
	}
a:hover { 
	background-color: #e7e7e7;
	border-bottom-color: #3366FF;
	}
a img {border: 0px;}

table#details th {
	text-align:right;
	}