/* main pages, index pages, slideshows ============================ */

html,body,div,p  {margin:0; padding:0;}

/* All font family and primary colors except LogLink color============================ */
body {			background-color: #000000;
				font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, "sans serif"; 
				color: #d0cece;
}

#maincontent,dl,dd {
				font-family: "Georgia", "Times New Roman", Times, serif; 
				color: Black;
}

.HomeLink,.NavLink,.NavLink2,.NavLink3,.GalleryLink,.SmallLink		{
				color: #d0cece;
}

#ShowGallery {

				position: absolute;	top: 8px; right: 0px; padding-right: 10px;
}


/* blue sky color =============================================*/
#logo,#logo2,#logo3,.unlinked,.NewSlideshow,.caption2,.footertext {
				color: #4a66ba; 
}

.NewSlideshow {
				margin-left: 5px; margin-top: 10px;
				font-size: 14px;
				word-spacing: 1px; letter-spacing: 1px;
}

.NavLink3 {		text-decoration: none;
				font-size: 11px;
}
.NavLink3:hover {
				text-decoration: none; color: #ffffff; 
}

/* Sections =============================================*/
#wrapper { 
			width: 98%; margin-top: 20px; padding: 0px;
}

/* -- everything else is within container div -- */
#container { 	position: relative;
				width: 1100px; height: 740px;
				margin-right: auto; margin-left: auto;
}

#header { 
				width: 1100px; height: 60px;
				top: 10px;
				margin-right: auto; margin-left: auto;

}


/* -- main holds flashcontent/main photo/maincontent;
      main2 and flashcontent2: slideshows with nav bar and right offset e.g. Tetons -- */
#main { 
				height: 580px;
				position: absolute; top: 50px;
				margin-right: 0px; margin-left: 180px;
}

#main2 { 
				height: 680px;
				position: absolute; top: 70px;
				margin-right: 0px; margin-left: 180px;
}

#flashcontent { 
				width: 800px; height: 540px;
				margin-top: 27px; margin-left: 140px;

}

#flashcontent2 { 
				width: 800px; height: 630px;
				margin-left: 100px;

}

/* Grey boxes with text =======================================*/
#maincontent {
				width: 750px; height: 510px;
				position: absolute;
				margin-left: 130px;	margin-top: 25px;
				background-color: #d0cece;
				border-style:solid; border-width:8px;
				border-top-color: #999999; border-bottom-color: #454343;
				border-left-color: #666666; border-right-color: #454343;
}

/* Photo only e.g. unknowable.html=======================================*/
#mainphoto { 
				width: 800px; height: 532px;
				margin-left: 100px; margin-top: 25px;
}

/* Left sidebar ======================================================*/
#leftsidebar { 
				position: absolute; left: 0px; top: 80px; 
				width: 300px; height: 591px;
}

/* thumbnail slideshow and copyright */
#thumbback  {
				margin-top: 60px; left: 0px;
				background: url(thumbback.jpg) top no-repeat;
				width: 268px; height: 185px;
}

#thumbshow  {
				position: relative;
				top: 37px; left: 30px;
				width: 200px; height: 133px;
}

/* message to enable flash and javascript: most pages */
#enable { 
			font-size: 15px; color: #57001A;
			background-color: #D7D7D7;
			padding: 5px; margin-top: 300px; margin-left: 50px;
}

/* message to enable flash and javascript: home page */
#noscript-warning { 
				margin-top: 10px; margin-left: 50px;
}

#noscript-text { 
			font-size: 12px;
			color: #ffffff;
}

/* tool tip for thumbshow ==============================================*/

/* tool tip for main photo ==============================================*/


/* -- positions photo relative (using "absolute") to sidebar div -- */
#sidephoto { 
				position: absolute; top: 160px; padding: 4px;
				width: 280px; height: 187px;
}

#captionbox {
					width: 700px; height: 110px;
					margin-left: 160px; margin-right: 0px;
					margin-top: -10px; margin-bottom: 0px;
					padding-top: 5px; padding-bottom: 5px;
					padding-left: 5px; padding-right: 5px;


}

