diff --git a/main/css/default/course.css b/main/css/default/course.css
index e55e32d590..1e542ec771 100644
--- a/main/css/default/course.css
+++ b/main/css/default/course.css
@@ -3,449 +3,407 @@
 	GLOBAL STYLES
 ==============================================================================
 */
-.dokeos_course {
-	width:95%;
-	margin:1em auto;
-	text-align:center;
+#box_title {
+	text-align: right;
+	margin-left: 30%;
+	width: 65%;
+	margin: 0;
+	float: right;
 }
 
-/*
-------------------------------------------------------------------------------
-	Introductory title
-------------------------------------------------------------------------------
-*/ 
-
-#box_title1,#footer1 {
-	border:1px solid #4171b5;
-	padding:1em;
-	width:99%;
-	margin:1em auto;
+#box_title h1 {
+	font: bold 2em Arial, sans-serif, sans;
+	color: #bbb;
 }
 
-#box_title1 h1{
-	font:bold 2.5em Arial,sans-serif,sans;
+#box_title h2 {
+	font: bold 1.5em Arial, sans-serif, sans;
+	color: #bbb;
 }
 
-#box_title h2{
-	font:bold 2em Arial,sans-serif,sans;
+.dokeos_course {
+	width: 690px;
+	margin: 0 auto;
+	padding: 0;
+	font: normal .72em verdana, 'Lucida Grande', sans-serif, sans;
 }
 
-#content1 {
-	width:99%;
+#footer_template {
+	background: transparent url("images/footer_template.png") no-repeat top center;
+	width: 690px;
+	height: 48px;
 	clear:both;
-	text-align:justify;
 }
 
-#content1 img.icon{
-	float:left;
-	margin:0 1em 1em 1em;
-	display:block;
-	vertical-align:top;
+#header_template {
+	width: 690px;
+	background: transparent url("images/writerheader.png") no-repeat top
+		left;
+	height: 185px;
 }
 
-#email1 {
-	float:right;
-	clear:right;
-	text-align:right;
+/*
+------------------------------------------------------------------------------
+	Presentation
+------------------------------------------------------------------------------
+*/
+
+#text_presentation { 
+	/* Min-height hack for IE 6*/
+	min-height: 250px;
+	height: auto !important;
+	height: 250px;
+	width: 690px;
+	float:left;
+	text-align: justify;
+	background: transparent url("images/repeat_template.png") repeat-y top center;
+	padding-bottom: 2em;
 }
 
-#email1, .manager1{
-	width:50%;
+#text_presentation em {
+	font: normal normal bold 1em verdana, 'Lucida Grande', sans-serif, sans;
 }
 
-#footer1 {
-	font-weight:bold;
-	height: 1em;
-    line-height: 1em;
+#text_presentation img.left {
+	float: left;
+	margin: 0 2em 2em 1em;
+	clear: left;
+	display: block;
 }
 
-#manager1 {
-	float:left;
-	clear:left;
-	text-align:left;
+#text_presentation p {
+	text-align: justify;
+	width: 620px;
+	margin: 0 auto 2em auto;
 }
+
 /*
 ------------------------------------------------------------------------------
 	Explanation
 ------------------------------------------------------------------------------
 */
-
-#content2 {
-	position:absolute;
-	top:2em;
-	left:18em;
-	text-align:justify;
-	margin-right:2em;
+#body_explanation {
+	background: transparent url("images/repeat_template.png") repeat-y top center;
+	padding-bottom:2em;
+	/* Min-height hack for IE 6*/
+	min-height: 250px;
+	height: auto !important;
+	height: 250px;
+	width: 690px;
+	float:left;
 }
 
-#content2 h1 {
-	padding:.5em;
-	font:bold 2em Arial,sans-serif,sans;
+#explanation #header_template {
+	background: transparent url("images/teacherheader.png") no-repeat top
+		left;
 }
 
-#content2 h2 {
-	font:normal 1.1em Arial,sans-serif,sans;
-	margin:.2em 0 3em .5em;
+#menu_explanation {
+	margin:1em 0 0 0;
+	padding:0;
+	width:130px;
+	margin-left:20px;
+	float:left;
+	clear:left;
+	list-style:none;
+	height:100%;
+	background: transparent url("images/vertdivider_template.jpg") no-repeat top right;
+	padding-right:15px;
+	/* Min-height hack for IE 6*/
+	min-height: 250px;
+	height: auto !important;
+	height: 250px;
 }
 
-#content2 p{
-	margin:.5em;
-}
 
-#explanation {
-	text-align:center;
-	margin: 1em auto;
-	width:auto;
-	border:1px solid #4171b5;
-}
-#list2{
-	width:10em;
-	border:1px solid #4171b5;
-	margin:2em auto;
+#menu_explanation dd{
+	margin:1em 0 0 0;
+	padding:0;
+	list-style:none;
+	text-indent:25px;
+	font: bold 1.1em Arial, sans-serif, sans;
+	color: #aaa;
 }
-#list2 p {
-	text-align:left;
-	margin-left:.2em;
+
+#menu_explanation dd a{
+	color: #aaa;
+	text-decoration:none;	
 }
 
-#list2 li {
-	margin:0 0 0 2em;
-	padding:0;
-	text-indent:.5em;
-	text-align:left;
-	list-style-position:inside;
+#menu_explanation dd a:visited {
+	color: #bbb;
 }
-#list2 ul{
-	margin:0 0 .5em 0;
-	padding:0;
-	text-align:left;
-	list-style-position:inside;
+
+#menu_explanation dd a:hover, #menu_explanation dd a:focus {
+	color:#000;
 }
 
-#main2 {
-	border:1px solid #4171b5;
+#menu_explanation dt {
+	margin:0 0 1em 10px;
+	font: bold 1.2em Arial, sans-serif, sans;
+	color: #aaa;
 }
 
+#text_explanation {
+	width:450px;
+	margin:0 0 0 10px;
+	text-align:justify;
+	float:left;
+	height:250px;
+	overflow: auto;
+}
 
-#nav2 {
-	position:absolute;
-	left:2em;
-	top:3em;
-	width:15em;
+#text_explanation em {
+	font: normal normal bold 1em verdana, 'Lucida Grande', sans-serif, sans;
 }
 
