/* Primary colors are
	Red	#580f0f #5c050b #590606
	Brown	#7b5e3f #7f5519
	Tan	#c7ae94 #906c3e #af7e3f
	White
*/
/* set page defaults */
* {
 font-family: Veranda, Geneva, Arial, sans-serif;
 font-size: 13px;
}

body {
 margin: 0;
 padding: 0;
 text-align: center;
}

a {
 color: #0c0c0c;
}

a:link {
 text-decoration: underline;
}

a:visited {
 text-decoration: underline;
 color: #0c0c0c;
}

a:hover {
 color: white;
}

h1 {
 color: #000000;
 font-weight: bold;
 text-align: center;
 font-family: Georgia, Palatino, "Times New Roman", serif;
 font-size: 16px;
}

h2 {
 color: #000000;
 font-weight: bold;
 text-align: center;
 font-family: Georgia, Palatino, "Times New Roman", serif;
 font-size: 14px;
 text-shadow: white 0.2em 0.3em 0.2em;
}

.breadcrumb {
 font-size: 10px;
 text-align: right;
}

.breadcrumb-left {
 font-size: 10px;
 text-align: left;
}

.breadcrumb-center {
 font-size: 10px;
 text-align: center;
}

.popupMenu {
 position: absolute;
 background-color: #af7e3f;
 border: 1px solid #5c050b;
 font: normal 12px Verdana;
 line-height: 18px;
 text-align: left;
}

.popupMenu .frame {
 border: 1px solid white;
 }

.popupMenu ul {
 list-style-type: none;
 color: #5c050b;
 margin:0px;
 padding-left:5px;
 padding-right:5px;
}

.popupMenu li:hover { /*hover background color*/
 background-color: #7f5519;
}

.popupMenu a {
 text-decoration: none;
 color: #5c050b;
 width: 100%;
}

.popupMenu a:hover { /*hover background color*/
 background-color: #7f5519;
}


/* layer 1 (bottom red box) */
.layer1 {
 z-index: 1;
}

#redborder {
 background-color: #5c050b;
 position: relative;
 top: 0px;
 margin: 0px auto 0px auto;
 height: 592px;
 width: 736px;
}

/* layer 2 (white box) */
.layer2 {
 z-index: 2;
}

#whiteborder {
 background-color: white;
 position: relative;
 top: 13px;
 margin: auto auto auto auto;
 height: 566px;
 width: 710px;
}

/* layer 5 (cropped picture) */
.layer5 {
 z-index: 5;
}

#left-of-arch {
 background-color: #e6dcc9;
 position: absolute;
 top: 6px;
 left: 5px;
 height: 372px;
 width: 264px;
}

/* layer 10 (template images) */
.layer10 {
 z-index: 10;
 background-repeat: no-repeat;
}

#main {
 position: absolute;
 top: 6px;
 left: 4px;
 height: 372px;
 width: 700px;
 background-image: url(/images/ArchandBackgroundGIF.gif);
}

#menutemplate {
 position: absolute;
 top: 377px;
 left: 1px;
 height: 179px;
 width: 700px;
 background-image: url(/images/BottomTemplateWithWords.gif);
}

/* layer 20 (text) */
.layer20 {
 z-index: 20;
 overflow: auto;
}

#pagebody {
 position: absolute;
 top: 0px;
 left: 265px;
 height: 372px;
 width: 435px;
}

#pagebody table {
 text-align: justify;
 font-size: 13px;
 width: 95%;
 height: 100%;
 border-style: none;
}

#menu {
 color: #5c050b;
 font-family: Georgia, "Times New Roman", Times, serif;
 position: absolute;
 top: 25px;
 left: 260px;
 height: 32px;
 width: 440px;
}

#menu table {
 text-align: center;
}

#menu a {
 font-weight: 600;
 font-size: 17px;
 text-decoration: none;
 color: #330000;
}

#menu a:link {
 text-decoration: none;
 color: #330000;
}

