/*  nothing special needed  */

body  {
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
  	font-size: 10pt;
  	/* some of each.  The title will be default Sarif */
	 background: url('http://www.santacruztimberframes.com/images/DSCN0094-cropped.jpg');
	/* 	#F0D5D5; */
}

.sideProject h1 {
	line-height: 14pt;
	font-size: 12pt;
}
#innerPage {
   /* zero height div in ff and opera.  Full size ..holds content .. in ie7 */	
   bXackground-color: purple; 
   hXeight: 120em;
}

#homepage .project {
	width: 35em;
 	text-align: right;
 	fXloat: left;
 	pXosition: absolute;
 	background-image: url('http://www.santacruztimberframes.com/images/forest60.png');
}
#homepage .project ul.navlist a {
	text-align: left;
	font-size: 12pt;
	font-weight: 400;
}
#aboutThisRoom {
	color: #522908;
	margin: -1.2em 4em 0 0;
	float: right;
	text-decoration: underscore;
	font-size: x-large;

	border-style: solid;
  	border-color: yellow;
	border-width: 1px 1px 0 1px; 

}

/*   stuff */
/* html body hack here - to hide the styles from I6 - everyone else ok */
html>body #rightnav #midMenu {
	Xtop: -1em;
	/* for IE6 - tested Dec.06 07  hide the width left */
	left: -25em;
	width: 48em;
	height: 2em;
}

#midMenu {
	top: -1.5em;
	width: 5em;
	height: 1.3em;
	float: left;
	position: relative;
	margin: 0 0 0 3em;
	padding: .1em .5em 1em 2em; 

	bZorder-color: green;  
  	bZorder-width: 15px;  
  	bZackground-color: red;
  	bZackground: url('http://www.santacruztimberframes.com/images/percent86.png');

}

#midMenu ul {
	tXext-align: center;
	padding: .1em .2em .1em .2em; 
}
#midMenu a {
	fXont-size: 10pt;
	width: auto;
	cXolor: #F5F5F5;
	float: left;
	tXext-align: center;
  	bXackground: url('http://www.santacruztimberframes.com/images/olive80.png');
}	
#midMenu a:hover {
  	background: url('');
	background-color: #BBC677;  
	/* #F0D5D5 #AFA9AF; #A9A9AF; #C9D9D9; #A9A9A9; */
	border-color: yellow;
	color: #1D2321; 
}
img #contactImg {
	color: gainsboro;
	border-width: 1px;
}

#logoImage {
	Xbackground-color: darkgray;
	margin: .2em 0 1em .2em;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.compuliteracy.com/images/50percent.png',sizingMethod='scale');
}
#logoImage[ id ] {
	background-image:url(http://www.compuliteracy.com/images/50percent.png);	
}

#container  {
  	z-index: 55;
	margin: 1em 1em 1em 1em;
  	/* some of each.  The title will be default Sarif */
  	color: firebrick;
	/* //lightsteelblue; //gold; //black; //chocolate; */
	/* originally intended as workaround for benefit of IE, now deleted, next line as interfere with IE7 such that links all become unclickable */
	Xfilter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.compuliteracy.com/images/forest60-rick2.png',sizingMethod='scale');
}
#container[ id ] {
	background-image:url(http://www.compuliteracy.com/images/forest60-rick2.png);	
}


#Xcontainer[ id ] {
	background-image:url(http://www.santacruztimberframes.com/images/olive80.png);	
}

#content {
	/* invisible until you get to the projects galleries */
	/* body id set in main5 phpclasses */
	visibility: hidden;
	
	width: auto;
	margin: 2em .6em 0 2em;	
	border-style : solid;
  	border-width : 1px;
  	border-color : yellow;
	background-image: url(http://www.santacruztimberframes.com/images/forest60.png);
}	
#body3 #content { 
	visibility: visible;
}

#rightnav {
	float: right;
  	margin:  -1.2em 0 0 0;
  	padding: .5em;
  	width: 220px;
  	background: url('http://www.santacruztimberframes.com/images/olive80.png');
}

#body1 #rightnav {
	visibility: hidden;
}
#body3 #rightnav {
	visibility: hidden;
}
#body2 #rightnav {
	visibility: visible;   
	hXeight: 435px;
	bXackground: URL( 'http://www.santacruztimberframes.com/images/structures/karltrimming.jpg');
}

#rightnav img {
	pXadding: .5em;
	border-style : inset;
  	border-color : black;
  	border-width : 2px;
}

a.nav {
	color: #800000;
	background-image: url(http://www.santacruztimberframes.com/images/forest60.png);
	padding: 0 .3em 0 .3em; 

	bXackground-color: #FFE4C4;
}
a.nav:hover {
	color: whitesmoke;
	/*  background-color: #FFE4C4; */
	background-color: #800000;
}


/* photo counter */
span.photoCaption {
	margin: 0 0 0 1em; 
	color: #800000; 
	text-align: center;
	font-size: xx-small;
	Xbackground-color: #F0F5F5;
}

/* photo Caption from metadata*/
/* photoCaption maps to index*/
a.photoCaption {
	Xdisplay: block;
	color: #800000;
	text-align: center;
	font-size: small;
	Xbackground-color: #F0F5F5;
}

/* styling for the HomePage */

#homepage {
	font-size: small;
	padding: .2em .2em 1em 2em;
	margin: 0 0 0 5em;
}
#homepage h1 {
	font-size: 12pt;
	lXine-height: 15pt;
}

