a:hover {  background-color: #CCCCCC}

body
{
	background-color: Black;
}

div.home
{ position: absolute;
  left: 0px;
  top: 0px;
  width: 115px;
  height: 30px;
  padding-left: 10px;
  text-align: left;
  vertical-align: middle;
  background-color: Gray;
  border-color: #993333;
  border-left: groove;
  border-right: groove;
  border-top: groove;
}

div.intro
{ position: absolute;
  left: 0px;
  top: 30px;
  width: 115px;
  height: 30px;
  padding-left: 10px;
  text-align: left;
  vertical-align: middle;
  background-color: Gray;
  border-color: #993333;
  border-left: groove;
  border-right: groove;
  border-top: groove;
}

div.exhibitions
{ position: absolute;
  left: 0px;
  top: 60px;
  width: 115px;
  height: 30px;
  padding-left: 10px;
  text-align: left;
  vertical-align: middle;
  background-color: Gray;
  border-color: #993333;
  border-left: groove;
  border-right: groove;
  border-top: groove;
}

div.jointwork
{ position: absolute;
  left: 0px;
  top: 90px;
  width: 115px;
  height: 30px;
  padding-left: 10px;
  text-align: left;
  vertical-align: middle;
  background-color: Gray;
  border-color: #993333;
  border-left: groove;
  border-right: groove;
  border-top: groove;
}

div.louise
{ position: absolute;
  left: 0px;
  top: 120px;
  width: 115px;
  height: 60px;
  padding-left: 10px;
  text-align: left;
  vertical-align: middle;
  background-color: Gray;
  border-color: #993333;
  border-left: groove;
  border-right: groove;
  border-top: groove;
}

div.sarah
{ position: absolute;
  left: 0px;
  top: 180px;
  width: 115px;
  height: 60px;
  padding-left: 10px;
  text-align: left;
  vertical-align: middle;
  background-color: Gray;
  border-color: #993333;
  border-left: groove;
  border-right: groove;
  border-top: groove;
}

div.links
{ position: absolute;
  left: 0px;
  top: 240px;
  width: 115px;
  height: 100%;
  padding-left: 10px;
  text-align: left;
  vertical-align: middle;
  background-color: Gray;
  border-color: #993333;
  border-left: groove;
  border-right: groove;
  border-top: groove;
}

div.contact
{ position: absolute;
  left: 0px;
  top: 270px;
  width: 115px;
  height: 100%;
  padding-left: 10px;
  text-align: left;
  vertical-align: middle;
  background-color: Gray;
  border-color: #993333;
  border-left: groove;
  border-right: groove;
  border-top: groove;
}

div.namebox
{  position: absolute;
	left: 217px;
	top: 80px;
	width: 580px;
	font-size: 10pt;
  font-family: Arial, Helvetica, sans-serif;
  color: #000099;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  text-align: justify;
  text-decoration: none; }
  
div.pagetitle
{  position: absolute;
	left: 125px;
	top: 10px;
	width: 80%;
 }

div.imageboxportrait
{	position: absolute;
	left: 170px;
	top: 30px;
	width: 500px;
    height: 650px;
}
  
div.imageboxlandscape
{	position: absolute;
	left: 150px;
	top: 30px;
	width: 650px;
	height: 500px;
}  
  
  div.thumbnailsright
{	position: absolute;
	left: 682px;
	top: 30px;
	width: 150px;
        height: 650px;
	padding: 10px;
}

  div.thumbnailsbelow
{	position: absolute;
	left: 150px;
	top: 533px;
	width: 650px;
        height: 150px;
}

div.portraitimagecaption
{   position: absolute;
	top: 682px;
	width: 90%;
    height: 100%;
	text-align: center;
}

div.landscapeimagecaption
{   position: absolute;
	left: 152px;
	top: 669px;
	width: 650px;
    height: 100%;
}

  
div.gallery
{	position: absolute;
	left: 150px;
	right: 35px;
	top: 15px;
}  

div.graduatedblock
{	position: absolute;
	left: 10px;
	right: 10px;
	border: medium;
	border-style: solid; 
	border-color: White;
	background-image: url(../images/gradient1.gif);
	padding: 20px; 
}  

div.table
{
	left: 120px;
}