@charset "utf-8";
/* CSS Document */

/*
li.drawline{
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-bottom-color: white;
}
*/
/* changing the parent div's display to 'flex' makes the heights of its children divs the same */
/* but needs to use javascript to change 'flex-direction' to 'column' to make the second div go below when in small view*/
/*.row.equalheight {
	display: flex;	
}*/

#leftside{
	margin-top: 12px;
	height: auto;
	text-align: left;
	padding: 50px 90px 0px 100px; /*top right bottom left... changed padding-bottom from 0px to 100%*/
	
	
	
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: b7b8bb;
	background: #fff;
	
	/*delete these three
	z-index: 0;
	position: fixed;
	top: 50px;
	left:15px;*/
}

#leftside h1{
	font-size: 36px;	
}

p.roles {
	font-style: italic;
	font-size: 20px;
}


.noCollapse{
	margin-bottom: 20px;	
}

p.fulldescription{
	margin-bottom: 15px;	
}

img.circleIcon{
	margin-top: 35px;	
}

#rightside{
	margin-top: 12px;
	height:auto;	
	background:#FCF;
	text-align: left;
	padding-left:0px;
	padding-right:0px;
	
	/*
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: b7b8bb;*/
	
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color: F26522;
	
	/*delete these three
	z-index: 0;
	position: absolute;
	right: 0px;*/

}



/*responsive image upon resizing window*/
img.scaling{
	max-width: 100%;
	height: auto;	
}
/*
#rightside:hover{
	overflow: auto;
}
*/

.showHide{
	margin-bottom: 25px;
		
}

button.btn.btn-primary{
	display: none;/*value will change via javascript. setting the value to "" removes this attribute.*/
}