body {
		margin:auto;
		padding:0;
		border:0;					
		background:#066;
		max-width:950px;				
		text-align:center;
		font-size:90%;
		font-family: Arial, Verdana, san serif;
		color:#000;
	}
	/* color above changed from #666 to try to darken text. 3/24/10 */

	.max-width {
width:expression(document.body.clientWidth > 951? "950px": "auto" );
}
/*THIS SECTION IS GENERAL STYLING, FONTS LINKS HEADING ETC*/

	a {
		color:#369;
		text-decoration:underline;
	}
	
	a:visited {
	color:#606;
	text-decoration:underline;
	}
	
	a:hover {
		color:#cc0000;
		text-decoration:none;
	}
	
	/********headings********/

h1 { font-family: Arial, Verdana, sans-serif; font-size: 150%;  color: indigo; text-align:center;}
h2 { font-family: Arial, Verdana, sans-serif; font-size: 116%;  color: indigo; text-align:center;}
h3 { font-family: Arial, Verdana, sans-serif; font-size: 108%;  color: indigo; text-align:center;}


	h1, h2, h3{ margin-top:20px; /*fixes IE to give same margins as other browsers*/
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
}
	img {
		margin:7px; /*this just saves you having to create a class, or use hspace to put padding around your images*/
	}
	
	/*THIS SECTION IS PAGE STRUCTURE.CONTAINERS ETC*/
        /* Horizontal rule standard */
        hr {
                width:60%;
                height:3px;
                background:indigo;
            } 
                
	/* Header and footer styles */
	#header {

		clear:both;
		float:left;
		width:100%;
		height:150px; /*set to the height of your header*/
		background-color:#fff;
        	background-image: url(../image-files/hd-text.jpg); 
                background-position: top left;
		background-repeat: no-repeat;

	}
      #headwords {
        font-family:Arial;color:indigo;font-size:16px;text-align:left;text-indent:140px
         }

		/* Footer styles */
	#footer {
		clear:both;		
		width:100%;
		border-top:none;
		background:#006699;
    color:#fff;
    overflow: hidden;
    padding-top:5px;
    padding-bottom:5px;
	}
	
div	.wrap{ /* this class is commented out in the html page, as it gives a 1px gap between main divs in IE6. No big deal though, and doesn't look bad at all, so use it if you want*/
border:1px solid #000;
padding:0;
margin:0;
overflow:hidden;
}	

		/* column container */
	.master-container {
		position:relative;	
		clear:both;
		float:left;
		width:100%;			
		overflow:auto;/* This chops off any overhanging divs */
		
	}
	/* common column settings */
	.colright,
	.subcontainer-mid,
	.subcontainer-left {
		float:left;
		width:100%;			/* don't change */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 5px 0;	
		overflow:hidden;
		width:auto;
	}
	/* 3 Column settings */
	.threecol {
		background-color:#ffcccc;		/* pink, right column background color if no image */
		background:#fff;
                                           /*url(../image-files/rightbg-fade.jpg)*/
		background-repeat:repeat-y;
		background-position:top right;
	        text-align:left;
	}
	
	.threecol .subcontainer-mid {
		right:25%;			/* width of the right column */
		background-color:#fff;		/* center column background color */
		text-align:left;
	}
	
	.threecol .subcontainer-left {
		right:55%;			/* width of the middle column */
		text-align:left;
		background-color:#123456; /*bg color, if no image*/
    background-image:url(../image-files/leftbg-fade.jpg);	/* left column background  */
		background-repeat:repeat-y;
		background-position: top right; /*bg image is placed from the RIGHT, not left as you might expect. So please allow for this when creating a background*/

	}
	.threecol .col1 {
		width:51%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
 
	}
	.threecol .col2 {
		width:16%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column)+(center column left and right padding)+(left column left padding) */
	}
	
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:90%;		}		/*  (100% - left column width)+(center column left and right padding)+(left column left and right padding)+(right column left padding) */

	.clear{
	clear:both;
	}

/*  Pasted following from divs3.css of earlier template  */
div.full-width-box2 {
   background-color: #ffffaa;
	margin: 15px 0px 10px 0px;
	padding: 15px;
   border: 1px solid indigo;
	
}
	
/*** right column Half of width box left ***/
div.half-width-box-left {
   background-color: #ffffff;
	margin: 5px 5px 5px 5px;
	border: 1px solid #000066;
	padding: 10px;
	width: 50%;
	float: left;
	
}
/*** right column Half of width box right ***/
div.half-width-box-right {
   background-color: #ffffff;
	margin: 5px 5px 5px 5px;
	border: 1px solid #000066;
	padding: 10px;
	width: 50%;
	float: right;
	
}

/* Forrest added styling below */
/* photo class copied from css book */
p.photo {
width: 150px; 
font-size: .8em;
font-style: italic;
line-height: 1em;

}