@charset "utf-8";
/* sets some ground rules for the whole web page */
body 
{
	background:#000 url(images/Dark%20ETM/ETM-Dark_06.gif) repeat-y;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
}
/* all the rules associated with links, these properties define what a link will look 
like when it is unclicked, clicked, being hoverd over, and as it is being clicked */
a:link { color:#FF9; }
a:hover { color:#FC6; }
a:visited { color:#FFF; }
a:active { color:#900; }
/*Sets up a container for all the content*/
#containerDiv
{
	float:left;
	width:1000px;
	height:auto;
}
/* sets up the main section of the webpage with a fixed width and background color
to add a background type url(yourlink.imgtype) into background:; */
#mainDiv
{
	position:absolute;
	top:0;
	left:0;
	width:1000px;
	height:auto;
}
/* puts up the header image and hinds the site text 9999 to the left, hiding it 
from view, it will appear if the CSS fails to load */
#headerDiv
{
	float:left;
	height:200px;
	width:1000px;
	background:url(images/Dark%20ETM/Dark-Header-2.gif);
}
#sideContainer
{
	float:left;
	display:inline;
	width:200px;
	height:auto;
}
#sideLinkDivs
{
	float:left;
	display:inline;
	width:200px;
	height:auto;
	background: url(images/Dark%20ETM/ETM-Dark_06.gif);
	text-align:left;
}
/* Un ordered Lists now have no bullet points (DO NOT CHANGE) */
#sideLinkDivs ul 
{
	list-style:none;
	margin-left:0;
	margin-top:0;
	padding-left:0;
	text-indent:1em;
}
/* size has been set so the background image is visable */
#sideLinkDivs ul li 
{
	height:50px;
	width:200px;
	padding-top:15px;
	margin-bottom:-15px;
	background:url(images/Dark%20ETM/ETM-Dark_04.gif) no-repeat; 
	font-size:14px;
	font-weight:bold;
}
/* Hide the menu items when the user is not hovering over the main item*/
#sideLinkDivs ul li div
{
	margin-left:-9999em;
	display:block;
}
/* the padding for the links keeps them from running off the left sid of the page here */
#sideLinkDivs ul li:hover
{
	height:50px;
	width:200px;
	padding-top:15px;
	margin-bottom:-15px;
	background:url(images/Dark%20ETM/ETM-Dark_02.gif) no-repeat;
	font-size:14px;
	font-weight:bold;
}
#sideLinkDivs ul li:hover div
{
	margin-left:200px;
	margin-top:-2.3em;
	position:absolute;
	z-index:1;
	display:block;
}

/* the padding for the links keeps them from running off the left sid of the page here */
#addSpace
{
	float:left;
	width:200px;
	height:auto;
	background:url(images/Dark%20ETM/ETM-Dark_06.gif);
}
/*all img tags will be the size set in this rule*/
#addSpace img
{
	margin-left:10px;
	margin-top: 20px;
	width:180px;
	height:150px;
}
/* The content of the website is in this box holder */
#contentDivBox
{
	padding:1em;
	float:right;
	width:750px;
	font-size:12px;
}
/* Controls header text in contentDivBox */
#contentDivBox h1
{
	margin-left:1em; /* this indents the header */
	margin-bottom:1em;
	font-family:Verdana, Geneva, sans-serif;
}
/*The footer that has all the extra links in it at the bottom of the screen*/
#footerDivBox
{
	float:right;
	width:750px;
	padding:1em;
}