body {
		margin: 0;
		padding: 0 0 20px 0;
		/*The dark grayish color on the sides of the page*/
		background-color: #4b5767;
		color: #333333;
		min-width: 808px;
}

/*Changed the "What's New" graphic to a header instead*/
h1 {
	font-family: "verdana";
	font-size: 110%;
	padding-top: 33px;
	/*letter-spacing: .8px;*/
}

/*These control the way links appear on the entire site*/
a:link {
		text-decoration: none;
		font-weight: bold;
		color: #2a4a7b;
}
a:visited{
		text-decoration: none;
		font-weight: bold;
		color: #2a4a7b;
}
a:focus {
		color: #4279ca;
}
a:hover {
		color: #4279ca;
}
a:active{
		color: #2a4a7b;
}

/*To prevent borders from appearing around images that are links (banner, directions)*/
img {
		border: none;
}

/*Basically the page itself. Child of body, this is the tall rectangle that everything lives in*/
#wrap {
		position: relative;
		width: 808px;
		/*Lighter grayish color for index page*/
		background-color: #637081;
		/*Margin has 2 values for top/bottom and left/right*/
		margin: 0 auto;
		padding: 0;
		border-right: solid gray 1px;
		font-family: "verdana";
		font-size: 83%;
		line-height: 1.13;
		height: 866px; /*original is 821px*/
}
	/*parent is wrap. This is the big black thing on top of the page*/
	#topnavbar {		
		height: 75px;
		background-color: #000000;
		margin: 0;
		border-bottom: solid #ffffff 1px;
	}
	
		/*parent is topnavbar. This is an invisible box for containing and positioning the links. The box hugs the bottom of topnavbar*/
		#topnavlinks {
			/*Without this the box cannot be positioned and the text appears at the top left of the black bar*/
			position: absolute;
			left: 45px;
			top: 59px;
			color: #dce2c6;
			font-family: "arial";
			font-weight: bold;
			font-size: 12px;
		}
			/*The following few are for controlling how the nav links look*/
			div#topnavlinks a:link {
				text-decoration: none;
				color: #dce2c6;
			}
			div#topnavlinks a:visited{
				text-decoration: none;
				color: #dce2c6;
			}
			div#topnavlinks a:focus {
				color: #dce2c6;
			}
			/*These make the link text white when mousing on them*/
			div#topnavlinks a:hover {
				color: #ffffff;
			}
			div#topnavlinks a:active{
				color: #ffffff;
			}
			
		/*formats the list of links in the topnavbar*/
			#topnavlinks ul{
				margin: 0;
				padding: 0;
				list-style: none;
			}
			#topnavlinks li{
				display: inline;
				margin: 0;
				padding-right: .7em;
			}
			#topnavlinks li.clientlogin {
				padding-left: 8em;
			}
	/**************************end topnavbar section*/
	
	/*parent is wrap, this is the bar with the logo, banner, and random panaramic picture*/
	#bannerbar {
		height: 89px;
		background-color: #4b5767;
		margin: 0;
		border-bottom: solid #ffffff 1px;
		/*This is to fix the extra color band in IE6*/
		overflow: hidden;
	}
	/*For the white border on the right of the panaramic picture*/
	.bannerimgs {
		border-right: solid #ffffff 1px;
	}
	/*for the beige separator bar*/
	#separatorbar {
		height: 26px;
		background-color: #dce2c6;
		margin: 0;
		border-bottom: solid #ffffff 1px;
		/*For future use, in case text needs to be in the bar*/
		color: #444444;
		font-family: "arial";
		font-size: 11px;	
	}
	/*************************end banner/separator bar section*/
	
	/*parent is #wrap*/
	#leftcolumn {
			/*The entire left column, including padding, is 429px. 1px is used for the white border in the banner for 430px total*/
			width: 399px;
			padding-left: 30px;
			/*refers to the text color*/
			color: #ffffff;
			height: 573px; /*original is 528px*/
			font-size: .9em;
	}
		/*These selectors are special for the leftcolumn of the home page, for displaying white links*/
		#leftcolumn a:link {
			text-decoration: underline;
			font-weight: bold;
			color: #ffffff;
			font-size: .8em;
		}
		#leftcolumn a:visited{
			text-decoration: underline;
			font-weight: bold;
			color: #b3b3b3;
			font-size: .8em;
		}
		#leftcolumn a:hover {
			color: #b3b3b3;
			font-size: .8em;
		}
		#leftcolumn a:active{
			color: #ffffff;
			font-size: .8em;
		}
		
		/*parent is leftcolumn, for displaying the list of what's new links*/
		.whatsnew{
			list-style-type: square;
		}

		/*parent is leftcolumn*/
		.whatsnew li{
			/*set the margin for top/bottom and left/right between list items*/
			margin: .5em 0;
		}
		
		/*parent is leftcolumn. This table is for listing the seminar schedule*/
		#schedule{
			font-family: verdana;
			font-size: .9em;
			color: #ffffff;
			border: 5px ridge #999966;
			margin-left: 26px;
			width: 325px;
			background-color: #999966;
		}
				
		/*The column of dates in the schedule table*/
		.scheduledate{
			/*width: 20px;*/
			text-align: left;
			font-weight: normal;
			padding-left: 8px;
			/*padding-top: .5em;*/
		}			

		/*The column of seminars*/
		.seminar{
			/*width: 20px;*/
			text-align: left;
			font-weight: normal;
			/*padding-top: .5em;*/
		}			
		
		/*parent is leftcolumn. This is the box for special announcements*/
		#announcements{
			/*for separating from "more news" link*/
			margin-top: 20px;
			/*for centering the box*/
			margin-left: 53px;
			margin-right: auto;
			padding-top: 5px;
			padding-bottom: 5px;
			background-color: #999966;
			width: 262px;
			/*i believe this is 83% of what's in leftcolumn of what's in wrap, so 83 of 83*/
			font-size: .9em;
			text-align: center;
			border: 5px ridge #999966;
		}

		/*for making links in the announcements box bold*/
		div#announcements a:link{
			font-weight: bold;
		}
		div#announcements a:visited{
			font-weight: bold;
		}

		/*for making the title of the announcement box bold*/
		.announcetitle{
			color: #444444;
			font-weight: bold;
		}
		
	/************************end leftcolumn section*/
	
	/*parent is #wrap*/
	#rightcolumn {
			position: absolute;
			left: 429px;			
			/*The right column with padding is only 351px. Added to left column does not make 808. Remainder is little gray bar on right*/
			width: 310px;
			/*The light grayish color of the right column*/
			background-color: #e5e5e6;
			border-right: solid #ffffff 1px;
			/*padding for top, right, bottom, left*/
			padding: 40px 20px 100px 20px;
			height: 433px; /*original 388px*/
	}
	/**********************end rightcolumn section*/
	
	/*parent is #wrap*/
	#footer {
			position: absolute;
			top: 766px; /*original is 721px*/
			width: 808px;
			/*similar color to the baby field*/
			background-color: #ebd274;
			border-bottom: solid #ffffff 1px;
			border-top: solid #ffffff 1px;
			height: 98px;
			/*this is supposed to make the footer stay on the bottom, i.e. keeping its sides "clear". Without it
			in IE6, it causes the footer to be shorter. Without it in IE7 and FF, the footer gets overlapped by the columns*/
			clear: both;
			/*This is for fixing a problem in IE6. Without it, there is a very small band of color beneath the baby
			picture. I imagine this is the overflow. Using this property causes that band to disappear.*/
			overflow: hidden;
	}
	/**********************end footer section*/
	
	/*parent is body, goes after main for putting fine print*/
#spare{
		width: 800px;
		/*Light gray color used on all but the main index page*/
		/*background-color: #b3b3b3;*/
		background-color: #4b5767;
		/*Margin has 2 values for top/bottom and left/right*/
		margin: 0 auto;
		padding: 3px;
		font-family: "verdana";
		font-size: 60%;
		line-height: 1.13;
		text-align: center;
		color: #e5e5e6;
}

/*These control the way links appear in the spare section*/
#spare a:link {
		text-decoration: none;
		font-weight: bold;
		/*color: #000080;*/
		color: #ffffff;
}
#spare a:visited {
		text-decoration: none;
		font-weight: bold;
		/*color: #000080;*/
		color: #ffffff;
}
#spare a:focus {
		color: #000080;
}
#spare a:hover {
		color: #000080;
}
#spare a:active {
		color: #000080;
}