body
	{
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	background-color: #C9F;
	color: #666666;
	}
	
	.small
	{
	  font-size:10px;
	}
	
	a, a:link, a:visited { text-decoration:underline; color:#09F; }
	a:hover { color:#CCF; text-decoration:underline; }
	a:active { color:#09F; text-decoration:underline; }
	
	h1
	{
	  font-size:16px;
	  margin:1em 0 -0.5em 0;
	}
	
	h2
	{
	  font-size:14px;
	  margin:1em 0 -0.5em 0;
	}
	
	h3
	{
	  font-size:12px;
	  margin:1em 0 -0.5em 0;
	}
	
	h4
	{
	  font-size:12px; color:#39F;
	  margin:1em 0 -0.5em 0;
	}
	
	#mainWrapper
	{
		width: 800px;
		\width: 820px;
		w\idth: 800px;
		border: 2px solid #3CF;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		background:#FFF;
		/* commented out till we need a background image here. background-image: url(your path to/images/bgd_pattern_038.gif);*/
	}
	
	#bannerTop
	{
	margin: 0 0 0 0;
	background-color: #6633CC;
	color: #99FFFF;
	text-align: center;
	font-size: 24px;
	}
	
	#bannerTop img
	{
		border:none;
	}
	
	/* NAVIGATION - TOP */
	#navBarTop
	{
	padding: 5px;
	margin-bottom: 0px;
	text-align: center;
	letter-spacing: 2px;
	border-top: 1px solid #3CF;
	border-bottom: 1px solid #3CF;
	background-image: url(../images/navbar.jpg);
	background-repeat: repeat-x;
	color: #0099FF;
	/*background-color: #99CCCC;*/
	}
	
	#navBarTop ul
	{
		list-style:none;
		padding: 0;
		margin:0;
		font-weight:900;
	}
	
	#navBarTop ul li
	{
		display:inline;
		padding: 0 0 0 6px;
		margin:0;
		border-left:1px solid;
	}
	
	#navBarTop ul li a, #navBarTop ul li a:link, #navBarTop ul li a:visited
	{
	text-decoration:none;
	padding:3px 6px;
	color:#FF0000;
	/*background-color: #FFFFFF;*/
	}
	
	#navBarTop ul li a:hover, #navBarTop ul li a:active
	{
	text-decoration:none;
	padding:3px 6px;
	color:#930;
	/*background-color: ;*/
	}
	
	#nav_left
	{
	float: left;
	width: 163px;
	height: 900;
	margin: 0 0 0 10px;
	background:url(../images/paternbg.jpg);
	border: thin groove #E3C9EC;
	}
	
	#nav_left ul
	{
		margin: 10px 0 0 10px;
		padding: 0;
		list-style: none;
	}
	
	#nav_left ul li
	{
		margin: 0;
		padding: 0 0 5px 20px;
		/* (for bullets) background-image: url(/newsite/resources/images/bullet_chalice.gif);
		background-repeat: no-repeat;*/
	}
	
	#nav_left a, #nav_left a:link, #nav_left a:visited { text-decoration:none; color:#600; line-height:2em; padding:2px; }
	#nav_left a:hover { text-decoration:none; color:#900; line-height:2em; padding:2px;}
	#nav_left a:active { text-decoration:none; color:#600; line-height:2em; padding:2px;}
	
	#nav_left p.pix
	{
	  text-align:center;
	}
	
	#nav_left p.pix img
	{
	   padding:2px 5px 2px 5px;
	}
	/*end of nav left style*/
	
	#right_column
	{
	float: right;
	margin: 100 3px 0;
	width:160px;
	/* overflow: auto; */
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 2px;
	}
	
	/*
	#right_column p.pix img
	{
	   padding:0 10px 0 60px; background:white;
	}
	*/
	/*this is for a navBar on the right side*/
	
	#navRight
	{
		float: right;
		width: 
		margin: 0 15px 0 10px;
		padding: 5px;
		zoom: 100%;
	}
		/* the zoom attribute fixes the glitchy column */ /*
		
	
	#navRight ul
	{
		list-style:none;
		padding: 0;
		margin:0;
		font-weight:900;
	}
	
	#navRight ul li
	{
		display:inline;
		padding: 0 0 0 6px;
		margin:0;
		border-left:1px solid #c30;
	}
	
	#navRight ul li a, #navRight ul li a:link, #navRight ul li a:visited
	{
		text-decoration:none;
		padding:3px 6px;
		color:#fff;
	}
	
	#navRight ul li a:hover, #navRight ul li a:active
	{
		text-decoration:none;
		/* border:1px solid #69C; *//*
		padding:3px 6px;
		color:#c30;
	} when getting ready to use this remove all the *//*s */
	
	
	#bodyContent
	{
	margin-left: 190px;
	margin-right: 2px;
	border:1px solid #3CF;
	line-height:1.5em;
	zoom: 100%;
	width: 420px;
	padding: 5px;
		/* the zoom attribute fixes the glitchy column 
		background:#fff; */
	}
	
	
	/* this would be a Body content where you wanted to have a Unordered list in there with a specific picture image as the bullet and the bulet is used as a background image. the .people indictates it's first useage where we are listing people that are employed by the organization.
	
	#bodyContent2
	{
		padding: 0 10px;
		margin-left: 160px;
		margin-right: 10px;
		border:1px solid #d3e4f4;
		line-height:1.5em;
		zoom: 100%;
		/* the zoom attribute fixes the glitchy column 
		background:#fff;
	}
	
	#content_wide2 ul.people
	{
	  list-style:none;
	  margin:10px;
	  padding:0 0 0 10px;
	}
	
	#content_wide2 ul.people li
	{
		padding: 0 0 1em 20px;
		background-image: url(/newsite/resources/images/bullet_chalice.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}this is the end of the comented out stuff. All can be erased if not needed. */
	
	#footer
	{
		clear: both;
		padding: 5px;
		margin-top: 10px;
		text-align: center;
		font-size: 10px;
		border-top: 1px solid #3CF;
		/* border-bottom: 1px solid #933; */
		background-image: url(../images/navBarBg.jpg);
		background-repeat: repeat-x;
		letter-spacing: 1px;
	}
	
	#footer ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#footer ul li
	{
		margin: 0;
		padding: 0;
		display:inline;
		padding-right:10px;
	}
	
	#footer ul li a, #footer ul li a:link, #footer ul li a:visited {
	padding-left:10px;
}
	#footer ul li a:hover { color:#900; }
	#footer ul li a:active { color:#900; }
	#footer img { display: none;
 }
 
 #footer p.credits
{
	color: #CCC;
}

#footer p.credits a, #footer p.credits a:link, #footer p.credits a:visited
{
	color: #CCC;
	text-decoration: none;
}

#footer p.credits a:hover, #footer p.credits a:active
{
	color: #333;
	text-decoration: none;
	


/* Stylesheet developed by M. Douglas Wray, Diana Forest, Mary Whiteflower */
	/* Copyright 2006 */