/* Arborsmith.com style.css */

* {margin: 0; padding: 0; border: 0;}
body {
   text-align: center;
   color: #000000;
   font-family: "Times New Roman", Verdana, Arial, Helvetica, sans-serif;
   font-size: 5px;
   line-height: 1.25;
   background: url(images/night_sky2.jpg);
}
.clear_floats {clear: both;}
.image_float { float: left; margin: 0 5px 5px 0; }

/*  ========================= header & contents container ========================= */
#container {margin: 5px 0px 0 145px; text-align: left;}
* html #container {/* adjustments for IE6 */  margin-top: 2px; }

/* =========================== contents ===================================== */
#contents_container {margin: 0 auto;}
#contents {
   width: 93%;
   margin: 5px 10px 0 20px;
   padding-bottom: 20px;
   background: #FFFFFF;
   font-weight: normal;
   font-size: 15px;
}
#contents h2 {
   font-family: Georgia, "Times New Roman", serif;
   margin-bottom: 0px;
   padding: 5px 15px 5px 15px;
   color: #f9fbf9;
   font-weight: bold;
   font-size: 21px;
   text-align: center;
   background: #100e13 url(images/hed_grad.jpg) no-repeat;
}
#contents h3 {
   font-weight: bold;
   font-size: 16px;
   padding: 0 35px 0 40px;
   margin: 12px 0;
   text-indent: 20px;
   text-align: left;
}
#contents p {
   padding: 0 35px 0 40px;
   margin: 12px 0;
   text-indent: 20px;
   text-align: left;
}
#contents p.centered {text-align: center;}
.centered {text-align: center;}
.float_left {float: left;}
.divider {
   text-align: center;
   clear: both;
}

/* ========================== header ======================== */
#hdr_container {padding: 10px 0;}
* #hdr_container {/* adjustments for IE6 */padding-top: 5px;}
#header {width: 774px; margin: 0 auto; padding-bottom: 4px;}
#header h3 {
   font-family: Georgia, "Times New Roman", serif;
   font-size: 20px;
   text-align: center;
   margin: -6px 0 0 0;
   padding: 5px 0 0 0;
   color: #FFFFCC;
   font-weight: bold;
}
* html #header h3 {/* adjustments for IE6 */padding-top: 10px;}
#hdr_images {float: left; width: 609px; height: 166px;}
#hdr_buyBook {
   float: right;
   width: 165px;
   height: 166px;
   background: #009900;
   padding-top: 0px;
   font-family: Georgia, "Times New Roman", serif;
}
#hdr_buyBook p {
   font-size: 13px;
   margin: 2px 0;
   line-height: 1.2;
   text-align: center;
   padding: 0;
   font-weight: normal;
   color: #000000;
}
#hdr_buyBook_left {
   float: left;
   text-align: center;
   width: 85px;
   font-weight: normal;
   padding-top: 9px;
   color: #000000;
}
#hdr_buyBook_left p {font-size: 12px; font-weight: bold;}
#paypal_intl_container {margin-top: 23px;}
* html #paypal_intl_container {/* adjustments for IE6 */margin-top: 26px;}
#hdr_buyBook_right {float: right; text-align: left; width: 80px;}
#paypal_usButton {padding: 12px 0;}
#paypal_intlButton {
   padding: 10px 0 0 0;
}
#timeline {
   clear: both;
   background: #0033CC url(images/timeline_grad.jpg) no-repeat bottom left;
   width: 774px;
   height: 23px;
   font-family: Georgia, "Times New Roman", serif;
   text-align: left;
}
* html #timeline {/*  adjustment for IE6 */margin-top: -4px;}
#timeline li {
   float: left;
   text-align: center;
   list-style-type: none;
   font-size: 18px;
   font-weight: bolder;
   color: #339900;
}
#timeline_img1 {width: 97px;}
#timeline_img2 {width: 116px;}
#timeline_img3 {width: 103px;}
#timeline_img4 {width: 171px;}
#timeline_img5 {width: 122px;}
#hdr4 {text-align: center; margin: 0; padding: 8px 0 0 0; width: 100%;}
#hdr4 .h4_span {
   position: relative;
   top: -15px;
   color: #FFFFFF;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 28px;
   font-weight: bolder;
   padding: 0 0px;
   width: 100%;
}
#header #hdr4 {margin-top: 20px; margin-bottom: -15px;}
.hdr_lg_font {
   font-size: 17px;
}

