/* See http://www.w3.org/TR/REC-CSS2/media.html for discussion on font-family choices */
@media  screen {
	BODY
	{
		font-family: sans-serif
	}
	TABLE
	{
		font-family: sans-serif
	}
	P
	{
		font-family: sans-serif
	}
	.OnlineInformation
	{
		/* Try to make it fairly inconspicuous */
		font-size: smaller;
		text-align: right
	}
	.OddRow
	{
		/* Something of a hack for in-house use */
		background-color: InfoBackground
	}
	.EvenRow
	{
	}
}
@media print {
	BODY
	{
		font-family: serif
	}
	TABLE
	{
		font-family: serif
	}
	P
	{
		font-family: serif
	}
	.OnlineInformation
	{
		display: none
	}
	.Navigation
	{
		display: none
	}
}
@media all {
	h1
	{
		text-align: center;
	}
    .MyForest .Header
    {
        font-size: xx-large;
        text-align: center;
    }
	.Navigation
	{
		text-align: center
	}
/*
	.Navigation .Parent
	{
		margin-top: .4em;
		margin-bottom: .4em
	}
	.Navigation .Children
	{
		border: none;
		margin-bottom: .4em
	}
	.Navigation .Child
	{
		border-style: solid;
		border-color: WindowText;
		border-width: .5pt;
		padding-left: .75em;
		padding-right: .75em;
		padding-top: .1em;
		padding-bottom: .1em;
		margin-left: .4em;
		margin-right: .4em;
		line-height: 2em
	}
	.Navigation .SeeAlso
	{
		border: none;
		margin-bottom: .4em;
		font-size: smaller
	}
	.Navigation .SeeAlsoTarget
	{
		padding-left: .75em;
		padding-right: .75em
	}
	.VerticalVisualBarrier
	{
		width: .25em;
		background-color: Highlight;
		border-collapse: collapse
	}
	.SmallPaddingCell
	{
		width: 10%
	}
	.LargePaddingCell
	{
		width: 50%
	}
	.StandardTable
	{
		width: 100%;
		border: 0;
		border-collapse: collapse
	}
*/

/* The border-top hack is for Firefox */

/* The height hack is for IE which doesn't respect the overflow */
    .Gallery p.Item
    {
        border: 1px solid;
        padding: .25em;
        overflow: auto;
        margin-bottom: 0;
        margin-top: 0;
    }
    .Gallery p.Left
    {
        margin-left: 10%;
        border-left: .5em solid Highlight;
        margin-right: 50%
    }
    .Gallery p.Right
    {
        margin-right: 10%;
        border-right: .5em solid Highlight;
        margin-left: 50%;
        text-align: right
    }
    .Gallery img
    {
        border:0;
        vertical-align: middle
    }
    .Gallery p.Right img {
        float: right;
        padding-left: .5em;
        overflow:auto;
        text-align: right
    }

    .Gallery p.Left img{
        float: left;
        padding-right: .5em
    }

    .Gallery ol {
        text-align: center
    }

    .Gallery li {
        display: inline;
        white-space: nowrap
    }

    .Gallery ol.Children
    {
        border: none;
        margin-bottom: .4em
    }

    .Gallery ol.Children li
    {
        border-style: solid;
        border-color: WindowText;
        border-width: 1px;
        padding-left: .75em;
        padding-right: .75em;
        padding-top: .1em;
        padding-bottom: .1em;
        margin-left: .4em;
        margin-right: .4em;
        line-height: 2em
    }

/*
	.ThumbnailCellLeft
	{
		text-align: left;
		border-left: solid WindowText .5pt;
		border-bottom: solid WindowText .5pt;
		border-top: solid WindowText .5pt;
		width: 1pt
	}
	.ThumbnailCellRight
	{
		text-align: right;
		border-right: solid WindowText .5pt;
		border-bottom: solid WindowText .5pt;
		border-top: solid WindowText .5pt;
		width: 1pt
	}
	.PictureDescriptiveTextRight
	{
		text-align: right;
		border-left: solid WindowText .5pt;
		border-bottom: solid WindowText .5pt;
		border-top: solid WindowText .5pt;
		vertical-align: top
	}
	.ThumbnailImage
	{
		vertical-align: text-top;
		border: 0
	}
	.PictureDescriptiveTextLeft
	{
		text-align: left;
		border-right:solid WindowText .5pt;
		border-bottom:solid WindowText .5pt;
		border-top:solid WindowText .5pt;
		vertical-align: top
	}
*/
	.LinkToFullSizedImage
	{
	}
	.ImageFileSize
	{
		color: GrayText;
		font-size: smaller
	}
	.ImageDimensions
	{
		color: GrayText;
		font-size: smaller
	}
	.ImageCaptureDate
	{
		color: GrayText;
		font-size: smaller
	}

	.LinkToSiteInfo
	{
	}
    .GenerationInfo
	{
		color: GrayText;
	}
	.W3CCompliance
	{
	}
    p.ImageQualityInfo
    {
        text-align: center;
        color: GrayText
    }

    p.OnlineInformation
    {
        text-align: right
    }

	.Number
	{
		text-align: right
	}
	.NegativeNumber
	{
		text-align: right;
		color: red
	}
 .FrontPageHeadline
 {
  /* Here we abuse the user's highlighting colours to make the headlines stand out. On some platforms (like my Nokia N80 this is ignored, but the color is still respected*/
  font-weight: bolder;
  background-color: Highlight;
  color: HighlightText;
  font-size: larger;
  text-indent: .5em
 }
 .FrontPageDetails
 {
  vertical-align: top;
  /* Match FrontPageHeadline text-indent */
  text-indent: .5em
 }
 .FrontPageMoreInfo
 {
  font-size: smaller
 }
	.TimelineImages
	{
		text-align: center;
		margin-top: 1em
	}

/* Need to stop the headings getting lost in the content */
	.TimelineDateHeading
	{
		text-align: center;
		font-size: xx-large;
		margin-top: 1em
	}
	.TimeLineThumbnailImage
	{
		vertical-align: middle;
		border: 0
	}
	.Navigation .TimelineJump
	{
		margin-top: 1.1em;
		margin-bottom: .35em;
		border: solid 2px #ddd;
		background: #eee;
		margin-left: 25px;
		margin-right: 25px;
		padding: 0px 2px 4px 2px
	}
}