#bottomCenter {
	padding: 1.5em 0 0 0;
	height: 1.4em;
	width: 72%;
}
#bottomCenter ul.navlist{
	margin: 0 0 0 0;
	}
#bottomCenter, #rightnav div, #homepage div {
	/* sampled SCTF title - dark brown */
	z-order: 3;
	line-height: 11pt;
	color: #422100;
	margin: 1em 0 0 0;
	padding:  .2em .3em .3em 1em;
        background: url('http://www.santacruztimberframes.com/images/percent86.png');
        bXackground: url('http://www.santacruztimberframes.com/images/olive80.png');
	border-style : solid;
  	border-color : ghostwhite;
  	border-width : 2px;
	}
	

/* end HomePage  */

/* mainpage image */

#leftnav {
	width: 52%;
	margin: .5em 0 0 1em;
	padding: .5em 0 1em 4em;
	overflow: visible;
}

#navButtonsDiv {
	float: right;
	margin: .4em 4em 0 0;
	padding: 0;
}

.myPhotosBox {
  bXackground-color: red;
  overflow: visible;
  width: auto;
  margin:  0 0 .2em 2em;
  padding: 1em 4em 2em 2em;
}
.myPhotosBig {
	Ztext-align: right;
	width: 105%;
}

.myPhotosBox img {
	border: 1px;
	border-color: black;
	border-style: solid;
	align: center;	
	pXAdding: 48px 75px 48px 75px;
}
.navButton:hover {
	border-color: #800000;
	background-color: #464A2F; //BBC677; //C2E72A; //92AB15; 
}
.navButton {
	/* used also for backforth arrows */
	padding: 0 .2em 0 .2em;
  	margin: .1em 0 .1em 0;
  	border-style: solid;
  	border-color: #FFE4C4;
	border-width: 1px;
	background-color: transparent; 
	Xfloat: left;
	Xheight: 1.2em;
}
	
	
img.navButton { 
	margin: 0cm; 
	border-color: #1D2321;
	border-width: 1px;
	border-style: solid;
	}
	
	
	
ul { 
	zX-index: 5;
	padding: 1em;
	margin: 0;

	bXorder-bottom: 1px solid silver;
	font: 1em sans-serif;
}

X-Jan-10-10-li a {
	dXisplay: block;
	padding: 5px 5px;
	font-size large;
	
	border-color: cyan;
  	color: blue;
  	background: cyan;
}


ul#topmenu li a:hover {
	color: black;
	background-color: whitesmoke;
}

.imgP {
	text-align: center;
	padding: .2em .5em .5em .5em;
	float: left;
}





.buttonBar { 
	color: black;
	height: 1.2em;
} 

#footer { 
	padding: 0 0 0 1em;
	border-color: lightgray; //#800000;
	background-color: transparent;
	color: lightgray;
	}

#footer a {
	/* text bamboo green */
	color: lightgray;
}

#footer a.selected { 
	color: white;
}
#footer a:hover { 
	color: whitesmoke;
}



ul.navlist { 
	margin: 0;
	/* this overides listStylEs */
	bXackground-color: purple;
}

	
ul.navlist li a.selected {
	border-style: solid;
	border-color: color: #1D2321;
	border-width: 1px;
	color: #AFA9AF;
	background-color: ghostwhite;
}

X-DUPE-Jan10-2010-ul.navlist li a
{
	color: #FFFFDD; 
	text-align: left;
	Xbackground-color: #464A2F; 
	background-color: red; 
	width: auto; 
}

.XnavButtonsDiv ul.navlist li a
{
	background-color: #99B22A; 
	}

ul.navlist li a
{
	color: #FFFFDD; 
	text-align: left;
	background-color: #464A2F; 
	width: auto; 
	}
Xul.navlist li a {
	/* this overides listStyles */
	float: none;
  	fXont-weight: 650;
  	font-family: Trebuchet MS;
  	font-size: 11pt;
	width: auto;
	color: #FFFFDD; 
	/* was maroon #800000; */
	mXargin: 1px 0 1px 0;
	pXXadding: 0em .2em 0em .2em;
	padding: .1em .4em .1em .4em;
	/* color of menu buttons */
	background-color: #464A2F;
	/* #FFE4C4 */
	
	border-style: outset;
	border-color: yellow;
	border-width: 1px; 
}

ul.navlist li a:hover {
	border-color: #7FFF00; 
	background-color: #BBC677;  
	/* #F0D5D5 #AFA9AF; #A9A9AF; #C9D9D9; #A9A9A9; */
	color: #1D2321; 
}


/* button faces - text boxes too */


.title a {
	font-size: 24px;
	font-weight: 700;
	padding: 0 6em 0 6em;
	color: #800000; 
	bXackground-color: #DFD9CF;  
	/* was #F0D5D5; */ 
}


#topTitle {
	position: none;
	bXackground-color: yellow;
}

#missionText {
	text-align: center;
	bXackground-color: green;
}


	


#linkspage a.nav {
	font-size: xx-small;
}