-.template2 {
-	position:relative;
+#text_explanation p{
+	width:390px;
+	margin:1em auto;
 }
 /*
 ------------------------------------------------------------------------------
-	Course objetives
+	Course Objectives
 ------------------------------------------------------------------------------
 */
-#box_title3,#content3 {
-	border:1px solid #4171b5;
-	padding:1em;
-	width:99%;
-	margin:1em auto;
-}
-#box_title3 h1{
-	font:bold 3.5em Arial,sans-serif,sans;
-}
 
-#content3 {
-	position:relative;
-	padding-bottom:50px;
-	text-align:left;
+.comment_objective {
+	color:#000;
+	font: bold .7em verdana, 'Lucida Grande', sans-serif, sans;
 }
-#content3 #primary {
-	font-weight:bold;
-	font-size:2em;
-	margin:0;
-	padding:0;
+
+#course_objectives #header_template {
+	background: transparent url("images/pointerheader.png") no-repeat top
+		left;
 }
-#content3 #primary li,#content3 #secondary li{
-	margin:0 0 0 1em;
+
+#objectives_template {
+	margin:1em auto;
 	padding:0;
+	width:550px;
+	text-align:justify;
+	color:#4271b5;
+	font: bold 2.5em Arial, sans-serif, sans;
+	list-style:outside url("images/file_important.png");
 }
-#content3 #primary .secondary{
-	font-weight:normal; 
-	font-size:.8em;
-	margin:0 0 0 2em;
+
+#objectives_template li {
+	margin:0 0 1em 1em;
 	padding:0;
 }
 
-#footer3 {
-	position:absolute;
-	bottom:0;
-	right:0;
+#text_course_objectives {
+	background: transparent url("images/repeat_template.png") repeat-y top center;
+	padding-bottom:2em;
+	/* Min-height hack for IE 6*/
+	min-height: 250px;
+	height: auto !important;
+	height: 250px;
+	width: 690px;
+	float:left;
 }
-
 /*
-==============================================================================
-	Styles for corporative version
-==============================================================================
+------------------------------------------------------------------------------
+	Activity proposal
+------------------------------------------------------------------------------
 */
-#corp {
-	font:normal .85em Lucida Grande,Arial,sans-serif,sans;
-}
-#corp a {
-	text-decoration: none;
-	font: bold 100% Arial, sans-serif, sans;
-	color: #4170b4;
+#activity_proposal #header_template {
+	background: transparent url("images/practicerheader.png") no-repeat top
+		left;
+}
+
+#body_proposal {
+	background: transparent url("images/repeat_template.png") repeat-y top center;
+	padding-bottom:2em;
+	/* Min-height hack for IE 6*/
+	min-height: 250px;
+	height: auto !important;
+	height: 250px;
+	width: 690px;
+	float:left;
 }
 
-#corp a:hover,#corp a:focus {
-	color: #111;
+#menu_proposal {
+	margin:1em 0 0 0;
+	padding:0;
+	width:130px;
+	margin-left:20px;
+	float:left;
+	clear:left;
+	list-style:none;
+	height:100%;
+	background: transparent url("images/vertdivider_template.jpg") no-repeat top right;
+	padding-right:15px;
+	/* Min-height hack for IE 6*/
+	min-height: 250px;
+	height: auto !important;
+	height: 250px;
 }
 
-/*
-------------------------------------------------------------------------------
-	Introductory title
-------------------------------------------------------------------------------
-*/ 
 
-#corp #box_title1{
-	background:transparent url("images/alert.jpg") no-repeat top center;
-	border:none;
-	padding-top:10px;
-}
-#corp #box_title1 #bottom{
-	background:transparent url("images/alert.jpg") no-repeat top center;
-	height:40px;
-	width:100%;
+#menu_proposal dd{
+	margin:1em 0 0 0;
+	padding:0;
+	list-style:none;
+	text-indent:25px;
+	font: bold 1.1em Arial, sans-serif, sans;
+	color: #4271b5;
 }
 
-#corp #footer1 {
-	border: 1px solid #ddd;
-	background:#eee url("images/headertables.jpg") repeat-x top center;
-	line-height:.8em;
-	height:.8em;
-	padding:.5em;
-}
-/*
-------------------------------------------------------------------------------
-	Explanation
-------------------------------------------------------------------------------
-*/ 
-#corp #explanation{
-	background:transparent url("images/alert.jpg") no-repeat top center;
-	border:none;
-	padding-top:10px;
+#menu_proposal dt {
+	margin:0 0 1em 10px;
+	font: bold 1.3em Arial, sans-serif, sans;
+	color: #bbb;
 }
 
-#corp #explanation #bottom{
-	background:transparent url("images/alert.jpg") no-repeat top center;
-	height:40px;
-	margin-top:-15px;
-	width:100%;
+#text_proposal {
+	width:450px;
+	margin:0 0 0 10px;
+	text-align:justify;
+	float:left;
 }
 
-#corp #list2,#corp #main2 {
-	border:1px solid #aaa;
+#text_proposal em {
+	font: normal normal bold 1em verdana, 'Lucida Grande', sans-serif, sans;
 }
 
-#corp #content2 #main2 h2 {
-	font:bold 1.1em Arial,sans-serif,sans;
-	margin:.2em 0 3em .5em;
+#text_proposal p{
+	width:390px;
+	margin:1em auto;
 }
 /*
 ------------------------------------------------------------------------------
-	Course objetives
+	Think about
 ------------------------------------------------------------------------------
 */
-#corp #box_title3{
-	background:transparent url("images/alert.jpg") no-repeat top center;
-	border:none;
-	padding-top:10px;
-}
-#corp #box_title3 #bottom{
-	background:transparent url("images/alert.jpg") no-repeat top center;
-	height:40px;
-	width:100%;
-}
-#corp #content3 {
-	border:1px solid #bbb;
-}
 
-/*
-==============================================================================
-	Styles for academic version
-==============================================================================
-*/
-#academic {
-	font-family:normal .85em trebuchet, verdana, Arial, sans-serif, sans;
-	color: #000915;
-}	
-#academic a {
-	text-decoration: none;
-	font: bold 100% Arial, sans-serif, sans;
-	color: #4171b5;
+#text_course_think {
+	background: transparent url("images/repeat_template.png") repeat-y top center;
+	padding-bottom:2em;
+	/* Min-height hack for IE 6*/
+	min-height: 250px;
+	height: auto !important;
+	height: 250px;
+	width: 690px;
+	float:left;
 }
 
