/*----  Basics  -------------------*/

html {
	margin: 0px;
	padding: 0px;
}

body {
  	font-family: Gill Sans, Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
}

td {
	font-family: Gill Sans, Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 0.7em;
}

th {
	font-family: Gill Sans, Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 0.7em;
}


/*----  Shared elements, e.g. at top of page  -------------------*/

.top-bar {
	background-image: url(images/top-sliver.gif);
	background-repeat: repeat-x;
	position: absolute;
	height: 139px;
	width: 1000px;
	left: 0px;
	top: 30px;
}
.top-bar-stretchy {
	background-image: url(images/top-sliver.gif);
	background-repeat: repeat-x;
	position: absolute;
	height: 139px;
	width: 100%;
	left: 0px;
	right: 0px;
	top: 30px;
}
.top-picture {
	background-image: url(images/water.jpg);
	position: absolute;
	height: 139px;
	width: 701px;
	left: 0px;
	top: 30px;
}
.page-background {
	background-color: #EBE6CF;
	position: absolute;
	height: 475px;
	width: 1000px;
	left: 0px;
	top: 150px;
}
.page-background-stretchy {
	background-color: #EBE6CF;
	position: absolute;
	height: 475px;
	width: 100%;
	left: 0px;
	right: 0px;
	top: 150px;
}
.page-title {
	position: absolute;
	left: 65px;
	top: 210px;
	height: 30px;
	width: 200px;
	font-size: 1.6em;
	font-weight: bold;
  	font-family: Gill Sans, Verdana, Geneva, Arial, helvetica, sans-serif; 
}
.page-content {
	position: absolute;
	height: 650;
	width: 540;
	left: 65px;
	top: 260px;
}
.top-epigram {
	background-image: url(images/boundaries.gif);
	position: absolute;
	height: 22px;
	width: 200px;
	left: 701px;
	top: 147px;
}
.inner-section-links {
	position: absolute;
	height: 320px;
	width: 230px;
	left: 700px;
	top: 260px;
}
.bottom-picture {
	background-image: url(images/fern.jpg);
	position: absolute;
	height: 42px;
	width: 855px;
	left: 145px;
	top: 615px;
}
.bottom-bar {
	background-image: url(images/bottom-sliver.gif);
	background-repeat: repeat-x;
	position: absolute;
	height: 42px;
	width: 100%;
	left: 0px;
	right: 0px;
	top: 615px;
}
#section-descrip {
	color: #000000;
	font-family: "Gill Sans", Verdana, Geneva, Arial, helvetica, sans-serif;
}

td.content-td {
	padding-top: 3px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-top-color: #7A8771;
	border-top-style: solid;
}


#content-header {
	color: #000000;
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 1.1em;
	font-family: Gill Sans, Verdana, Geneva, Arial, helvetica, sans-serif;
}
#content-text {
	color: #000000;
	font-family: "Gill Sans", Verdana, Geneva, Arial, helvetica, sans-serif;
}


/*----  Homepage only  -------------------*/

.name-etc {
	background-image: url(images/name.gif);
	position: absolute;
	left: 65px;
	top: 210px;
	height: 170px;
	width: 247px;
}
.recent-news {
	position: absolute;
	height: 320px;
	width: 300px;
	left: 340px;
	top: 260px;
}



  /*----  Portfolio page only  -------------------*/


.portfolio-text {
	width: 250;
	padding-top: 5px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 0px;
	
}
.portfolio-page-background {
	background-color: #EBE6CF;
	position: absolute;
	height: 1000px;   /*-- this is what changes page-to-page --*/
	width: 1000px;
	left: 0px;
	top: 150px;
}
.portfolio-page-background-stretchy {
	background-color: #EBE6CF;
	position: absolute;
	height: 1000px;  /*-- this is what changes page-to-page --*/
	width: 100%;
	left: 0px;
	right: 0px;
	top: 150px;
}

.portfolio-bottom-picture {
	background-image: url(images/fern.jpg);
	position: absolute;
	height: 42px;
	width: 855px;
	left: 145px;
	top: 1100px;   /*-- this is what changes page-to-page --*/
}
.portfolio-bottom-bar {
	background-image: url(images/bottom-sliver.gif);
	background-repeat: repeat-x;
	position: absolute;
	height: 42px;
	width: 100%;
	left: 0px;
	right: 0px;
	top: 1100px;  /*-- this is what changes page-to-page --*/
}



/*----  Writing page only  -------------------*/

.writing-page-background {
	background-color: #EBE6CF;
	position: absolute;
	height: 800px;   /*-- this is what changes page-to-page --*/
	width: 1000px;
	left: 0px;
	top: 150px;
}
.writing-page-background-stretchy {
	background-color: #EBE6CF;
	position: absolute;
	height: 800px;  /*-- this is what changes page-to-page --*/
	width: 100%;
	left: 0px;
	right: 0px;
	top: 150px;
}

.writing-bottom-picture {
	background-image: url(images/fern.jpg);
	position: absolute;
	height: 42px;
	width: 855px;
	left: 145px;
	top: 900px;   /*-- this is what changes page-to-page --*/
}
.writing-bottom-bar {
	background-image: url(images/bottom-sliver.gif);
	background-repeat: repeat-x;
	position: absolute;
	height: 42px;
	width: 100%;
	left: 0px;
	right: 0px;
	top: 900px;  /*-- this is what changes page-to-page --*/
}




/*----  Links  -------------------*/

a.section-link:link {
	font-size: 1.1em;
	font-weight: bold;
	color: #445537;
	text-decoration: none;
}
a.section-link:visited {
	font-size: 1.1em;
	font-weight: bold;
	color: #7A8771;
	text-decoration: none;
}
a.section-link:active, a.section-link:hover {
	font-size: 1.1em;
	font-weight: bold;
	color: #91A483;
	text-decoration: underline;
}

a.body-link:link {
	color: #445537;
	text-decoration: none;
	font-weight: bold;
}
a.body-link:visited {
	color: #7A8771;
	text-decoration: none;
	font-weight: bold;
}
a.body-link:active, a.body-link:hover {
	color: #91A483;
	text-decoration: underline;
	font-weight: bold;
}


/*----  Photo slideshows  -------------------*/

.slideshow-styles {
	color: #FFFFFF;
	background-color: #221311;
}
#slideshow-prev {
	position: absolute;
	left: 20px;
	top: 20px;
}
#slideshow-next {
	position: absolute;
	left: 120px;
	top: 20px;
}
#slideshow-header {
	position: absolute;
	left: 500px;
	top: 20px;
}
#slideshow-photo {
	position: absolute;
	height: 700px;
	width: 600px;
	left: 120px;
	top: 80px;
}
a.slideshow-link:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.slideshow-link:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.slideshow-link:active, a.slideshow-link:hover {
	color: #FFFFFF;
	text-decoration: underline;
}