/* main_styles.css file */

/*
This file is used to contain the codes and classes concerned
with presentation and positioning of the Eagle Computer
Technologies web site. Specifically, it concerns the positioning
and presentation of the elements on the home page. Normally, I will
seperate positioning and presentation elements into two different
files, but there are so few presentation elements, it would be more
trouble to seperate things than it is worth.
This script may be reused for non-commercial purposes, provided
this description and copyright notice is not altered in any way.
This script is copyright 2005 by Eagle Computer Technologies, Inc.
All Rights Reserved.

History
=======

Version: 1.0, Date: Saturday March 26, 2005
Programmer: RFH
Description: Initial Version

For Questions, Comments, and Bugs, you can contact the programmer.
Programmer : Russ Howard
E-mail: russ.howard@eaglecomputertechnologies.com
*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:black;
	background-color:black;
	overflow: auto;
}
ul{
	text-align:left;
	margin: 10px 10px;
}
#header {
	position: relative;
	height:151px;
	width:848px;
}
#content{
	position:relative;
	height:1119px;
	width:848px;
}
#menu_panel{
	position:absolute;
	background-image:url(../images/left_panel_background.jpg);
	top:0px;
	left:0px;
	width:180px;
	height:1119px;
	overflow:auto;
}
#main_panel{
	position:absolute;
	background-image:url(../images/main_page_background.jpg);
	top:0px;
	left:180px;
	width:668px;
	height:1119px;
	overflow:auto;
}
#footer{
	position:relative;
	top:0px;
	width:848px;
	height:50px;
}
#footer_graphic{
	position:absolute;
	top:0px;
	left:0px;
	width:848px;
	height:50px;
}
.top_header_graphics{
	position:absolute;
	top:1px;
}
.menu_buttons{
	position:absolute;
	top:96px;
	width:70px;
	height:40px;
}
.clockintro{
	position:relative;
	font-size:small;
	text-align:center;
	margin-left:3px;
	top:10px;
	left:0px;
}
.biggestheader-mainsection{
	position:relative;
	margin:10px, 5px;
	top:0px;
	left:0px;
	text-align:center;
}
.paragraph-mainsection{
	position:relative;
	margin:10px;
	text-indent:20px;
	top:0px;
	left:0px;
	text-align:left;
}
.paragraph-mainsection-noindent{
	position:relative;
	margin:10px;
	text-indent:0px;
	top:0px;
	left:0px;
	text-align:left;
}
.text-link-style{
	position:absolute;
	font-size:9px;
	text-align:center;
	top:1px;
	height:24px;
	width:55px;
}
a:link {
	font-size: xx-small;
	font-weight: bold;
	color: blue;
}
a:hover {
	font-size: xx-small;
	font-weight: bold;
	color: yellow;
}
a:active {
	font-size: xx-small;
	font-weight: bold;
	color: red;
}
a:visited {
	font-size: xx-small;
	font-weight: bold;
	color: purple;
}