/*
 * global definitions
 */

body
{
	margin: 0px; padding: 0px;
    font-family: arial, sans; font-size: 13px;    
    background-color: #ECF5F9;
    background:url('images/background.gif') repeat-y;;
}

img
{
	border-width: 0px;
}

ul
{
	list-style-image: url("images/bullet.gif");
}

ul li
{
	padding: 3px;
}

ul li span
{
	position: relative;
	top: -5px;
}



a:link		{ text-decoration:underline; color:#046DA6; }
a:visited	{ text-decoration:underline; color:#046DA6; }
a:focus		{ text-decoration:underline; color:#046DA6; }
a:hover		{ text-decoration:underline; color:#046DA6; }
a:active	{ text-decoration:underline; color:#046DA6; }


/*
 * local definitions
 */

#MainBox
{
	width:600px;
	position:absolute;
	left:170px;	
	border-left:2px solid #046DA6;
	border-right:2px solid #046DA6;
	padding: 10px 40px;	
	background-color: #FEFEFE;
}

#MenuBox
{
	float:left;
	width:170px;	
	padding-top:10px;
}

#ContentBox
{
	margin-top:26px;	
}

#FooterBox
{
	margin-top:60px;	
	border-top:1px solid #046DA6;
	border-bottom:1px solid #046DA6;	
	text-align: center;
	padding:2px;	
}


/*
 * classes
 */

.Menu
{
	margin: 0px; padding: 0px;	
}

.MenuHeader
{
	font-weight: bold;
	background-color: #046DA6;
	color: #FEFEFE;	
	padding:2px;
}

.MenuItem
{
	list-style: none;	
	border-bottom: 1px solid #046DA6;	
	padding:2px;	
	font-weight: bold;	
	color: #046DA6;
	background:none;
}

.Form
{
	width: 600px;
	background-color: #046DA6;
}

.Form input, textarea
{
	border: 1px solid #046DA6;
	padding:2px;
}

.FormRow
{
	background-color: #ECF5F9;
}

.FormLabel
{
	width: 200px;
	padding:8px;	
	text-align:right;
	vertical-align:top;
}

.FormElement
{
	vertical-align:top;
	padding:8px;
}

.FormError
{
	color: #FF0000;
}

.FormSucceed
{
	color: #008800;
}

.Course
{
	width: 600px;
	background-color: #046DA6;
}

.CourseRow
{
	background-color: #ECF5F9;
}

.CourseLabel
{
	width: 130px;
	padding:8px;	
	text-align:right;
	vertical-align:top;
}

.CourseElement
{
	vertical-align:top;
	padding:8px;
}

.ModuleHeader
{
	margin: 0px; padding: 0px;
	margin-bottom:2em;
	font-size: 1.00em;
	color: #046DA6;	
	border-top: 1px solid #046DA6;
	background-color: #ECF5F9;	
	padding: 4px;
}

.ModuleFooter
{
	margin: 0px; padding: 0px;
	margin-top:2em;
	font-weight: bold;
	color: #046DA6;	
	border-bottom: 1px solid #046DA6;
	background-color: #ECF5F9;	
	padding:4px;
}

.Image
{
	text-align:center;
	font-weight:bold;
	margin-top: 3em;
}

.red
{
	color: #FF0000;
}

.center
{
	text-align: center;
}

.headline
{
	margin:0; padding:0;
	font-size:1em;
	color:#046DA6;
}

.clear
{
	clear: both;
}

.CourseImage
{
	border:2px solid #046DA6;
	width:200px;
	float:right;
	margin-top:1em;
	margin-left:20px;
}