/* ----------------------------------------------------------------------- */
/* body: define font, margins, background color */

body {
	margin:				0.5em;
	padding:			0;
	font-family: 		Helvetica, Geneva, Arial,
						SunSans-Regular, sans-serif;
	font-size:			16px;
	line-height:		20px;
	color: 				black;
//	background-color: 	#bfa56d; 
//	background-color: 	#d4ae67; 
	background:			url(topbar.png) top left no-repeat;
	background-color:	white;
}

/* ----------------------------------------------------------------------- */
/* side menu */

.sidemenu{
	width: 				130px; 
	height:				600px;
	position: 			absolute;
	top:				6pt;
	left:				0;
	float:				left;
	display:			block;
	background: 		url(sidebar.png);
}

.headerbar{
	font: 				bold 14px Verdana;
	color: 				white;
	background: 		url(sidebar_active.png) repeat;
	margin-bottom: 		0px;
	margin-top:			0px;
	padding-left:		10px;
	padding-right:		7px;
	padding-top:		7px;
	padding-bottom:		7px;
}

.sidemenu ul{
	list-style-type: 	none;
	margin: 			0;
	padding: 			0;
	border-top:			1px solid white;
}

.sidemenu ul li{
	border-bottom:		1px solid white;
}
	
.sidemenu ul li a{
	font: 				normal 14px Verdana;
	color: 				black;
	display:			block;
	padding: 			7px 0;
	line-height:	 	17px;
	padding-left:	 	8px; 
	padding-right: 		8px; 
	text-decoration: 	none;
}

.sidemenu ul li a:visited{
	color: #000078;
}

.sidemenu ul li a:hover{ 
	color: 		white;
	background: url(./menu_background_hover.png) repeat;
}

#active_nav { 
	color: 		white;
	background: url(./sidebar_active.png) repeat;
}

.topbar{
	position:		absolute;
	top:			0;
	left:			0;
	margin:			0;
	padding:		0;
	height:			90px;
	width:			100%;
	background:		url(topbar.png) no-repeat;
}


/* ----------------------------------------------------------------------- */
/* header */

.header {
	position:		relative;
	left:			150px;
	top:			0;
	padding-left:	0;
	padding-top:	15px;
	width:			800px;
	height:			90px;
	font-family: 	Helvetica, Geneva, Arial,
					SunSans-Regular, sans-serif;
	font-weight:	normal;
}

.myaddress {
	float:			right;
	width:			49%;
	position: 		relative;
	top:			0;
	left:			0;
	right:			0;
	bottom:			0;
	font-size:		14px;
	line-height:	20px;
}

/* ----------------------------------------------------------------------- */
/* text box */


.main {
	position: 		relative;
	width:			58.5em;
	left:			0;
	padding:		0;
	margin:			0;
	margin-left:	150px;
	background: 	none;
}



/* ----------------------------------------------------------------------- */
/* floats within text box */

.left {
	float:			left;
	width:			49%;
	position: 		relative;
	padding:		0;
	margin:			0;
	top:			0;
	left:			0;
	right:			0;
	bottom:			0;
}

.right {
	float:			right;
	width:			49%;
	position: 		relative;
	top:			0;
	left:			0;
	right:			0;
	bottom:			0;
}

/* ----------------------------------------------------------------------- */
/* clear css properties after having put left/right floats */

.clear {
	clear: 			both;
}

/* ----------------------------------------------------------------------- */
/* headings */

h1 {
	font-family: 		Helvetica, Geneva, Arial,
	             		SunSans-Regular, sans-serif;
	font-size:   		200%;
	font-weight: 		normal;
	padding:			0;
	padding-top:		15px;
	margin:				0;
}

h2 {
	font-family: 		Helvetica, Geneva, Arial,
	             		SunSans-Regular, sans-serif;
	font-size:   		120%;
	font-weight: 		bold;
}

h3 {
	font-family:		Helvetica, Geneva, Arial,
	             		SunSans-Regular, sans-serif;
	font-size:   		110%;
	font-weight: 		bold;
}

/* ----------------------------------------------------------------------- */
/* links */

a {
	text-decoration: 	none;
	color: 				blue;
}

a:link {
	text-decoration: 	none;
	color: 				blue;
}

a:visited {
	text-decoration: 	none;
	color: 				blue;
}

a:hover {
	text-decoration: 	none;
	color: 				green;
}


/* ----------------------------------------------------------------------- */
/* tooltips */

a.tooltip {
	position:		 	relative;
}

a.tooltip:hover {
	z-index: 			25;
}

a.tooltip span {
	display: 			none;
}

a.tooltip:hover span {
	display:			block;
	position:			absolute;
	padding:			0.3em;
	top:				2em;
	left:				2em;
	width:				20em;
	background-color:	#f0f0f0;
	color:				black;
	text-decoration:	none;
	border:				1px solid silver;
}

/* ----------------------------------------------------------------------- */
/* miscellaneous definitions */

p.centered {
	text-align:			center;
}

p.footer {
	font-size:			80%;
	font-style:			italic;
}

/* reverse direction of letters */
span.revdir { 
	unicode-bidi:		bidi-override; 
	direction: 			rtl; 
	padding:			0;
	margin:				0;
	border:				0;
}

/* horizontal ruler */
hr {
    height:				1px;
	border-top: 		solid thin silver;
	border-bottom: 		none;
}

/* ----------------------------------------------------------------------- */
/* publication header */
ph {
	margin-top:  		2em;
	margin-bottom:		1em;
	display:    		block;
	font-family: 		Helvetica, Geneva, Arial,
	             		SunSans-Regular, sans-serif;
	font-size:   		120%;
	font-weight: 		bold;
}

/* publication title */
pt {
	font-family: 		Helvetica, Geneva, Arial,
	             		SunSans-Regular, sans-serif;
	font-size:   		100%;
	font-weight: 		bold;
	color:	     		darkgreen;
}

/* ----------------------------------------------------------------------- */

/* publication div */
.paper {
	margin-bottom:		1em;
}

/* abstract div */
.abstract{
	font-family: 		Helvetica, Geneva, Arial,
	            		SunSans-Regular, sans-serif;
	font-size:      	100%;
	font-weight:		normal;
	text-align:			justify;
	margin:				0;
	margin-top:			1em;
	padding:			0.2em;
	margin-left:	 	2em;
	margin-right:		2em;
	color:				black;
	border:  			thin silver solid;
	display:			none;
}

/* ----------------------------------------------------------------------- */

img.me {
	width:				350px;
	padding:			4px;
	border: 			solid red 1px;
}

img.scaled {
	width:				100%;
	padding: 			0;
	border: 			none;
}

/* ----------------------------------------------------------------------- */