-#academic a:hover,a:focus {
-	color: #000915;
-}
-/*
-------------------------------------------------------------------------------
-	Introductory title
-------------------------------------------------------------------------------
-*/ 
-#academic #box_title1{
-	background:transparent url("images/alert_academic.jpg") no-repeat top center;
-	border:none;
-	padding-top:10px;
-	color: #00122B;
-}
-#academic #box_title1 #bottom{
-	background:transparent url("images/alert_academic.jpg") no-repeat top center;
-	height:40px;
-	width:100%;
+#think_about #header_template {
+	background: transparent url("images/thinkerheader.png") no-repeat top
+		left;
 }
 
-#academic #footer1{
-	background: #8cafe1 url('images/crystal3.png') repeat-x;
+#think_about_list {
+	margin:1em auto;
+	padding:0;
+	width:600px;
+	text-align:justify;
+	color:#4271b5;
+	font: bold 2.5em Arial, sans-serif, sans;
+	list-style:outside url("images/list_icon_template.png");
 }
 
-#academic #footer1 a{
-	color:#fff;
+#think_about_list li {
+	margin:0 0 1em 1em;
+	padding:0;
 }
 
-#academic #footer1 a:hover,#academic #footer1 a:focus {
-	color: #000915;
+#think_forum {
+	width:500px;
+	margin:0 auto;
+	color:#aaa;
+	font: bold 1.2em Arial, sans-serif, sans;
+	background: transparent url("images/forum_template.png") no-repeat top right;
+	padding:20px 60px 0 0;
+	text-align:center;
+	/* Min-height hack for IE 6*/
+	min-height: 30px;
+	height: auto !important;
+	height: 30px;
 }
+
 /*
 ------------------------------------------------------------------------------
-	Explanation
+	Colaborative activity
 ------------------------------------------------------------------------------
 */
-#academic #explanation{
-	background:transparent url("images/alert_academic.jpg") no-repeat top center;
-	border:none;
-	padding-top:10px;
-	color: #00122B;
-}
-#academic #explanation #bottom{
-	background:transparent url("images/alert_academic.jpg") no-repeat top center;
-	height:40px;
-	width:100%;
-}
 
-#academic #list2,#academic #main2{
-	border: 1px solid #0049AF;
+#colaborative_activity #header_template {
+	background: transparent url("images/colabheader.png") no-repeat top
+		left;
 }
 
-#academic #nav2 img {
-	margin-bottom:3em;
-}
-#academic #nav2 .logo {
-	margin-left:-1.2em;
+#list_colaborative {
+	margin:1em auto;
+	padding:0;
+	width:400px;
 }
 
-#academic #nav2{
-	top:5em;
-} 
-/*
-------------------------------------------------------------------------------
-	Course objetives
-------------------------------------------------------------------------------
-*/
-#academic #box_title3 {
-	border: 1px solid #0049AF;
-	background: #b0c8eb url('images/crystal3.png') repeat-x;
-	color: #00122B;
-}
-#academic #content3{
-	border: 1px solid #0049AF;
-}
-/*
-==============================================================================
-	Styles for baby version
-==============================================================================
-*/
-#baby {
-	font:normal .85em 'Lucida Grande', verdana, Arial, sans-serif, sans;
-	color: #000;
+#list_colaborative dt{
+	color:#4271b5;
+	font: bold 2.5em Arial, sans-serif, sans;
 }
 
-#baby a {
-	text-decoration: none;
-	font: bold 100% Arial, sans-serif, sans;
-	color: #9a0;
+#list_colaborative dd {
+	margin:0;
+	padding:0;
+	text-align:justify;
 }
 
-#baby a:hover,a:focus {
-	color: #470;
+#text_colaborative_activity {
+	background: transparent url("images/repeat_template.png") repeat-y top center;
+	padding-bottom:2em;
+	/* Min-height hack for IE 6*/
+	min-height: 250px;
+	height: auto !important;
+	height: 250px;
+	width: 690px;
+	float:left;
 }
 /*
 ------------------------------------------------------------------------------
-	Introductory title
+	Unit overview
 ------------------------------------------------------------------------------
 */
 
-#baby #box_title1{
-	background:transparent url("images/alert_baby.jpg") no-repeat top center;
-	border:none;
-	padding-top:10px;
-	color: #00122B;
-}
-#baby #box_title1 #bottom{
-	background:transparent url("images/alert_baby.jpg") no-repeat top center;
-	height:40px;
-	width:100%;
+.content_overview {
+	color:#aaa;
+	font: bold 2.5em Arial, sans-serif, sans;
+	margin-left:1em;
 }
 
-#baby #footer1 {
-	background-color:transparent;
-	border: 1px solid #BFAF00;
-	padding: .2em;
-	color: #3F3A00;
-}
-/*
-------------------------------------------------------------------------------
-	Explanation
-------------------------------------------------------------------------------
-*/
-#baby #explanation{
-	background:transparent url("images/alert_baby.jpg") no-repeat top center;
-	border:none;
-	padding-top:10px;
-	color: #3F3A00;
-}
-#baby #explanation #bottom{
-	background:transparent url("images/alert_baby.jpg") no-repeat top center;
-	height:40px;
-	width:100%;
+#list_unit_overview {
+	list-style-image:url("images/list_icon_template.png");
 }
 
-#baby #list2,#baby #main2 {
-	border: 1px solid #BFAF00;
+#list_unit_overview li{
+	margin:.5em 0 0 1em;
+	padding:0;
+	color:#4271b5;
+	font: bold 2.5em Arial, sans-serif, sans;
 }
 
-#baby #nav2{
-	top:0;
+.subunit_overview {
+	list-style-image:url("images/subunit_list_icon.png");
 }
-#baby #content2 #main2 h2 {
-	font:bold 1.1em Arial,sans-serif,sans;
-	margin:.2em 0 3em .5em;
-}
-/*
-------------------------------------------------------------------------------
-	Course objetives
-------------------------------------------------------------------------------
-*/
 
-#baby #box_title3{
-	background:transparent url("images/alert_baby.jpg") no-repeat top center;
-	border:none;
-	padding-top:10px;
-	color: #3F3A00;
+#text_unit_overview {
+	background: transparent url("images/repeat_template.png") repeat-y top center;
+	padding-bottom:2em;
+	/* Min-height hack for IE 6*/
+	min-height: 250px;
+	height: auto !important;
+	height: 250px;
+	width: 690px;
+	float:left;
 }
