@charset "UTF-8";

/* CSS Document */

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #38332D;
}

#top {
	position: relative;
	margin: 0 auto;
	width: 810px;
	height: 65px;
	padding: 28px 47px 0;
	background: url(../images/bg_top.jpg) top center no-repeat;
}

#topsplash {
	position: relative;
	margin: 0 auto;
	width: 810px;
	height: 65px;
	padding: 33px 47px 0;
	background: url(../images/bg_splash_top.jpg) top center no-repeat;
}

#middle {
	position: relative;
	margin: 0 auto;
	width: 848px;
	height: auto !important;
	min-height: 300px;
	padding: 1px 29px;
	background: url(../images/bg_content.jpg) center repeat-y;
}

#bottom {
	position: relative;
	margin: 0 auto;
	width: 810px;
	height: 55px;
	padding: 0 47px;
	background: url(../images/bg_bottom.jpg) bottom center no-repeat;
}

#bottomsplash {
	position: relative;
	margin: 0 auto;
	width: 810px;
	height: 87px;
	padding: 0 47px;
	background: url(../images/bg_bottom.jpg) bottom center no-repeat;
}

.hr {
	position: relative;
	margin: 0 auto;
	padding: 0;
	background: url(../images/line_dec.png) center no-repeat;
	width: 810px;
	height: 6px;
	clear: both;
}

.logo {
	position: relative;
	float: left;
	width: 158px;
	height: 55px;
}

#content {
	position: relative;
	margin: 0 auto;
	padding: 18px 0;
	width: 808px;
	height: auto !important;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#content p, #contentmain p {
	line-height: 1.85em;
	margin-top: 0;
}

#contentmain {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 848px;
	height: auto !important;
	min-height: 544px;
	font-family: Georgia, "Times New Roman", Times, serif;
	z-index: 20;
}

.dropcap {
	float: left;
	font-size: 4.2em;
	padding: 0.25em 3px 6px 0;
}

.join {
	float: left;
	width: 66px;
	height: 90px;
	padding: 40px 19px 19px;
}

.homecontent {
	float: left;
	margin: 0 2px;
	padding: 0 17px;
	width: 446px;
	height: 160px;
	border-right: 1px #C1C1B6 solid;
	border-left: 2px #C1C1B6 solid;
	background: url(../images/bg_text.jpg) 2px repeat-y;
}

.homecontent img {
	padding-top: 6px;
}

#homenews {
	float: left;
	margin: 0;
	padding: 7px 13px 0;
	width: 172px;
}

#homenews h1 {
	font-family: Gotham, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 12px;
	color: #990000;
	margin: 0 0 3px;
	line-height: 1.5em;
}

#homenews p {
	font-family: Verdana;
	font-size: 9px;
	line-height: 1.5em;
	margin-top: 0;
}

#homenews p .verdana {
	font-family: Verdana;
	font-size: 9px;
	line-height: 1.5em;
	margin-top: 0;
}

#homenews a {
	color: #646464;
	text-decoration: none;
}

#homenews a:hover {
	color: #333333;
}

#homenews hr {
	border-top: 1px #C1C1B6 solid;
	border-right: 0 #C1C1B6 solid;
	border-bottom: 0 #C1C1B6 solid;
	border-left: 0 #C1C1B6 solid;
	clear: both;
	margin: 3px auto 11px;
	padding: 0;
	background: none;
	width: 100%;
	height: 1px;
}

.homeflash {
	position: relative;
	margin: 0 auto;
	width: 808px;
	height: 348px;
	z-index: 20;
}

#linksfamily {
	float: left;
	width: 370px;
	height: auto !important;
	font-family: Gotham, Arial, Helvetica, sans-serif;
	padding: 7px 0 0 20px;
}

#linksfamily a {
	color: #8b8b8b;
	text-decoration: none;
	font-size: 10px;
	font-variant: small-caps;
}

#linksfamily a:hover {
	color: #5b5b5b;
}

#linksfamily img {
	border: none;
}

#subnav {
	float: right;
	width: 370px;
	height: auto !important;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 7px 20px 0 0;
	text-align: right;
	color: #646464;
	font-size: 9px;
}

#subnav a {
	color: #8b8b8b;
	text-decoration: none;
	font-size: 10px;
}

#subnav a:hover {
	color: #5b5b5b;
}

.clear {
	clear: both;
}

.left {
	float: left;
	width: 144px;
	height: auto !important;
	padding: 18px 0 30px 0;
	text-align: center;
	color: #646464;
}

.left p {
	font-size: 9px;
}

.left img {
	border: none;
}

.leftphotopinot {
	margin-top: 65px;
}

.leftphotopurchase {
	margin-top: 100px;
}

.leftphotomedia {
	margin-top: 26px;
}

.leftphotofamily {
	margin-top: 72px;
}

.leftphotorrv {
	margin-top: 1px;
}

.leftphotopatron {
	margin-top: 54px;
}

.leftjoin {
	margin-top: 23px;
}

.maincontent {
	float: left;
	margin: 0 2px 10px;
	padding: 0 0 0 10px;
	width: 670px;
	height: auto !important;
	min-height: 534px;
	border-left: 2px #C1C1B6 solid;
	background: url(../images/bg_text.jpg) 2px repeat-y;
}

.contentphotos, .contentlogo {
	float: left;
	width: 670px;
	height: auto !important;
	margin: 10px 0 20px 10px;
}

.contentparagraph, .sitemap {
	float: left;
	width: 412px;
	height: auto !important;
	margin: 10px 0 20px 10px;
}

