body {
	background: #3f585f;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-style: normal;
	font-size: 12px;
	text-decoration: underline;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 0px;
	padding-bottom: 15px;
}
#logo {
	font: 1.5em Geneva, Arial, Helvetica, sans-serif;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	top: 250px;
	text-align: center;
	position: relative;
}
#wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 10px;
	border: 1px solid #CCCCCC;
	height: 600px;
}

.homegreen {
	color: #3f585f;}

/*---homepage navigation---*/

#nav {
	position: absolute;
	top: 520px;
	width: 602px;
	height: 80px;
	text-align: center;
	vertical-align: bottom;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	left: 165px;
}
#nav a {
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	padding: 60px 35px 0px 25px;
}
#nav img {
	border: thin solid #3F585F;
}
#nav table {
	text-align: center;
}
#nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#nav li {
	display: inline;
}
#nav #bioLink a:link {
	text-decoration: none;
	background: url(images/NAV/biosmall.jpg) no-repeat center top;
	width: 40px;
}
#nav #bioLink a:visited {
text-decoration: none;
	background: url(images/NAV/biosmall.jpg) no-repeat center top;
}

#nav #bioLink a:hover {
	background: url(images/NAV/biosmall.jpg) no-repeat center 0px;
}
#nav #historicalLink a:link {
	text-decoration: none;
	background: url(images/NAV/historicalsmall.jpg) no-repeat center top;
}
#nav #historicalLink a:visited {
	text-decoration: none;
	background: url(images/NAV/historicalsmall.jpg) no-repeat center top;
}

#nav #historicalLink a:hover {
	background: url(images/NAV/historicalsmall.jpg) no-repeat center 0px;
}
#nav #docLInk a:link {
	text-decoration: none;
	background: url(images/NAV/documentarysmall.jpg) no-repeat center top;
}
#nav #docLInk a:visited {
	text-decoration: none;
	background: url(images/NAV/documentarysmall.jpg) no-repeat center top;
}
#nav #docLInk a:hover {
	background: url(images/NAV/documentarysmall.jpg) no-repeat center 0px;
}
#nav #editingLInk a:link {
	text-decoration: none;
	background: url(images/NAV/kidssmall.jpg) no-repeat center top;
	text-align:center;
}

#nav #editingLInk a:visited {
	text-decoration: none;
	background: url(images/NAV/kidssmall.jpg) no-repeat center top;
}


#nav #contactLink a:link {
	text-decoration: none;
	background: url(images/NAV/contactsmall.jpg) no-repeat center top;
}
#nav #contactLink a:visited {
	text-decoration: none;
	background: url(images/NAV/contactsmall.jpg) no-repeat center top;
}
#nav #contactLink a:hover {
	background: url(images/NAV/contactsmall.jpg) no-repeat center 0px;
}

#commercialLink a:link {
	text-decoration:none;
	background: url(images/NAV/commercialsmall.jpg) no-repeat center top;
}
#commercialLink a:visited {
	background: url(images/NAV/commercialsmall.jpg) no-repeat center top;
}
#nav #commercialLink a:hover {
	background: url(images/NAV/commercialsmall.jpg) no-repeat center 0px;
}


/*---inside navigation---*/

#historicalnav {
	text-align: center;
	vertical-align: bottom;
	padding: 0px;
	width: 573px;
	position: absolute;
	left: 155px;
	top: 605px;
}

#insidenav {
	text-align: center;
	vertical-align: bottom;
	padding: 0px;
	width: 566px;
	position: absolute;
	left: 145px;
	top: 580px;
}
#insidenav ul, #historicalnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#insidenav li, #historicalnav li {
	display: inline;
	padding: 0px 30px;
	display: block;
	float: left;
}

#insidenav a:link, #historicalnav a:link {
	color: #FFFFFF;
	text-decoration: none;		
}
#insidenav a:visited, #historicalnav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#insidenav a:hover, #historicalnav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/*---contact page---*/
#wrapper #contact, #historicalwrap #contact {
	position: absolute;
	top: 29px;
	width: 650px;
	text-align: left;
	padding-left: 1px;
	margin-right: auto;
	margin-left: auto;
	left: 103px;
}

#wrapper #contact ul {
	list-style: none;
	margin: 20px 0px 0px;
	padding: 0px;
}

#historicalwrap #contact img {
	border: thin solid #CCCCCC;
}
#wrapper #contact img {
	margin-left: 3px;
}
#wrapper #contact table {
	margin: 0px;
	padding: 0px;
}
#wrapper #contact p {
	margin: 0px;
	padding: 0px;
}
#wrapper #contact a {
	color: #CCCCCC;
}

/*---documentary page---*/

#documentary {
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	left: 50px;
	top: 30px;
}
#wrapper #documentary p {
	margin: 0px;
	padding: 0px;
}

#wrapper #documentary #docheader h1 {
	margin-left: 40px;
}
#wrapper #documentary a {
	color: #FFFFFF;
}
#wrapper #documentary a:link {
	color: #000000;
}
#wrapper #documentary a:visited {
	color: #CCCCCC;
}
#wrapper #documentary a:hover {
	color: #92D7A0;
}
#docheader {
	width: 750px;
}

/*--historical page--*/

#historicalwrap {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 10px;
	border: 1px solid #CCCCCC;
	height: 625px;
}

#historicalwrap img {
	border: 1px solid #CCCCCC;}

/*---bio page---*/
#wrapper #bio {
	position: absolute;
	width: 650px;
	left: 90px;
	top: 30px;
}
#wrapper #bio img {
	margin-left: 50px;
	margin-bottom: 20px;
	border: thin solid #CCCCCC;
}

/*---commercials page---*/

.commercial {
}


#wrapper #commercials {
	position: absolute;
	width: 700px;
	left: 90px;
	top: 30px;
}
#playreel {
	position: absolute;
	width: 150px;
	left: 100px;
	top: 130px;
	text-align: center;
	font-size: 12px;
}

.doc {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
#wrapper #contact #playreel img {
	border: thin solid #3F585F;
}
.green {
	color: #000000;
}
.grey {
	color: #CCCCCC;
}
#bio a:link {
	color: #B7BBBC;
}
#bio a:visited {
	color: #FFFFFF;
}
#bio a:hover {
	color: #000000;
}