#menu a:visited {
 text-decoration: none;
 color: #330000;
}

#menu a:hover {
 text-decoration: none;
 color: #7f5519;
}

#addressbar {
 color: white;
 text-align: center;
 vertical-align: middle;
 font-size: 12px;
 position: absolute;
 top: 153px;
 left: 1px;
 height: 22px;
 width: 700px;
}

#addressbar a {
 text-decoration: none;
}

#addressbar a:link {
 text-decoration: none;
 color: white;
}

#addressbar a:visited {
 text-decoration: none;
 color: white;
}

#addressbar a:hover {
 text-decoration: none;
 color: #c0c0c0;
}

/* layer 50 (opaque pop-up layer) */
.layer50 {
 z-index: 50;
 color: #ffffff;
 background-color: #000000;
 opacity: .75;
 filter: alpha(opacity =           75);
}

#widebody {
 font-size: 13px;
 position: absolute;
 top: 20px;
 left: 20px;
 height: 332px;
 width: 660px;
 overflow: auto;
}

#widebody h1 {
 color: #ffffff;
}

#widebody table {
 color: #ffffff;
 font-size: 13px;
}

#widebody a:link {
 color: #f0f0f0;
}

#widebody a:visited {
 color: #f0f0f0;
}

#widebody a:hover {
 color: #ffffff;
}

#photoAlbum {
 z-index: 50;
 position: absolute;
 top: 0px;
 left: 1px;
 height: 372px;
 width: 700px;
 color: white;
 background-color: black;
 text-align: center;
 margin: 0;
 padding: 0;
 font-size: 100.1%;
 font: 83%/ 1.4 verdana, arial, helvetica, sans-serif;
}

#photoAlbum img {
 position: absolute;
 top: 0px;
 border: none;
}

#photoAlbum h1 {
 text-align: center;
}

#photoAlbum a {
 color: #fff;
}

#photoAlbum #images {
 visibility: hidden;
}

#photoAlbum #loading {
 margin-top: 50px;
 text-align: center;
 width: 100%;
}

#photoAlbum #loading img {
 margin-top: 10px;
 position: relative;
}

#photoAlbum #captions {
 font-weight: bold;
 position: relative;
 text-align: center;
 z-index: 10000;
}

#photoAlbum #scrollbar {
 visibility: hidden;
 position: relative;
 border-bottom: 1px solid #b3b3b3;
 z-index: 10001;
}

#photoAlbum #slider {
 position: absolute;
 margin-top: -7px;
 margin-left: -7px;
 z-index: 10002;
 background-image: url(../images/slider.png);
 background-repeat: no-repeat;
 width: 14px;
 height: 14px;
}

#photoAlbum #imageflow {
 text-align: left;
}

#photo {
 z-index: 51;
 position: absolute;
 top: 5px;
 left: 1px;
 width: 700px;
}

#outerImageContainer {
 background-color: white;
 width: 250px;
 height: 250px;
 margin: 0 auto;
}

#imageContainer {
 padding-top: 10px;
 text-align: center;
}

#imageloading {
 position: absolute;
 top: 40%;
 left: 47.5%;
}

#imageDataContainer {
 font: 10px Verdana, Helvetica, sans-serif;
 background-color: white;
 margin: 0 auto;
 line-height: 1.4em;
 overflow: auto;
 width: 100%;
 padding-bottom: 5px;
}

#imageData {
 padding: 0 10px;
 color: #666;
}

#imageData #imageDetails {
 width: 80%;
 float: left;
 text-align: left;
}

#imageData #imageCaption {
 font-weight: bold;
}

/* layer 150 (progress indicator) */
.layer150 {
 z-index: 150;
 color: #ffffff;
 background-color: #000000;
 opacity: .50;
 filter: alpha(opacity =           50);
}

#pageLoading {
 font-size: 10px;
 position: absolute;
 top: 0px;
 left: 635px;
 height: 16px;
 width: 65px;
 text-align: center;
 vertical-align: middle;
}