/* * * resets * * */
body, div, nav, section, footer, form, label
	{margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	}
	
nav, section, footer {display: block;}

h1, h2 {margin: 0;
	padding: 0;
	}

#wrapper {width: 1200px;
	margin: 0 auto;
	padding: 1em;
	background-color: #c4c4c4;
	box-shadow: .1em .02em .1em .2em #999 inset;	
	/*box-shadow: 1px 1px 3px 2px #999 inset;*/
	/*border: 1px solid #808080;*/
	font-family: Verdana, Helvetica, Arial, sans-serif;
	}

/* * *	header	* * */	

header {margin-top: .1em;}

header a:link {color:#000; text-decoration: none;}
header a:visited {color:#000; text-decoration: none;}
header a:hover {color: #000; text-decoration: none;}
header a:active {color: #505050; text-decoration: none;}



/* * *	navigation	* * */
nav {float: left;			
	width: 20%;
	padding: 3em 3em 0 0;
	}
	
nav ul, #infoNav ul {list-style-type: none;}

nav ul li {padding-bottom: 1.1em;
	font-size: 1em;
	letter-spacing: .03em;
	text-align: left;
	}

.subnav li {padding: 1em 0 0 0;
	margin-left: -1.3em;
		}
		
a:link {color:#333; text-decoration: none;}
a:visited {color:#333; text-decoration: none;}
a:hover {color: DarkRed; text-decoration: underline;}
a:active {color: DarkRed; text-decoration: none;}


/* * * fonts * * */

h1 {color: black;}

h2 {color: #333;}

h4, h5 {color: #505050;}

h1 {font-size: 2em;
	letter-spacing: .02em;
	}

h1#logoTxt {margin-left: 1em;
	padding-top: .2em;
	padding-bottom: 2em;
	font-size: 2.2em;
	letter-spacing: .25em;
	font-family: Palatino, serif;
}

.superC {vertical-align: .2em;}
.superC2 {vertical-align: .3em;
	font-size: 85%;}

h2#thumbHd {margin-left: -4em;
	margin-top: -1em;
	padding-bottom: .5em;
	font-size: 1.6em;
	letter-spacing: .1em;
	text-align: center;
	}

h2#thumbHdSV {margin-left: -4em;
	padding-top: 13.5em;
	padding-bottom: .5em;
	font-size: 1.6em;
	letter-spacing: .1em;
	text-align: center;
	}	
	
.dashed {font-size: .8em;}
	
h1.thanks {margin-left: 0;
	font-size: 1.5em;
	}

h2 {padding-bottom: 1em;
	font-size: 1.1em;
	letter-spacing: .05em;
	}

h4 {margin-bottom: -.5em;
	font-size: 1em;
	letter-spacing: .03em;
	}

h5 {margin-bottom: -.5em;
	font-size: .9em;
	letter-spacing: .03em;
	}
	
p {font-size: .9em;
	color: #4d4d4d; /*696969*/
	}

.smnav {font-size: .8em;
	letter-spacing: .02em;
	}

.bontitle, .svtitle, .svtitle2, .svtitle3, .svtitle4, .svtitle5, .svtitle6, .svtitle7 {
	font-weight: 600;
	color: #333;
	}

p.bontitle, p.svtitle, p.svtitle2, p.svtitle3, p.svtitle4, p.svtitle5, p.svtitle6, p.svtitle7 {/*margin-left: 3.5em;*/
	margin-top: -.3em;
	padding-bottom: 1.6em;
	}

.bontitle {text-align: center;}

p.bontitle {margin-left: -3em;}	
p.svtitle {margin-left: 7em;}	
p.svtitle2 {margin-left: 9em;}	
p.svtitle3 {margin-left: 1em;}	
p.svtitle4 {margin-left: 2em;}
p.svtitle5 {margin-left: 3em;}	
p.svtitle6 {margin-left: 4em;}	
p.svtitle7 {margin-left: 5em;}

/* * * content * * */
#content {width: 70%;			    
	float: left;
	padding: 0 .7em;
	}

	
/* * * index page random image divs * * */
#main1{margin-left: -.25em;}
#main2 {margin-left: 1em;}
#main3 {margin-left: 1em;}
#main4{margin-left: -.25em;}
#main5 {margin-left: -1.2em;}
#main6 {margin-left: 3.5em;}
#main6 img {margin-left: 2.2em;}

#main1, #main2, #main3 {padding-top: .5em;}
#main4, #main5, #main6 {padding-top: .5em;}

#main1 p, #main2 p, #main3 p, #main4 p, #main5 p, #main6 p {margin-top: -.5em;
	text-align: center;
	line-height: 1.8em;
	letter-spacing: .03em;
	color: #4d4d4d;
	}

#main1 p {margin-left: -4em;}
#main2 p {margin-left: -3em;}

#main4 p {margin-left: -5em;}
#main5 p {margin-left: 1em;}
#main6 p {margin-left: -1em;}


/* * * image thumbnails * * */	

.thumb {float: left;
	width: 30%;
	padding: 0 1em .5em 0;
	}	
	
.thumb img {margin: .8em;
	border: none;
	}

.thumb2 {margin-left: -3.2em;
	padding: 0 1.5em .5em .5em;
	}

.thumb2, .thumb3, .thumb4, .thumb5, .thumb6, .thumb7 {
	float: left;
	margin-top: .8em;
	}	
	
.thumb2 img, .thumb3 img, .thumb4 img, .thumb5 img, .thumb6 img, .thumb7 img {margin-bottom: .8em;}
		
.thumb3 {padding: 0 1em .5em 3.1em;}

.thumb4 {margin-left: -6em;
	padding: 0 .8em .5em .8em;
	}

.thumb5 {padding: 0 0 .5em 3.1em;}
.thumb6 {padding: 0 1em .5em 1.3em;}
.thumb7 {padding: 0 .4em .5em 4.4em;}



/* * * IE 7/8 fix * * */	
.thumb a:link, .thumb2 a:link {text-decoration: none;}     	
.thumb a:visited, .thumb2 a:visited {text-decoration: none;}
.thumb a:hover, .thumb2 a:hover { text-decoration: none;}
.thumb a:active, .thumb2 a:active  {text-decoration: none;}

.thumb3 a:link, .thumb4 a:link, .thumb5 a:link, .thumb6 a:link, .thumb7 a:link {text-decoration: none;}     	
.thumb3 a:visited, .thumb4 a:visited, .thumb5 a:visited, .thumb6 a:visited, .thumb7 a:visited {text-decoration: none;}
.thumb3 a:hover, .thumb4 a:hover, .thumb5 a:hover, .thumb6 a:hover, .thumb7 a:hover{ text-decoration: none;}
.thumb3 a:active, .thumb4 a:active, .thumb5 a:active, .thumb6 a:active, .thumb7 a:active {text-decoration: none;}



/* * * images * * */

#logoNv {border: none;}

.treeBg, .treeBg2, .treeBg3 {padding: 2em 1em 1.7em 5em;}


.treeBg {height: 31em;}
.treeBg2 {height: 29em;}
.treeBg3 {height: 27em;}
	
	
.treeInfo {
	margin-top: -1.5em;
	margin-bottom: -.8em;
	padding-left: 11em;
	font-size: .8em;
	color: #444;
	}

.treeInfo2 {
	margin-top: -1.5em;
	margin-bottom: -.8em;
	padding-left: 1em;
	font-size: .8em;
	color: #444;
	}
	
td.treeTitle {
	padding-left: 3.8em;
	font-size: 1.4em;
	letter-spacing: .02em;
	}

.next, .next2 {margin-top: -6em;
	padding-left: 35em;
	color: #333;
	}

.next2 {margin-top: -2em;
		}
		
.treeVws {
	padding-top: 2em;
	padding-left: 5em;
	}

td.xsmVw {
	padding-right: 2em;
	}

td.xsmTitle {
	font-size: .8em;
	color: #555;
	padding-left: 1em;
	}

.scInfo {
	padding: 1em 0 0 5em;
	font-size: .9em;
	color: #333;
	line-height: 1.5em;
	letter-spacing: .01em;
	}
	
.scTitle {font-style: italic;
	font-weight: bold;
	}


/* * * Info page images * * */
	
	
img#lookGlass, img#avatarIn, img#applePIn, img#insideIn, img#insideInSt{
	border: 1px solid #989898;
	}

/***img#avatarIn {
	border: 1px solid #4d4d4d;
	/***margin: 3em 0 1em 2.5em;}

img#applePIn {
	border: 1px solid #4d4d4d;}

img#insideIn {border: 1px solid #4d4d4d;}
img#insideInSt {border: 1px solid #4d4d4d;}***/

#avatarFig, #lookGlassFig , #applePFig {float: right;
	margin: .5em 0 1em 2.5em;}

#avatarFig {margin: -.7em 0 -.5em 2.5em;}

#applePFig {padding-top: 7em;}
	
#insideOFig {float: left;
	margin: 1em 2.5em 1em 0}

