body{
font:12px/20px Georgia,"Times New Roman",Times,serif;
color:#666;
background:#00496C;
margin:0;
padding:0
}
h1,h2,h3{
margin:0;
padding:0
}
a{
color:#191970
}
a:hover{
color:#B22222
}
a:visited{
color:#696969
}
a acronym{
border:none
}
acronym{
cursor:help
}
/* main */

#container{
background:url("cover_bot.png") no-repeat left bottom;
left:50%;
position:absolute;
width:770px;
margin:10px 0 20px -385px;
padding-bottom:120px
}

#footer {
	width:100%;
	clear:both;
	height:25px;
/*	border-top:1px solid #000;*/
/*	border-bottom:1px solid #000;*/
/*	background-color: #FF8080;*/
	color: #fff;
	text-align:center;
	position:absolute;
	bottom: -15px;
	/*margin:100px 0 0 0;
	padding-top:250;*/
}

#footer a{
color:#fff
}

/* intro */
#intro{
padding:0 30px;
background:url("cover.png") repeat-y;
padding-bottom:1px
}
#pageHeader{
margin:0 -30px;
background:url("cover_top.png") no-repeat
}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1{
background:url("logo-sm.gif") no-repeat;
height:71px;
width:268px;
position:relative;
top:50px;
left:71px
}
#pageHeader h1 span{
display:none
}
#pageHeader h2{
background:url("artandlife.gif") no-repeat;
height:46px;
width:200px;
position:relative;
top:55px;
left:70px
}
#pageHeader h2 span{
display:none
}
#quickSummary{
position:absolute;
width: 710px;
top:41px;
padding:0 0 0 0px
}
#quickSummary .p1{
margin:10px 81px 0 0;
font-size:120%
}
#quickSummary .p2{
margin:0;
background:url("bookmark.jpg") no-repeat;
position:absolute;
top:-25px;
left:620px;
width:81px;
height:131px
}
#quickSummary .p2 span{
display:block;
padding:20px 10px;
color:#fff;
font:11px/18px "Trebuchet MS",Arial,Helvetica,sans-serif
}
#quickSummary .p2 a{
color:#fff
}
#quickSummary .p2 a:hover{
text-decoration:none;
color:#ccc
}

#artmain{
padding-top:120px;
/*background:url("port1.jpg") 70px 170px no-repeat; */
height:1%;
/*border: thin solid #000000;*/
}
#artmain h3{
background:url("fgart.gif") no-repeat;
position:relative;
left:90px;
height:44px;
width:212px
}
#artmain h3 span{
display:none
}
#artmain p{
text-align:left;
margin-top:-40px;
font-style:normal;

}

#artmain ul{
text-align:left;
float:left;
margin-top:-40;
font-style:normal;
padding:0 10px 35px 20px
}




div.thumbcontainer {
  width:300px;
  padding:15px 10px 0px 10px
  }

#leftthumbnails{
	width: 360px;
	padding: 10px;
	margin-top: 1px;
	float: left;

}

#righttext{
	margin-left: 380px;
	margin-top: 1px;
	padding: 10px;
}

div.float {
float: left;
margin: 0 5px 5px 0;
  }
  
div.detail {
width:330px;
text-align: center;
  }

div.resumepic1 {
width:330px;
text-align: center;
  }
  
div.resumepic2 {
width:330px;
text-align: center;
margin: 200px 0 0 0;
  }
  
div.resumepic3 {
width:330px;
text-align: center;
margin: 450px 0 0 0;
  }    
  
div.spacer {
  clear: both;
  }  


#resumemain{
padding-top:120px;
height:1%;
}
#resumemain h3{
background:url("fgresume.gif") no-repeat;
position:relative;
left:90px;
height:44px;
width:212px
}
#resumemain h3 span{
display:none
}
#resumemain p{
text-align:left;
margin-top:-40px;
font-style:normal;

}

#bibliography{
height:1%;
background:url("book-sartre.jpg") 460px 50% no-repeat
}
#bibliography p{
text-align:left;
margin-top:0px;
font-style:normal;
padding:0 380px 0px 10px
}  


#contactmain{
padding-top:120px;
height:1%;
}
#contactmain h3{
background:url("fgcontactus.gif") no-repeat;
position:relative;
left:90px;
height:44px;
width:212px
}
#contactmain h3 span{
display:none
}
#contactmain p{
text-align:left;
margin-top:-40px;
font-style:normal;

}

