/* three_column.css
 * ------------------------
 * Three column style sheet layout adapted from designs available at
 * glish.com and thenoodleincident.com.  This version lacks a banner
 * and has three columns (outer fixed #left and #right) and middle
 * relative .content class.  Left column is 100px and right is 150px. 
 */

@import "prickly_main.css"; /* just some basic formatting, no layout stuff */ 

body {
  background-image:url("../resources/bg2.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;
/*	background-color: white; */
	width:auto;
	min-width:230;
	margin: 10px 210px 0px 140px; */
	padding: 10px 10px 10px 10px;
	color:#333;
	z-index:3;
/*	border: 1px dashed gray; */
	}


/* Left menu box: 150px wide */
#left {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 10px;
	padding: 10px;
	font-size:9px;
	line-height:17px;
	z-index:2;
	width: 140px; 
}


/* Right menu box */

#right {
	position:absolute;
/*	background-color: #E09F10; */
	top:20px;
	right:0px;
	margin:10px, 20px, 0px, 20px;
	border-left:2px dashed #CC3300;
	/*border: 1px dashed gray; */
	padding:10px;
	z-index:1;
	width:190px;
}

/* **********************************************/
/* 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 {
		font-size:14px;
		line-height:18px;
		font-weight:600;
		padding:0px 0px 0px 0px;
		margin: 10px 0px 0px 0px;
}
	
/* RIGHT */
#right p {
	font-size: 11px;
	line-height: 14px;
	margin: 0px 0px 5px 0px;
	}
	
#right h1, #right h2, #right h3 {
		font-size:14px;
		line-height:18px;
		font-weight:600;
		padding:0px 0px 0px 0px;
		margin: 10px 0px 5px 0px;
}
	
#right h4, #right h5, #right h6 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}

/* 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 {
		font-size:14px;
		line-height:18px;
		font-weight:600;
		padding:0px 0px 0px 0px;
		margin: 10px 0px 0px 0px;
}
	
/* RIGHT */
#right p {
	font-size: 11px;
	line-height: 14px;
	margin: 0px 0px 5px 0px;
	}
	
#right h1, #right h2, #right h3 {
		font-size:14px;
		line-height:18px;
		font-weight:600;
		padding:0px 0px 0px 0px;
		margin: 10px 0px 0px 0px;
}
	
#right h4, #right h5, #right h6 {
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
	
#pagetitle {
 text-align: right;
}	
	
/* Navigation lists 
   ---------------
	 We use a slightly different link style here*/
.navigation {	
	margin: 10px;
	text-align: right;
  font: bold;}	
.navigation li {
  list-style: none; 
	margin: 0; 
	padding: 0.25em;
}

.navigation	A:link		{ color: #CC3300; text-decoration: none;} 
.navigation A:visited	{ color: #CC3300; text-decoration: none;} 
.navigation	A:active	{ color: #99cccc; background-color:#FFF;} 
.navigation	A:hover		{ color: #E09F10; background-color:white;