@charset "utf-8";
body {
	background-color: #E0F8E6;
	font-family: 13px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	font-size: 16px;
	font-style: normal;
}
a {
	text-decoration:none;
	color:#009;
}
#container {
	width: 820px;
	background: #FFF;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
}
#title_text {
	height: 60px;
	margin: 50px 50px;
}
#nav_menu li{
        float: left;/* Float = All items drift in one direction */
		color: #FFF;
        padding: 15px 20px 15px 20px;/* Padding = distance between the text and the rectangle around it */
        margin:10px;/* Margin = distance between the buttons */
        list-style:none;/* Hides Bullet Points */
        -moz-border-radius: 5px; /* Moz = Mozilla Fire Fox = Border Radius = Edges of Rectangle */
        -webkit-border-radius: 5px; /* Webkit is Safari and Chrome Browsers */
        border-radius: 5px; /* future proofing */ /* Default Prefix while coding is agreed upon. */
        -khtml-border-radius: 5px; /* for old Apple browsers */
        background: #FFCC99; /* Old browsers */
        transition:padding .8s;
        -moz-transition:padding .8s; /* Firefox 4 */
        -webkit-transition:padding .8s; /* Safari and Chrome */
        -o-transition:padding .8s; /* Opera */
		}
#text_menu{
	color: #000;
	text-decoration: none;
}	
#nav_menu li:hover{
	background: #9dd53a; /* Changes Background color */ 
	padding: 15px 40px 15px 20px;
	transition:padding .8s ease;
	-moz-transition: padding .8s ease; /* Firefox 4 */
	-webkit-transition: padding .8s ease; /* Safari and Chrome */
	-o-transition: padding .8s ease; /* Opera */
	cursor: pointer;
	}
#home_left{
	width: 240px;
	float: left;
	margin-left: 50px;
	}
#home_right{
	width: 465px;
	margin-left: 10px;
	float: left;
	margin-right: 10px;
}
#bio_style{
	width: 465px;
	font-style:normal;
	font-size: 18px;	
}

#pub_column {
	width: 94%;
	margin-left: 3.5%;
	margin-right: 2.5%;
	float: left;
}

#news{
	margin-left: 50px;
	margin-right: 50px;
	float: left;
}

/* Box styles */
.myBox {
border: none;
padding: 5px;
height: 300px;
overflow: scroll;
}

/* Scrollbar styles */
::-webkit-scrollbar {
width: 12px;
height: 12px;
}

::-webkit-scrollbar-track {
box-shadow: inset 0 0 10px olivedrab;
border-radius: 10px;
}

::-webkit-scrollbar-thumb {
border-radius: 10px;
background: yellowgreen; 
box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

::-webkit-scrollbar-thumb:hover {
background: #7bac10;
}