/*** The Essential Code ***/

		body {
			min-width: 670px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
		}

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

		/*** Equal-height Columns ***/

		#container {
			overflow: hidden;
		}

		#container .column {
			padding-bottom: 1001em;     /* X + padding-bottom */
			margin-bottom: -1000em;     /* X */
		}
		

/***Nesting***/
/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */

	#container #center #menu
	{
		float: right;
		width: 230px;
		background: #ffffff;
		margin: 0px 0px 10px 30px;
		padding: 64px 2px 2px 2px;
	}

		

		/*** Footer Fix ***/

		* html body {
			overflow: hidden;
		}
		
		* html #footer-wrapper {
			float: left;
			position: relative;
			width: 100%;
			padding-bottom: 10010px;
			margin-bottom: -10000px;
			background: #FFF;         /*** Same as body background ***/
		}

		/*** Just for Looks ***/

	body {
			margin: 0;
			padding: 0;
			background: #FFF;
			color: #000033;
			font: 86%/140% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
		}

h3 {color: #701841}

.image_center { margin: 0 0 0 130px; }

ul.side
		{
			list-style-type: none;
			color: white;
			font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
			font-size: medium;
			line-height: 1em;
			
			
		}
ul a:link { text-decoration: none; color: white }
		ul a:visited { text-decoration: none; color: white }
		
		
		ul a:hover
		{
			text-decoration: underline;
			color: #CCC;
		}

.maroon {
color: #701841;
}


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

#footer a:link { text-decoration: none; color: white; }
#footer a:visited { text-decoration: none; color: white; }
#footer a:hover { text-decoration: underline; color: #CCC; }



p.right_col
		{
		color: #888888;
		font-size: small;
		}
		
		.image_right { margin-top: 64px; }



		#left {
			/*background: #6699cc;*/
			background: url(images/blur3.gif);
		}

		#center {
			background: #FFFFFF;
		}

		#right {
			background: #FFFFFF;
		}

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