/* COLOR REFERENCE ****************
 Green: #768C5E 
 Dark Green : #1E4404 (used in links, order button border)
 Dark green 2: 465c2e (used in text blurb)
 Brown: #712222 (from logo, is text color)
 Peach: #FEDDBA (screen capture / ditto PS)
 Peach 2: #FAD9B6 (lighter peach, table.order)
 Peach 3 : #FFE9CE (very pale, table.order th)
*/

/* this version is pretty static */

body   { 
	color: #712222; 
	font-size: 10pt; 
	font-family: trebuchet, "Trebuchet MS", Gadget, sans-serif; 
	background-color: #fff; 
	margin: 0; padding: 0;
	}

hr {
	height: 1px;
	color: #768C5E;
	}


/*************************************************************************************/
/* style the divs */
#page_wrap {
	margin: 0;
	padding: 0;
	}

/* three main sections, a content container, a header, and a footer */
/* contentcontainer is in the middle of the page, and holds content & sidebar */
#contain_contentside  { 
	background: url("../pix/exp/3dpeach2/peachcolor_02.gif") repeat-y left top; 
	position: relative; 
	width: 100%; height: auto;
	}

#leftside {
	width: 85px;
	height: auto;
	}

#content {
	width: 520px;
	height: auto;
	margin: 0 0 0 85px;
	padding: 0 15px 0 10px;
	}
	* html #content { /* Tan Hack for IE browsers; only matters if there are borders and/or padding) */
		width: 545px; /* IE5.x/win = width+pad+bord */
		w\idth: 520px; /* IE6/win not in quirks; IE5/mac */
		}

#rightside {
	/* width: 151px; */
	width: 155px;
	height: auto;
	position: absolute;
	top: 0; left: 640px;
	padding: 0; margin: 0;
	/* background: transparent url(../pix/rightbottomtrans.gif) bottom left no-repeat; */
	}

#rightside img {
	padding: 2px 0 5px 0;
/*	margin: 0;
	text-align: center;
 */
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

#rightside table {
	width: 155px;
	padding: 0; margin: 0 ;
	}
	#rightside tr {
	padding: 0; margin: 0;
	}
	
	
.right_imgborder { /* a class specifically for the right side bar  */
	border-right: 1px solid #768C5E;
	border-left: 1px solid #768C5E; 
}

.rbottom { 
	background: url("../pix/rightbottomtrans.gif") no-repeat left top; 
	width: 151px;
	}

.rtop { 
	background: url("../pix/righttoptrans.gif") no-repeat left bottom; 
	width: 151px;
	}
	
.text_blurb { 
	color: #465c2e; 
	font-size: 8pt; 
	font-family: trebuchet, "Trebuchet MS", sans-serif; 
	background: url("../pix/tableback.gif") repeat-y left top; 
	margin: 0; 
	padding: 5px 5px 0 7px; 
	width: 151px; height: auto;
	}
.text_blurb p {
	margin-left: 5px;
	margin-right: 5px;
	}

#inner_blurb  { /* for images & testimonials! Put INSIDE content */
	float: right;
	margin-right: -100px;
	}

.clearing {
	height: 0;
	clear: both;
	}


/* header hold branding and menu, and looks like the content backdrop is continued with colors */
#header { 
	background: url("../pix/exp/3dpeach2/peachcolor_01.gif") no-repeat 0 25px; 
	width: 100%;
	}


#menubar {
	background-color: #768C5E;
	margin: -20px 0 0 0;
	height: 35px;
	z-index: 1;
	}
	* html #menubar { /* Tan Hack for IE browsers; only matters if there are borders and/or padding) */
		height: 33px; /* IE5.x/win = width+pad+bord */
		he\ight: 35px; /* IE6/win not in quirks; IE5/mac */
		}

#branding {
	height: 85px; /* was 117px; if too tall, then can't click on menu */
	/* if height is unspecified, then will expand... */
	}

#branding a, #branding img {
	border: none;
	}
#branding img {
	/* these were specs for the branding div. But maybe shouldn't be, so here in img */
	position: absolute; /* was relative;*/
	z-index: 2; /* doesn't want to appear over menu in IE UNLESS pos relative */
	/* added for new logo */
	width: 308px;
	height: 50px;
	top: 10px; /* pushes new logo down to menu bar. Changes menu position...  */
	left: 18px;
	}
	
#branding a:hover {
	background: none;
	text-decoration: none;
	}


/* footer holds the footbar and also looks like the content section is continued with color */

