Index: lams_central/web/css/default_learner.css
===================================================================
diff -u
--- lams_central/web/css/default_learner.css	(revision 0)
+++ lams_central/web/css/default_learner.css	(revision bbc60c04176be4c9cd072c78928a7c9a90beacae)
@@ -0,0 +1,145 @@
+/*
+*************************************************
+LAMS 2.0
+Date modified:  22/09/2006
+
+*************************************************
+General page styles
+********************************************** */
+
+* {
+	margin:0;
+	padding:0;
+}
+
+body {
+	font-size: 11px;
+	font-family: verdana, arial, helvetica, sans-serif;
+	line-height:16px;
+	background:url('../images/css/diagonal_bg.gif') repeat; 
+}
+
+.row {
+	voice-family: "\"}\""; /* hide the following rules from IE5 */
+	voice-family: inherit;
+	overflow: hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */
+}
+
+* html .row {
+	height: 1%;
+}  /* part of the CSS 'clearing hack' */
+
+
+h1 {color:#0087e5; 
+	font-size:15px; 
+	margin-bottom:5px; 
+	}
+
+h2 {color:#47bc23; 
+	font-size:14px; 
+	padding-top:10px;
+	margin-bottom:5px; } 
+
+
+h3 {color:#47bc23; 
+	font-size:13px; 
+	margin-top:10px;
+	margin-bottom:5px; } 
+
+
+h4 {color:#47bc23; 
+	font-size:12px;
+	margin-left:25px; 
+	padding-top:20px;
+	}
+
+/*defines when instructions are given and places a blue arrow before the text */
+p.instructions {
+	color: #0087e5;
+	margin-bottom:0;
+	margin-top:0;
+	background: url('../images/css/blue_arrow_right.gif') no-repeat 0 0px;
+	padding-left: 30px;
+	padding-bottom: 10px;
+	font-size:13px;
+}
+
+p {
+	margin-right: 30px;
+	margin-bottom: 10px;
+	margin-top:5px;
+}
+
+ul {
+	margin-left: 25px;
+	margin-right: 30px;
+}
+
+/*layout of the table with the alternate color for the table heading cell */
+table.alternative-color {
+	 width:95%; 
+	 margin-right:25px; 
+	 margin-bottom:10px;
+	 text-align:left;
+}
+
+table.alternative-color th {
+	background: url('../images/css/green_bg.jpg') repeat-x;
+	height: 30px;
+	color: #47bc23;
+	padding-left: 15px;
+	border-left: 1px solid #cacdd1;
+	border-right: 1px solid #fff;
+	font-size: 12px;
+}
+
+table.alternative-color td {
+	padding-left: 20px;
+	font-size: 11px;
+	border-bottom: 1px solid #efefef;
+	vertical-align: middle;
+	background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 1px;
+}
+
+table.alternative-color td.first, table.alternative-color th.first {
+	border-left: none;
+	padding-left: 10px;
+}
+
+table.alternative-color td h4{
+	color:#47bc23; 
+	font-size:12px;
+	margin-top:0px;
+	padding-top:10px; 
+	padding-bottom:10px; 
+	}
+	
+/*layout of an inserted image */	
+.image-border {
+	border:1px solid #e2e2e2; 
+	padding:3px; 
+	background-color:#fff; 
+	margin:5px 10px;
+}
+
+/*************************************************
+Page layout
+********************************************** */
+
+#content {
+	margin-top:20px;
+	margin-left:auto;
+	margin-right:auto;
+	margin-bottom:20px; 
+	width:85%; 
+	height:100%; 
+	border:1px solid #d4d8da;
+	background-color:#fff;
+	padding:20px 30px;
+	}
+	
+#footer {
+	clear:inherit; 
+	height:20px;}
+
+