/* CSS Document */


/* The body section redefines the body tag setting the margins, background image, etc. */

body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000000;
	background-image: url(images/background.gif);
}


/* The main_table class sets the borders and colors for the main content table */

.main_table {
	text-align: center;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
}


/* The horizontal_bars class sets the colors and properties of the green horizonal bars at the top and bottom of the pages and their link styles as well (i.e. the underline that appears when you hover over the contact us and site map links at the bottom of the page */

.horizontal_bars {
	background-color: #008705;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	padding-right: 15px;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
}

.horizontal_bars a:link {
	color: #FFFFFF;
}

.horizontal_bars a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.horizontal_bars a:visited {
	color: #FFFFFF;
}

.horizontal_bars a:active {
	color: #FFFFFF;
}


/* The footer class is in charge of the copyright text at the bottom of the page */

.footer {
	font-size: 10px;
	text-align: center;
	color: #000000;
}
	
	
/* The form_buttons class sets the style for all form buttons on the site (i.e. the search button) */	
	
.form_buttons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #F1F1F1;
}


/* The tab_tables class sets the properties for the tables on the main page (Welcome and Services Offered tables). */

.tab_tables {

	background-color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}


/* The text_fields class sets the style for all the text fields on the site (i.e. the search field and the contact form fields) */

.text_fields {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}


/* The categories class is a VERY important class.  This controls the table headers on the main page that say "Welcome to Evergreen Engineering" and "Services Offered".  It is EXTREMELY IMPORTANT that you DO NOT adjust the line height attribute below.  If you set it higher than 26 it will make the image in the background repeat so please do not change the line height from 26px. */

.categories {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-indent: 8px;
	line-height: 26px;
	font-style: italic;
	text-align: left;
	color: #008705;
}


/* The services class defines the style off the services offered on the main page, it also defines the link styles for
each of the services offered which in turn creates the bold effect when you roll your mouse over one of the services */

.services {
	line-height: 16px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #333333;
}

.services a:link {
	color: #000000;
}

.services a:hover {
	color: #000000;
	text-decoration: underline;
}

.services a:visited {
	color: #000000;
}

.services a:active {
	color: #000000;
}


/* The welcome class defines the style off the services offered on the main page. */

.welcome {
	line-height: 16px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #333333;
}


/* The "a" section redifines the "<a> tag through this CSS document which controls all links and their respective styles on this site */

a:link{
	text-decoration: none;
	color: #0000FF;
}

a:hover {
	text-decoration: underline;
	color: #0000FF;
}

a:visited{
	text-decoration: none;
	color: #0000FF;
}

a:active{
	text-decoration: none;
	color: #0000FF;
}