#footer { 
	background: url("../pix/exp/3dpeach2/peachcolor_03.gif") no-repeat left top; 
	position: relative; 
	height: 115px; 
	clear: both;
	}

#footer p {
	margin: 0 0 0 95px;
	font-size: 11px;
	color: #712222;
	}

#footbar {
	width: 700px;
	height: 20px;
	padding: 0 0;
	margin: 0 0 0 95px;
	background-color: #768C5E;
	text-align: right;
	font-family: trebuchet, 'Trebuchet MS', sans-serif;
	font-size: 11px;
	color: #fff;
	line-height: 1.8;
	letter-spacing: .7px;
	}
	#footbar p {
		margin: 0;
		padding: 0 10px 0 0;
		background-color: #768C5E;
		}
	#footbar a {
		color: #712222;
		padding: 0 2px 0 2px;
		}

.crumbitem {
	float: right; 
	padding-left: 0.5em;
	}

/*************************************************************************/
/* thanks to Suckerfish Dropdowns */
/* style the menu; not liquid */
#menubar ul {
	list-style-type: none;
	font-family: trebuchet, 'Trebuchet MS', sans-serif;
	font-size: 15px; /* in retrospect (2007), this is probably too large */
	font-weight: bold;
	margin: 0 0 0 85px; /* this 85px is to align this with V in ReVisions logo 
		You will want to change this if and when additional menu items are added */
	padding: 0; 
	height: 35px;
	width: 780px; /* cannot be auto, or list may wrap 
		700 px is enough for 4 menu items, but 5 wants at least 780 */
	}
	* html #menubar ul { /* Tan Hack for IE browsers; only matters if there are borders and/or padding) */
		width: 785px; /* IE5.x/win = width+pad+bord */
		w\idth: 700px; /* IE6/win not in quirks; IE5/mac */
		height: 33px; /* IE5.x/win = width+pad+bord */
		he\ight: 35px; /* IE6/win not in quirks; IE5/mac */
		/* WARNING: I fixed the weird not-highlighting-due-to-lineheight. I added
		   padding to the a elements. I have NOT updated any hacks however -- 6-20-2007. */
		}


#menubar li {
	float: left;
	width: 145px;  
	height: 35px;
	padding: 0 5px 0 5px;
	margin: 0;
	}

/* may not be needed with new logo */
#menubar li.space {
	width: 65px;  
	}

#menubar a {
	display: block;
	width: 130px;
	height: 28px;
	text-decoration: none;
	color: #fff;
	padding: 5px 0 0 5px;
	margin: 0 0 0 0;
	border: 1px solid #869C6E; /*was 768C5E */
	}
	* html #menubar a { /* Tan Hack for IE browsers; only matters if there are borders and/or padding) */
		width: 137px; /* IE5.x/win = width+pad+bord */
		w\idth: 130px; /* IE6/win not in quirks; IE5/mac */
		height: 35px; /* IE5.x/win = width+pad+bord */
		he\ight: 33px; /* IE6/win not in quirks; IE5/mac */
	}

#menubar li ul { /* second-level lists */
	position: absolute;
	background-color: #fff;
	color: #768C5E;
	padding: 0;
	margin: 0;
	width: 135px;
	height: auto; /* vertical lists as tall as need be */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 2;
	border-left: 1px solid #768C5E;
	border-right: 1px solid #768C5E;
	border-bottom: 1px solid #768C5E;
}
	* html #menubar li ul { /* Tan Hack for IE browsers; only matters if there are borders and/or padding) */
		width: 139px; /* IE5.x/win = width+pad+bord */
		w\idth: 135px; /* IE6/win not in quirks; IE5/mac */
	}

#menubar li ul li {
	color: #768C5E;
	padding: 0;
	margin: 0;
	width: 130px;
	height: 22px;
}
	* html #menubar li ul { /* Tan Hack for IE browsers; only matters if there are borders and/or padding) */
		width: 137px; /* IE5.x/win = width+pad+bord */
		w\idth: 130px; /* IE6/win not in quirks; IE5/mac */
	}

#menubar li ul a {
	background-color: #fff;
	color: #768C5E;
	padding: 1px 0 1px 5px;
	margin: 0;
	width: 128px;
	height: 18px; 
	border: 1px solid #fff;
}
	* html #menubar li ul a { /* Tan Hack for IE browsers; only matters if there are borders and/or padding) */
		width: 135px; /* IE5.x/win = width+pad+bord */
		w\idth: 128px; /* IE6/win not in quirks; IE5/mac */
		height: 26px; /* IE5.x/win = width+pad+bord */
		he\ight: 20px; /* IE6/win not in quirks; IE5/mac */
	}

