/*============COURSE SPECIFIC PROPERTIES HERE ONLY=============*/



/* ======== GENERAL STRUCTURE ======= */
html
  	{
  	/* tell all but IE5/Mac to hit main scroll bar \*/
	overflow: hidden;
	/* end of backslash hack for Mac */
  	}
html, body, #wrapper {
	margin:0;
	padding:0;
	}
.debug {
	border: 1px dotted red;
	}
#wrapper {
	width:750px;
	/*height:460px;*/
	/*border: 1px solid green;*/
	}

/* ============ BREADCRUMBS =========== */
#breadcrumbs {
	background-image: url(../images/ban_0607.jpg);
	padding-left: 10px;
	color: #003333;
	font-weight: bold;
	height:20px;
	}
#breadcrumbs p {
	margin: 0;
	padding:0;
	font-size: 12px;
	}

/* ============ BANNER =========== */
#banner img {border:0; padding: 0; position: absolute;}
#banner {position:relative; width:750px; height:80px;}
#banner #NFHSlogo, #CPbanner, #ASEPlogo, #spacer1, #spacer2, #Feedbacklink, #spacer3, #Helplink, #spacer4, #Closelink {top:0;}
#banner #ASEPlogo {left: 0;}
#banner #CPbanner {left: 80px;}
#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 ============= */
#content {
	overflow:auto;
	/*position: relative;*/
	height: 300px;
	/*width: 720px;*/
	left: 0px;
	line-height: 1.2em;
	top: auto;
	margin: 16px 0 .4em 10px;
	position: absolute;
	}
#content p {
	margin-top: 0;
	}
	
/* 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;
	}

#popup {padding: 5px;}

#content img, #fullpage img, #fullpagecontent img, #popup img, .on img, .layeron img {
	border:0;
	margin:10px;
	z-index: 1;
	}

/*  ================= FULL PAGE CONTENT ==================== */
/*use this as your content div for full page images and flash*/
#fullpagecontent {
	overflow:none;
	height: 320px;
	width:740px;
	padding:0;
	left: 0px;
	top: auto;
	margin:0;
	position: absolute;
	}

#fullpagecontent p {
	padding-left: .5em;
	margin: 1em 0;
	}

div.fullpage {
	margin:0;
	padding:0;
	height: auto;
	}

/* This rule is read by all browsers, including IE Mac */
div.fullpage {
	width: 740px;
	padding:0px;
	}
/* Commented backslash hack: all browsers EXCEPT IE Mac read this rule \*/
div.fullpage {
	width: 740px;
	padding:0;
	}
/* End Mac Hack */	

/*  ================= PLAYBALL ==================== */
/* This rule is read by all browsers, including IE Mac */
#content.playball { width:300px;}

/* Commented backslash hack: all browsers EXCEPT IE Mac read this rule \*/
#content.playball {width:323px;}
/* End Mac Hack */

#content.playball.OLayContent {padding-right:2px;}

#content.playball p, li {padding-right:5px;}	

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

/* ============== CLEAR ============= */
div#clear {
	clear: both;
	height: 1px; /* can't do 0px else NN6,7 doesn't extend wrapper border */
	overflow: hidden;
	width: 100%;
	}

/* ======================= ALIGNMENT ============== */
/* =======ALIGN ANY ELEMENT=========== */	
div#wrapper .fl {
	float: left;
	margin-top: 4px;
	margin-left: 0;
	}
	
div#wrapper .fr  {
	float: right;
	margin-top: 4px;
	margin-right: 0;
	}
	
/* =======ALIGN ENTIRE DIV=========== */	
div.fl {padding-right: 10px;}
	
div.fr {padding-left: 10px;}


/* ========== NO SCREEN DISPLAY ========== */
.nodisplay {display:none;}

/* ==============CONTENT DISPLAY======================== */

/* ==============SHOWS ELEMENT============== */
.on, .blockon, .layeron {display: block;}

/* ==============NO SCROLLBARS============== */
.noscroll {overflow:hidden;}

/* ==============HIDES ELEMENT============== */
.off {display: none;}

/* ==========HIDES ELEMENT TO FAR LEFT========== */
.offLeft {position:absolute; left:-10000px;}

/* ==============CONTENT INLINE ON PAGE=============== */
.blockon {
	border: 1px solid #977452;
	margin-top:1em;
	padding: 2px 5px 0 5px;
	clear: none;
	}
.fboninline .OLayContent {
	height: auto;
	overflow:visible;
	}

/* ==============CONTENT IN A POP-UP LAYER============== */
.layeron {
	position:absolute;
	top:10px;
	left:125px;
	width:365px;
	height:12em; /* 190px */
	background-color:#fff;
	border:1px solid #993333;
	padding:0.25em; /* 5px */
	text-align: right;
	z-index:100;
	}

.OLayContent {
	height:165px;
	padding-right:15px;
	margin-bottom:0.25em; /* 5px */
	overflow:auto;
	text-align:left;
	font-size: 16px;
	z-index:101;
	}

.OLayContent p {margin:0 0 1em 0;}