-#baby #box_title3 #bottom{
-	background:transparent url("images/alert_baby.jpg") no-repeat top center;
-	height:40px;
-	width:100%;
+
+#unit_overview .subunit_overview li{
+	color:#000;
+	font: bold .7em verdana, 'Lucida Grande', sans-serif, sans;
 }
 
-#baby #content3 {
-	 border: 1px solid #BFAF00;
+#unit_overview #header_template {
+	background: transparent url("images/readerheader.png") no-repeat top
+		left;
 }
\ No newline at end of file
diff --git a/main/css/default/images/colabheader.png b/main/css/default/images/colabheader.png
new file mode 100644
index 0000000000..a2f36f0c3d
Binary files /dev/null and b/main/css/default/images/colabheader.png differ
diff --git a/main/css/default/images/file_important.png b/main/css/default/images/file_important.png
new file mode 100644
index 0000000000..e828285624
Binary files /dev/null and b/main/css/default/images/file_important.png differ
diff --git a/main/css/default/images/footer_template.png b/main/css/default/images/footer_template.png
new file mode 100644
index 0000000000..55684b599c
Binary files /dev/null and b/main/css/default/images/footer_template.png differ
diff --git a/main/css/default/images/forum_template.png b/main/css/default/images/forum_template.png
new file mode 100644
index 0000000000..af7fbc6510
Binary files /dev/null and b/main/css/default/images/forum_template.png differ
diff --git a/main/css/default/images/list_icon_template.png b/main/css/default/images/list_icon_template.png
new file mode 100644
index 0000000000..0a2f10b7f9
Binary files /dev/null and b/main/css/default/images/list_icon_template.png differ
diff --git a/main/css/default/images/pointerheader.png b/main/css/default/images/pointerheader.png
new file mode 100644
index 0000000000..7c1ae099fa
Binary files /dev/null and b/main/css/default/images/pointerheader.png differ
diff --git a/main/css/default/images/practicerheader.png b/main/css/default/images/practicerheader.png
new file mode 100644
index 0000000000..491bc24e8e
Binary files /dev/null and b/main/css/default/images/practicerheader.png differ
diff --git a/main/css/default/images/readerheader.png b/main/css/default/images/readerheader.png
new file mode 100644
index 0000000000..9addfe7bd0
Binary files /dev/null and b/main/css/default/images/readerheader.png differ
diff --git a/main/css/default/images/repeat_template.png b/main/css/default/images/repeat_template.png
new file mode 100644
index 0000000000..70e36cb606
Binary files /dev/null and b/main/css/default/images/repeat_template.png differ
diff --git a/main/css/default/images/subunit_list_icon.png b/main/css/default/images/subunit_list_icon.png
new file mode 100644
index 0000000000..098d424a7c
Binary files /dev/null and b/main/css/default/images/subunit_list_icon.png differ
diff --git a/main/css/default/images/teacherheader.png b/main/css/default/images/teacherheader.png
new file mode 100644
index 0000000000..f64ffa7c7f
Binary files /dev/null and b/main/css/default/images/teacherheader.png differ
diff --git a/main/css/default/images/thinkerheader.png b/main/css/default/images/thinkerheader.png
new file mode 100644
index 0000000000..3b6eddfd41
Binary files /dev/null and b/main/css/default/images/thinkerheader.png differ
diff --git a/main/css/default/images/vertdivider_template.jpg b/main/css/default/images/vertdivider_template.jpg
new file mode 100644
index 0000000000..f871e8bff0
Binary files /dev/null and b/main/css/default/images/vertdivider_template.jpg differ
diff --git a/main/css/default/images/writerheader.png b/main/css/default/images/writerheader.png
new file mode 100644
index 0000000000..518d75773a
Binary files /dev/null and b/main/css/default/images/writerheader.png differ
diff --git a/main/img/gallery/speech.png b/main/img/gallery/speech.png
new file mode 100644
index 0000000000..536e1d7c6b
Binary files /dev/null and b/main/img/gallery/speech.png differ
diff --git a/main/inc/lib/fckeditor/editor/dialog/fck_template/images/1.jpg b/main/inc/lib/fckeditor/editor/dialog/fck_template/images/1.jpg
new file mode 100644
index 0000000000..c0b94d0f54
Binary files /dev/null and b/main/inc/lib/fckeditor/editor/dialog/fck_template/images/1.jpg differ
diff --git a/main/inc/lib/fckeditor/editor/dialog/fck_template/images/2.jpg b/main/inc/lib/fckeditor/editor/dialog/fck_template/images/2.jpg
new file mode 100644
index 0000000000..7b25da58ad
Binary files /dev/null and b/main/inc/lib/fckeditor/editor/dialog/fck_template/images/2.jpg differ
diff --git a/main/inc/lib/fckeditor/fcktemplates.xml.php b/main/inc/lib/fckeditor/fcktemplates.xml.php
index 9ae07a11e6..1302bd3dea 100644
--- a/main/inc/lib/fckeditor/fcktemplates.xml.php
+++ b/main/inc/lib/fckeditor/fcktemplates.xml.php
@@ -7,341 +7,229 @@ $IMConfig['base_url'] = $_configuration['root_web'].'main/img/gallery/';
 function loadCSS($css_name){
 	$template_css = '<style type="text/css">'.file_get_contents(api_get_path(SYS_PATH).'main/css/'.$css_name.'/course.css').'</style>';
 	$template_css=str_replace('images/',api_get_path(WEB_PATH).'main/css/'.$css_name.'/images/',$template_css);
-	echo $template_css;
+	return $template_css;
 }
+$css = loadCSS('default');
 
 ?>
 <Templates imagesBasePath="fck_template/images/">
