/*
==============================================================================
	GLOBAL STYLES
==============================================================================
*/
#box_title {
	text-align: right;
	margin-left: 30%;
	width: 65%;
	margin: 0;
	float: right;
}

#box_title h1 {
	font: bold 2em Arial, sans-serif, sans;
	color: #bbb;
}

#box_title h2 {
	font: bold 1.5em Arial, sans-serif, sans;
	color: #bbb;
}

.dokeos_course {
	width: 690px;
	margin: 0 auto;
	padding: 0;
	font: normal .72em verdana, 'Lucida Grande', sans-serif, sans;
}

#footer_template {
	background: transparent url("images/footer_template.png") no-repeat top center;
	width: 690px;
	height: 48px;
	clear:both;
}

#header_template {
	width: 690px;
	background: transparent url("images/writerheader.png") no-repeat top
		left;
	height: 150px;
}

/*
------------------------------------------------------------------------------
	Presentation
------------------------------------------------------------------------------
*/

#text_presentation { 
	/* Min-height hack for IE 6*/
	min-height: 200px;
	height: auto !important;
	height: 200px;
	width: 690px;
	float:left;
	text-align: justify;
	background: transparent url("images/repeat_template.png") repeat-y top center;
}

#text_presentation em {
	font: normal normal bold 1em verdana, 'Lucida Grande', sans-serif, sans;
}

#text_presentation img.left {
	float: left;
	margin: 0 2em 2em 1em;
	clear: left;
	display: block;
}

#text_presentation p {
	text-align: justify;
	width: 620px;
	margin: 1em auto 1em auto;
}

/*
------------------------------------------------------------------------------
	Explanation
------------------------------------------------------------------------------
*/
#body_explanation {
	background: transparent url("images/repeat_template.png") repeat-y top center;
	/* Min-height hack for IE 6*/
	min-height: 200px;
	height: auto !important;
	height: 200px;
	width: 690px;
	float:left;
}

#explanation #header_template {
	background: transparent url("images/teacherheader.png") no-repeat top
		left;
}

#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: 200px;
	height: auto !important;
	height: 200px;
}


#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;
}

#menu_explanation dd a{
	color: #aaa;
	text-decoration:none;	
}

#menu_explanation dd a:visited {
	color: #bbb;
}

#menu_explanation dd a:hover, #menu_explanation dd a:focus {
	color:#000;
}

#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:205px;
	overflow: auto;
}

#text_explanation em {
	font: normal normal bold 1em verdana, 'Lucida Grande', sans-serif, sans;
}

#text_explanation p{
	width:390px;
	margin:1em auto;
}
/*
------------------------------------------------------------------------------
	Course Objectives
------------------------------------------------------------------------------
*/

.comment_objective {
	color:#000;
	font: bold .7em verdana, 'Lucida Grande', sans-serif, sans;
}

#course_objectives #header_template {
	background: transparent url("images/pointerheader.png") no-repeat top
		left;
}

#objectives_template {
	margin:.3em auto 0 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");
}

#objectives_template li {
	margin:0 0 .5em 1em;
	padding:0;
}

#text_course_objectives {
	background: transparent url("images/repeat_template.png") repeat-y top center;
	/* Min-height hack for IE 6*/
	min-height: 200px;
	height: auto !important;
	height: 200px;
	width: 690px;
	float:left;
}
/*
------------------------------------------------------------------------------
	Activity proposal
------------------------------------------------------------------------------
*/
#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;
	/* Min-height hack for IE 6*/
	min-height: 200px;
	height: auto !important;
	height: 200px;
	width: 690px;
	float:left;
}

#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: 200px;
	height: auto !important;
	height: 200px;
}


#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;
}

#menu_proposal dt {
	margin:0 0 1em 10px;
	font: bold 1.3em Arial, sans-serif, sans;
	color: #bbb;
}

#text_proposal {
	width:450px;
	margin:0 0 0 10px;
	text-align:justify;
	float:left;
}

#text_proposal em {
	font: normal normal bold 1em verdana, 'Lucida Grande', sans-serif, sans;
}

#text_proposal p{
	width:390px;
	margin:1em auto;
}
/*
------------------------------------------------------------------------------
	Think about
------------------------------------------------------------------------------
*/

