/* -------------------------------------
// Guthrie Web Site Style Sheet
// (c) 2006 Stan and Irina Guthrie
// http://www.GuthrieLife.com/
---------------------------------------- */

/* -------------------------------------------------------
===========
Site layout
===========

This should leave a basic page flow for non-CSS browsers,
for the "frames" type look, without actually using frames. 

Adopted from
http://www.alistapart.com/articles/holygrail

--------------------------------------------------------- */
/*
Original settings:
LC fullwidth: 200
RC fullwidth: 150
CC padding: 20+20 = 40

New settings: LC fullwidth: 150
*/
body {
			min-width: 600px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
			/* +70 extra */
		}

		#container {
			padding-left: 150px;      /* LC fullwidth */
			padding-right: 190px;     /* RC fullwidth + CC padding */
		}
		
		#container .column {
			position: relative;
			float: left;
		}
		
		#center {
			padding: 10px 20px;       /* CC padding */
			width: 100%;
		}
		
		#left {
			width: 130px;             /* LC width */
			padding: 0 10px;          /* LC padding */
			right: 190px;             /* LC fullwidth + CC padding */
			margin-left: -100%;
		}
		
		#right {
			width: 130px;             /* RC width */
			padding: 0 10px;          /* RC padding */
			margin-right: -100%;
		}
		
		#footer {
			clear: both;
		}
		
		/*** IE Fix ***/
		* html #left {
			left: 150px;              /* RC fullwidth */
		}

		/*** Just for Looks ***/

		body {
			margin: 0;
			padding: 0;
			background: #C9C;
            background-repeat: repeat;
 	        background-image: url(background-purple-rough.jpg);
		}

		#header, #footer {
			font-size: large;
			text-align: center;
			padding: 0.3em 0;
		}

		#left img {
		  margin:5px
		}

		#center {
	      background-color: #DDAADD;
          background-repeat: repeat;
          background-image: url(background-purple-smooth.gif);
		}

		#right {
		}

		#container .column {
			padding-top: 1em;
			text-align: justify;
		}


		
		body,td,th {
	font-family: Monotype Corsiva, Georgia, Times New Roman, Times, Serif;
	color: #000033;
	font-style: italic;
}


/* Hyperlink properties */
a:link    { color: #0000FF }
a:visited { color: #8800FF }
a:active  { color: #FF0088 }
a:hover   { color: #00CCCC }

/* Paragraph properties */
p { color: #000022;
    text-align: justify }

/* Heading properties */
h1, h2, h3, h4, h5, h6 {
  color: #000055;
  margin:0;
  padding:0;
}

/* List Properties */

ul { text-indent: -25 }
ul ul { text-indent: -50 }
ul ul ul { text-indent: -75 }
ul ul ul ul { text-indent: -100 }
ul ul ul ul ul { text-indent: -125 }