-	<Template title="Content" image="2.png">
+	<Template title="Content" image="1.jpg">
 		<Description>Introductory title</Description>
 		<Html>
 			<![CDATA[
-					<?php loadCSS(api_get_setting('stylesheets')); ?>
-				    <div class="dokeos_course">
-						<div id="box_title1">
-							<h1>Press here to add a title</h1>
-							<h2>Write here a subtitle</h2>
-						</div>
-						<div id="content1">
-						<p><img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/pointer-left.png" alt="Mr dokeos" class="icon" /><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo urna in justo. Nulla facilisi. Vestibulum dapibus mattis sapien. Nunc suscipit. Nulla odio urna, faucibus et, porttitor sed, tincidunt in, mauris. Phasellus semper hendrerit magna. Maecenas nec ligula. Quisque tellus tortor, semper in, blandit quis, aliquet ut, tellus. Quisque vulputate. Sed ligula ipsum, interdum vel, congue tincidunt, facilisis eget, arcu. Donec nec ligula et turpis tristique pulvinar. Integer in arcu vel ligula accumsan consectetuer. Ut a erat.</p>
-						Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Praesent consequat, lectus ac sollicitudin condimentum, nunc felis pharetra ligula, at tincidunt mauris neque vel nulla. Vivamus nec magna vitae leo egestas hendrerit. Fusce sagittis scelerisque sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Praesent convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tristique laoreet felis. Ut vitae est. Integer posuere lacus sed libero. Vestibulum cursus. Duis odio arcu, lobortis sed, fringilla non, egestas vel, magna. Aenean suscipit hendrerit nulla. Suspendisse potenti. Proin tincidunt vehicula eros. Quisque eleifend nisi non enim. Aenean elementum.</p>
-					    <p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
-						</div>
-						<div id="footer1">
-							<div id="manager1">Course manager: So and So
-							</div>
-							<div id="email1">E-mail:<a href="mailto:soandso@soandso.com">soandso@soandso.com</a>
+					<?php echo $css ?>
+				    <div class="dokeos_course" id="presentation">
+						<div id="header_template">
+							<div id="box_title">
+								<h1>Course objectives</h1>
+								<h2>Write here a subtitle</h2>
 							</div>
 						</div>
+						<div id="text_presentation">
+							<p><img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/speech.png" alt="speech" class="left" />Lorem ipsum dolor sit amet, consectetuer adipiscing eddt. Curabitur commodo urna in justo. Nulla faciddsi. Vestibulum dapibus mattis sapien. <em>Keyword 1, keyword 2</em>. Nunc suscipit. Nulla odio urna, faucibus et, porttitor sed, tincidunt in, mauris. Phasellus semper hendrerit magna. Maecenas nec ddgula. Quisque tellus tortor, semper in, blandit quis, addquet ut, tellus. Quisque vulputate. Sed ddgula ipsum, interdum vel, congue tincidunt, faciddsis eget, arcu.</p>
+							<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.<em>Keyword 3, keyword 4</em>. Nulla faciddsi. Praesent consequat, lectus ac solddcitudin condimentum, nunc fedds pharetra ddgula, at tincidunt mauris neque vel nulla. Vivamus nec magna vitae leo egestas hendrerit. Fusce sagittis scelerisque sapien. Class aptent taciti sociosqu ad ddtora torquent per conubia nostra, per inceptos hymenaeos. Praesent convaldds. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tristique laoreet fedds. Ut vitae est. Integer posuere lacus sed ddbero.</p>
+					    </div>
+						<div id="footer_template">
+						</div>
 					</div>
 			]]>
 		</Html>
 	</Template>
-	<Template title="Content" image="2.png">
-		<Description>Introductory title - Corporative</Description>
+	<Template title="Content" image="3.jpg">
+		<Description>Explanation</Description>
 		<Html>
 			<![CDATA[
-					<?php loadCSS("corporativa");?>
-					<div class="dokeos_course" id="corp">
-						<div id="box_title1">
-							<h1>Press here to add a title</h1>
-							<h2>Write here a subtitle</h2>
-							<div id="bottom"></div>
-						</div>
-						<div id="content1">
-						<p><img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/corp.jpg" alt="Corporative icon"  class="icon" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo urna in justo. Nulla facilisi. Vestibulum dapibus mattis sapien. Nunc suscipit. Nulla odio urna, faucibus et, porttitor sed, tincidunt in, mauris. Phasellus semper hendrerit magna. Maecenas nec ligula. Quisque tellus tortor, semper in, blandit quis, aliquet ut, tellus. Quisque vulputate. Sed ligula ipsum, interdum vel, congue tincidunt, facilisis eget, arcu. Donec nec ligula et turpis tristique pulvinar. Integer in arcu vel ligula accumsan consectetuer. Ut a erat.</p>
-						<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Praesent consequat, lectus ac sollicitudin condimentum, nunc felis pharetra ligula, at tincidunt mauris neque vel nulla. Vivamus nec magna vitae leo egestas hendrerit. Fusce sagittis scelerisque sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Praesent convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tristique laoreet felis. Ut vitae est. Integer posuere lacus sed libero. Vestibulum cursus. Duis odio arcu, lobortis sed, fringilla non, egestas vel, magna. Aenean suscipit hendrerit nulla. Suspendisse potenti. Proin tincidunt vehicula eros. Quisque eleifend nisi non enim. Aenean elementum.</p>
-						<p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
-						</div>
-						<div id="footer1">
-							<div class="manager1">Course manager: So and So
-							</div>
-							<div id="email1">E-mail:<a href="mailto:soandso@soandso.com">soandso@soandso.com</a>
-							</div>
+					<?php echo $css ?>
+				    <div class="dokeos_course" id="explanation">
+						<div id="header_template">
+							<div id="box_title">
+								<h1>Explanation</h1>
+								<h2>Write here a subtitle</h2>
+							</div>
+						</div>
+						<div id="body_explanation">
+							<div id="menu_explanation">
+								<dl>
+								<dt>Chek out:</dt>
+								<dd><a href="#nogo" title="Web 1">Web 1</a>
+								</dd><dd><a href="#nogo" title="Web 2">Web 2</a>
+								</dd><dd><a href="#nogo" title="Resource">Resource</a>
+								</dd><dd><a href="#nogo" title="Etc...">Etc...</a>
+								</dd></dl>
+							</div>
+							<div id="text_explanation">
+								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing eddt. Curabitur commodo urna in justo. Nulla faciddsi. Vestibulum dapibus mattis sapien. <em>Keyword 1, keyword 2</em>. Nunc suscipit. Nulla odio urna, faucibus et, porttitor sed, tincidunt in, mauris. Phasellus semper hendrerit magna. Maecenas nec ddgula. Quisque tellus tortor, semper in, blandit quis, addquet ut, tellus. Quisque vulputate. Sed ddgula ipsum, interdum vel, congue tincidunt, faciddsis eget, arcu.</p>
+								<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. <em>Keyword 3, keyword 4</em>. Nulla faciddsi. Praesent consequat, lectus ac solddcitudin condimentum, nunc fedds pharetra ddgula, at tincidunt mauris neque vel nulla. Vivamus nec magna vitae leo egestas hendrerit. Fusce sagittis scelerisque sapien. Class aptent taciti sociosqu ad ddtora torquent per conubia nostra, per inceptos hymenaeos. Praesent convaldds. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tristique laoreet fedds. Ut vitae est. Integer posuere lacus sed ddbero.</p>
+						    	<p>Donec pretium sagittis nisi. Nullam sed ipsum hendrerit arcu ornare mollis. Praesent hendrerit consectetuer magna. Aliquam dignissim. Sed aliquam. Maecenas dui. Quisque eleifend egestas diam. Curabitur sollicitudin dui ac risus. In nunc risus, rutrum eget, malesuada at, lobortis a, erat. Integer vitae nisl ac arcu nonummy ultrices. Nullam sollicitudin arcu quis nisi. Nam nec neque a urna fringilla consequat.</p>
+						    </div>
+						</div>
+						<div id="footer_template">
 						</div>
 					</div>
 			]]>
 		</Html>
 	</Template>
