/*mystyle.css is a style sheet vfor Kathy's website.*/

body
{
background-color: #FFD980;
background-image: url(images/IMG_0488S.jpg);
font-family: papyrus, monotype;
font-size: 26px;
color: #FFFFCC;
}

#topnav
{	
position: absolute;
top: 10 px;
bottom: 90%;
right; 0;
left: 160 px;
background-color: black;
min-height: 90 px;
max-height: 90 px;
float: left;
}

#sidenav
{
	position: fixed;
	top: 10px;
	bottom: 0px;
	left: 0px;
	width: 150px;
	height: 10%;
	background-color: black;
	background-image: url("images/IMG_0698thumb.jpg");
}

#centerbox
{
position: absolute;
textalign: center;
left: 220px;
right: 280px;
top: 30%;
background-color: black;
padding:10px;
font-family: papyrus, monotype;
font-size: 20px;

/* this is the first link style -- white then maroon when moused/clicked */ 
a:link { text-decoration: none; color: white;} 
a:visited { text-decoration: none; color: white;} 
a:active { text-decoration: none; color: #AE0711;} 
a:hover { text-decoration: bold; color: #AE0711;} 
}

#lowerbox
{
position: absolute;
textalign: center;
left: 500px;
right: 150px;
top: 5%;
padding:10px;
background-color: black;
font-family: papyrus, monotype;
font-size: 20px;

/* this is the first link style -- white then maroon when moused/clicked */ 
a:link { text-decoration: none; color: white;} 
a:visited { text-decoration: none; color: white;} 
a:active { text-decoration: none; color: #AE0711;} 
a:hover { text-decoration: bold; color: #AE0711;} 
}

.biostyle
{
background-color: black
background-image: url("images/IMG_0488VS.jpg");
font-family: papyrus, monotype;
font-size: 14px;
color: black;
}

/* this is the first link style -- white then maroon when moused/clicked */ 
a:link { text-decoration: none; color: white;} 
a:visited { text-decoration: none; color: white;} 
a:active { text-decoration: none; color: #AE0711;} 
a:hover { text-decoration: bold; color: #AE0711;}