/* CSS Document */

body {
color: #fff;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 76%;
background-color: #000;
margin: 0;
padding: 0;
}

.darkgrey {
background-color: #000;
}

/* Text properties  */

.hide {
text-indent: -9999px;
}

img {
display: block;
border: 0;
}

a:link {
font-weight: bold;
text-decoration: none;
color:#f30;
background: transparent;
}

a:visited {
font-weight: bold;
text-decoration: none;
color: #f90;
}

a:hover {
font-weight: bold;
text-decoration: underline;
color:#f00;
background: transparent;
}

a:active {
font-weight: bold;
text-decoration: none;
color: #f63;
background: transparent;
}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: bold;
text-align: left; 
}

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold; 
text-align: left; 
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
text-align: right; 
}

p {
margin: 1.2em 0em 1.2em 0em;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 1.0em;
font-weight: normal;
}

#container {
padding: 0px 0px 0px 0px;
margin-top:20px;
margin-left:20px;
height:500px;
width:900px;
}


#left {
position:absolute;
margin-left: 20px;
margin-top: 20px;
background-color:navy;
float:left;
width:420;
height:500;
overflow:auto;
padding: 0px 0px 0px 10px;
}

#right {
position:absolute;
margin-top: 20px;
margin-left:460;
background-color:teal;
width:420;
height:500;
overflow:auto;
padding: 0px 0px 0px 10px;
}