I'm assuming that some (if not a lot) of the people here are pretty darn good with HTML and CSS.

Anyway, I have this website that I'm working on and I'm pretty sure that there is a tag so that I can load text into a specified area without having to reload the page. I know there are frames but I think there's an easier way to do this. Here's a look at my CSS, I want html files to load from links in the midnav to body division, without having to refresh the screen. Is there an simple HTML or CSS tag to do this or no?

I'm sorry if my CSS isn't great, this stuff is over a year old and I'm just getting back to it now.

body {
color: #FFF5EE;
background-color: #000000;
font-family: Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
text-align: center;
}

div#container {
margin-left: auto;
margin-right: auto;
margin-top: 1%;
width: 875px;
height: 570px;
border: 1px solid white;
padding: 10px;
text-align: left;
}

div#header {
position: relative;
height: 250px;
}

div#nav {
position: relative;
float: right;
height: 260px;
top: 5px;
padding: 3px;
width: 150px;
border: 1px solid red;
}

div#body {
position: relative;
float: left;
top: 5px;
left: 0px;
width: 480px;
height: 260px;
padding: 2px;
border: 1px solid #A020F0;
}

.overflow {
overflow: auto;
width: 480px;
height: 260px;
scrollbar-face-color : #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #FF1111;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #CCCCCC;

}

div#midnav {
position: relative;
float: right;
top: 5px;
right: 10px;
width: 200px;
height: 260px;
border: 1px solid red;
padding: 2px;
}

div#footer {
position: relative;
height: 20px;
border: 1px solid #A020F0;
top: 15px;
padding: 3px;
width: 855px;
}