#text_course_think {
	background: transparent url("images/repeat_template.png") repeat-y top center;
	/* Min-height hack for IE 6*/
	min-height: 200px;
	height: auto !important;
	height: 200px;
	width: 690px;
	float:left;
}

#think_about #header_template {
	background: transparent url("images/thinkerheader.png") no-repeat top
		left;
}

#think_about_list {
	margin:.5em auto 0 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");
}

#think_about_list li {
	margin:0 0 1em 1em;
	padding:0;
}

#think_forum {
	width:500px;
	margin:-1em auto 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;
}

/*
------------------------------------------------------------------------------
	Colaborative activity
------------------------------------------------------------------------------
*/

#colaborative_activity #header_template {
	background: transparent url("images/colabheader.png") no-repeat top
		left;
}

#list_colaborative {
	margin:1em auto;
	padding:0;
	width:400px;
}

#list_colaborative dt{
	color:#4271b5;
	font: bold 2.5em Arial, sans-serif, sans;
}

#list_colaborative dd {
	margin:0;
	padding:0;
	text-align:justify;
}

#text_colaborative_activity {
	background: transparent url("images/repeat_template.png") repeat-y top center;
	/* Min-height hack for IE 6*/
	min-height: 200px;
	height: auto !important;
	height: 200px;
	width: 690px;
	float:left;
}
/*
------------------------------------------------------------------------------
	Unit overview
------------------------------------------------------------------------------
*/

.content_overview {
	color:#aaa;
	font: bold 2.5em Arial, sans-serif, sans;
	margin-left:1em;
}

#list_unit_overview {
	list-style-image:url("images/list_icon_template.png");
}

#list_unit_overview li{
	margin:.5em 0 0 1em;
	padding:0;
	color:#4271b5;
	font: bold 2.5em Arial, sans-serif, sans;
}

.subunit_overview {
	list-style-image:url("images/subunit_list_icon.png");
}

#text_unit_overview {
	background: transparent url("images/repeat_template.png") repeat-y top center;
	/* Min-height hack for IE 6*/
	min-height: 200px;
	height: auto !important;
	height: 200px;
	width: 690px;
	float:left;
}

#unit_overview .subunit_overview li{
	color:#000;
	font: bold .7em verdana, 'Lucida Grande', sans-serif, sans;
}

#unit_overview #header_template {
	background: transparent url("images/readerheader.png") no-repeat top
		left;
}
/*
------------------------------------------------------------------------------
	Blank template
------------------------------------------------------------------------------
*/

#blank_template #text_presentation { 
	/* Min-height hack for IE 6*/
	min-height: 200px;
	height: auto !important;
	height: 200px;
	width: 690px;
	float:left;
	text-align: justify;
	background: transparent url("images/repeat_template.png") repeat-y top center;
}

#blank_template #box_title {
	text-align: right;
	width: 640px;
	margin:3em 0 0 0;
	float:left;
}

#blank_template #box_title h1 {
	font: bold 2em Arial, sans-serif, sans;
	color: #bbb;
}

#blank_template #header_template {
	width: 690px;
	background: transparent url("images/blankheader.png") no-repeat top
		left;
	height: 150px;
}
/*
------------------------------------------------------------------------------
	More templates
------------------------------------------------------------------------------
*/

#contact_template {
	color:#aaa;
	font: bold 1.2em Arial, sans-serif, sans;
}

#contact_template a{
	color:#4271b5;
	text-decoration:none;
}

#contact_template a:hover, #contact_template a:focus{
	text-decoration:underline;
}


#more_templates #box_title {
	text-align: right;
	width: 640px;
	margin:3em 0 0 0;
	float:left;
}

#more_templates #box_title h1 {
	font: bold 2em Arial, sans-serif, sans;
	color: #bbb;
}

#more_templates #header_template {
	width: 690px;
	background: transparent url("images/blankheader.png") no-repeat top
		left;
	height: 150px;
}

#more_templates p {
	margin-top:4em;
	padding-top:.8em;
	width:450px;
	padding-right:60px;
	text-align:justify;
	background: transparent url("images/forum_template.png") no-repeat top right;
}

#more_templates #text_presentation { 
	height: 150px;
	width: 690px;
	float:left;
	text-align: justify;
	background: transparent url("images/repeat_template.png") repeat-y top center;
}

#more_templates #footer_template {
	background: transparent url("images/footer_dokeos.png") no-repeat top center;
	width: 690px;
	height: 48px;
	clear:both;
}