/* photo_three_column.css
 * ------------------------
 * Dylan Schwilk 2002
 *
 * Three column style sheet layout adapted from designs available at
 * glish.com and thenoodleincident.com.  My adaptation uses a banner
 * (#top) plus three columns (outer fixed #left and #right) and middle
 * relative .content class.  Left column is 100px and right is 150px. 
 */

@import "photo_main.css";

body {
  background-image:url("../resources/bg.gif");
	background-repeat:repeat-y;
/*  background-color: #E09F10;*/
}


/* all middle content boxes are members of .content class.  This allows multiple instances and separate borders of so desired. */
.content {
	position:relative;
	width:auto;
	min-width:230;
	margin: 20px 210px 20px 160px;
	padding: 10px 10px 10px 10px;
	border: none /*1px solid #ccc*/;
	z-index:3;
	}


#left {
	position: absolute;
	top: 60px;
	left: 0px; 
	margin: 20px;
	padding: 10px 10px 10px 10px;
	border: none /*1px solid #ccc*/;
	z-index:2;
	width: 140px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	}
html>body #left {
	width: 120px; /* ie5win fudge ends */
	}

	
#right {
	position:absolute;
	margin: 20px;
	top:60px;
	right:0px;
	/*border-left:2px dashed #003333;*/
  background-image:url("../resources/right_bg.gif");
	background-repeat:repeat-y;
	padding:10px;
	z-index:1;
	width:190px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:170px;
	}
/* Again, "be nice to Opera 5". */
body>#rightnav {width:170px;}



	
/* **********************************************/	
/* Formatting specific to this three-column layout
 * -----------------------------------------------
 */

/* Format for navigation menus (left and right columns)
 * -------------------------------------------------------*/
 
/* LEFT */

#left p {
		font-size:12px;
		line-height:16px;
		padding:0px;
		margin:0px 0px 0px 10px;
}

#left h1, #left h2, #left h3, #left h4, #left h5, #left h6 {
  color:#003333;
  font-size:14px;
  line-height:18px;
  font-weight:600;
  padding:0px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
}
	
/* RIGHT */
#right p {
  color: #333;
  font-size: 11px;
  line-height: 14px;
  margin: 0px 0px 5px 0px;
}
	
#right h1 {
  color:#003333;
  font-size:12px;
  line-height:14px;
  font-weight:600;
  padding:0px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
}
	
#right h2, #right h3, #right h4, #right h5, #right h6 {
  color:#003333;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}