#container {
	width: 760px;
	margin: 0px auto;
	background-color: #c1d190;
	color: #333;
	line-height: 120%;
	border: 4px solid #73bdbe;
	/* needed to fix text alignment set for body, which is used to make the container centered */
	text-align: left;
	padding-bottom: 10px;
}

/* fix dumb IE iframe horizontal scrollbar problem */
html, body {
     overflow-x: hidden;
     overflow-y: auto;
}

body {
	font-family: Georgia, "Palotino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12px;
	margin: 0px;
	/* dumb IE thing with iframe scrollbars... */
	_margin-right: 17px;
	background-color: #c1d190;
	color: #000000;
}

.mainbody {
     background-color: #000000;
     color: #000000;
	/* force some browsers (IE 5, IE 5.5, IE 6 in quirks mode) to center everything,
	 * which should be taken care of by the main container's "auto" left and right 
	 * margins. */
	text-align: center;
	/* don't apply fix for dumb IE thing with iframe scrollbars in the main body */
	_margin-right: 0px;
}

h1 {
	 font-family: Georgia, "Palotino Linotype", "Book Antiqua", Palatino, serif;
	 font-size: 45px;
	 color: #000000;
	 line-height: 150%;
}

h3 {
	 font-family: Georgia, "Palotino Linotype", "Book Antiqua", Palatino, serif;
	 font-size: 150%;
	 color: #000000;
	 padding-top: 0px;
	 padding-left: 0px;
	 padding-right: 0px;
	 margin-top: 0px;
	 margin-left: 0px;
	 margin-right: 0px;
}

a {
	text-decoration: none;
}

a:link{
	text-decoration: none;
}

a:visited{
	text-decoration: none;
}

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

#navBar {
	position: absolute;
	top: 190px;
	width: 100px;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #73bdbe;
	border-bottom: 1px solid #73bdbe;
	font-weight: bold;
	background-color: #c1d190;
	/* IE looks dumb (adds extra vertical space) with this */
	/*clear: right;*/
}

#navBar ul a:link, #navBar ul a:visited {
	display: block;
}

#navBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	display: inline
}

.navTitles{
	position: relative;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-size: 95%;
}

.navLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 120%;
}

.navLinks a {
	display: block;
	border-top: 1px solid #73bdbe;
	padding: 2px 0px 2px 5px;
	color: #000000;
}

.navLinks a:visited {
     color: #000000;
}

.navLinks a:hover{
	background-color: #73bdbe;
	text-decoration: none;
}

#rightimage {
     float: right;
     padding-left: 5px;
     padding-bottom: 5px;
}

#leftimage {
     float: left;
     padding-right: 5px;
     padding-bottom: 5px;
}

.bioimage {
     border: 3px solid #73bdbe;
}