#menubar li:hover ul, #menubar li li:hover ul, 
#menubar li.sfhover ul, #menubar li li.sfhover ul {
	left: auto;
}

/* not working yet --using orange as testing! But hising all right now 2012.01.19 other stuff needs doing */
/*
li.hasextra ul,li.hasextra li, li.hasextra li a {display: hidden;}
li.hasextra:hover ul,li.hasextra:hover li, li.hasextra:hover li a {display: visible; background-color: orange;}
*/

#menubar a:hover { /* color first levels when hovering */
	color: #768C5E;
	background-color: #fff;
}
#menubar li ul a:hover {/* color second levels when hovering */
	color: #fff;
	background-color: #768C5E;
}

#menubar a.more {
	/* background: url(../pix/tridown.gif) center left no-repeat; */
}

#menubar a.here {
	background-color: #FAD9B6;
	color: #768C5E;
	border-bottom: 1px solid #FAD9B6;
/*	background-image: url(../../pix/exp/spherebrown.gif) ;
	background-position: center left;
	background-repeat: no-repeat; */
	}

/*************************************************************************************/
/* text styles */
h1 {
	font-weight: bold;
	color: #712222;
	font-style: italic;
	padding: 0;
	margin: 0;
}

h2, h3, h4 {
	margin-bottom: 0px;
	}
	
p, ul { 
	margin-top: 0px;
	margin-bottom: 1em;
	}
	
a {
	color: #1E4404;
	text-decoration: underline;
}

a:visited {
	color: #768C5E;
}

a:hover {
	background-color: #ffffff;
	text-decoration: underline;
}

.bookillo { /* use with divs or images that include image and order button */ 
	float: right;
	width: 155px; /* same as rightside div */
	margin-top: 4px;
	margin-right: -140px; 
	z-index: 1;
	position: relative;
	text-align: center;
	}


blockquote { /* for text blurbs to describe books */
	margin-left: 20px;
 }
 blockquote ul, ul#partner_projects {
 	margin-left: -22px;
 	}
 	
#partner_projects .partnername {
	display:block; 
	text-indent: 20px;
	font-style: italic;
	}
	 	
 ol.bookex {
 	margin-left: -12px;
 	margin-top: 0;
 	}
 
 ol.bookex li.nobullet {
 	margin-left: -26px;
 	}
 	
 .nobullet {
	 list-style-type: none;
	 }

table.order {
	width: 620px;
	background-color: #FAD9B6;
}
table.order th {
	text-align: left;
	padding: .25em;
	background-color: #FFE9CE;}
table.order td {
	text-align: left;
	padding: 0.25em;
	border: none;
	background-color: #FFE9CE;}
table.order td.amt {
	text-align: right;
	margin-right: 2px;
}
a.orderbutton, a.orderbutton img, a.orderbutton:hover { 
	border: none;
	margin: 0;
	padding:0;
	background: none;
/*	display: block;
	border: 1px solid #1E4404; 
	color:#712222;; 
	width: 100px;
	font-weight: bold; 
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	float: right;
	margin-right: -120px;
	margin-bottom: 25px;
	position: relative;
	*/
}

.formbutton { 
	color:#712222;; 
	width: auto;
	font-weight: bold; 
	text-align: center;
}

table.order input {
}

input.plain {
	text-align: right;
	border:none;
	background-color: inherit;
}
input.heavy {
	font-weight: bold;
}

.co_name {
	font-weight: bold;
	font-style: italic;
	}

cite, .attrib {
	font-style: italic;
	}


	
/*************************************************************************************/
/* a series of minimum height classes in case a page content is short */
/* insert into clearing div */

.min10 {
height: 10px;
	}
.min20 {
height: 20px;
	}
.min30 {
height: 30px;
	}
.min40 {
height: 40px;
	}
.min50 {
height: 50px;
	}
.min60 {
height: 60px;
	}
.min70 {
height: 70px;
	}
.min80 {
height: 80px;
	}
.min90 {
height: 90px;
	}
.min100 {
height: 100px;
	}
.min120 {
height: 120px;
	}
.min150 {
height: 150px;
	}
.min170 {
height: 170px;
	}
.min190 {
height: 190px;
	}
.min210 {
height: 210px;
	}