#insideOFig2 {float: left;
	margin: 1em 2.5em 1em 0}	
figcaption {text-align: center;
	font-size: .9em;
	color: #4d4d4d;
	}


	
/* * * Info page * * */
#stmnts {width: 80%;
	margin-top: .5em;
	padding-left: .3em;
	line-height: 1.6em;
	letter-spacing: .01em;
	}

#stmnts a:link {color: #386890; text-decoration: underline;}     	
#stmnts a:visited {color: #386890; text-decoration: underline;}
#stmnts a:hover {color: DarkRed; text-decoration: none;}
#stmnts a:active {color: DarkRed; text-decoration: none;}
	
.serTitle {font-weight: bold;}

#avatar {clear: left;}
#inStory {clear: right;}

p#lithoPar {padding-top: 1.8em;}
p#avatarPar {padding-top: .9em;}
p#insidePar {padding-top: 2em;}
p#applePar {clear: left;
	padding-top: 1em;}

.stInfo {
	margin-top: -3.5em;
	margin-bottom: -.8em;
	padding-left: 11em;
	font-size: .8em;
	color: #444;
	}

#story {padding-top: 1em}

.next3 {float: right;
	margin-top: 52em;
	margin-right: 4em;
	font-size: .8em;
	}	


/* * * * * contact page * * * * */
label {margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
	
form ul li {clear: both;
	list-style-type: none;
	padding: .7em 0;
	}

form {width: 38em;		
	border: solid 1px #666;
	border-radius: 7px;
	background-color: #eee;
	box-shadow: .1em .1em .3em #999;
	padding: 1em 1.5em 1.5em;
	overflow: hidden;
	margin-top: 1em;
	margin-left: 1.3em;
	}

label {display: block;
	float: left;
	width: 8em;
	text-align: right;
	margin-right: .6em;
	font-size: .95em;
	}
	
input.textinput {width: 25.5em;
	}

textarea {/*display: block;*/
	overflow: auto;
	resize: none;
	}

input[type="submit"] {display: block;
	float: left;
	margin: 0 0 0 10em;
	}

.error {letter-spacing: .02em;
    color: #C61236;
    margin-left: 10em;
    display: none;
}


/* * * site map * * */
.site {list-style-type: square; 
	line-height: 1.5em;
	font-size: .9em;
	color: #426F70;}

.site a:link {color:#304F50; text-decoration:none;}
.site a:visited {color:#304F50; text-decoration:none;}
.site a:hover {color: DarkRed; text-decoration: underline;}
.site a:active {color: DarkRed; text-decoration: underline;}


/* * * footer * * */
footer {clear: both;
	padding-top: 8em;
	padding-bottom: 2em;
	line-height: 1.6em;
	font-size: .8em;
	text-align: center;
	color: #696969;
}

.footNm {letter-spacing: .03em;}

.smprint {text-align: center;
	font-size: .8em;
	}