#storypart1{
padding-top:120px;
background:url("port1.jpg") 70px 170px no-repeat;
height:1%
}
#storypart1 h3{
background:url("fgstory2.gif") no-repeat;
position:relative;
left:90px;
height:44px;
width:212px
}
#storypart1 h3 span{
display:none
}
#storypart1 p{
text-align:left;
margin-top:-40px;
font-style:normal;
padding:0 10px 35px 380px
}
/* main content */
#supportingText{
background:url("cover.png") repeat-y;
padding:0 30px
}
#storypart2{
height:1%;
background:url("port14.jpg") 430px 50% no-repeat
}
#storypart2 p{
text-align:left;
margin-top:0px;
font-style:normal;
padding:0 380px 0px 10px
}
#storypart3{
height:1%;
background:url("port13.jpg") 45px 50% no-repeat
}
#storypart3 p{
text-align:left;
margin-top:0px;
font-style:normal;
padding:0 10px 0px 380px
}
#storypart4{
background:url("port4.jpg") 430px 50% no-repeat
}
#storypart4 p{
text-align:left;
margin-top:0px;
font-style:normal;
padding:0 380px 0px 10px
}
#storypart5{
background:url("port5.jpg") 60px 50% no-repeat
}
#storypart5 p{
text-align:left;
margin-top:0px;
font-style:normal;
padding:0 10px 0px 380px
}
#storypart6{
background:url("port6.jpg") 430px 50% no-repeat
}
#storypart6 p{
text-align:left;
margin-top:0px;
font-style:normal;
padding:0 380px 0px 10px
}
#storypart7{
background:url("port7.jpg") 70px 50% no-repeat
}
#storypart7 p{
text-align:left;
margin-top:0px;
font-style:normal;
padding:0 10px 0px 380px
}
#storypart8{
background:url("port8.jpg") 430px 50% no-repeat
}
#storypart8 p{
text-align:left;
margin-top:0px;
font-style:normal;
padding:0 380px 0px 10px
}
#storypart9{
background:url("port15.jpg") 70px 50% no-repeat
}
#storypart9 p{
text-align:left;
margin-top:0px;
font-style:normal;
padding:0 10px 0px 380px
}
#storypart10{
background:url("port10.jpg") 395px 50% no-repeat
}
#storypart10 p{
text-align:left;
margin-top:0px;
font-style:normal;
padding:0 380px 0px 10px
}

#storypart11{
background:url("port11.jpg") 70px 50% no-repeat
}

#storypart11 p{
text-align:left;
margin-top:0px;
font-style:normal;
padding:0 10px 0px 380px
}
#storypart12{
background:url("port12.jpg") 430px 50% no-repeat
}
#storypart12 p{
text-align:left;
margin-top:0px;
font-style:normal;
padding:0 380px 0px 10px
}


#navigation{
padding-left:380px;
text-align:center
}
#navigation a{
color:#666;
text-decoration:none;
border:1px solid #fffcf1;
padding:5px
}
#navigation a:hover{
border:1px solid #ccc
}
/* notes */
#linkList{
font-size:120%;
font-style:italic;
position:absolute;
width:300px;
bottom:70px;
left:80px
}
#linkList h3.select{
width:142px;
height:29px;
background:url("select.png") no-repeat;
position:relative;
left:8px;
top:8px
}
#linkList h3.select span{
display:none
}
#linkList h3.archives{
width:74px;
height:25px;
background:url("archives.png") no-repeat;
position:relative;
left:8px
}
#linkList h3.archives span{
display:none
}
#linkList ul{
margin:10px 5px 10px 40px;
padding:0 5px
}
#linkList ul li{
list-style-type:none;
list-style-image:none
}
#lselect ul li{
list-style:outside url("bull.png")
}
#linkList ul li a{
text-decoration:none
}
#lresources{
font:16px/22px "Trebuchet MS",Arial,Helvetica,sans-serif;
display:block;
background:url("notes.jpg") no-repeat;
padding:20px 15px;
width:252px
}
#lresources ul{
margin:30px	20px 50px 25px
}
#lresources h3.resources{
width:85px;
height:22px;
background:url("resources.png") no-repeat
}
#lresources h3.resources span{
display:none
}