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

* {
margin:0;
padding:0;
}

A:link
{ text-decoration: underline; color:#660099; }
A:visited
{ text-decoration: underline;  color:#660099; }
A:active
{ text-decoration: underline;  color:#660099; }
A:hover
{ text-decoration: none; color:#660066;}

h1 {font-family: "times new roman";letter-spacing: 1pt; color: #39F; font-size: 18pt; font-weight: bold;}

h2 {font-family: "verdana"; color: #F99; letter-spacing: 2pt; font-size: 12pt; }

h3 {font-family; "verdana"; color: #39F; letter-spacing: 2pt; font-size: 10pt; }

body
{ background-color: #000000;
font-family: verdana, arial; 
color: #cccccc; 
font-weight: normal; 
font-size: small;
}

#container {
    margin-left: auto;
    margin-right:auto;
	margin-top: 5px;
	width:890px;
}

#info {
	   margin-left: auto;
    margin-right:auto;
	margin-top: 5px;
	width: 890px;
}

#intro
{margin-left: auto;
margin-right:auto;
margin-top: 5px;
width:890px;
height:600px;
background-image: url('images/soap1-web4.gif');
background-repeat: no-repeat;
background-position:center top;
}

#leftside
{float: left;
width: 250px;
margin-top: 150px;
text-align: left;
z-index: 2;
	}

#rightside
{float: right;
width: 250px;
margin-top: 150px;
text-align: left;
z-index: 2;
	}

#header
{float: left;
width:890px;
text-align:center;
}

#bottomcredits
{float: left;
width: 850px; 
height: 100px;
padding: 10px;
}

#contentarea {
float: left;
width: 470px;
height: 380px;
padding: 5px;
}

#rightnav
{float: right;
width: 400px;
height: 380px;
padding: 5px;
 }
 
#videos
{float: left;
width: 870px;
height: 200px;
padding: 5px;
}