/* CSS
1/19/2008
the Other Jane Miller 
Refined version 2.1
for jane
by Design + Know-How www.savoir-faire.org
*/


div {   /*for debugging  
 	border-style: dotted;
	border-width: 1px;*/ 
	} 
	
div#container { /* coantains all body divs */
	position: absolute; 
	top: 0px;
	left: 50%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -276px; /* (width/2) * -1  to keep div centered in window */ 
	width: 552px; 
	height: 100%;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	background: #fff;
	}

/* -------------- Header ----------------------------------------------------- */

div#header {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 512px;
	height: 90px;
	padding: 0px;
	border-bottom: 1px solid #999999;
	}

.navbutton {
	padding: 0px;
	margin: 0px;
	}
	
.navbutton img {
	border: none;
	}
.navbutton a, a:link, a:visited {
	text-decoration: none;
	}
		
div#homebutton { /* a:link, a:visited target for link back to home off the logo gif */
	position: absolute;
	top: 0px;
	left: 0px;
	}
	
div#navcontainer { /* contains the targets on the top nav bar */
	position: absolute;
	top: 54px;
	left: 259px;
	width: 300px;
	height: 13px;
	}
	
 div#printsbutton { /* target for link to print pages */
 	position:absolute;
	top:0px; 
	left: 0px;
	width: 42px;
	height: 12px; 
	display: block;
	}
	
div#instbutton { /* target for link to Installation cat pages */
	position:absolute;
	width: 90px;
	height: 12px; 
	top:0px; 
	left: 62px;
	display: block;
	}

div#ephemeralbutton { /* target for link to Object cat pages */
	position:absolute;
	width: 121px;
	height: 12px;
	top:0px; 
	left: 173px;
	display: block;
	}
	
div#biobutton { /* target for link to Bio cat pages */
	position:absolute;
	width: 24px;
	height: 12px;
	top:0px; 
	left: 248px;
	display: block;
	}

/* -------------- Thumbnails ----------------------------------------------------- */
	
div#thumbfield { /* contains the thumbnails images, position inline */	
	position: absolute;
	padding: 0px;
	}
	
div.thumbbutton { /* class for target for link/ or rollover JS effect */
	position: absolute;
	width: 80px;
	height: 80px;
	padding: 0px;
	display: block;
	text-decoration: none; 
	
	}
		
div.thumbbutton img {
	border: none; 
	}		
			
/* -------------- body ----------------------------------------------------- */

body{ 
	background: #cccccc; /* gives light gray to the sides */
}

div#body {
	position: absolute;
	padding: 0px;
	}
	
div#mainimagediv {
	position: absolute;
	top: 140px;
	left: 20px;
	padding: 0px;
	margin:0px;
	height: 180px;
	}
	
	
div#bodytext {
	position: relative;
	padding: 0px;
	margin-bottom: 0px;
	text-align: justify;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 12px;
	color: #666666;
	}
	
div#bodytext h1 {
	position: relative;
	padding: 0px;
	margin-bottom: 10px;
	text-align: left;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 11px;
	color: #c14103;
	}

div#bodytext a:link, a:visited {
	position: relative;
	padding: 0px;
	margin-top: 0px;
	white-space: nowrap;
	text-decoration: none;
	text-align: left;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #666666;
}
	
div#contact  a:link, a:visited {
	position: relative;
	padding: 0px;
	margin-top: 0px;
	white-space: nowrap;
	text-decoration: none;
	text-align: left;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 9px;
	color: #c14103;	
}
	
div#contact a:hover{
	color: gray;
	text-decoration: none;
	}
	
/* -------------- sidebar ----------------------------------------------------- */

div#sidebar {
	position: absolute;
	top: 340px;
	left: 350px;
	width: 180px;
	padding: 0px;
	margin: 0px;		
}

div#sidetext {
	margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 30px; /* amount sidebar extends down past last line of list */
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #ffffff;	
	}
	
div#sidetext ul  {
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	list-style-position: inside;
	}
	
div#sidetext li {
	padding: 0px;
	padding-bottom: 1em; /* vertical space between list iteams */
	margin: 0px;
	list-style-type: disc;
	}

div#sidetext a, a:link {
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	text-decoration: none;
	}

div#sidetext a:hover, a:visited{
	color: gray;
	text-decoration: none;
	}