/* ================================= sidebar =============================== */
#sidebar {
   position: absolute;
   left: 5px;
   top: 0px;
   width: 130px;
   padding-top: 0px;
   text-align: left;
}
#sidebar ul {
   list-style: none;
   margin: 4px 10px;
   padding: 10px;
   width: 117px;
   font-weight: bold;
   color: #339933;
}
#sidebar li {padding: 4px 2px 10px 2px; margin: 0; color: #333333;}
#sidebar .world_top { background: url(images/earth_button.jpg) no-repeat right top; }
#sidebar .upsidedown { background: url(images/earth_down.jpg) no-repeat right bottom; }
#sidebar li:hover{background: #003399 none;}
#sidebar li a {
   margin: -2px 0 2px 0;
   text-decoration: none;
   color: #FFFFCC;
   font-size: 15px;
   display: block;/* display:block and width:100% required in IE to
							make full width of sidebar clickable as a link */
   width: 100%;
}
#sidebar > ul a {/* ignored by IE - required to adjust FF for addition of display:block and width:100% for IE */
   width: auto;
}
#sidebar li:link a, #sidebar li:visited a, #sidebar a:link, #sidebar a:visited {
   color: #FFFFCC;
}
#sidebar li:hover a, #sidebar a:hover{color: #FFFFCC; background: #003399;}
#sidebar li:active a, #sidebar a:active{color: #FFFFCC;}
#sidebar div.menu_hdr {
   background: url(images/menu_hdr_grad_new.jpg) no-repeat center center;
   color: #e2efe3;
   width: 109px;
   font-weight: bold;
   margin: 0px 5px -4px 10px;
   padding: 6px 5px;
   font-family: Georgia, Times, serif;
   font-size: 12px;
   text-align: center;
}
#sidebar div.larger {font-size: 16px;}
* html #sidebar div.menu_hdr {margin-left: 10px;}
#sidebar_rollover_container {
   width: 110px;
   height: 364px;
   background: #fff;
   padding: 0;
   margin: 15px 0px 15px 11px;
   border-top: 3px solid #b2997f;
   border-right: 3px solid #482400;
   border-bottom: 3px solid #482400;
   border-left: 3px solid #b2997f;
}
#sidebar_rollover_container a {
   display: block;
   width: 106px;
   height: 360px;
   background: #000 url(images/tree_rollover.jpg) no-repeat;
   text-indent: -9999px;
   outline: none;
   margin: 2px 0px 0px 2px;
   cursor: default;
}
#sidebar_rollover_container a:link, #sidebar_rollover_container a:visited, #sidebar_rollover_container a:active {
   background: url(images/tree_rollover.jpg) no-repeat;
}
#sidebar_rollover_container a:hover {background-position: -106px 0;}
#sidebar img { margin: 5px; }

/* ================================ footer ============================ */
#footer {
   clear: both;
   width: 93%;
   color: #f9fbf9;
   background: #000 url(images/footer_grad.jpg) no-repeat bottom left;
   text-align: center;
   margin: -10px 0 0 20px;
   padding: 10px 1px;
   font-weight: bold;
   font-size: 15px;
}

/* ======================= home ============================== */
img, td, table { margin: 0; padding: 0; }
table.images { margin: 0 auto; }
table.images td img { float:left; }
table#treehouse td { padding-right: 10px; font-weight: bold; text-align: center; }
#contents h3.style3, #contents h4.style3 { margin: 20px 35px; }
table.images img.nofloat { float: none; }
#intro-video { width: 350px; margin: 50px 0px 30px 20px; }
#book {  width: 200px;  margin-top: 0px; }
#book p { margin: 10px; padding: 0; text-align: center; text-indent: 0; }
#book #paypal_usButton, #book #paypal_intlButton { padding-top: 0; }
#news { width:180px; background-color:#CCCCFF; text-align:center; margin:0 20px 15px 12px; padding:15px; }
#news h3 { text-align:center; margin:0; padding:0; text-indent:0px; }
#news h3 a { font-size:17px; font-weight:bold; margin:0; text-align:center; }
#news p { font-size:13px; font-weight:bold; margin:0; padding:20px 0 0; text-indent:0px; text-align:center; }
#photos1, #photos2 { float:left; width:475px; margin-left:20px; }
#photos2 { clear:left; }
.style3 { font-size: large; font-family: Arial, Helvetica, sans-serif; }
.style4 {font-family: "Times New Roman", Times, serif}
body,td,th { color: #000000; }
.style5 {font-size: 18px}

/* =======================  bio ======================= */
.pg-bio #richard_img { float:left; text-align:center; margin:25px 25px 15px 40px; }

/* ======================= krubsack ======================= */
.pg-krubsack .style3 {font-size: 16px}
.pg-krubsack #top_photo_column img { padding-bottom: 35px; }

/* ======================= okinawa =======================  */
.pg-okinawa .larger { font-size: 135%; }
.pg-okinawa #purchase {
   float:right;
	width: 200px;
	margin-right:100px;
	font-weight:bold;
	font-size:80%;
	margin-top:-18px;
	text-align:left;
}

