/* ----- body ----- */
body {
	margin:0; 
	padding:0;
	font-size:.9em;
	font-family:Verdana,arial,san-serif;
	background-color:#86694D;
	color:#0D0A08;
	text-align:center;
	height:100%;      
	overflow:hidden;
	word-wrap:break-word;
}


/* ----- links ----- */

a:link {
	color:#362A1F;
}

a:visited {
	color:#362A1F;
}

/* ------ non-div elements ------ */

h1,h2,h3.logo-title {
	color:#fff;
	font-weight:bold;
	font-style:italic;
	text-shadow:8px 8px 8px #33230a;
}

/* these are actually for h1/2/3 but screws up above */
.flip-title {
        color:#ffbd5c;
        font-weight:bold;
        font-style:italic;
        text-shadow:4px 4px 4px #33230a;
	text-align:center;
}

hr.full {
	background:#fff;
	height:3px;
}

hr.minor {
        background:#9E8771;
        height:2px;
	width:75%;
}

p.center-bold {
	text-align:center;
	font-weight:bold;
	font-size:12px;
}

#thumb-active {
	border:solid 2px #ffbd5c;
}

.thumb-inactive {
	border:solid 2px #0D0A08;
}

#img-logo {
        width:165px;
        height:102px;
        border:solid 2px #fff;
}

.img-homepage-thumbs {
        vertical-align:bottom;
}

.img-search-results {
	max-height:100%;
	max-width:100%;
	display:block;
	margin-left:auto;
	margin-right:auto
}

#img-search-display {
	height:100%;
	max-height:100%;
	max-width:100%;
}

/* ---------------------------------- */
/* ------------- DIV's -------------- */
/* ---------------------------------- */

/*  2 primary, fixed areas
 one for logo and one for the balance of content
 everything fits inside one of these two as absolute
 */


/* ------------- LOGO ------------- */

#logo {
        position:absolute;
        top:0px;
        height:125px;
        width:100%;
        display:block;
}

/* ------------- CONTENT ------------- */

#content {
        position:absolute;
	top:126px;
        bottom:0px;
        width:100%;
        display:block;
}

/* ---------------------------------- */
/* ---------------------------------- */


/* --------- sub-divs follow--------- */


/* ------ Div's inside Logo Div ----- */

#img-logo-div {            /* logo image resized in #img-logo */
        position:absolute;
        top:20px;
        height:102px;
        left:20px;
        width:165px;
	z-index:10;
 }

#title-logo-div {
        position:absolute;
        top:4px;
        height:50px;
        margin-left:25%;
        width:50%;
}

#version-info {
        position:absolute;
        top:51px;
        height:15px;
        right:4px;
        width:132px;
        text-align:right;
        font-size:x-small;
}

/* div for hr, otherwise it floats to top */
#logo-div-hr {
        position:absolute;
        top:65px;
        height:6px;
        width:100%;
	z-index:8;
}


/* ------ end of logo sub-divs ------ */

/* ------ Div's inside Content Div ----- */
/* this is everything (incl footer) aside from the logo area  */

/* SHARED Divs: */

/* -- used in search display and nav-view */
#thumnails-list-div {
	position:absolute;
	display:inline;
	float:left;
	overflow:auto;
	top:8%;
	bottom:8%;
	left:1%;
	width:12%;
	border:1px solid #ffbd5c;
	padding:1%;
	background-color:#795E45;
}

.img-display-div {
        position:absolute;
        display:inline;
        float:left;
        overflow:auto;
        top:8%;
        bottom:80px;
        left:18%;
        width:60%;
        margin:auto;
}

/* ---- e/o Shared Div's ---- */

/* ------ home page divs ------ */
/*    - layout is one div centered for thumbs,
      then below a button div and the footer stuff */

#homepage-thumbs {  /* has .homepage-thumb-items inside */
        position:absolute;
        display:block;
        float:left;
        overflow:auto;
        top:8%;
        bottom:250px;
        width:50%;
        margin-left:25%;
        margin-right:25%;
        font-size:small;
	background-color:#795E45;
}

