/* 
 * General tags 
 */
body {
	background-color: #fff;
	
}
body,td,th {
	font-family: Trebuchet MS, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
}
body {
	margin-top: 10px; 
	margin-left: 50px;
}
h1 {
	font-family: Lucida Grande, Helvetica, Verdana, Arial, sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	color: #003152;
	margin-bottom: -6px; 	/* This should not be a percentage! */
}
h2 {
	font-size: 1em;
	color: #003152;
	margin-bottom: -6px; 	/* This should not be a percentage! */
}
h3 {
	font-size: .9em;
	color: #003152;
	margin-bottom: -6px; 	/* This should not be a percentage! */
}

address {
	font-style: normal;
}

blockquote {
	font-size: smaller;
}

/*
 * Link colours
 */

a:link {
	color: #214E6C;
}

a:visited {
	color: #72719A;
}


/*
 * Content
 */
.content {
	width: 515px;
	margin-top: 10px;
	margin-left: 124px;
	background-color: #F7F9FA;
	border: 1px solid #003152; 
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 35px;
	padding-right: 25px;
	/* Add rounded corners for most browsers */
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

/*
 * Navigation
 */
#navigation {
	font-family: Lucida Grande, Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	position: absolute;
	top: 122px;
	width: 104px;
}

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

#navigation li {
	border-bottom: 5px solid #fff;
}

#navigation a:link, #navigation a:visited {
	display: block;
    padding: 5px 5px 5px 1em;
	color: #003152;
	background-color: #F7F9FA;
	text-decoration: none;
	border: 1px solid #003152;
	/* Add rounded corners for most browsers */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* Display the current page link differently */
#navigation a:link.current, #navigation a:visited.current {
	color: #7E9EB4;
	border: 1px solid #7E9EB4;
}

/*
 * Images
 */ 
.imageleft {
	float: left;
	margin: 5px 15px 15px 0px ;
	border: 1px solid #003152;
}

.imageright {
	float: right;
	margin: 5px 15px 15px 15px ;
	border: 1px solid #003152;
}

/* works for 450 px image */
.imagecenter {
	margin: 15px 15px 15px 25px;
	border: 1px solid #003152;
}

.signature {
	margin-top: 5px;
}

/* 
 * Footer
 */
.footer {
	margin-top: 25px;
	text-align: center;
	font-size: x-small;
	width: 500px;
}

/*
 * Photo gallery main page
 */
 
.galleryMain {
	margin-left: auto;
	margin-right: auto;
} 

.galleryMain img, .galleryLine img {
	margin: 5px 15px 5px 5px;
	border: 1px solid #003152;
}
 
.galleryMain p {
	clear: left;
}

.galleryLine {
	clear: both;
	padding-top: 15px;
}

.galleryIcon {
	float: left;
	width: 15%;
	margin-top: -5px;
	padding-left: 80px;
	padding-right: 0;
}

.galleryLabel {
	font-family: Lucida Grande, Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: large;
	margin-right: 10px;
}

.gallerybacklink {
	padding-top: 25px;
	clear: both;
	text-align: center;
}


/*
 * Photo gallery sub-pages
 */
 
ul.albumlist {
	padding-left: 28px;
	list-style-type: none;
	margin-bottom: -6px; 	/* This should not be a percentage! */
}

.albumlist li {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.albumlist img {
	display: block;
	border: 1px solid #003152;
}


/*
 * Home page slideshow, courtesy of phpshow.php
 *  - http://panmental.de/public/programming_projects/Slideshow%20script%20in%20PHP/
 */
.homeSlideshow  {
	padding-left: 120px;
}

/*
 * Attempting to hide the email address:
 *  - Use an image in the only spot(s) where the address
 *    is visible on the website (php script used otherwise)
 */

.emailImage {
	margin-top: 20px;
}