.caption,.caption2 {
					font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, "sans serif"; 
					font-size: 13px; line-height: 155%;
					margin-left: 10px; margin-right: 10px;
					margin-top: 5px; margin-bottom: 0px;
					padding-top: 0px; padding-bottom: 0px;
					padding-left: 0px; padding-right: 0px;
}

.caption {
					font-size: 14px;
					color: #cb606a;
}

.small {
					font-size: 12px;
					color: #cb606a;
}

/* -- positions footer relative (using "absolute") to container div -- */
#footer {
				position: absolute; left: 0px; top: 600px; 
				width: 1100px; height: 70px;
}

/* -- slideshows with nav bar and right offset e.g. Tetons -- */
#footer2 {
				position: absolute; left: 0px; top: 685px; 
				width: 1100px; height: 50px;
}

/* -- home page -- */
#footer3 {
				margin-left: 0px; margin-top: 30px; 
}

/* Loads the background image for journal pages...in styles3;*/
#preload1 { 
			background-image: url(background2.jpg);
			background-repeat: no-repeat;
			background-position: -2000px -2000px;
}

/* Loads hover arrows for soul journey*/
#preload2 { 
			background-image: url(previous2.gif);
			background-repeat: no-repeat;
			background-position: -2000px -2000px;
}

#preload3 { 
			background-image: url(next2.gif);
			background-repeat: no-repeat;
			background-position: -2000px -2000px;
}

/* Basic elements */

ul {
			margin-left: 0; padding-left: 5px;
			list-style-type: none; font-size: 18px;
			word-spacing: 0px;
}

li.simple {
			margin-left: 10; padding-left: 60px;
			margin-top: 8px;
			list-style-type: none; font-size: 18px;
}

.list2 {
			text-indent: 12px; list-style-type: none;
			line-height: 20px;
			font-size: 14px; margin-top: 3px;
			word-spacing: 20px;
}

/* For "photo journal" header that doesn't contain href */
.unlinked {	
			font-size: 14px;
			word-spacing: 1px; letter-spacing: 1px;
}

dl,dt,dd {
			
}

dl {
			margin-left: 50px; margin-top: 20px; padding-left: 20px;
			list-style-type: none; font-size: 18px;
}

dt {
				
}

dd {
			margin-bottom: 5px;
}

/* Paragraphs =============================================*/

p {

}

/* Titles and Headings =============================================*/
#logo { 
			font-size: 30px;
			word-spacing: 0px; letter-spacing: .5px;
			padding-left: 5px;
}

#logo2 { 
			font-size: 16px; 
			word-spacing: 0px; letter-spacing: 0px;
}

/* primary heading on non-main pages */
#logo3 { 
			font-size: 24px; 
			word-spacing: 0px; letter-spacing: 0px;
			padding-left: 10px; padding-top: 10px;
}

.footertext {
			font-size: 12px;
}

/* Links =============================================*/

a { 
			font-size: 12px; text-decoration: none;
			word-spacing: 1px; letter-spacing: 1px;
}

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

.SmallLink { font-size: 12px;}
.SmallLink:hover { }

.BigLink { font-size: 14px; font-style: normal;}
.BigLink:hover { }

.GalleryLink { font-size: 14px; font-style: normal;}
.GalleryLink:hover { }

.HomeLink { font-size: 14px; text-decoration: none; font-style: normal;}
.HomeLink:hover { }

.NavLink {
				font-size: 14px;
				display: block;
				margin-top: 8px;
				width: 230px;
}
.NavLink:hover {
				color: #ffffff; text-decoration: none;
}

.NavLink2 {
				font-size: 14px;
}

.NavLink2:visited {

}

.NavLink2:hover { 
				color: #ffffff; text-decoration: none;
}

/* Main page only */
.NavLink3 {
				font-size: 14px;
				display: block;
				margin-top: 5px;
				width: 230px;
}

.NavLink3:hover { 
				color: #ffffff; text-decoration: none;
}


.AtLink { font-size: 14px; color: yellow; text-decoration: none;}
.AtLink:hover { }

/* for links to individual pages=================================*/
.LogLink { 
			font-size: 18px; color: #6E0023;
}

.LogLink:visited { 
			color: #3D0011;
}

.LogLink:hover { 
			color: Black; text-decoration: none;
}

/* Miscellaneous =============================================*/