.homepage-thumb-items {
        display:inline;
        float:left;
	overflow:auto;
        height:125px;
        width:140px;
	padding:1%;
}

.homepage-thumb-items-innerwrapper {
	width:140px;
	height:125px;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
}

#homepage-buttons {
        position:absolute;
        display:block;
        bottom:100px;
        height:130px;
        width:50%;
        margin-left:25%;
        margin-right:25%;
}

/* admin button, sits bottom left */
#admin-button {
        position:absolute;
        display:block;
        float:left;
        bottom:20px;
        height:20px;
        left:20px;
        width:180px;
}

/* -End of home page  Divs- */

/* -----Navigation/Slide-show Pages Divs----- */

/* 3 main divs, order is left to right,
   should add to 100% */

/* 1st div is thumnails-list-div, listed above as shared */
/* 2nd div is #img-display-div, listed above as shared */

.nav-thumb-wrapper {
        display:block;
        height:115px;
}

#nav-info-div {
        position:absolute;
        display:inline;
        float:left;
        overflow:auto;
        top:8%;
	bottom:8%;
        right:35px;
        width:17%;
        margin:auto;
        text-align:left;
        padding:1%;
}

/* ---one div below to hold buttons ---*/

#nav-buttons {
        position:absolute;
        display:block;
        bottom:60px;
        height:45px;
        width:60%;
        margin-left:20%;
        margin-right:20%;
}


/* these are classes as they pile on top of each other (not visibly) */
/* they need bg color to mask underlying data */
.slide-img-container-div {
	position:absolute;
        display:block;
        overflow:auto;
        top:16%;
        bottom:0%;
	width:60%;
        margin-left:20%;
        margin-right:20%;
	background-color:#86694D;
}

.slide-display-div {
        position:absolute;
        display:block;
        overflow:auto;
        top:0px;
        bottom:95px;
        width:100%;
        background-color:#86694D;
}

.slide-buttons {
        position:absolute;
        display:block;
        overflow:auto;
        bottom:20px;
        height:65px;
        width:60%;
        margin-left:20%;
        margin-right:20%;
        background-color:#86694D;
}

#transparent-box { /* to superimpose messages over photo */
        top:260px;
        height:60px;
        margin-left:30%;
        width:36%;
        overflow:hidden;
        display:block;
        position:fixed;
        padding:15px;
        z-index:7;
	border:solid 4px #ffbd5c;
	background-color:#B6A594;
	/* transparency:  (CSS3 standard) */
	opacity:0.7;  
}

/* -End of Navigation/Slide-show Divs- */



/* ----- Search Pages Divs ----- */

/* -- start search page divs -- */

#search-bottom {    /* shared between start & results */
        position:absolute;
        display:block;
        overflow:auto;
        bottom:40px;
        height:2em;
        width:50%;
        margin-left:25%;
        margin-right:25%;
}

#search-outer {
        position:absolute;
        display:block;
        overflow:auto;
        top:8%;
	bottom:150px;
        width:98%;
	margin-left:1%;
        margin-right:1%;
}

#search-main {
        display:inline;
        float:left;
        overflow:auto;
        top:2%;
	height:80%;
        width:55%;
        margin-left:3%;
        font-size:small;
        text-align:left;
}

#search-showsets {
        display:inline;
        float:right;
        overflow:auto;
        top:2%;
	height:80%;
        width:30%;
        margin-right:3%;
        font-size:small;
        text-align:left;
        padding-left:20px;
        padding-right:40px; 
        border-left:solid 2px #9E8771;
}

/* -- search results page divs -- */
#search-headers {
        position:absolute;
        display:block;
        overflow:auto;
	top:0%;
        height:150px;
        width:90%;
        margin-left:5%;
        margin-right:5%;
        font-weight:bold;
}

.search-titles {
        display:inline;
        float:left;
        overflow:auto;
	text-align:left;
}

