@charset "UTF-8";
/* CSS Document */

/* Pacific Granite Theme: Purple & Gold */
:root {
    --pg-purple: #4b0082; /* Royal Purple */
    --pg-gold: #FFC107;   /* Gold/Amber */
}
.text-pg-purple { color: var(--pg-purple) !important; }
.bg-pg-purple { background-color: var(--pg-purple) !important; }
.btn-pg-purple { background-color: var(--pg-purple) !important; color: white !important; border: none; transition: all 0.3s; }
.btn-pg-purple:hover { background-color: #3a0066 !important; color: white !important; transform: translateY(-2px); }

.text-pg-gold { color: var(--pg-gold) !important; }
.bg-pg-gold { background-color: var(--pg-gold) !important; }
.btn-pg-gold { background-color: var(--pg-gold) !important; color: #212529 !important; border: none; font-weight: bold; transition: all 0.3s; }
.btn-pg-gold:hover { background-color: #e0a800 !important; color: #212529 !important; transform: translateY(-2px); }

/* dom */

html {
	scrollbar-face-color: #cccccc !important;
  	scrollbar-shadow-color: ThreeDDarkShadow !important;
  	scrollbar-highlight-color: ThreeDHighlight !important;
  	scrollbar-3dlight-color: #eeeeee !important;
  	scrollbar-darkshadow-color: #aaaaaa !important;
  	scrollbar-track-color: #999999 !important;
  	scrollbar-arrow-color: #666666 !important;
	height:100%
}


* {
	font-family:Arial, Helvetica, sans-serif;
	color: #00000;
}

p {
	font-size: 11px;
	margin: 0px 0px 10px 0px;
}

h1 {
	font-size: 16px;
	margin: 0px;
}

h2 {
	font-size: 14px;
	margin: 0px;
}

h3 {
	font-size: 12px;
	margin: 0px;
}
/* page layer constructs */

#d_body_underlay {
	position:relative;
	top:60px;
	z-index:1;
	width:874px;
	border:0px solid red;
	height:630;
	background-image:url(/_img/granite_bg_main.jpg);
	background-repeat:no-repeat;
	overflow:visible;
}
#d_body_main {
	position:relative;
	top:-28px;
	z-index:2;
	width:876px;
	border:0px solid blue;
}
#d_body_overlay {
	position:absolute;
	top:-15;
	left:25px;
	z-index:3;
	width:151px;
	height:300px;
	background-image:url(/_img/pacific_granite_logo.png);
	background-repeat:no-repeat;
	overflow-y:visible;
}

#d_body_ftr {
	float:left;
	clear:both;
	width:874px;
}
#d_body_ftr a { color:#000066; }

#d_subPage {
	width:874px;
	position:relative;
	top:-22px;
	z-index:3
}
#d_subPage p{
	font-size:11px;
}
/* classes */

.comment {
	font-style:italic;
	font-size:10px;
	color:#666666;
}

/* image gallery */

.galleryCont {
	width:780px;
	clear:both;
	border:0px solid #cccccc;
	margin: 0px 0px 0px 0px;
}

.d_galleryThumb {
	width:190px;
	height:210px;
	padding:0px;
	float:left;
	vertical-align:middle;
	background-color:#eeeeee;
	border:1px solid #cccccc;
	margin:1px;
}
.d_galleryThumbForm {
	width:191px;
	height:210px;
	padding:10px;
	float:left;
	vertical-align:middle;
	background-color:#dddddd;
	margin:1px;
}

.i_galleryThumb {
	margin:0px 0px 0px 0px;
}

.p_galleryHdr {
	font-size:10px;
}

/* page timer */

.pagetimer {
	clear:both;
	font-size:10px;
	margin:10px;
	color:#cccccc;
}

/* page specific */

/* home */
.h1_home {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.h2_home {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.h2_home a, .h1_home a { color:#000066; text-decoration:none; }
.ul_home {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0px 15px 0px;
	padding:0px 0px 0px 15px;
}
.li_home {
	margin:0px 0px 12px 0px;
	padding:0px;
}
.li_home a { color:#000066; text-decoration:none; }

.ul_homeAd {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding:12px 0px 8px 25px;
}
.li_homeAd {
	margin:0px 0px 4px 0px;
	padding:0px;
}
.li_homeAd a { color:#000066; text-decoration:none; }

/* faqs */
.p_faq {
	margin:0px 0px 10px 0px;
}

/* stories */

#d_introStory {
	font-size:13px;
	padding:10px 15px 0px 0px;
	line-height:16px;
	
}

#d_introStory table {
	border-collapse:collapse;
	border:4px solid #cccccc;
	background-color:#eeeeee;
	margin:5px 0px;
}


#d_introStory ol {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0px 15px 0px;
	padding:0px 0px 0px 15px;
}
#d_introStory ul {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0px 15px 0px;
	padding:0px 0px 0px 15px;
}
#d_introStory li {
	margin:0px 0px 4px 0px;
	padding:0px;
}
#d_introStory li a { color:#000066; text-decoration:none; }
#d_introStories {
	font-size:13px;
	margin:10px 0px 10px 0px;
}

#d_mainStory {
	padding:0px 30px 0px 0px;
	line-height:20px;
}

.s_editTxt{
	float:right; border:1px solid red; background-color:#ffffff; padding:5px; font-size:12px;
}

.h1_introStory {
}

.h1_mainStory {
	padding:10px 30px 10px 0px;
}