/* ======== GENERAL STRUCTURE ======= */
html
  	{
  	/* tell all but IE5/Mac to hit main scroll bar \*/
	overflow: hidden;
	/* end of backslash hack for Mac */
  	}
	
html, body, #wrapper {
	background-color: #b4cded;
	margin:0 auto;
	text-align:center;
	padding:0;
	height:100%;
	}

/*html, body {
	background-image: url(../images/background_tile.gif);
	background-repeat: repeat-y;
	background-position: center;
	}*/

.debug {
	border: 1px dotted red;
	}

#wrapper {
	width:750px;
	min-width:750px;
	position:relative;
	text-align:left;
	background-color: #FFF;
	/*border: 1px solid green;*/
	}
	
/*=========================Fluidity Stuff=====================*/

html, body, #wrapper {height:100%;}
#wrapper {
	min-width:750px;
	position:relative;
	}
#wrapContent {
  position:absolute;
  top:110px;
  width:100%;
  text-align:center;
   }
#scrollContent {
	width:43em;
	margin:0 auto;
	line-height:1.2em;  /*FOUC IE6 bug fix */
	text-align:left;
}



/* ============ BANNER =========== */

#banner img {
	border:0;
	padding:0;
	position: absolute;
	}

#banner {
	position:relative;
	background-image:url(../images/banner.jpg);
	width:750px;
	height:110px;
	}


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

#contentWrapper {
	/*background-image:url(../images/sandbox_tile.gif);
	background-repeat:repeat-x;    
	height:10px;*/
	/*border:1px solid green;*/
	}

#leftNav {
	background-color:#f7e1a5;
	width:200px;
	position:absolute;
	height:100%;
	padding-top:18px;
	}
#productCover {
				text-align:center;
				/*padding-top:1em;*/
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:.8em;
				font-weight:bold;}
#productCover p {margin:1em 0 .5em 0; padding:0;}
	
#productCover img {border:1px solid #000;}


#leftNav #navButtons a, #leftNav #navButtons a:link:focus,#leftNav #navButtons a:visited, .active  {
	font-size:12px;
	display: block;
	background-color: #cc9900;
	border-top: 1px;
	border-bottom: 1px;
	border-left: 0px;
	border-right: 0px;
	border-style: solid;
	border-bottom-color: #663300;
	border-top-color: #f5c252;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
	font-weight: bold;
	font-variant: small-caps;
	color:#FFF;
	text-decoration: none;
	line-height: 1.5em;
	}

#leftNav #navButtons a:hover  {
	background-color: #b78900;
	}

 #leftNav navButtons a:active, #leftNav navButtons a:focus {
	background-color: #ebbf46;
	border-bottom-color: #ebbf46;
	border-top-color: #ebbf46;
	}

.active {
	color:#000;
	background-color: #ebbf46;

}

#content {
	overflow:auto;
	line-height: 1.5em;
	margin:0;
	margin-top:18px;
	padding:0 5px 5px 5px;
	width: 540px;
	position: absolute;
	left:200px;
	}

#content p {
	margin-top: 0;
	}

* html #content { 
	\width: 580px;  /* IE 5 */
	w\idth: 540px; /* N6, Op6, and IE6. */
	}

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

/* ============ BOTTOM =========== */

#footer {
	/*border-top: 1px solid #993333;	*/
background-color:#b4cdeb;
	height: 23px;
	width: 750px;
	position: absolute;

	bottom: 0;
	}
	
	#footer p {
	margin-top:.4em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:.9em;}

#footer img {border:0;}

#footer #navbutton {float:right; padding-right:30px;}

#footer {clear:both;}

/* ============== CLEAR ============= */

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

/*THIS IS THE NEW CLEAR WITH NO PADDING/MARGIN*/

hr.clear {
	height:0;
	overflow:hidden;
	margin:0;
	padding:0;
	border-width:0;
	visibility:hidden;
	}

/* ======================= 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, .logOn {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 { /*THIS IS USED FOR TESTANSWERS AND COMPARE ANSWERS ONLY*/
	/*float:left;*/
	clear:both;
	background-image:url(../images/feedback_tile.gif);
	background-repeat:repeat-y;
	padding:10px 10px 1px 35px;
	margin-left:-20px;
	margin-bottom:.5em;
	font-size:0.9em;
	/*width:685px;*/
	}

.layeron p { /*THIS IS USED FOR TESTANSWERS AND COMPARE ANSWERS ONLY*/
	width: auto;
	clear:both;
	}
	
.logOn { /*THIS IS USED FOR ACTIVITY LOG ONLY*/
	clear:both;
	background-image:url(../images/activity_log_tile.gif);
	background-repeat:repeat-y;
	padding:10px 0 1px 15px;
	border:1px solid #9AB881;
	margin-bottom:.5em;
	font-size:0.9em;
	width:auto;
	}

.logOn p { /*THIS IS USED FOR ACTIVITY LOG ONLY*/
	width: auto;
	clear:both;
	}

/*============LA PROPERTIES--TESTANSWERS=============*/

#content form p {padding-top:.5em;}

#content form ul {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0 0 5px 0;
	}

#content form li {
	padding-left: 55px;
	text-indent: -40px;
	margin-left: 8px;
	}
	
#content p.RespRight, #content p.RespWrong {margin-bottom:0; padding-bottom:0;}
	
.RespRight {
	background-image: url(../images/Correct.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0;
	margin:0;
	}
.RespWrong {
	background-image: url(../images/Wrong.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #666;
	}

/*============NO PADDING PROPERTIES=============*/
img.nopad, .nopad {
	margin: 0 !important;
	padding: 0 !important;
	border: none;
	}
	
	div.dsBottom {
	background:url(/shells/standardShell/aec/styleImages/ds_bottom2.png) bottom left no-repeat;
	background-color:transparent;
	}
div.dsRight {
	background:url(/shells/standardShell/aec/styleImages/ds_right2.png) top right no-repeat;
	background-color:transparent;
	}
div.dsCorner {
	background:url(/shells/standardShell/aec/styleImages/ds_bottomright2.png) bottom right no-repeat;
	background-color:transparent;
	margin:0;
	padding-right:4px;
	padding-bottom:4px;
	}

div.dsBorder {
	background-color:transparent;
	border:1px solid #666;
	padding:4px;
	}
div.dsOpacity { /* reinstate opacity to this rule if a semi-transparent background ever becomes desired once more.  Opacity removed 2006.10.23/JasonM */
	background-color:#FFF;
	position:absolute;
	z-index:-1;
	} 
div.dsBanner {
	background-color:#3C8FB2;
	height:12px;
	padding:0;
	}
div.dsBanner img {
	margin:0;
	padding:0;
	}
	
	.layeron {
	background-color:transparent;
	border:0;
	display:block;
	padding:0;
	text-align:left;
	width:340px;
	z-index:1;
	}
.OLayContent {
	background-color:transparent;
	clear:both;
	font-size:0.86em;
	height:100px;
	overflow:auto;
	padding:0.25em;
	text-align:left;
	z-index:2;
	}
.OLayContent {
	-moz-opacity:1; /* Only for Gecko-family browsers */
	}
.OLayContent p {
	width:94%; /* Fixes horizontal scrolling in content error in Firefox 1.0.x and IE 7.x */
	}
div.dsBorder {
	border-color:#990000; /*GD COLOR HERE*/
	}
div.dsBanner {
	background-color:#990000; /*GD COLOR HERE*/
	}