#search-results {
        position:absolute;
        display:block;
        overflow:auto;
        top:155px;
        bottom:95px;
        width:90%;
        margin-left:5%;
        margin-right:5%;
        background-color:#795E45;
        border:solid 1px #ffbd5c;
        font-size:small;
        text-align:left;
}

.search-rows {
        overflow:auto;
        width:100%;
        top:175px;
        display:block;
}

.search-fields {
        float:left;
        display:block;
        height:105px;
}

/*  side menu uses thumnails-list-div, listed above as shared */

#search-display-image-div {
        position:absolute;
        display:inline;
        overflow:auto;
        top:8%;
        bottom:8%;
	left:20%;
        right:20%;
        width:60%;
}

/* ----- e/o Search Pages Divs ----- */



/* footer will be on every page */
/*  "powered by" sits bottom right */
#address-footer {
        position:fixed;
        display:block;
        float:right;
        bottom:20px;
        height:20px;
        right:20px;
        width:180px;
}


/* ########################################################## */

/* admin tool related divs */

#admin-main-display {
        position:absolute;
        display:block;
        overflow:auto;
	top:8%;
	height:80%;
	width:80%;
        margin-left:10%;
        margin-right:10%;
	text-align:left;
	border:solid 1px #ffbd5c;
	background-color:#795E45;
}



/* next 3 are for duplicate search in admin */

/* most admin pages will use three divs  */

#admin-left-side-div {
	position:absolute;
	overflow:auto;
	top:3em;
	bottom:2em;
	width:45%;
	left:2em;
	border:solid 1px #ffbd5c;
	background-color:#86694D;
	padding:10px;
}

#admin-right-top-div {
	position:absolute;
	overflow:auto;
	top:3em;
	bottom:48%;
	width:45%;
	right:2em;
	border:solid 1px #ffbd5c;
	background-color:#86694D;
	padding:10px;
}

#admin-right-bottom-div {
	position:absolute;
	overflow:auto;
	top:52%;
	bottom:2em;
	width:45%;
	right:2em;
	border:solid 1px #ffbd5c;
	background-color:#86694D;
	padding:10px;
}

/* this replaces the 2 rhs ones if desired */
#admin-right-side-div {
        position:absolute;
        overflow:auto;
        top:3em;
        bottom:2em;
        width:45%;
        right:2em;
        border:solid 1px #ffbd5c;
        background-color:#86694D;
        padding:10px;
}

/* end of 3+1 main admin divs */

/* 2 similar ones, but split 75% on top, 25 on bottom. */
#admin-horizontal-top-div {
	position:absolute;
	overflow:auto;
	top:3em;
	bottom:25%;
	left:2em;
	right:2em;
	border:solid 1px #ffbd5c;
	background-color:#86694D;
	padding:10px;
}

#admin-horizontal-bottom-div {
	position:absolute;
	overflow:auto;
	top:75%;
	bottom:2em;
	left:2em;
	right:2em;
	border:solid 1px #ffbd5c;
	background-color:#86694D;
	padding:10px;
}

/* end of the 2 horizontal divs */

/* a handful for the duplicate check script */
#admin-search-dups-headers {
        position:absolute;
        display:block;
        overflow:auto;
        top:0%;
        height:150px;
        width:98%;
        margin-left:1%;
        margin-right:1%;
        font-weight:bold;
}

#admin-search-dups-results {
        position:absolute;
        display:block;
        overflow:auto;
        top:3em;
        bottom:12%;
        width:98%;
        margin-left:1%;
        margin-right:1%;
        background-color:#795E45;
        border:solid 1px #ffbd5c;
        font-size:small;
        text-align:left;
}

.admin-search-dups-rows {
        overflow:auto;
        height:94px;
        width:100%;
        display:block;
}

.admin-search-dups-fields {
        float:left;
        display:block;
        height:94px;
}

/* bottom button area to exit or nav between tools */

#admin-bottom {
        position:absolute;
        display:block;
        overflow:auto;
        bottom:1%;
        height:8%;
        width:50%;
        margin-left:25%;
        margin-right:25%;
}


/* EOF */