-	<Template title="Content" image="2.png">
-		<Description>Introductory title - Academic</Description>
+	<Template title="Content" image="2.jpg">
+		<Description>Course objectives</Description>
 		<Html>
 			<![CDATA[
-					<?php loadCSS("academica");?>
-					<div class="dokeos_course" id="corp">
-						<div id="box_title1">
-							<h1>Press here to add a title</h1>
-							<h2>Write here a subtitle</h2>
-						<div id="bottom"></div>
-						</div>
-						<div id="content1">
-						<p><img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/academic.jpg" alt="Academic icon"  class="icon" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo urna in justo. Nulla facilisi. Vestibulum dapibus mattis sapien. Nunc suscipit. Nulla odio urna, faucibus et, porttitor sed, tincidunt in, mauris. Phasellus semper hendrerit magna. Maecenas nec ligula. Quisque tellus tortor, semper in, blandit quis, aliquet ut, tellus. Quisque vulputate. Sed ligula ipsum, interdum vel, congue tincidunt, facilisis eget, arcu. Donec nec ligula et turpis tristique pulvinar. Integer in arcu vel ligula accumsan consectetuer. Ut a erat.</p>
-						<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Praesent consequat, lectus ac sollicitudin condimentum, nunc felis pharetra ligula, at tincidunt mauris neque vel nulla. Vivamus nec magna vitae leo egestas hendrerit. Fusce sagittis scelerisque sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Praesent convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tristique laoreet felis. Ut vitae est. Integer posuere lacus sed libero. Vestibulum cursus. Duis odio arcu, lobortis sed, fringilla non, egestas vel, magna. Aenean suscipit hendrerit nulla. Suspendisse potenti. Proin tincidunt vehicula eros. Quisque eleifend nisi non enim. Aenean elementum.</p>
-						<p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
+					<?php echo $css ?>
+					<div class="dokeos_course" id="course_objectives">
+						<div id="header_template">
+							<div id="box_title">
+								<h1>Course objectives</h1>
+								<h2>Write here a subtitle</h2>
+							</div>
+						</div>
+						<div id="text_course_objectives">
+							<ul id="objectives_template">
+							<li>Objective 1<br />
+							<span class="comment_objective">Short comment about objective 1</span>
+							</li>
+							<li>Objective 2<br />
+							<span class="comment_objective">Short comment about objective 2</span>
+							</li>
+							<li>Objective 3<br />
+							<span class="comment_objective">Short comment about objective 3</span>
+							</li>
+							</ul>
 						</div>
-						<div id="footer1">
-							<div class="manager1">Course manager: So and So
-							</div>
-							<div id="email1">E-mail:<a href="mailto:soandso@soandso.com">soandso@soandso.com</a>
-							</div>
+						<div id="footer_template">
 						</div>
-					</div>
+					</div>		
 			]]>
 		</Html>
 	</Template>
