/* general */
body		{ text-align: center; background: #DDDDE3; color: #555555; font-family: 'Tahoma', Arial, sans-serif; font-size: .9em; margin: 0px; padding:0px;}
a:link { color: #000000; text-decoration: none }
a:visited { color: #080808; text-decoration: none }
a:hover 	{ color: #4444aa; text-decoration: underline }
img		{ border: 0px; margin: 10px; text-align: center; valign: top; }
h1 { font-size: 2em; margin-top: -2em; margin-bottom: 0em; text-transform: small-caps; text-align: left; }
h3 { font-size: 1.2em; margin-top: 2.5em; margin-bottom: 0em; text-transform: small-caps; text-align: left; }
h4 { font-size: 1em; margin-top:0em; margin-bottom: 0em; text-align: left; }

h3.lectures { font-size: .9em; margin-top: 0em; margin-bottom: 0.1em; text-transform: small-caps; text-align: left; }
div.lectures { display: none; }

.wrapper { width:100%; padding:0px; margin:0px; }

.header {	width: 730px;
		background: #4e4e4e url('/img/sidebar_top.jpg') bottom left repeat-x;
		border: 3px solid #FFF;
		border-top: 0px;
		border-bottom: 0px;
		margin: auto;
		padding: 10px;
		height: 165px;
		vertical-align:
		bottom; text-align:right;
}
.page-title	{
	color: white; font:4.5em 'Lucida Grande', Helvetica, Sans-Serif; font-weight: bold; font-variant:small-caps;
	top: 90px; position: relative;
}
.page-title1 {
	color: #EEE; font:2.5em 'Lucida Grande', Helvetica, Sans-Serif; font-weight: bold; font-variant:small-caps;
	top: -10px; position: relative;
}

.content {
	width: 750px;
	background-color: #FFF; border: 3px solid #FFF; border-top: 0px; border-bottom: 0px;
	margin: auto; padding: 0px; text-align:center;
}
.content-left  {
	width: 25%;
	float: left; background-color: #F8F8F8; margin: 5px; padding: 0px; vertical-align: center; text-align:right;
}
.content-right { 
	width: 71%;
	float: right; background-color: #EEE; margin: 0px; padding: 0px; padding-top: 10px; text-align:left;
}

.main { padding: 0px 25px 20px 15px; }
.cv { padding: 20px 25px 20px 15px; }


/* -- nav links -- */
#menu-left {
	width: 100%;
	margin-top: auto;
	margin-bottom: auto;
	padding: 20px; 
 	margin: auto;
 	list-style-type: none;
	color: #339;
	font-weight: bold;
}
#menu-left li {margin: 5px;  padding: 5 10 0 0; display:list-item; text-align: right; }
#menu-left a {
	color: #555555; font-size: 1.2em; text-transform: uppercase; font-weight: 900; text-decoration: none;
}
#menu-left a:link {	color: #555555;}
#menu-left a:visited {	color: #8888aa;}

#menu-eLearn {
 	margin-top: 120px;
 	list-style-type: none;
	color: #339;
	font-weight: bold;
}
#menu-eLearn li { display:list-item; text-align: center;  }
#menu-eLearn a {
	color: 555555; font-size: 11px; font-weight: 300; text-decoration: none; text-align: left;
}


/* specific */
.text { margin: 0 10 0 0; border: 0px solid #ffffff }
.system_footer, .system_footer A { color: white; }
.system_bottom_menu { font-size: 11px }
/*.system_statistics	{ border: 1px solid grey; font-size: 10px }*/

.divider {background-color: aaaaff; width: 3px; padding: 0}
.footer { margin: 0; padding: 0; padding-top: 3px;
		text-align: left; border: 0px;
		background: #4e4e4e url('/img/shade_bottom.jpg') top left repeat-x;
		vertical-align: bottom;
		text-align: center;
}

.menu_level_1, .menu_level_1_active, .menu_level_2 { height: 15; padding: 5 10 0 0; margin: 0; text-align: right }
.menu_level_2 { height: 10; padding: 0 10 0 0 }
.menu_level_1 A:link, .menu_level_1 A:visited,
.menu_level_2 A:link, .menu_level_2 A:visited
	{ color: 555555; font-size: 14px; text-transform: uppercase; font-weight: 900; text-decoration: none }
.menu_level_1_active A:link, .menu_level_1_active A:visited 
	{ color: 000000; font-size: 14px; text-transform: lowercase; font-weight: 900; text-decoration: none }
.menu_level_2 A:link, .menu_level_2 A:visited { font-size: 10px; color: 000000; text-transform: none }
.menu_level_1 A:hover, .menu_level_2 A:hover { color: 000000; text-decoration: none }

.headerCV { font-size: 16px; font-weight: bold; color: 555555; margin-top: 7px; paddding-top: 0px;}
.main { text-align: justify; }
.cv { font-size: .8em;}
.link { text-align: right; font-size: .2em;  margin-top: -2.5em;}

.text_italic { font-style: italic; }
.text_code { white-space:pre; font-family:courier; margin: 0 0 0 10; font-size: 11px; color: bb5000 }
.imgTopRight  { border: 6px solid white; border-bottom: 10px solid white; margin-top: -7px; margin-left: 10px; margin-right: -20px; padding: 0 0 0 0; float:right; vertical-align:top; position:relative; }

#banner		{ position: absolute; z-index: 20; top: 0px; left: 0px; }