/* Basic tag styles */
	body {
		font-family: arial, sans-serif;
		background-color: white;
		text-align: center;
	}

	p, li, dd, dt { font-size: 70%; }

	a {
		text-decoration: none;
		color: blue;
	}
	a:hover {
		color: skyblue;
	}

	a img {
		border: 0;
		margin: 0;
	}

/* Useful Classes */

	.clear { clear: both; }

	.centre { text-align: center; }

/* Header, footer, etc - all pages */

	div#pagecontent {
		width: 780px;
		padding: 0px;
		margin: 0 auto;
		border: 1px solid black;
		background-color: cyan;
		text-align: left;
	}

	div#header {
		background-color: navy;
		margin: 0;
		padding: 0;
		height: 80px;
		border-bottom: 1px solid black;
		color: white;
	}

	div#header h1, div#header h2 {
		padding: 2px 0px 0px 0px;
		margin: 0px;
		color: white;
		font-family: tahoma, verdana, arial, sans-serif;
	}

	div#header p {
		float: right;
		margin: 0;
		padding: 0.5em;
		text-align: right;
	}

	div#header a#logo img { 
		float: left; 
		margin-right: 1em;
	}

	ul#sitelinks {
		clear: both;
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0;
		height: 20px;
		width: 100%;
		border-bottom: 1px solid black;
		background-color: white;
	}
	ul#sitelinks li {
		width: 20%;
		float: left;
		text-align: center;
	}
	ul#sitelinks li a {
		display: block;
		border-left: 1px solid black;
		height: 20px;
		color: black;
		line-height: 20px;
		vertical-align: center;
	}
	ul#sitelinks li.first a {
		border-left: 0;
	}
	ul#sitelinks li a:hover {
		color: white;
		background-color: black;
	}


	p.copyright { 
		text-align: center;
		margin: 1em 0 1em 0;
		font-size: 60%;
	}
	p.createdupdated {
		text-align: center;
		margin: 0 0 1em 0;
		font-size: 60%;
	}	

/* Index Page */

	div.albumentry {
		margin: 5px;
		border: 1px solid black;
		background-color: white;
		padding: 0px;
		position: relative;
		height: 147px;
	}

	div.albumtitlebar {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 28px;
		width: 762px;
		border-bottom: 1px solid black;
		margin: 0;
		padding: 3px;
	}

	div.albumtitlebar h2 {
		font-size: 11px;
		margin: 0;
		padding: 0;
	}

	div.albumtitlebar p {
		font-size: 11px;
		margin: 0;
	}

	div.albumentry a.thumblink {
		display: block;
		position: absolute;
		top: 35px;
		left: 0px;
		border-right: 1px solid black;
		width: 150px;
		height: 112px;
	}

	div.albumintro {
		position: absolute;
		top: 35px;
		left: 155px;
	}

	div.albumintro p {
		margin: 5px 0 1em 0;
	}

/* Album pages */

	div.picture {
		border: 1px solid black;
		background-color: white;
		padding: 10px 10px 8px 10px;
		width: 402px;
	}
	div.picture, div.picture_nobox {
		margin: 1em auto;
		text-align: center;
	}

	div.picture img {
		border: 1px solid black;
		margin: 0;
		padding: 0;
	}

	div.picture p, div.picture_nobox p {
		margin: 2px 0 0 0;
	}

	div.picture a, div.picture_nobox a {
		margin: 0; 
		padding: 0; 
		display: inline;
	}

	div.picture {
		border: 1px solid black;
		background-color: white;
		padding: 10px 10px 8px 10px;
		margin: 1em auto;
		width: 402px;
		text-align: center;
	}

	div.picture img {
		border: 1px solid black;
		margin: 0;
		padding: 0;
	}

	div.picture p {
		margin: 2px 0 0 0;
	}

	div.picture a {
		margin: 0; 
		padding: 0; 
		display: inline;
	}

/* Single picture pages */

	div.bigpicture img {
		border: 1px solid black;
		margin: 10px auto;
	}
	div.bigpicture {
		margin: 0 auto;
		text-align: center;
	}
	div.bigpicture p {
		background-color: white;
		border: 1px solid black;
		margin: 5px;
		padding: 3px;
		font-weight: bold;
	}

	div.albumIntro, div.nextprevbar {
		margin: 5px;
		border: 1px solid black;
		background-color: white;
		padding: 3px;
	}
	div.albumIntro h2 {
		font-size: 70%;
		margin: 0;
	}

	div.albumIntro p.slideshowlink {
		float: right;
		margin: 0;
	}


	div.albumIntro p {
		margin: 1em 0 0 0;
		font-size: 70%;
	}

	div.nextprevbar p.nextPrevLink {
		margin: 0;
	}

	div.nextprevbar a {
	/*	color: black;*/
	}

	div.nextprevbar p.caption {
		margin: 0 auto;
		font-weight: bold;
		text-align: center;
	}


	div.introTitleBox {
		margin: 0 auto;
		padding: 0;
		position: relative;
	}
	div.introTitleBox div.TL {
		position: absolute;
		top: 10px;
		left: 10px;
		text-align: left;
	}
	div.introTitleBox div.TR {
		position: absolute;
		top: 10px;
		right: 10px;
		text-align: right;
	}
	div.introTitleBox div.TC {
		position: absolute;
		top: 10px;
		width: 100%;
		text-align: center;
	}
	div.introTitleBox div.ML {
		position: absolute;
		top: 45%;
		left: 10px;
		text-align: left;
	}
	div.introTitleBox div.MR {
		position: absolute;
		top: 45%;
		right: 10px;
		text-align: right;
	}
	div.introTitleBox div.MC {
		position: absolute;
		top: 45%;
		width: 100%;
		text-align: center;
	}
	div.introTitleBox div.BL {
		position: absolute;
		bottom: 10px;
		left: 10px;
		text-align: left;
	}
	div.introTitleBox div.BR {
		position: absolute;
		bottom: 10px;
		right: 10px;
		text-align: right;
	}
	div.introTitleBox div.BC {
		position: absolute;
		bottom: 10px;
		width: 100%;
		text-align: center;
	}


	div.introTitleBox h2 {
		margin: 0;
		font-size: 95%;
	}
	div.introTitleBox p {
		margin: 0;
		font-size: 70%;
	}

	div.pagelinks ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	div.pagelinks ul li {
		display: inline;
		padding: 0px 10px;
		margin: 0;
		white-space: nowrap;
	}