-	<Template title="Content" image="2.png">
-		<Description>Introductory title - Baby</Description>
+	<Template title="Content" image="3.jpg">
+		<Description>Activity proposal</Description>
 		<Html>
 			<![CDATA[
-					<?php loadCSS("baby"); ?>
-					<div class="dokeos_course" id="baby">
-						<div id="box_title1">
-							<h1>Press here to add a title</h1>
+					<?php echo $css ?>
+				    <div class="dokeos_course" id="activity_proposal">
+						<div id="header_template">	
+							<div id="box_title">				
+							<h1>Activity proposal</h1>
 							<h2>Write here a subtitle</h2>
-							<div id="bottom"></div>
-						</div>
-						<div id="content1">
-						<p><img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/baby.jpg" alt="Baby icon"  class="icon" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur commodo urna in justo. Nulla facilisi. Vestibulum dapibus mattis sapien. Nunc suscipit. Nulla odio urna, faucibus et, porttitor sed, tincidunt in, mauris. Phasellus semper hendrerit magna. Maecenas nec ligula. Quisque tellus tortor, semper in, blandit quis, aliquet ut, tellus. Quisque vulputate. Sed ligula ipsum, interdum vel, congue tincidunt, facilisis eget, arcu. Donec nec ligula et turpis tristique pulvinar. Integer in arcu vel ligula accumsan consectetuer. Ut a erat.</p>
-						<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Praesent consequat, lectus ac sollicitudin condimentum, nunc felis pharetra ligula, at tincidunt mauris neque vel nulla. Vivamus nec magna vitae leo egestas hendrerit. Fusce sagittis scelerisque sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Praesent convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tristique laoreet felis. Ut vitae est. Integer posuere lacus sed libero. Vestibulum cursus. Duis odio arcu, lobortis sed, fringilla non, egestas vel, magna. Aenean suscipit hendrerit nulla. Suspendisse potenti. Proin tincidunt vehicula eros. Quisque eleifend nisi non enim. Aenean elementum.</p>
-						<p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
-						</div>
-						<div id="footer1">
-							<div class="manager1">Course manager: So and So
-							</div>
-							<div id="email1">E-mail:<a href="mailto:soandso@soandso.com">soandso@soandso.com</a>
 							</div>
-						</div>
+						</div>		
+					<div id="body_proposal">			
+						<div id="menu_proposal">		
+						<dl>
+							<dt>Activity`s objectives</dt>
+								<dd>1) Goal 1</dd>
+				  				<dd>2) Goal 2</dd>
+				  				<dd>3) Goal 3</dd>
+						</dl>
+						</div>
+						<div id="text_proposal">				
+						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing eddt. Curabitur commodo urna in justo. Nulla faciddsi. Vestibulum dapibus mattis
+				sapien. <em>Keyword 1, keyword 2</em>. Nunc suscipit. Nulla odio urna,
+				faucibus et, porttitor sed, tincidunt in, mauris. Phasellus semper
+				hendrerit magna. Maecenas nec ddgula. Quisque tellus tortor, semper in,
+				blandit quis, addquet ut, tellus. Quisque vulputate. Sed ddgula ipsum,
+				interdum vel, congue tincidunt, faciddsis eget, arcu.</p>
+						<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. <em>Keyword 3, keyword 4</em>.
+				Nulla faciddsi. Praesent consequat, lectus ac solddcitudin condimentum,
+				nunc fedds pharetra ddgula, at tincidunt mauris neque vel nulla.
+				Vivamus nec magna vitae leo egestas hendrerit. Fusce sagittis
+				scelerisque sapien. Class aptent taciti sociosqu ad ddtora torquent per
+				conubia nostra, per inceptos hymenaeos. Praesent convaldds. Cum sociis
+				natoque penatibus et magnis dis parturient montes, nascetur ridiculus
+				mus. In tristique laoreet fedds. Ut vitae est. Integer posuere lacus
+				sed ddbero.</p>
+						</div>
+					</div>		
+					<div id="footer_template">
 					</div>
-			]]>
-		</Html>
-	</Template>
-	<Template title="Content" image="2.png">
-		<Description>Explanation</Description>
-		<Html>
-			<![CDATA[
-					<?php loadCSS(api_get_setting('stylesheets'));?>
-					<div class="dokeos_course" class="template2">
-						<div id="nav2">
-							<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/teacher.png" alt="Mr dokeos"  />
-							<div id="list2">
-							<p><i>Check out:</i></p>
-								<ul>
-									<li>web 1</li>
-									<li>web 2</li>
-									<li>Resource 1</li>
-								</ul>
-							</div>
-						</div>
-						<div id="content2">
-							<div id="explanation">
-							<h1>Explanation</h1>
-							</div>
-							<div id="main2">
-							<h2>Enter text here for your explanation</h2>
-						    <p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
-							</div>
-						</div>
 				</div>
 			]]>
 		</Html>
 	</Template>
-		<Template title="Content" image="3.jpg">
-		<Description>Explanation - Corporative version</Description>
+	<Template title="Content" image="3.png">
+		<Description>Think about this...</Description>
 		<Html>
 			<![CDATA[
-					<?php loadCSS("corporativa"); ?>
-					<div class="dokeos_course" class="template2" id="corp" >
-						<div id="nav2">
-							<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/corp.jpg" alt="corporative icon"  />
-							<div id="list2">
-							<p><i>Check out:</i></p>
-								<ul>
-									<li>web 1</li>
-									<li>web 2</li>
-									<li>Resource 1</li>
-								</ul>
-							</div>
-						</div>
-						<div id="content2">
-							<div id="explanation">
-							<h1>Explanation</h1>
-							<div id="bottom"></div>
-							</div>
-							<div id="main2">
-							<h2>Enter text here for your explanation</h2>
-						    <p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
+					<?php echo $css ?>
+				    <div class="dokeos_course" id="think_about">
+						<div id="header_template">			
+							<div id="box_title">	
+							<h1>Think about this</h1>				
+							<h2>Write here a subtitle</h2>
 							</div>
-						</div>
-				</div>
-			]]>
-		</Html>
-	</Template>
-	<Template title="Content" image="3.jpg">
-		<Description>Explanation - Academic version</Description>
-		<Html>
-			<![CDATA[
-					<?php loadCSS("academica"); ?>
-					<div class="dokeos_course template2" id="academic" >
-						<div id="nav2">
-							<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/academic.jpg" alt="Academic icon" class="logo" />
-							<div id="list2">
-							<p><i>Check out:</i></p>
-								<ul>
-									<li>web 1</li>
-									<li>web 2</li>
-									<li>Resource 1</li>
-								</ul>
+						</div>		
+						<div id="text_course_think">			
+							<ul id="think_about_list">
+					  			<li>Question 1</li>
+					  			<li>Question 2</li>
+					  			<li>Question 3</li>
+							</ul>
+							<div id="think_forum">And leave your reflections at the correspondent forum
 							</div>
 						</div>
-						<div id="content2">
-							<div id="explanation">
-							<h1>Explanation</h1>
-							<div id="bottom"></div>
-							</div>
-							<div id="main2">
-							<h2>Enter text here for your explanation</h2>
-						    <p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
+						<div id="footer_template">
 						</div>
 					</div>
-			</div>
 			]]>
 		</Html>
 	</Template>
-	<Template title="Content" image="3.jpg">
-		<Description>Explanation - Baby version</Description>
+	<Template title="Content" image="1.jpg">
+		<Description>Colaborative activity</Description>
 		<Html>
 			<![CDATA[
-					<?php loadCSS("baby"); ?>
-					<div class="dokeos_course" class="template2" id="baby" >
-					<div id="nav2">
-						<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/baby.jpg" alt="baby icon" class="logo" />
-						<div id="list2">
-						<p><i>Check out:</i></p>
-							<ul>
-								<li>web 1</li>
-								<li>web 2</li>
-								<li>Resource 1</li>
-							</ul>
-						</div>
-					</div>
-					<div id="content2">
-						<div id="explanation">
-						<h1>Explanation</h1>
-						<div id="bottom"></div>
+					<?php echo $css ?>
+				    <div class="dokeos_course" id="colaborative_activity">
+						<div id="header_template">			
+							<div id="box_title">	
+							<h1>Colaborative activity</h1>
+							<h2>Write here a subtitle</h2>
+							</div>
 						</div>
-						<div id="main2">
-						<h2>Enter text here for your explanation</h2>
-					    <p>Pellentesque faucibus, magna quis lobortis dapibus, lorem diam pharetra odio, vitae consectetuer nulla massa ac elit. Mauris urna massa, facilisis quis, tristique at, euismod sit amet, tortor. In orci dolor, faucibus sit amet, malesuada non, mollis vel, lacus. Quisque sit amet elit vel eros blandit consequat. Quisque ac risus. Donec accumsan. Suspendisse mauris mi, laoreet ut, pretium vel, dignissim nec, nulla. Sed malesuada facilisis lacus. Phasellus eleifend, nibh vitae pellentesque auctor, libero nunc dictum erat, non imperdiet est dolor quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi consectetuer euismod mi. Proin sit amet est vitae turpis fermentum sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
+						<div id="text_colaborative_activity">			
+							<dl id="list_colaborative">
+					  			<dt>Task:</dt>
+								<dd>
+					    		<p>Write here what you want your students to do.<br />
+								E.G. <i>"Create a blog and add comments to it about Mary Curie "</i></p>
+					  			</dd>
+								<dt>How to:</dt>
+								<dd>
+					    		<p>Write here all the indications for your students to be able to complete the task.<br />
+								E.G.<i>"Go to www.blublublog.com and set up your own account,
+					then wite your data in a paper to keep it for further updates.
+					Afterwards start writting your comments on the blog..."</i></p>
+					  			</dd>			
+							</dl>
+						</div>
+						<div id="footer_template">
 						</div>
 					</div>
-			</div>
 			]]>
 		</Html>
 	</Template>
-	<Template title="Content" image="3.png">
-		<Description>Course Objectives</Description>
+	<Template title="Content" image="1.jpg">
+		<Description>Unit overview</Description>
 		<Html>
 			<![CDATA[
-					<?php loadCSS(api_get_setting('stylesheets')); ?>
-					<div class="dokeos_course" class="template3">
-						<div id="box_title3">
-							<h1>Course objetives</h1>
+					<?php echo $css ?>
+				    <div class="dokeos_course" id="unit_overview">
+						<div id="header_template">
+							<div id="box_title">
+								<h1>Unit overview</h1>
+								<h2>Write here a subtitle</h2>
+							</div>
+						</div>
+						<div id="text_unit_overview">
+							<span class="content_overview">Contents:</span>
+							<ul id="list_unit_overview">
+								<li>Unit 1: Topic number 1
+								</li><li>Unit 2: Topic number 2
+								</li><li>Unit 3: Topic number 3<ul class="subunit_overview"><li>3.1. Subtopic 1
+																							</li><li>3.2. Subtopic 2</li></ul>
+								</li></ul>
+					    </div>
+						<div id="footer_template">
 						</div>
-						<div id="content3">
-						<ul id="primary">
-							<li>Objetive number 1</li>
-							<ul class="secondary"><li>Short comment of the Objective 1</li></ul>
-							<li>Objetive number 2</li>
-							<ul class="secondary"><li>Short comment of the Objective 2</li></ul>
-							<li>Objetive number 3</li>
-							<ul class="secondary"><li>Short comment of the Objective 3</li></ul>
-						</ul>
-						<div id="footer3">
-							<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/pointer-right.png" alt="Mr dokeos" class="logo" />
-						</div> 
-						</div>	
-				</div>
-			]]>
-		</Html>
-	</Template>
-	<Template title="Content" image="3.png">
-		<Description>Course Objectives - Corporative version</Description>
-		<Html>
-			<![CDATA[
-					<?php loadCSS("corporativa"); ?>
-				<div class="dokeos_course" class="template3" id="corp">
-					<div id="box_title3">
-						<h1>Course objetives</h1>
-						<div id="bottom"></div>
 					</div>
-					<div id="content3">
-					<ul id="primary">
-						<li>Objetive number 1</li>
-						<ul class="secondary"><li>Short comment of the Objective 1</li></ul>
-						<li>Objetive number 2</li>
-						<ul class="secondary"><li>Short comment of the Objective 2</li></ul>
-						<li>Objetive number 3</li>
-						<ul class="secondary"><li>Short comment of the Objective 3</li></ul>
-					</ul>
-					<div id="footer3">
-						<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/corp_right.jpg" alt="Corporative logo" class="logo" />
-					</div> 
-					</div>	
-			</div>
-			]]>
-		</Html>
-	</Template>
-	<Template title="Content" image="3.png">
-		<Description>Course Objectives - Academic version</Description>
-		<Html>
-			<![CDATA[
-					<?php loadCSS("academica"); ?>
-				<div class="dokeos_course" class="template3" id="academic">
-					<div id="box_title3">
-						<h1>Course objetives</h1>
-						<div id="bottom"></div>
-					</div>
-					<div id="content3">
-					<ul id="primary">
-						<li>Objetive number 1</li>
-						<ul class="secondary"><li>Short comment of the Objective 1</li></ul>
-						<li>Objetive number 2</li>
-						<ul class="secondary"><li>Short comment of the Objective 2</li></ul>
-						<li>Objetive number 3</li>
-						<ul class="secondary"><li>Short comment of the Objective 3</li></ul>
-					</ul>
-					<div id="footer3">
-						<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/academic.jpg" alt="Academic logo" class="logo" />
-					</div> 
-					</div>	
-			</div>
-			]]>
-		</Html>
-	</Template>
-	<Template title="Content" image="3.png">
-		<Description>Course Objectives - Baby</Description>
-		<Html>
-			<![CDATA[
-					<?php loadCSS("baby"); ?>
-					<div class="dokeos_course" class="template3" id="baby">
-						<div id="box_title3">
-							<h1>Course objetives</h1>
-							<div id="bottom"></div>
-						</div>
-						<div id="content3">
-						<ul id="primary">
-							<li>Objetive number 1</li>
-							<ul class="secondary"><li>Short comment of the Objective 1</li></ul>
-							<li>Objetive number 2</li>
-							<ul class="secondary"><li>Short comment of the Objective 2</li></ul>
-							<li>Objetive number 3</li>
-							<ul class="secondary"><li>Short comment of the Objective 3</li></ul>
-						</ul>
-						<div id="footer3">
-							<img src="<?php echo $_configuration['root_web']; ?>main/img/gallery/baby.jpg" alt="Baby logo" class="logo" />
-						</div> 
-						</div>	
-				</div>
 			]]>
 		</Html>
 	</Template>