/*
===============================================================================
the font attributes:
font: <font-style> <font-variant> <font-weight> <font-size> <font-family>

where:
font-style: normal | italic | oblique
font-variant: normal | small-caps
font-weight: normal | bold | bolder | lighter
===============================================================================
*/

body
{
	font: normal normal normal 12px arial, verdana, geneva, arial, helvetica, sans-serif;
	color: #002944;
	background-color: #EBEDF1;
}

p,div,span,td,dl,li
{
	font: normal normal normal 12px arial, verdana, geneva, arial, helvetica, sans-serif;
	color: #002944;
}

b
{
	font-weight: bold;
}

i
{
	font-style: italic
}

.error
{
	color: #FF0000;
}

.errorbox
{
	color: #FF0000;
	background-color: #FFFFFF;
	border: 1px solid #FF0000;
	padding: 10px;
}

.infobox
{
	color: #006600;
	background-color: #FFFFFF;
	border: 1px solid #006600;
	padding: 10px;
}

a.error:link, a.error:visited, a.error:hover
{
	color: #FF0000;
	text-decoration: underline;
}

/*
===============================================================================
Form items
===============================================================================
*/

input,select,option,textarea
{
	font: normal normal normal 11px verdana, arial, helvetica, sans-serif;
	color: #002944;
}

/*
.inputSubmit
{
	background-color: #ECE9D8;
}
*/

/*
===============================================================================
Headers
===============================================================================
*/

h1, .h1
{
	font: normal normal bold 20px arial, helvetica, verdana, geneva, sans-serif;
	color: #4D4D4D;
}

h2, .h2
{
	font: normal normal bold 16px arial, helvetica, verdana, geneva, sans-serif;
	color: #4D5566;
}

h3, .h3
{
	font: normal normal bold 14px arial, helvetica, verdana, geneva, sans-serif;
	color: #4D5566;
}

h4, .h4
{
	font: normal italic bold 12px arial, helvetica, verdana, geneva, sans-serif;
	color: #4D5566;
}

.notifyheader
{
	font: normal normal normal 18px arial, helvetica, verdana, geneva, sans-serif;
	color: #0D639E;
	margin-left: 10px;
	margin-right: 10px;
}

.notifydate
{
	font-size: 10px;
	color: #666666;
}

/*
===============================================================================
The links in normal text
===============================================================================
*/

a:link
{
	text-decoration: underline;
	color: #0060BB;
}

a:visited
{
	text-decoration: underline;
	color: #0060BB;
}

a:hover
{
	text-decoration: underline;
	color: #009900;
}

/*
===============================================================================
The links in the menu
===============================================================================
*/

a.menu:link, a.menu:visited
{
	font: normal normal bold 14px arial, helvetica, verdana, geneva, sans-serif;
	text-decoration: none;
	color: #004D81;
}


a.menu:hover
{
	font: normal normal bold 14px arial, helvetica, verdana, geneva, sans-serif;
	text-decoration: underline;
	color: #004D81;
}

.activemenu
{
	font: normal normal bold 14px arial, helvetica, verdana, geneva, sans-serif;
	text-decoration: none;
	color: #004D81;
	background-color: #BAC3D5;
}

/* Used in the demo: */

a.disabledmenu:link, a.disabledmenu:visited
{
	font: normal normal bold 14px arial, helvetica, verdana, geneva, sans-serif;
	text-decoration: none;
	color: #004D81;
}

a.disabledmenu:hover
{
	font: normal normal bold 14px arial, helvetica, verdana, geneva, sans-serif;
	text-decoration: line-through;
	color: #CC0000;
}

/*
===============================================================================
Diary
===============================================================================
*/

.diaryheader
{
	font-weight: bold;
	color: #555555;
}

.diary
{
	color: #444444;
}

.diaryquestion
{
	font-style: italic;
	color: #000000;
}

a.diary:link, a.diary:visited
{
	text-decoration: none;
	color: #336699;
}

a.diary:hover
{
	text-decoration: underline;
	color: #0066EE;
}

/*
===============================================================================
Program
===============================================================================
*/

.lesson, a.lesson:link, a.lesson:visited
{
	font: normal normal bold 12px arial, helvetica, verdana, geneva, sans-serif;
	text-decoration: none;
	margin-top: 5px;
	color: #FFFFFF; /* 004D81 */
}

a.lesson:hover
{
	font: normal normal bold 12px arial, helvetica, verdana, geneva, sans-serif;
	text-decoration: underline;
	margin-top: 5px;
	color: #FFFFFF; /* 004D81 */
}

.lesson-name, a.lesson-name:link, a.lesson-name:visited
{
	font: normal normal normal 11px arial, helvetica, verdana, geneva, sans-serif;
	text-decoration: none;
	color: #000000; /* 004D81 */
}

a.lesson-name:hover
{
	font: normal normal normal 11px arial, helvetica, verdana, geneva, sans-serif;
	text-decoration: underline;
	color: #000000; /* 004D81 */
}


a.exercise:link, a.exercise:visited
{
	font: normal normal bold 12px arial, helvetica, verdana, geneva, sans-serif;
	text-decoration: none;
	color: #004D81;
}

a.exercise:hover
{
	font: normal normal bold 12px arial, helvetica, verdana, geneva, sans-serif;
	text-decoration: none;
	color: #009900;
}

a.exercise-locked:link, a.exercise-locked:visited
{
	font: normal normal bold 12px arial, helvetica, verdana, geneva, sans-serif;
	text-decoration: none;
	color: #004D81;
}

a.exercise-locked:hover
{
	font: normal bold 12px arial, helvetica, verdana, geneva, sans-serif;
	text-decoration: none;
	color: #CC0000;
}