/* =======================  reviews =======================  */
.pg-reviews #pay_by_check {
	float:left;
	text-align:center;
	width: 200px;
	font-size:80%;
	font-weight:bold;
	line-height: 1.3;
	margin-left:100px;
	margin-top:12px;
}
.pg-reviews #purchase {
	float:right;
	width: 200px;
	margin-right:100px;
	font-weight:bold;
	font-size:80%;
	margin-top:-18px;
	text-align:left;
}
.pg-reviews .larger { font-size: 135%; }

/* ======================  contact page ====================== */
.pg-contact #contents div.larger p { font-size: 18px; font-weight: bold; text-indent: 0; margin-left: 20px; }

/* =======================  store =======================   */
.pg-store #pay_by_check {
	text-align:center;
	width: 400px;
	font-weight:bold;
	font-size:80%;
	margin-left: 300px;
	line-height: 1.3;
}
.pg-store #buy_book { float:right; width:175px; margin:-20px 25px 0 0; }
.pg-store #buy_book h3 { font-size:20px; font-weight:bold; margin-top:0; }
.pg-store .buy_prod { float:right; width:250px; margin:-20px 25px 0 0; }
.pg-store .buy_left { float:left; width:140px; font-size:90%; }
.pg-store #contents .buy_left p { margin:0; padding:0; text-align:center; }
.pg-store .buy_right { float:right; width:80px; }
.pg-store #package { margin:0 200px; }
.pg-store #package h3 { font-size:18px; text-align:center; }
.pg-store #package p { font-weight:bold; text-align:center; }

/* ======================= tree circus ======================= */
.pg-treecircus #top_photo_column { float:left; text-align:center; width:320px; margin:0 25px 0 0; }
.pg-treecircus #contents img { margin:15px; }
.pg-treecircus .largest { font-size:250%; margin-bottom:8px; }
.pg-treecircus #buy_hdr { margin: 50px 20px 0 15px; }
.pg-treecircus #buy_hdr p { margin:0; padding:0; text-indent:0; text-align:center; }
.pg-treecircus .buy_prod { width:225px; }
.pg-treecircus .tooltip {  position: relative; text-decoration: none; color:#FF0080; font-size:10px; }
.pg-treecircus .tooltip span { display: none; }
.pg-treecircus .style3 { font-size: 16px }
.pg-treecircus .tooltip:hover span {
    position: absolute;
    top: 1px;
    left: -400px;
    width: 400px;
    display: block;
	 color:#000;
    background: #fef8d3;
    border: 1px solid black;
	 font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

/* =======================  j c campbell ======================= */
.pg-jc_campbell table { margin: 30px;  width: 100%; }
.pg-jc_campbell td { text-align: center; }
.pg-jc_campbell td img { margin: 0; vertical-align: middle; padding-top: 20px; }
.pg-jc_campbell #contents td p { font-weight: bold; text-align: center; margin-top: 10px; text-indent: 0; }

/* ====================== gallery pages ======================= */
.pg-ps_gallery #contents { background: none; }
.pg-ps_gallery #contents .banner { font-size:11px; font-family:Trebuchet MS, verdana, arial; }
.pg-ps_gallery #contents .image { font-size:11px; font-family:Trebuchet MS, verdana, arial; color: #333333; }
.pg-ps_gallery #contents .style1 { font-size: 14px; font-weight: bold; }
.pg-ps_gallery #contents .style2 { font-size: 14px; color:#fff; font-style: italic; }
.pg-ps_gallery #contents .style3 { font-size: 14px; color:#fff; }