html {
  height:           100%;
  margin:           0px;
  padding:          0px;
}

body {
  height:           100%;
  margin:           0px;
  padding:          0px;
  background:       black;
  color:            #404040;
  }

h2 {
  font:             normal 16pt 'Georgia';
  margin:           0px;
}

table {
  font:             normal 9pt 'Georgia';
}

/* -------------------------------- DIVS -------------------------------------*/
#container {
  width:            800px;
  min-height:       100%;
  background:       url('../images/aluminum.png');
  background-attachment: fixed;
  background-position:   top center;
  margin:           0px auto 0px auto;
  padding:          0px 0px 0px 0px;
  border:           0px solid #505050;
  font:             normal 8pt 'Verdana';
  text-align:       center;
  }

#header {
  width:            594px;
  height:           140px;
  margin:           3px auto 3px auto;
  padding:          0px 0px 0px 0px;
  border:           3px solid black;
  }

#footer {
  clear:            both;
  height:           50px;
  width:            594px;
  margin:           20px auto 0px auto;
  padding:          0px 20px 0px 20px;
  font:             normal 10pt 'Georgia';
  color:            #505050;
  border-top:       1px solid #909090;
}

#content {
  position:         relative;
  width:            600px;
  min-height:       600px;
  margin:           0px auto 0px auto;
  text-align:       center;
  border:           0px solid white;
}

#content_left {
  float:            left;
  width:            430px;
  padding-bottom:   50px;
  border:           0px solid black;
  font:             normal 8.5pt 'Verdana';
  color:            #757570;
  text-align:       left;
}

#content_right {
  float:            right;
  width:            153px;
  border:           3px solid black;
  margin:           20px 0px 0px 0px;
  padding:          30px 0px 50px 0px;
  font:             normal 11pt 'Georgia';
  text-align:       center;
}

#blurb {
  width:            70%;
  margin:           40px auto 40px auto;
  font:             normal 8.5pt 'Verdana';
  color:            #757570;
  padding:          20px;
  border-top:       1px dashed silver;
  border-bottom:    1px dashed silver;
}

#content_top {
  font-weight:      bold;
  letter-spacing:   .3em;
  padding:          10px;
  border:           3px solid black;
  text-align:       center;
}

#content_bottom {
  width:            560px;
  margin:           0px auto 0px auto;
  font:             normal 8.5pt 'Verdana';
  color:            #757570;
  border:           0px solid black;
}

#content_links {
  border:           0px solid black;
  padding:          20px 100px 20px 70px;
  text-align:       left;
}

#content_entry {
  padding:          20px;
  clear:	        both;
}

#site_links {
  font-weight:      bold;
  width:            594px;
  margin:           0px auto 0px auto;
  background:       black;
  padding:          0px 0px 0px 0px;
  border:           3px solid black;
  letter-spacing:   .3em;
}

#letter_entry {
  padding:          20px;
  font:             normal 8.5pt 'Verdana';
}

div.center {
  text-align:       center;
}

/* ------------------------------- IMAGES ------------------------------------*/
img.banner {
  position:         relative;
  margin-top:       10px;
  left:             -180px;
  }

img.indexlink {
  border:           0px solid black;
}

img.index {
  margin:           100px 0px 0px 0px;
  border:           0px solid black;
}

/* ----------------------------- BANNER-BOX ----------------------------------*/
.banner-box {
  position:         relative;
  top:              9px;
  left:             -188px;
  width:            285px;
  height:           48px;
  background:       #ffffff;
  border:           1px solid #1a1a1a;
  margin:           3px auto;
  display:          flex;
  align-items:      center;
  justify-content:  center;
  
  box-shadow:       6px 6px 6px rgba(0, 0, 0, 0.75); 
  box-sizing:       border-box;
}

.banner-text {
  font-family:      "Tangerine";
  font-size:        28pt;
  font-weight:      normal;
  font-stretch:     condensed;
  color:            #1a1a1a;
  letter-spacing:   1px;
  font-style:       italic;
  text-shadow:      2px 2px 4px rgba(0, 0, 0, 0.75);
}

/* ----------------------------- HYPERLINKS ----------------------------------*/
a:link {
  background:		none;
  color:		#909090;
  text-decoration:	none;
  }

a:visited {
  background:		none;
  color:		#909090;
  text-decoration:	none;
  }

a:hover {
  background:		none;
  color:			gold;
  text-decoration:	none;
  }

a:active {
  background:		none;
  color:			#808080;
  text-decoration:	none;
  }

a.light:link {
  color:            silver;
  }

a.light:visited {
  color:            silver;
  }

a.light:hover {
  color:            gold;
  }

a.light:active {
  color:            silver;
  }


/* -------------------------------- NEWS -------------------------------------*/
img.news{
  float:            left;
  margin:           10px 20px 10px -30px;
  border:           1px solid gray;
}

img.newspng{
  float:            left;
  margin:           10px 20px 10px -30px;
  border:           0px solid gray;
}

/* ------------------------------- TRAVEL ------------------------------------*/
h2.travels {
  font:             italic 13pt 'Georgia' serif;
  margin:           0px 0px 5px 0px;
}

