body {
	scrollbar-base-color: #000000;
	scrollbar-arrow-color: #460000;
	scrollbar-DarkShadow-Color: #460000;
	background-color: #000000;
	color: #a7a7a7;
	font-family: "papyrus, century gothic";
	}

/*
  these two elements give us the two colour bars at the top
  of the screen. they have absolute position, so there is no
  gap to the edge of the screen, with the values of top and
  left both given as 0.
*/


div.colourbarone {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 180px;
	background-color: #410000;
	}

div.colourbartwo {
	position: absolute;
	top: 180px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 30px;
	background-color: #515151;
	}

/*
  These elements are only used on the splash page.
  the div element is set to start 50% of the way
  across the screen so the image and text appear
  slightly to right of center.
  the title and subtitle classes of p set the appearance
  of the words anna perkowska and photgraphy / ceramics.
*/

div.intro {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 50%;
	}

td.title {
	padding-top:50px;
	height: 180px;
	text-align: center;
	}

td.picture {
	padding-top: 50px;
	vertical-align: top;
	}


p.title {
	font-size: 200%;
	font-weight: bold;
	}

p.subtitle {
	font-size: 200%;
	font-weight: bold;
	}

/*
  topmenu table elements lay out the categories menu
  the table has width 100% to stop it from collapsing/shrink-to fit.
  the cells are padded by 160px to place them just above the second colour bar.
*/

table.topmenu {
	width: 100%;
	}

td.topmenu {
	padding-top:150px;
	position: relative;
	width: 16%;
	}
		

/*
  The following elements define the appearance of the main content.
  div.body is a holder for the content.
*/

div.body {
	position: absolute;
	top: 210px;
	width: 100%;
	background-color: #000000;
	}

table.main {
	width: 100%;
	padding-left:0px;
	padding-top:0px;
	}

td.margin {
	width:18%;
	}

td.leftmenu {
	width:18%;
	vertical-align: top;
	padding-left: 0px;
	padding-top:30px;
	}
	
td.main {
	width:60%;
	}

img {
	padding-top: 20px;
	border: 0;
	}


A:link
 {
 color: #a7a7a7;
 text-decoration:none;
 font-size:15;
 }
A:visited
 {
 color: #a7a7a7;
 text-decoration:none;
 font-size:15;
 }
A:active
 {
 color: #a7a7a7;
 text-decoration:bold;
 font-size:15;
 }