/***************************
STYLE.CSS, for index.html

The correct syntax for a style attribute is as follows:

#nameofobject
{
	attribute:value;
}

***************************/


/*Sets the background for the entire site, as well as tells the background to take up the entire browser window. You can change the url within 'background:', but leave the rest alone.*/
html, body
{
background:#000000;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

/*This is a container for everything that is seen within the site. Currently set to transparent, best to leave this one alone.*/
#container
{
	margin:0px auto;
	width:920px;
	height:100%;
	background-color:transparent;
}

/*This object is the navigation bar, which sets the width and spacing(padding), as well as the side of the screen it should sit on (currently left). Leave z-index alone.*/
#navigation
{
	position:absolute;
	padding:20px;
	float:left;
	z-index:1;
	width:250px;
}

/*This object refers to the space where the iframe sits. The width is set to ensure room for a standard quicktime movie (640x360), and the margin is set to 250px, to leave space for the navigation bar, also with a width of 250px*/
#content
{
	position:relative;
	width:700px;
	height:100%;
	margin-left:250px;
	z-index:0;
	padding:0;
	margin-bottom:0px;
}
/*This is the iframe we use. No border, no padding, width the same as the content object the iframe sits in. Height is set to 99%, and should probably stay that way.*/
#iframe
{
	border:0;
	padding:0;
	margin:0px;
	width:900px;
	height:99%;

}
/*These control the text for various elements (the larger headings, the links, the heading links, etc.) as well as the hover over states for them. Feel free to change colors, font sizes, weights, etc.*/
h1
{
	color:#ead1ed;
	font-size:28px;
	font-weight:bold;
}

a:link, a:visited
{
	color:white;
	font-size:18px;
	text-decoration:none;
}
a:hover, a:focus
{
	color:#dcb7dd;
}

a:link.headinglink, a:visited.headinglink
{
	color:#ead1ed;
	font-size:28px;
	font-weight:bold;
	text-decoration:none;
}

a:hover.headinglink, a:focus.headinglink
{
	color:#de9cfa;
	font-size:28px;
	font-weight:bold;
	text-decoration:none;
}