/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

/*	# refer to div ids                                */
/*	e.g. #topbar refers to anything in <div id="topbar"> */
/*	. indicate class-specific styles                     */
/*	e.g. ul.navbar the list: <ul class="navbar">         */

html, body {
/*	background-color:#BFBF86;*/
	margin: 0;
	padding: 0;
	height: 100%;

	/*A concession.  Could not figure out a pure-css way to get right-hand green bar to change vertical height based on page content...*/
	background-image:url("images/background.png");
	background-size:100% 100%;

}

html {/*this was the old right-hand green bar*/
/*When content is larger (vertically) than screen, bar would stop at bottom of viewport*/
/*
	border-right-width: 120px;
	border-right-color: #535642;
	border-right-style: solid;
*/
}

ul {/*To make bullets off by default*/
	list-style:none;
}

#topbar  {/* includes the navigation bar on the main page*/
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 120px;
	top: 0px;
	left: 0px;
	background-color: #535642;
}

#topbar p {
	display:inline; /*So no line break after paragraph*/
	color: #A79369; /*Correct color. Jan.10.2013*/
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-variant:small-caps;
	font-size:xx-large;/*xx-large;*/
}
#topbar a:link, a:visited, a:hover{
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:large;
	color: #D5CCB0;
	text-decoration:none;
	font-weight:bold;
}

#topbar ul {
	list-style:none;
}

#topbar li {
	display:inline;
	margin-right:80px;
}

#topbar img{
	float:right;
	margin-right:120px;
}

ul.navbar { /*To keep the links at the bottom of the topbar*/
	margin-top: 40px;
}

#container { /*Holds the main content*/
/*	height: 100%;  bad. very bad.  Does't fix right-hand bar if container's height=100%*/
	margin:0;
	padding:0;
	width: 100%;
	position:absolute;
	top:120px; /*To prevent overlap with top navigation bar*/
	left:0;
}

#main { /*Holds content, but width:80% prevents (it should anyway) overlap with right-hand green bar*/
	height:100%;
	position:relative; /*absolute positioning gets bars to display inline, but no background appears...*/
	/*relative positioning and there are line-breaks, but background color shows up...*/
	margin:0px;
	top:60px; /*Provides a little spacing from navbar*/
	left:40px; /*could use a margin or padding instead...*/
	width:80%;
	display:inline;
	float:left;
}

#main p{
	color:#5B342F;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	display:inline;
	background:none;
}

#main a{ /*if link, hover, and or visited are specified, the style is applied to topbar element for some reason...*/
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:medium;
	color: #336633;
	text-decoration:none;
	font-weight:bold;
}

/*
.twopanelcontainer{/*Not used?
	height:100%;
	position:relative;
	
}*/


.twopanelleft{
	height:100%;
	position:relative;
/*	top:40px; /*Provides a little spacing from navbar*/
	left:10%;
	width:40%;
	display: inline-block;/*allows the two panels to be displayed side-by-side*/
	
	vertical-align:top;
}

.twopanelright{
	height:100%;
	position:relative;
/*	top:40px; /*Provides a little spacing from navbar*/
	left:10%;
	width:40%;
	display: inline-block;/*allows the two panels to be displayed side-by-side*/
	text-align: center;
}

img.twopanelright{
	width:80%;
}

.onepanel{
	height:100%;
	position:relative;
/*	top:40px; /*Provides a little spacing from navbar*/
	left:10%;
	width:80%;
	text-align:center;
}

img.onepanel{/*Center-alignment of images*/
	display: inline;
	margin: 0 auto;
}

p.onepanel{/*to allow different text-align for p elements*/
	display:block;
}

.vertdivide{ /* to divide page vertically. Use: <div class="vertdivide></div>*/
	width:100%;
	background-color:#535642;
	height:4px;
	margin-right:10%;
	margin-left:10%;
	margin-top:20px;
	margin-bottom:20px;
}

#contactInfo ul {
	list-style:none;
}

#contactInfo li {
	color:#5B342F;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
}

#caption {
	position:relative;
	width:80%;
	text-align:center;
	left:10%;
}

#research{
	height:100%;
	position:relative;
	margin-top:5%;
	float:left; /*So image floats to the right of the text*/
/*	top:40px;*/
/*	left:10%;*/
/*	width:50%;*/
}

#research ul{
	list-style:none;
}

#research li{
	margin-top:0px;
	margin-bottom:30%;
/*	margin-bottom:80px;*/
}

p.lefttext {/*to left-justify the text in the individual research pages*/
	text-align:left;
}

img.researchimages{
	vertical-align:120px;
	width:60%;
}

#publications{
	text-align:left;
}

/*#publications */
h3{
	color:#5B342F;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
}

#publications ul{
	list-style:none;
}

#publications li{
	color:#5B342F;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	margin-bottom:10px;
}