html, body, #wrapper {
	margin:0;
	padding:0;
	}
.debug {
	border: 1px dotted red;
	}
#wrapper {
	width:750px;
	height:460px;
	/*border: 1px solid green;*/
	}
#breadcrumbs {
	background-image: url(images/ban_0607.jpg);
	padding-left: 10px;
	color: #003333;
	font-weight: bold;
	height:20px;
	/*border: 1px dashed red;*/
	}
#breadcrumbs p {
	margin: 0;
	padding:0;
	font-size: 12px;
	}
#banner img {border:0; padding: 0; position: absolute;}
#banner {position:relative; width:750px; height:80px;}
#banner #SFAbanleft, #SFAbanner, #ASEPlogo, #spacer1, #spacer2, #Feedbacklink, #spacer3, #Helplink, #spacer4, #Closelink {top:0;}
#banner #SFAbanleft {left: 0;}
#banner #SFAbanner {left: 65px;}
#banner #ASEPlogo {left: 345px;}
#banner #spacer1 {left: 424px;}
#banner #spacer2 {left: 470px;}
#banner #Feedbacklink {left: 592px;}
#banner #spacer3 {left: 645px;}
#banner #Helplink {left: 659px;}
#banner #spacer4 {left: 688px;}
#banner #Closelink {left: 698px;}

#banner #spacer5 {top: 17px; left: 470px;}

#banner #Menulink, #spacer6, #spacer7, #CoachAidlink, #Librarylink, #Glossarylink {top:21px;}
#banner #Menulink {left: 470px;}
#banner #spacer6 {left: 517px;}
#banner #spacer7 {left: 526px;}
#banner #CoachAidlink {left: 585px;}
#banner #Librarylink {left: 652px;}
#banner #Glossarylink {left: 698px;}

#content {
	overflow:auto;
	/* following pos:rel removed 031201 by jem to fix bug causing X and OKs not to show.  No known need for this rule. */
	/*position: relative;*/
	height: 300px;
	/*width: 720px;*/
	left: 0px;
	line-height: 1.2em;
	top: auto;
	margin: 16px 0 .4em 10px;
	/*padding-right:20px;*/
	/*border: 1px dotted purple;*/
	position: absolute;
	}
	
/* This rule is read by all browsers, including IE Mac */
#content { width: 720px;
			padding-right:20px;
		 }
/* Commented backslash hack: all browsers EXCEPT IE Mac read this rule \*/
#content { width: 740px;
			padding-right:0;
		 }
/* End Mac Hack */

#popup #content, #popup {
	overflow: visible;
	position: static;
	height: auto;
	width: auto;
	left: 0;
	top: 0;
	margin: 10px;
	padding: 0;
	}

#content p {
	margin-top: 0;
	}

#footer {
	border-top: 1px solid #993333;	
	/*background-color: #FFFFFF;*/
	height: 24px;
	/*position: absolute;
	bottom: 0;*/
	width: 750px;
	position: absolute;
	top: 427px;
	}
#footer img {border:0;}
#footer #footerleft, #proimage {float:left;}
#footer #navbutton {float:right;}

.overlayoff, .fboff, .off {display: none;}
.on {display: block;}
.overlayon, .fbon {
	position: absolute;
	top: 150px;
	left: 185px;
	width: 375px;
	height: 190px;
	background-color: #fff;
	border: 1px solid #933;
	padding: 5px;
	text-align: right;
	z-index: 100;
	}
.OLayContent {
	height: 165px;
	overflow: auto;
	text-align: left;
	padding-right: 15px;
	margin-bottom: 5px;
	z-index: 101;
	}