img.travelleft{
  float:            left;
  margin:           20px 20px 20px 0px;
  border:           0px solid black;
}

img.travelright{
  float:            right;
  margin:           20px 0px 20px 20px;
  border:           0px solid black;
}

img.travelcenter{
  margin:           20px auto 20px auto;
  border:           0px solid black;
}

/* ------------------------------- QUOTES ------------------------------------*/
.quote_table_left td {
  border:           0px solid gray;
  padding:          10px;
  text-align:       left;
  vertical-align:   top;
}

.quote_table_right td {
  border:           0px solid gray;
  padding:          10px;
  text-align:       right;
  vertical-align:   top;
}

table.quote_table tr:nth-child(even) td {
  text-align:       right;
  vertical-align:   top;
  padding:          20px 0px 20px 0px;
}

table.quote_table tr:nth-child(odd) td {
  text-align:       left;
  vertical-align:   top;
  padding:          20px 0px 20px 0px;
}

div.quoteleft {
  overflow:         auto;
  width:            380px;
  margin:           0px auto 0px 0px;
  padding:          10px 0px 10px 0px;
}

div.quoteright {
  overflow:         auto;
  width:            380px;
  margin:           0px 0px 0px auto;
  text-align:       right;
  padding:          10px 0px 10px 0px;
}

div.nopicquoteleft {
  text-align:       left;
  padding:          20px 20px 10px 20px;
}

div.nopicquoteright {
  text-align:       right;
  padding:          20px 20px 10px 20px;
}

span.name {
  font:             bold 7pt 'Verdana';
}

span.date {
  font:             normal 7pt 'Verdana';
}

span.source {
  font:             italic 7pt 'Verdana';
}

img.quoteleft {
  float:            left;
  margin:           0px 20px 0px 0px;
  border:           1px solid #404040;
  border-width:     1px 1px 1px 1px;
}

img.quoteright {
  float:            right;
  margin:           0px 0px 0px 20px;
  border:           1px solid #404040;
}

/* ------------------------------ GALLERIES ----------------------------------*/
#galleryentrycontainer {
  width:            600px;
  margin:           auto;
  border:           1px solid black;
  border-width:     0px;
  color:            #707070;
}

#gallerybodylinks {
  width:            594px;
  margin:           0px auto 0px auto;
  border:           3px solid black;
  border-width:     0px 3px 3px 3px;
  padding:          5px 0px 5px 0px;
  background:       rgb(30,30,30);
  text-align:       center;
}

img.art {
  border-top:       3px solid rgb(170, 170, 170);
  border-bottom:    3px solid white;
  border-left:      3px solid rgb(200, 200, 200);
  border-right:     3px solid white;
}

img.photo {
  border-top:       3px solid black;
  border-bottom:    3px solid rgb(50, 50, 50);
  border-left:      3px solid rgb(6, 6, 6);
  border-right:     3px solid rgb(30, 30, 30);

}

img.pano {
  border:           3px solid black;
  border-width:     0px 3px 0px 3px;
}

/* -------------------------------- LINKS ------------------------------------*/
h2.links {
  font:             italic 16pt 'Helvetica';
  margin:           40px 0px 20px 0px;
  text-align:       right;
  letter-spacing:   .5em;
}


/* --------------------------------- SLIMBOX ---------------------------------*/
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url('../site_media/js/slimbox/loading.gif') no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url('../site_media/js/slimbox/prevlabel.gif') no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url('../site_media/js/slimbox/nextlabel.gif') no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url('../site_media/js/slimbox/closelabel.gif') no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* ---------------------------- Floatbox v3.50 -------------------------------*/
/* April 12, 2009 */

div#fbPathChecker {
	background-image: url('../site_media/js/floatbox/graphics/blank.gif');  /* required for detection of graphics folder path */
}

div#fbOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-width: 0;
	margin: 0;
	padding: 0;
}

div#fbBox {
	position: absolute;
	border-style: solid;
	border-width: 0;
	margin: 0;
	padding: 0;
}

#fbBox div, #fbBox a, #fbBox img, #fbBox iframe {
	border-width: 0;
	margin: 0;
	padding: 0;
	outline: none;
	-moz-outline: none;  /* for older Netscape, doesn't validate, remove if you like */
}
#fbBox a {
	background-image: url('../site_media/js/floatbox/graphics/blank.gif');
	zoom: 1;  /* in case all anchors are zoomed, doesn't validate, remove if you like */
}

#fbZoomDiv, a.fbPopup img, a.fbPopdown img, #fbBox #fbIndexLinks img {
	position: absolute;
	left: 0;
	top: -9999px;
	border-style: solid;
	border-color: black;
	/* border-width is set in js code */
	margin: 0;
	padding: 0;
}

#fbBox #fbBoxLoader, #fbZoomDiv #fbZoomLoader, #fbMainDiv #fbMainLoader {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
}

#fbZoomDiv #fbZoomLoader, #fbMainDiv #fbMainLoader { background-image: url('../site_media/js/floatbox/graphics/loader_black.gif'); }

