/* CSS Document for IAH201.UnitThree
title = UnitThree.css */
body
{	position: relative;
	width: 800px;
	background-color: rgb(230,230,230);
	margin-left: auto;
	margin-right: auto;}
		
p img
{ border: 0;}

#logo
{	position: absolute;
	top: 0; left: 50px;
	z-index: 8;}
	   
#left
{	position: absolute;
	 top: 0;
	 left: 0;
	 width: 140px;
	 font-family: Georgia, serif;
	 font-size: 14px;
	 font-variant: small-caps;
	 text-align: right;
	 z-index: 9;}

#left ul
{	margin-left: 0px;
	margin-top: 180px;
	list-style: none;
	font-size: 14px;
	padding: 10px 0 17px 0;
	border-right: 1px solid rgb(0,150,15);
	border-bottom: 1px solid rgb(0,150,15);
	text-align: center;
	width: 140px;}

#left li a span
{	display: none;}

#left li a
{	text-decoration: none;}

#left li a:link
{ color: rgb(0,0,0);}

#left li a:visited
{	color: rgb(0,0,0);}

#left li a:hover
{	display: block;
	height: 20px;
	background-color: rgb(230,230,230);
	border-top: 1px solid rgb(0,150,15);
	border-bottom: 1px solid rgb(0,150,15);
	border-left: 1px solid rgb(0,150,15);
	border-right-width: 0;
	text-align: center;
	margin-right: -1px}

#left li a:hover span
{	display: block;
	 position: absolute;
	 top: 160px; left: 480px;
	 width: 330px;
	 text-align: center;
	 color: rgb(0,0,0);
	 padding-top: 4px;
	 background: rgb(230,230,230);
	 border-top: 1px solid rgb(0,150,15);
	 border-right: 1px solid rgb(0,150,15);
	 border-left: 1px solid rgb(0,150,15);
	 font-family: Georgia, serif;
	 font-size: 13px;
	 font-variant: small-caps;
	 z-index: 9}
		  
#middle
{	position: relative;
	top: 180px; left: 140px;
	width: 660px;
	font-family: Georgia, serif;
	font-size: 13px;
	padding: 90px 10px 40px 10px;
	background-color: rgb(230,230,230);
	border-top: 1px solid rgb(0,150,15);
	border-right: 1px solid rgb(0,150,15);}

#middle h1
{	margin-bottom: 3px;
	margin-top: 3px;
	text-indent: 20px;
	font-size: 25px;}

#middle p
{	margin-top: 3px;
	margin-bottom: 3px;}

#middle h2
{	font-size: 17px;
	text-indent: 10px;
	margin-bottom: 3px;}

#middle ul
{	list-style: none;}

#middle li a
{	text-decoration: none;
	border-left: 1px solid rgb(0,150,15);
	padding-left: 10px;
	padding-right: 10px;}

#middle li a:link
{	color: rgb(0,0,0);}

#middle li a:visited
{	color: rgb(0,0,0);}

#middle li a:hover
{	border-right: 1px solid rgb(0,150,15);
	border-top: 1px solid rgb(0,150,15);
	border-bottom: 1px solid rgb(0,150,15);
	border-left-width: 0;}
	
h3
{	text-align: right;
	font-size: 25px;
	padding-right: 10px;
	margin-top: 0px;}

.source
{	text-align: right;
	padding-right: 10px;}
	
.source a
{	text-decoration:none;}

.source a:link
{	color: rgb(0,0,0);}

.source a:visited
{	color: rgb(0,0,0);}

.source a:hover
{	color: rgb(0,150,15);}

#thumbs
{	margin-top: -60px;
	font-variant: small-caps;
	font-size:13px;}

#thumbs a
{	border-style: none;
	text-decoration:none;}

#thumbs img
{	margin: 80px 20px -50px 50px;
	height: 100px;}	

#thumbs a:link
{	color: rgb(0,0,0);}

#thumbs a:visited
{	color: rgb(0,0,0);}

#thumbs a:hover
{	color: rgb(0,150,15);}

#Wharf
{	position: relative;
	margin-left: -150px;}

#Dance
{	position: relative;
	margin-left: 200px;}

#Boy
{	position: relative;
	margin-left: 50px;}
		
#Madonna
{	position: relative;
	margin-left: 293px;}

#Pink
{	position: relative;
	margin-left: 96px;}

#Artist
{	position: relative;
	margin-left: 50px;
	margin-top: -70px;}
		
#bottem
{	display: block;
	position: absolute;
	right: 0; bottom: 0; left: 0;
	width: 100%;
	text-align: center;
	color: rgb(230,230,230);
	background: rgb(0,100,10);
	padding-bottom: 3px;
	border-top: 1px solid rgb(0,0,0);
	border-bottom: 1px solid rgb(0,0,0);
	font-family: Georgia, serif;
	font-size: 13px;
	font-variant: small-caps;}

#bottem ul
{	margin: 0;
	padding: 0;
	list-style-type: none;}

#bottem li
{	display: inline;
	padding-right: 15px;}

#bottem li a
{	text-decoration: none;
	color: rgb(230,230,230);}

#bottem li a:hover
{	color: #FFFF00;}