/**************
* positioning *
**************/

/* main body */
body { margin: 0px; }

/* banner */
.BannerHeading { width: 100% }
.BannerItem { width: 100% }

/* main content */
.ContentItem { margin-left: 260px; margin-right: 260px; margin-top: 10px;}

/* navigation stuff inside contentitem */
.Navigate { width: 100%; }
div.Previous, div.Next { width: 15%; float: left; }
div.BreadCrumbs { width: 70%; float: left; }
div.ExtraFunctions { width: 100%; }
div.LastUpdated { width: 100%; }

/* internal link menus */
#LeftMenuHolder { width: 240px; height: 100%; position: absolute; left: 10px; top: 10px; }
div.Search, .LeftMenuHeading { width: 100%; }
input.SearchBox { width: 70%; }
input.SearchButton { width: 20%; }
div.LeftMenuItem, div.Related, div.RecentUpdates { width: 100%; }

/* external link menus */
#RightMenuHolder { width: 240px; height: 100%; position: absolute; right: 10px; top: 10px; }
div.RightMenuHeading { width: 100%; }
div.RSS { width: 100%; }

/* content items: files, links & images */
.ContentExtra, .ContentImage { width: 200px; float: right; clear: right; margin-left: 2%; margin-bottom: 2%; }

/* AlbumPhoto dimensions */
img.AlbumPhoto { width: 100%; }
img.ThumbNail { border: 1px solid #2D496B; margin: 2px; }

/**************
*   margins   *
**************/
.LeftMenuHeading, .RightMenuHeading { margin: 0px; }

/**************
*   padding   *
**************/
.LeftMenuHeading, .RightMenuHeading, div.ContentExtraHeading, .BannerHeading, .BannerItem { padding-top: 5px; padding-bottom: 5px; }
div.LeftMenuItem, div.Related, div.RecentUpdates, div.RSS { /*padding-left: 5%; padding-right: 5%;*/ }
div.ExtraFunctions { padding-bottom: 10px; }
div.LastUpdated { padding-top: 10px; }
div.Navigate { padding-top: 10px; }
div.Footer { padding-top: 10px; padding-bottom: 10px; }
div.ContentExtraItem { padding-left: 5%; padding-right: 5%; padding-top: 5px; padding-bottom: 5px; }
div.ContentExtra { padding-top: 10px; }
div.Search { padding-top: 10px; }
p.Content { padding: 10px; }
td { padding-left: 10px; padding-right: 10px; vertical-align: top }

/**************
*    fonts    *
**************/
div, h1, h2, h3, h4, h5, h6, p, a, li, span, fieldset, input, textarea {
    font-family: verdana, arial, sans-serif;
}
.AlbumCaption,.SearchBox,.SearchButton,.small,.LastUpdated,.ContentImageDescription,.Footer,a.Previous,.BreadCrumbs,a.Next,.Print,.EditThis,.AddChild,.Email {
    font-size: 0.6em;
}
.LeftMenuHeading,a.LeftMenuLink,.RightMenuHeading,.RightMenuLink,.ContentExtraHeading,p,a.ExtraLink {
    font-size: 0.7em;
}
.BannerHeading,.BannerItem,h1,h2,h3,h4,h5,h6 {
    font-size: 0.7em;
    font-weight: normal;
}
div.LeftMenuItem, div.Related, div.RSS, a.TopLink, a.Next, a.Previous, a.Email, a.Print, a.AddChild, a.EditThis, div.RecentUpdates, h3.Content { 
    font-weight: bold;
}

.Content {
    font-size: 0.8em;
}

/**************
* text-align  *
**************/
.Albumcaption,.RightMenuHeading,.LeftMenuHeading,.BreadCrumbs,.Footer,.BannerHeading,.BannerItem,.ContentImageDescription {
    text-align: center;
}
.ContentExtraHeading,fieldset.Search {
    text-align: center;
}
.LastUpdated,.Next,.Related {
    text-align: right;
}

/***************
*link behaviour*
***************/
a:link { text-decoration: none; }      
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: underline; }


/**************
*   colours   *
**************/

/*
*    COLOR SCHEME
*    dark red-brown: #6B592D
*    light red-brown: #B8AB4D
*    dark blue/turqoise: #2D496B
*    light blue/turqoise: #4C7CB7
*    very dark grey: #474747
*    very light grey: #B8B8B8
*/

input.SearchButton, input.SearchBox { color: #2D496B; }
.LeftMenuHeading { background-color: #2D496B; color: white; }
div.LeftMenuItem, div.Related, div.RecentUpdates, div.Search, #LeftMenuHolder { /* background-color: #B8B8B8 */; color: #4C7CB7; }
.RightMenuHeading { background-color: #6B592D; color: white; }
div.RSS, #RightMenuHolder { /* background-color: #B8B8B8 */; color: #B8AB4D; }
div.ContentExtraHeading { background-color: #B8B8B8; /* color: white; */ }
div.ContentExtraItem { /* background-color: #B8B8B8; */ }
.BannerHeading { background-color: #6B592D; color: white; }
.BannerItem { background-color: #2D496B; color: white; }
a.LeftMenuLink, a.Previous, a.Next, a.Print, a.EditThis, a.AddChild, a.Email, a.ExtraLink, a.TopLink, a.Content { color: #2D496B; }
a.RightMenuLink { color: #6B592D; }
div.LastUpdated { color: #474747; }
img { /*background-color: #2D496B;*/ }
div.LeftMenuItem:hover, div.Related:hover { /* background-color: #B8B8B8; */ }
body { background: url(../images/background2a.jpg) no-repeat fixed right; }
p.Content { /*background-color: white;*/ }

/**************
*   borders   *
**************/
fieldset.Search { border-style: none; }
img.ExtraFunctions { border-style: none; }
/*div.LastUpdated,*/ div.Footer { border-top: solid 1px black; }
div.LeftMenuItem, div.Related, div.RecentUpdates, div.RSS, div.ContentExtraItem { border-bottom: 1px solid #B8B8B8; }