#fbBox #fbShadows, #fbBox #fbShadowTop, #fbBox #fbShadowRight, #fbBox #fbShadowBottom, #fbBox #fbShadowLeft,
#fbBox #fbCorners, #fbBox #fbCornerTop, #fbBox #fbCornerRight, #fbBox #fbCornerBottom, #fbBox #fbCornerLeft {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

#fbBox #fbShadowTop, #fbBox #fbCornerTop { background-position: top left; }
#fbBox #fbShadowRight, #fbBox #fbCornerRight { background-position: top right; }
#fbBox #fbShadowBottom, #fbBox #fbCornerBottom { background-position: bottom right; }
#fbBox #fbShadowLeft, #fbBox #fbCornerLeft { background-position: bottom left; }

#fbBox #fbCanvas {
	position: relative;  /* images won't fade in/out ie6 if absolute */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#fbBox #fbMainDiv, #fbBox #fbInfoPanel, #fbBox #fbControlPanel {
	position: absolute;
	border-style: solid;
	overflow: hidden;
}
#fbBox #fbMainDiv, div#fbZoomDiv {
	background-color: #fff;
}

#fbBox #fbInfoLink, #fbBox #fbPrintLink {  /* "Info...", "Print..." */
	font-weight: bold;
}

#fbBox #fbResizer {
	position: absolute;
	width: 25px;  /* dimensions of the resize button */
	height: 25px;
	left: 0;
	top: 0;
}

#fbBox #fbDragger {
	position: absolute;
	width: 12px;
	height: 12px;
	cursor: nw-resize;
	background-position: bottom right;  /* 'cause ie6 makes it taller than 12px */
	background-repeat: no-repeat;
}

#fbBox #fbLeftNav, #fbBox #fbRightNav {
	position: absolute;
	height: 100%;
}
#fbBox #fbLeftNav, #fbBox #fbOverlayPrev {
	left: 0;
}
#fbBox #fbRightNav, #fbBox #fbOverlayNext {
	right: 0;
}

#fbBox #fbOverlayPrev, #fbBox #fbOverlayNext {
	position: absolute;
	width: 63px;  /* dimensions of the upper prev and next graphics */
	height: 32px;
	background-repeat: no-repeat;
}

#fbBox #fbInfoPanel {
	line-height: 1.25em;
	/* caption and info link text */
	font-family: Verdana, Arial, Geneva, Helvetica;
	font-size: 10px;
}

#fbBox #fbCaption {
	cursor: default;
        font-weight: bold;
        color: #666;
}

#fbBox #fbItemNumber {
	font-size: 10px;  /* 'image x of y' text */
	white-space: nowrap;
	cursor: default;
}

#fbBox #fbControls {
	height: 22px;  /* height of control widget graphics - they should all be the same */
	font-size: 1px;
}

#fbBox #fbNavControls {
	width: 108px;  /* sum of lowerprev and lowernext widths */
	height: 22px;  /* height of 1 sprite panel in lowerprev and lowernext graphics */
}

#fbBox #fbPrev {
	float: left;
	width: 54px;  /* dimensions of the lower nav 'prev' graphic */
	height: 22px;
	background-repeat: no-repeat;
}

#fbBox #fbNext {
	float: right;
	width: 54px;  /* dimensions of the lower nav 'next' graphic */
	height: 22px;
	background-repeat: no-repeat;
}

#fbBox #fbPlay, #fbBox #fbPause {
	position: absolute;
	background-repeat: no-repeat;
}

#fbBox #fbPlayPause, #fbBox #fbPlay, #fbBox #fbPause {
	width: 46px;  /* dimensions of the 'play' and 'pause' graphics (they need to be the same size) */
	height: 22px;
	text-align: justify;
}

#fbBox #fbClose {
	width: 66px;  /* dimensions of the 'close' graphic */
	height: 22px;
}

#fbBox #fbIndexLinks {
	clear: both;
	font-size: 11px;
	cursor: default;
}
#fbBox #fbIndexLinks a:hover {
	font-weight: bold;
}

/* posLeft, posCenter & posRight are dynamically assigned classes that allow layout of the info and control panels depending on which side they're on */
/* info panel */
#fbInfoPanel.posCenter, #fbInfoDiv.posCenter, #fbIndexLinks.posCenter {
	margin: 0 auto;
}
#fbInfoPanel.posRight, #fbInfoDiv.posRight, #fbIndexLinks.posRight {
	float: right;
}
#fbInfoPanel.posLeft, #fbInfoDiv.posLeft, #fbIndexLinks.posLeft {
	float: left;
}
/* control panel */
#fbControlPanel.posRight, #fbControls.posRight, #fbClose.posRight, #fbSubControls.posRight, #fbNavControls.posLeft, #fbPlayPause.posLeft {
	float: right;
}
#fbControlPanel.posLeft, #fbControls.posLeft, #fbClose.posLeft, #fbSubControls.posLeft, #fbNavControls.posRight, #fbPlayPause.posRight {
	float: left;
}
/* IE6 wants these, maybe for layout? */
#fbSubControls, #fbClose, #fbIndexLinks, #fbPlayPause, #fbNavControls {
	float: left;
}
