/* ==================================================================
 * Main Style Elements
 * ==================================================================
 */
HTML {
	margin: 0;
	padding: 0;
}

BODY {
	COLOR: white; 
/*	BACKGROUND-COLOR: rgb(11%,11%,47);*/
	background: maroon;
	FONT-FAMILY: arial, helvetica, sans-serif, verdana; 
	MARGIN: 0;
	padding: 0;
}
H1 {
	margin: 0;
	padding: 0;
}
P {
}
/*
 * ==================================================================
 * Link definitions for all pages
 * ==================================================================
 */
A:link {
	COLOR: AntiqueWhite; 
	TEXT-DECORATION: underline
}
A:visited {
	COLOR: fuchsia; 
	TEXT-DECORATION: underline
}
A:hover {
	COLOR: maroon;
	BACKGROUND: pink; 
	TEXT-DECORATION: underline
}
A:active {
	COLOR: yellow;
	TEXT-DECORATION: underline
}
/*
 * ==================================================================
 *
 * Page parts
 *
 * ==================================================================
 */
 
div#Header {
	background: pink;
}

/* --------------------------------------------------------------
 * Header Title
 * --------------------------------------------------------------*/
div#Header-Title {
	margin: 0;
	padding: 0;
	float: right;
}
/* --------------------------------------------------------------
 * Header BreadCrumbs
 * --------------------------------------------------------------*/
div#Header-BreadCrumbs {
	color: navy;
	margin: 0;
	padding: 17;
}

div#Header-BreadCrumbs A:link {
	COLOR: navy; 
	TEXT-DECORATION: underline
}
div#Header-BreadCrumbs A:visited {
	COLOR: #333366; 
	TEXT-DECORATION: underline
}
div#Header-BreadCrumbs A:hover {
	COLOR: white;
	BACKGROUND: navy; 
	TEXT-DECORATION: underline
}
div#Header-BreadCrumbs A:active {
	COLOR: yellow;
	background: navy;
	TEXT-DECORATION: underline
}


/* ==================================================================
 * Left Menu
 * ================================================================== */ 
div#Menu {
/*	BACKGROUND:Red;*/
	Float: Right;
	margin: 0;
	padding: 0;
}

div#Menu a {
/*	background: black;*/
	margin: 0;
	padding: 0 6px 0 6px;
	border-left: 1px solid Teal;
}

/* ==================================================================
 * Main Contents
 * ================================================================== */ 
div#Main-Content {
	padding: 5mm 5mm 2mm 5mm;
}

/* --------------------------------------------------------------
 * Main Page - Album Summary
 * --------------------------------------------------------------*/
	div.AlbumSummary {
		
	}
	.AlbumSummary-Date {
		COLOR: #781e1e; 
		BACKGROUND: pink;
		PADDING-RIGHT: 1ex; 
		PADDING-LEFT: 1ex; 
		PADDING-TOP: 1px; 
		PADDING-BOTTOM: 0px; 
		MARGIN: 10px 0px 5px; 
		BORDER: #990000 1px solid; 
		LETTER-SPACING: 0.2em;
	}
	
	.AlbumSummary-Title {
		FONT-SIZE: larger
	}

	.AlbumSummary-Description {
	}
	
	.AlbumSummary-NumberOfPictures {
		FONT-SIZE: smaller
	}

/* --------------------------------------------------------------
 * Album View
 * --------------------------------------------------------------*/

div#AlbumView h2 {
	color: white;
	background: #330000;
	text-align: center;
	margin-bottom: 0;
}

div#AlbumView h3 {
	font-size: medium;
	font-weight: lighter;
	margin: 0;
	padding: 0;
}

div#AlbumView table {
/*	background: red;*/
	margin: 0;
	paddying: 0;
}

div#AlbumView td {
/*	background: black; */
	text-align: center;
/*	width: 25%;*/
	margin: 0;
	padding: 10;
}

/* --------------------------------------------------------------
 * Photo View
 * --------------------------------------------------------------*/
div#PrevPhoto {
/*	float: left;*/
	position: absolute;
	top: 130;
	left: 20;
	margin: 0;
	padding: 0;
}

div#NextPhoto {
/*	float: right;*/
	position: absolute;
	top: 130;
	right: 20;
	margin: 0;
	padding: 0;
}

div#PhotoAndTitle {
/*	background: red;*/
	text-align: center;
}

div#PhotoMenu {
/*	background: red;*/
	position: absolute;
	top: 200;
	left: 20;
	border: white 1px solid; 
	padding: 10px;
	margin: 0;
}
div#PhotoMenu a {
	display: block;
}

/* ==================================================================
 * Footer
 * ================================================================== */ 
.Page-Footer {
/*	FLOAT: left; */
	CLEAR: left; 
	BORDER-TOP: white 1px solid;
	padding: 1em;
}
