@charset "UTF-8";
/* CSS Document */
/*   This stylesheet was created to custom format thumbnail photo views by using */
/*   data from XML database and showing a black background to landscape and portrait photos. */

/*  Copyright © 2008 K&E Global.  All rights reserved */

img.thumbs {
	float:left;
	height:60px;
	width:60px;
	margin-right: 2px;
	margin-bottom: 2px;
	border: solid black 1px;
}
img.large {
	position:absolute;
	left: 27px;
	top: 27px;
}
img.large2 {
	position:absolute;
	left: 28px;
	top: 27px;
	width: 315px;
	height: 420px;
	z-index: 1;
}
img.large3 {
	position:absolute;
	left: 0px;
	top: -27px;
	border: medium ridge #333333;
}
img.large4 { /* configured for thinner-widthed photos 278x418px */
	position:absolute;
	left: 26px;
	top: 27px;
	width: 278px;
	height: 418px;
	z-index: 1;
}
img.large5 { /* configured for thinner-height photos 560x372px */
	position:absolute;
	left: 26px;
	top: 27px;
	width: 560px;
	height: 372px;
	z-index: 1;
}

.main { /* configured to show photos & descriptions to the right of fixed left sidebar3 of 220px */ 
	position:absolute;
	left:225px;
	top:127px;
	width:491px;
	height:315px;
	z-index:2;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #000000;
	font-style: italic;
	line-height: 180%;
	background-color: #FFFFCC;
}
.main2 { /* configured to show photos & descriptions to the right of fixed left sidebar1b of 270px */
	position:absolute;
	left:285px;
	top:127px;
	width:426px;
	height:315px;
	z-index:2;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #000000;
	font-style: italic;
	line-height: 180%;
	background-color: #FFFFCC;
}
.thumbContainer {
	position:relative;
	left:8px;
	top:0px;
	width:200px;
	height:430px;
	z-index:1;
	background-color: #FFFFCC;
	padding-right: 6px;
	padding-left: 6px;
}
.thumbContainer2 {
	position:relative;
	left:8px;
	top:0px;
	width:270px;
	height:430px;
	z-index:1;
	background-color: #FFFFCC;
	padding-right: 6px;
	padding-left: 6px;
}
.thumbContainer3 {
	position:relative;
	left:8px;
	top: 10px;
	width:265px;
	height:430px;
	z-index:1;
	background-color: #FFFFCC;
	padding-left: 6px;
}
.thumbContainer3a {
	position:relative;
	left:8px;
	top: 10px;
	width:265px;
	height:510px;
	z-index:1;
	background-color: #FFFFCC;
	padding-left: 6px;
}
.thumbContainer3b {
	position:relative;
	left:8px;
	top:10px;
	width:270px;
	height:580px;
	z-index:1;
	background-color: #FFFFCC;
	padding-right: 6px;
	padding-left: 6px;
}
.thumbContainer4 { /* used in RGA Summary Details & Photos page */
	position:relative;
	top:0px;
	width:550px;
	height:auto;
	padding-right: 6px;
	padding-left: 6px;
	left: 0px;
}
.infoContainer { /* infoContainer & infoContainer1 are exactly the same */
	position:absolute;
	font-weight:bold;
	left:13px;
	width:200px;
	height:90px;
	position:relative;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 10px;
}
.infoContainer1 {
	position:absolute;
	font-weight:bold;
	left:13px;
	width:200px;
	height:90px;
	position:relative;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 10px;
}
.infoContainer2 {
	position:absolute;
	font-weight:bold;
	left:13px;
	width:265px;
	height:90px;
	position:relative;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 10px;
}
.map {
	position:relative;
	left:14px;
	width:200px;
	height:100px;
}
.map2 {
	position:relative;
	left:14px;
	width:270px;
	height:100px;
}
.map3 {
	position:relative;
}
.header {
	position:absolute;
	left:23px;
	top:3px;
	width:600px;
	height:95px;
	z-index:3;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.comment {
	position:absolute;
	text-align:center;
	left:3px;
	top:-27px;
	width:613px;
	font-family: "Handwriting - Dakota","Papyrus", Geneva, Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 16px;
	color: #000066;
	font-style: normal;
}
.comment2 {
	position:absolute;
	text-align:left;
	left:3px;
	top:-27px;
	width:500px;
	font-family: "Handwriting - Dakota","Papyrus", Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight:100;
	font-size: 16px;
	color: #000066;
}
.comment3 {
	position:absolute;
	text-align:center;
	left:0px;
	top:-27px;
	width:370px;
	font-family: "Handwriting - Dakota","Papyrus", Geneva, Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 16px;
	color: #000066;
	overflow: visible;
	font-style: normal;
}
.comment4 {
	position:absolute;
	text-align:left;
	left:0px;
	top:-27px;
	width:370px;
	font-family: "Handwriting - Dakota","Papyrus", Geneva, Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 16px;
	font-style: normal;
	color: #000066;
}
.comment4b {
	position:absolute;
	text-align:left;
	left:3px;
	top:-27px;
	width:600px;
	font-family: "Handwriting - Dakota","Papyrus", Geneva, Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 16px;
	color: #000066;
	font-style: normal;
}
.comment5 {
	position:absolute;
	text-align:left;
	left:0px;
	top:-35px;
	width:480px;
	font-family: "Handwriting - Dakota","Papyrus", Geneva, Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 16px;
	color: #000066;
	font-style: normal;
	line-height: 15px;
}
.comment6 { /* positioned for smaller-width photos */
	position:absolute;
	text-align:center;
	left:0px;
	top:-27px;
	width:330px;
	font-family: "Handwriting - Dakota","Papyrus", Geneva, Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 16px;
	font-style: normal;
	color: #000066;
}

.tripTitle {
	position:absolute;
	left:0px;
	top:-125px;
	width:600px;
	height:80px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:14px;
 	line-height:16px;
}
.tripTitle1 { /* this class mainly used for 700px jpg */
	position:absolute;
	left:0px;
	top:-125px;
	width:600px;
	height:80px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:14px;
 	line-height:16px;
}
.tripTitle2 {
	position:absolute;
	left:-65px;
	top:-125px;
	width:600px;
	height:80px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:14px;
 	line-height:16px;
}
.tripTitle2b {
	position:absolute;
	left:-65px;
	top:-125px;
	width:660px;
	height:80px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:14px;
 	line-height:16px;
}
.cat { /* previously in use in floating left sidebar configuration, now changed to cat1 */
	position:absolute;
	top:10px;
	width:160px;
	height:90px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:12px;
	line-height:16px;
	left: 526px;
	text-align: right;
}
.cat1 {
	position:absolute;
	top:10px;
	width:160px;
	height:90px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:12px;
	line-height:16px;
	left: 746px;
	text-align: right;
}
.cat2 {
	position:absolute;
	top:-4px;
	width:160px;
	height:90px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:12px;
	line-height:16px;
	left: -9px;
	text-align: right;
}
.cat3 {
	position:absolute;
	width:190px;
	height:90px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:12px;
	line-height:16px;
	left: 140px;
	text-align: right;
	top: 10px;
}
.cat4 {
	position:absolute;
	width:190px;
	height:90px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:12px;
	line-height:16px;
	left: 710px;
	text-align: right;
	top: 10px;
}
.mainDescription {
	position:absolute;
	left:1px;
	top:-107px;
	width:600px;
	height:80px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:12px;
	line-height:16px;
}
.mainDescription1 { /* this class mainly used for 700px jpgs in conjunction with printing function */
	position:absolute;
	left:1px;
	top:-107px;
	width:600px;
	height:80px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:12px;
	line-height:16px;
}
.mainDescription2 {
	position:absolute;
	left:-64px;
	top:-107px;
	width:600px;
	height:80px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:12px;
	line-height:16px;
}
.description {
	position:absolute;
	left:27px;
	top:455px;
	width:450px;
	font-family: "Trajan Pro", "Trajan Pro-Regular";
	font-style: normal;
	font-weight:normal;
	font-size: 13px;
	color:#FFFFFF;
}
.description2 {
	position:absolute;
	left:27px;
	top:455px;
	width:265px;
	font-family: "Trajan Pro", "Trajan Pro-Regular";
	font-style: normal;
	font-weight:normal;
	font-size: 13px;
	color:#FFFFFF;
}
.description5 {
	position:absolute;
	left:27px;
	top:407px;
	width:450px;
	font-family: "Trajan Pro", "Trajan Pro-Regular";
	font-style: normal;
	font-weight:normal;
	font-size: 13px;
	color:#FFFFFF;
}
.month {
	position:absolute;
	left:27px;
	top:471px;
	font-family: "Trajan Pro", "Trajan Pro-Regular";
	font-style: normal;
	font-weight:normal;
	font-size: 11px;
	color:#FFFFFF;
}
.month2 {
	position:absolute;
	left:27px;
	top:471px;
	font-family: "Trajan Pro", "Trajan Pro-Regular";
	font-style: normal;
	font-weight:normal;
	font-size: 11px;
	color:#FFFFFF;
}

.month3 {
	position:absolute;
	left:97px;
	top:471px;
	font-family: "Trajan Pro", "Trajan Pro-Regular";
	font-style: normal;
	font-weight:normal;
	font-size: 11px;
	color:#FFFFFF;
}
.month5 {
	position:absolute;
	left:27px;
	top:423px;
	font-family: "Trajan Pro", "Trajan Pro-Regular";
	font-style: normal;
	font-weight:normal;
	font-size: 11px;
	color:#FFFFFF;
}
.copyrightowner {
	position:absolute;
	left:514px;
	top:450px;
	width: 150px;
	font-family: "Handwriting - Dakota","Tekton Pro BoldObl", "Tekton Pro", "Tekton Pro Bold", Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 15px;
	color:#FFFFFF;
}
.copyrightowner2 {
	position:absolute;
	left:266px;
	top:451px;
	width: 150px;
	font-family: "Handwriting - Dakota","Tekton Pro BoldObl", "Tekton Pro", "Tekton Pro Bold", Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 15px;
	color:#FFFFFF;
}
.copyrightowner2a {  /* for narrower portrait frame */
	position:absolute;
	left:226px;
	top:451px;
	width: 150px;
	font-family: "Handwriting - Dakota","Tekton Pro BoldObl", "Tekton Pro", "Tekton Pro Bold", Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 15px;
	color:#FFFFFF;
}

.copyrightowner3 {
	position:absolute;
	left:584px;
	top:450px;
	width: 150px;
	font-family: "Handwriting - Dakota","Tekton Pro BoldObl", "Tekton Pro", "Tekton Pro Bold", Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 15px;
	color:#FFFFFF;
}
.copyrightowner4 {
	position:absolute;
	left:340px;
	top:451px;
	width: 150px;
	font-family: "Handwriting - Dakota","Tekton Pro BoldObl", "Tekton Pro", "Tekton Pro Bold", Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 15px;
	color:#FFFFFF;
}
.copyrightowner5 {
	position:absolute;
	left:514px;
	top:402px;
	width: 150px;
	font-family: "Handwriting - Dakota","Tekton Pro BoldObl", "Tekton Pro", "Tekton Pro Bold", Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 15px;
	color:#FFFFFF;
}
.infoLink {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight:100;
	color: #CC3300;
	text-decoration: none;
	margin-left: 5px;
	cursor: pointer;
}
.infoPage {
	position: relative;
	left:13px;
	width:200px;
	text-align:center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight:normal;
	text-decoration: none;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: outset;
	border-bottom-style: outset;
	border-top-color: #333333;
	border-bottom-color: #333333;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	color: #000000;
	margin-top: 4px;
}

.infoPage2 {
	position: relative;
	left:13px;
	width:265px;
	text-align:center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight:normal;
	text-decoration: none;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: outset;
	border-bottom-style: outset;
	border-top-color: #333333;
	border-bottom-color: #333333;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	color: #000000;
}
.infoPage2b {
	position: relative;
	left:13px;
	width:265px;
	text-align:center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight:normal;
	text-decoration: none;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: outset;
	border-bottom-style: outset;
	border-top-color: #333333;
	border-bottom-color: #333333;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	color: #000000;
	top: 10px;
	padding-top: 4px;
}

