						html, body, h1, h2, h3, h4, ul, li {
							margin: 0;
							padding: 0;
							line-height: 110%;
						}
						h1 img {
							display: block;
						}
						img {
							border: 0;
						}
						a {
							color: #464544;
						}
						a:hover {
							color: #FFA405;
						}
						.left {
							float: left;
						}
						.right {
							float: right;
						}
						.more {
							text-align: right;
						}
						.clear {
						  clear: both;
						  height:1px;
						  font-size:1px;
						  line-height:1px;
						  overflow:hidden;
						}

						body {
							background: black url(images/blackfade.gif) repeat-x;
							text-align: center;
							font: 15px arial, sans-serif;
							line-height: 130%;
							color: #333333;
							padding-bottom: 0px;
							padding-top: 0px;
							width: 100%;
						}
						.sidelink {
							background: black;
							float: left;
							width: 180px;
							border-bottom: 1px solid white;
							border-right: 1px solid white;
							font-family: arial, sans-serif;
							font-size: 10px;
							color: white;
							padding-left: 20px;
							padding-top: 5px;
							padding-bottom: 3px;
							vertical-align: middle;
							text-align:left;
						}
						.sidelink a {
							vertical-align: center;
							font-family: palatino, arial, sans-serif;
							font-size: 13px;
							color: white;
						}
						.sidelink a:hover {
							color: yellow;
						}
						.floatitcenter {
						  vertical-align: top;
						  align: center;
						  padding-right: 15px;
						  padding-left: 15px;
						}
						.floatitleft {
						  vertical-align: top;
						  float: left;
						  padding-right: 15px;
						  padding-left: 15px;
						}
						.allscores {
						  vertical-align: top;
						  float: center;
						  padding-right: 10px;
						  padding-left: 10px;
						  width: 200px;
						  height: 350px;
						}
						
						a.boldbuttons{
						background: transparent url('images/buttons/roundedge-gray-left.gif') no-repeat top left;
						display: block;
						float: left;
						font: bold 13px Arial; /* Change 13px as desired */
						line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
						height: 30px; /* Height of button background height */
						padding-left: 8px; /* Width of left menu image */
						width: 90%;
						padding-bottom:1px;
						text-align:left;
						text-decoration: none;
						
						}
						
						a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
						color: white; /*button text color*/
						}
						
						a.boldbuttons span{
						background: transparent url('images/buttons/roundedge-gray-right.gif') no-repeat top right;
						display: block;
						padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
						}
						
						a:hover.boldbuttons{ /* Hover state CSS */
						text-decoration: none;
						color: yellow;
						font-weight:bold;
						}
						
						
						.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
						overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
						width: 100%;
						}
			
						#wrapper {
						  text-align: left;
						  margin: auto;
						  width: 750px;
						  position: relative;
						  overflow: visible;
						  border: 2px solid gray;
						  background: #FFFFFF url(images/body_bg2.gif) repeat-y;
						}
						#logo {
						  padding-left: 0px;
						  width: 229px;
						  height: 143px;
						  background: url(course_".$courseid."_files/logo.jpg) center bottom no-repeat;
						  text-align: center;
						  color: #595959;
						}
						.lessonname {
						  border-left: 6px solid gray;
						  padding-left: 4px;
						  padding-right: 4px;
						  padding-bottom: 4px;
						  padding-top: 4px;
						  text-align: left;
						  /*border-bottom: 1px dotted silver;*/
						}
						.lefty {
						  border-left: 6px solid gray;
						  padding-left: 4px;
						  padding-right: 4px;
						  padding-bottom: 4px;
						  padding-top: 4px;
						  text-align: right;
						  /*border-bottom: 1px dotted silver;*/
						}
						.score {
						  border-right: 6px solid gray;
						  padding-left: 4px;
						  padding-right: 4px;
						  padding-bottom: 4px;
						  padding-top: 4px;
						  /*border-bottom: 1px dotted silver;*/
						  text-align: right;
						}
						.righty {
						  border-right: 6px solid gray;
						  padding-left: 4px;
						  padding-right: 4px;
						  padding-bottom: 4px;
						  padding-top: 4px;
						  /*border-bottom: 1px dotted silver;*/
						  text-align: left;
						}
						.twocol {
						  background: black;
						  border-right: 6px solid gray;
						  border-left: 6px solid gray;
						  padding-left: 4px;
						  padding-right: 4px;
						  padding-bottom: 4px;
						  padding-top: 4px;
						}
						.bigbox {
						  background: white;
						  border-right: 6px solid gray;
						  border-left: 6px solid gray;
						  border-top: 6px solid gray;
						  border-top: 6px solid gray;
						  padding-left: 4px;
						  padding-right: 4px;
						  padding-bottom: 4px;
						  padding-top: 4px;
						}
						.twocolwhite {
						  background: white;
						  border-right: 6px solid gray;
						  border-left: 6px solid gray;
						  padding-left: 4px;
						  padding-right: 4px;
						  padding-bottom: 4px;
						  padding-top: 4px;
						}
						.twocolbottom {
						  height: 0px;
						  background: black;
						  border-bottom: 6px solid gray;
						  border-right: 6px solid gray;
						  border-left: 6px solid gray;
						  border-bottom: 6px solid gray;
						}
						.twocolbottomwhite {
						  height: 2px;
						  background: white;
						  border-bottom: 6px solid gray;
						  border-right: 6px solid gray;
						  border-left: 6px solid gray;
						  border-bottom: 6px solid gray;
						}
						.toplessons {
						  background: black;
						  color: silver;
						  border-top: 6px solid gray;
						  border-left: 6px solid gray;
						  padding-left: 4px;
						  padding-right: 4px;
						  padding-bottom: 4px;
						  border-bottom: 1px solid silver;
						  text-align: left;
						  font: 18px arial narrow, arial sans serif;
						}
						.toptwocol {
						  background: black;
						  border-top: 6px solid gray;
						  border-left: 6px solid gray;
						  border-right: 6px solid gray;
						  padding-left: 4px;
						  padding-right: 4px;
						  padding-bottom: 4px;
						  border-bottom: 1px solid silver;
						  font: 18px arial narrow, arial sans serif;
						  color: silver;
						  
						}
						.topscores {
						  background: black;
						  color: silver;
						  border-top: 6px solid gray;
						  border-right: 6px solid gray;
						  padding-left: 4px;
						  padding-right: 4px;
						  padding-bottom: 4px;
						  border-bottom: 1px solid silver;
						  font: 18px arial narrow, arial sans serif;
						}
						.bottomlines {
						  border-bottom: 6px solid gray;
						  border-right: 6px solid gray;
						  border-left: 6px solid gray;
						  border-bottom: 6px solid gray;
						}
						#linkcolumn {
							width: 229px;
						}
						#maincolumn {
							left: 229px;
							width: 530px;
						}
						#clear {
							clear: both;
							height: 1px;
							font-size:1px;
							line-height:1px;
							overflow:hidden;
						}
						#nextbutton {
							height: 59px;
							width: 59px;
							border: 0px solid blue;
							text-align: center;
							float: right;
							margin-top: 15px;
							margin-bottom: 15px;
						}
						#backbutton {
							height: 59px;
							width: 59px;
							border: 0px solid blue;
							text-align: center;
							float: left;
							margin-top: 15px;
							margin-bottom: 15px;
						}
						
						#header {
						  top: 0;
						  left: 229px;
						  width: 530px;
						  padding-left: 0px;
						  margin-left: 0px;
						  padding-top: 0px;
						  padding-bottom: 10px;
						  text-align: left;
						  vertical-align: top;
						}
						#left {
						  float: left;
						  width: 230px;
						}
						#paneltext {
						  width: 100%;
						  text-align: center;
						  padding-left: 0px;
						  line-height: 1.4em;
						  padding-right: 0px;
						  border-width: 0px;
						  overflow: auto;
						}
						#paneltext h3 {
						  font: 24px arial narrow, arial sans-serif;
						  color: blue;
						  padding-bottom: 1px;
						  text-align: center;
						}
						#paneltext h4 {
						  font: 18px arial sans-serif;
						  text-align: center;
						  color: black;
						  padding-bottom: 1px;
						  padding-top: 1px;
						}
						#paneltext h5 {
						  font: 14px arial sans-serif;
						  text-align: center;
						  color: black;
						  padding-bottom: 1px;
						  padding-top: 1px;
						}
						#bodytext ul {
						  padding-left: 30px;
						}
						#coursename {
						  font: 24px arial narrow, arial sans-serif;
						  color: black;
						  border-bottom: 1px solid orange;
						}
						#bottom {
						  font: 10px arial, sans-serif;
						  color: #333333;
						  padding-top: 5px;
						  padding-bottom: 5px;
						  text-align: center;
						}						
						#nav {
						  background: url(images/nav_left.jpg) no-repeat;
						}
						#nav ul {
						  margin-left: 0px;
						  padding-left: 0px;
						  padding-bottom: 0px;
						  /*background: #2A2A2A;*/
						  background: black;
						  width: 100%;
						}
						#nav li {
						  list-style: none;
						  font: 19px "arial narrow", arial, sans-serif;
						  border-top: 1px solid #959595;
						  border-right: 1px solid #959595;
						  background: 10px url(images/arr_white.gif) no-repeat;
						  padding: 7px 0 0 10px;
						}
						#nav a {
						  color: silver;
						  text-decoration: none;
						  border-left: 1px solid #959595;
						  display: block;
						  padding: 0px 10px 2px 15px;
						}
						#nav a:hover {
						  text-decoration: underline;
						}
						#nav .important {
						  border: none;
						  background: 188px 10px url(images/arr_orange.gif) no-repeat;
						}
						#nav .important a {
						  color: #E9C379;
						}
						
						#hider
						{
							color: white;
							text-decoration: none;
							text-align: right;
							font-size: .8em;
						}
						
						/*- Menu Tabs H--------------------------- */

					    #tabsH {
						float: left;
					      width:100%;
					      background:url("images/gray_link_back.jpg");
					      font-size:93%;
					      line-height:normal;
						  padding-right: 0px;
						  padding-left: 0px;
						  border-bottom: 6px solid #000;
					      }
					    #tabsH ul {
						margin:0;
						padding:5px 5px 0 10px;
						list-style:none;
					      }
					    #tabsH li {
					      display:inline;
					      margin:0;
					      padding:0;
					      }
					    #tabsH a {
						  float: right;
						  display:block;
					      background:url("images/tableftH.gif") no-repeat left top;
					      margin:0;
					      padding:0 0 0 4px;
					      text-decoration:none;
					      }
					    #tabsH a span {
						  float:left;
					      display:block;
					      background:url("images/tabrightH.gif") no-repeat right top;
					      padding:5px 15px 4px 6px;
					      color:#FFF;
					      }
					    /* Commented Backslash Hack hides rule from IE5-Mac \*/
					    #tabsH a span {float:none;}
					    /* End IE5-Mac hack */
					    #tabsH a:hover span {
					      color:#FFF;
					      }
					    #tabsH a:hover {
					      background-position:0% -42px;
					      }
					    #tabsH a:hover span {
					      background-position:100% -42px;
					      }