.contentparagraph h1, .contentphotos h1, .contentlogo h1, .sitemap h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11.5px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0 5px;
	color: #646464;
	letter-spacing: 0.08em;
}

.contentparagraph h2, .contentphotos h2, .contentlogo h2, .sitemap h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11.5px;
	margin: 0;
}

.contentparagraph p, .contentphotos p, .contentlogo p {
	margin-bottom: 0;
	font-size: 11px;
	color: #646464;
}

.sitemap p {
	margin-bottom: -5px;
	padding-top: 15px;
	font-size: 11px;
	color: #646464;
}

.contentparagraph p + p {
	text-indent: 3.5em;
	margin-top: 0;
}

.technotes {
	position: relative;
	float: left;
	width: 205px;
}

.contentparagraph ul, .sitemap ul {
	margin-left: 0;
	padding-left: 15px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.contentparagraph a, .contentphotos a, .contentlogo a, .sitemap a {
	color: #646464;
	text-decoration: none;
}

.contentparagraph a:hover, .contentphotos a:hover, .contentlogo a:hover, .sitemap a:hover {
	color: #646464;
	text-decoration: underline;
}

.contentparagraph li {
	font-size: 11px;
	color: #646464;
	line-height: 1.85em;
}

.sitemap li {
	margin-left: 3em;
	font-size: 11px;
	color: #646464;
	line-height: 1.2em;
}

.contentparagraph li a {
	font-size: 11px;
	color: #8c6239;
	line-height: 1.85em;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}

.contentparagraph li a:hover {
	font-size: 11px;
	color: #563d23;
	line-height: 1.85em;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}

.sitemap li a {
	font-size: 11px;
	color: #646464;
	line-height: 1.2em;
	font-style: none;
	font-weight: normal;
	text-decoration: none;
}

.sitemap li a:hover {
	font-size: 11px;
	color: #646464;
	line-height: 1.2em;
	font-style: none;
	font-weight: notmal;
	text-decoration: underline;
}

.contentparagraph a.joinlink {
	font-size: 11px;
	color: #8c6239;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}

.contentparagraph a:hover.joinlink {
	font-size: 11px;
	color: #563d23;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}

.contentparagraphline {
	position: relative;
	float: left;
	width: 312px;
	border-left: 100px solid #C1C1B6;
	height: 1px;
	margin: 15px 0;
	line-height: 1px;
	overflow: none;
}

.contentphotosline, .contentlogoline {
	position: relative;
	float: left;
	width: 643px;
	height: 1px;
	margin: 15px 0;
	background: #C1C1B6;
	line-height: 1px;
	overflow: none;
}

.contentphotos ul, .contentlogo ul {
	margin: 0;
	padding: 0;
}

.contentphotos li {
	float: left;
	margin: 0;
	padding-right: 20px;
	list-style: none;
	width: 145px;
	height: 120px;
	font-size: 10px;
	color: #646464;
	line-height: 1.85em;
}

.contentlogo li {
	float: left;
	margin: 0;
	padding-right: 20px;
	list-style: none;
	width: 250px;
	height: 200px;
	font-size: 10px;
	color: #646464;
	line-height: 1.85em;
}

.contentphotos li a, .contentlogo li a {
	font-size: 11px;
}

.pdflink {
	padding: 5px 0 5px 25px;
	color: #646464;
	text-decoration: none;
	font-style: italic;
	font-size: 10px;
	background: url(../images/pdf.gif) left center no-repeat;
}

.date {
	font-size: 9px;
	line-height: 1.2em;
}

.bottomtextlink {
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	margin-top: 10px;
}

.bottomtextlink a {
	font-size: 10px;
	color: #8c6239;
	text-decoration: none;
}

.bottomtextlink a:hover {
	color: #563d23;
}

.rightlabel {
	position: relative;
	float: right;
	margin: 25px 0 0 0;
	width: 234px;
	height: auto !important;
}

.righthistory {
	position: relative;
	float: right;
	margin: 25px 0 0 0;
	width: 200px;
	height: auto !important;
	color: #a27142;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9.5px;
	font-weight: bold;
}

.righthistory a {
	color: #a27142;
	font-weight: normal;
	text-decoration: none;
}

.righthistory a:hover {
	color: #c0864e;
}

.right {
	position: relative;
	float: right;
	margin: 25px 0 0 0;
	width: 200px;
	height: auto !important;
	color: #a27142;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9.5px;
	font-weight: bold;
}

#rightlinks {
	padding-top: 15px;
}

.right a {
	color: #a27142;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9.5px;
}

.right a:hover {
	color: #c0864e;
}

#gratonlink .graton, #amberlink .amber, #manzanalink .manzana, #nickellink .nickel, #founderslink .founders, #pkintrolink .pkintro, #pkpassionlink .pkpassion, #pkprofileslink .pkprofiles, #pkfactlink .pkfact, #pknoteslink .pknotes, #pkhampsonlink .pkhampson, #pkmaguirelink .pkmaguire, #pkdeloslink .pkdelos {
	color: #57031d;
	font-weight: bold;
	font-size: 9.5px;
}

#seal {
	position: absolute;
	top: 22px;
	left: 50%;
	background: url(../images/bg_seal.png) no-repeat;
	margin-left: 359px;
	width: 81px;
	height: 83px;
	z-index: 0;
}

.backtotop {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	padding-top: 15px;
}

/* ============== MENU =============== */

#menu {
	position: absolute;
	top: 63px;
	left: 50%;
	margin-left: -230px;
	width: 635px;
	z-index: 100;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}