/*
#
# Site:         efw
#
# File:         site.css
#
# Author:       Andrew Cope / Evergreen Computing Ltd
#
# Date:         March 2007
#
# Copyright:    (c) 2001 Evergreen Computing Ltd
#
*/

* { margin: 0; padding: 0; }

body {
	background-color: #5C5C5C;
	font: 12px Arial, Verdana,  Helvetica, sans-serif;
	margin: 0px;
	color: #424242;	
}

#contact_box {
	margin-top: 20px;
	border-right: #808080 solid 1px;
	border-bottom: #808080 solid 1px;
	width: 85%;			
}

img {
	border: 0;	
}

h1, h3, h4, h5, h6 {
	color: #003366;	
}

h1 {
	font-size: 18px;
}

h2 {
	font-size: 14px;
	padding-bottom: 5px;
}

h2.news {
	font-size: 12px;
	padding-bottom: 0px;
}

h3 {
	font-size: 12px;
}

h4 {
	font-size: 12px;
}

p {
	padding-top: 8px;
	padding-bottom: 8px;
}

a {
	color: #424242;	
}

.blue {
	color: #003366;
}

ul {
	padding-left: 40px;
	padding-top: 5px;
}

input, textarea, select {
	font-family: Verdana, Geneva, sans-serif;
	border-width: 1;
	background-color:#DDDDDD;
	color: black;
}
input:focus, textarea:focus { 
	background : #EEEEFF;
   	 color : black; 
}

.little { font-size:8pt; }

.contactfield {
	width: 240px;
}

.line {
	height: 3px;
	border-top: #003366 solid 1px;
	width: 100%;
	padding-bottom: 10px;
}

.line_2 {
	height: 3px;
	border-top: #003366 solid 1px;
	width: 85%;
	padding-bottom: 10px;
}

.center {
	text-align: center;
	margin: 0 auto;
}

.table {
	margin: 10px;
	text-align: center;
	padding: 7px;
}

.table th {
	padding: 10px;
	border-right: #808080 solid 1px;
	border-bottom: #808080 solid 1px;
}


.table td {
	padding: 5px;
	border-right: #808080 solid 1px;
	border-bottom: #808080 solid 1px;
}

#description {
	float: right;
	text-align: right;
	font-size: 10px;
	margin-top: 5px;
}

/* divs ------------------------------------------------------- */

#container {
	width: 970px;
	text-align: left;
	margin: 0px auto;
	background-image: url(gfx/background_site.gif);
	background-repeat: repeat-y;
	padding-left: 10px;
	padding-right: 10px;
}

/* top ------------------------------------------------------- */

#top {
	height: 81px;
}
	
	#top_left {
		background-image: url(gfx/white_shadow.gif);
		background-repeat: repeat-y;
		background-position: right;
		width: 255px;
		height: 81px;
		text-align: center;	
		float: left;
	}
	
		#top_left img {
			margin: 0 auto;
			width: 200px;
			margin-top: 17px;
		}
	
	#top_center {
		float: left;
		width: 425px;
	}
	
		#top_center_navy_blue_box {
			height: 8px;
			background-image: url(gfx/top_right_navy_blue_box.gif);
			background-repeat: repeat-x;;
		}
	
		#top_center p {
			padding-top: 20px;
			padding-left: 75px;
			font-weight: bolder;
		}
		
		#top_center span {
			color: #000;
			font-size: 14px;
			font-weight: bolder;
		}
	
		#top_center ul {
			color: #000;
			font-size: 14px;
			padding-top: 22px;
			padding-left: 140px;
			
		}
		
		#top_center li {
			list-style-image: url(gfx/arrow.gif);
			display: inline;
		}
		
		
	#top_right {
		float: right;
		height: 81px;
	}	
	
		#top_right ul {
			color: #000;
			font-size: 14px;
			padding-top: 30px;
			padding-left: 50px;
			padding-right: 50px;
		}
		
		#top_right li {
			list-style-image: url(gfx/arrow.gif);
			display: inline; 
			font-size: 11px;
			border-right: #808080 dotted 1px;
			padding-right: 15px;
			padding-left: 15px;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		
		#top_right a {
			text-decoration: none;
		}
		
		#top_right a:hover {
			text-decoration: underline;;
		}
		
		#top_right img {
			padding-right: 5px;
		}

/* banner ------------------------------------------------------- */

#banner {
	height: 262px;
}

	#banner_left {
		width: 255px;
		height: 215px;
		background-color: #003366;
		float: left;
	}
	
			#banner_left ul {
				padding-top: 3px;
				padding-left: 19px;
			}
			
			#banner_menu {
				width: 210px;
			}
			
				#banner_menu a {
					color: #fff;
					font-weight: bold;
					font-size: 15px;
				}
	
	#banner_right {
		width: 696px;
		height: 215px;
		float: left;
		background-image: url(gfx/img_banner.jpg);
		background-repeat: no-repeat;
	}
	
	#banner_mirror {
		clear: left;
		float: left;
		width: 951px;
		height: 47px;
		background-image: url(gfx/mirror_banner.jpg);
		background-repeat: no-repeat;
	}
	
/* content ------------------------------------------------------- */		
		
#content {
	clear: all;
}	

	#content_left {
		float: left;
		width: 220px;
		padding-left: 15px;
		margin-right: 15px;
	}	
	
	#content_left img {
		padding-left: 10px;
	}
	
	#content_right {
		float: left;
		width: 650px;
		padding-left: 15px;
		padding-bottom: 20px;
		
	}
	
		#content_right ul {
			padding-top: 8px;
			padding-bottom: 9px;
		}
		
		#content_right li {
			padding-top: 2px;
			padding-bottom: 2px;
		}
	
	
/* footer ------------------------------------------------------- */		
		
#footer {
	clear: both;
}	

	#footer_left {
		float: left;
		width: 255px;
		height: 85px;
		background-image: url(gfx/white_shadow_footer.gif);
		background-repeat: no-repeat;
		background-position: top right;
		border-top: #EAEAEA solid 1px;
		text-align: center;
	}	
	
		#footer_left img {
			margin: 0 auto;
			margin-top: 25px;
		}
	
	#footer_right {
		float: left;
		width: 695px;
		height: 85px;
	}
	
		#footer_right_gray_box {
			height: 10px;
			background-image: url(gfx/footer_right_gray_box.gif);
			background-repeat: repeat-x;
		}
		
		
		#footer_links {
			margin-top: 10px;
			text-align: center;
			margin-right: 100px;
		}
		
			#footer_links ul {
			}
			
			#footer_links li {
				display: inline;
				margin-left: 10px;
			}
			
			#footer_links a {
				color: #424242;
				text-decoration: none;
			}
			
			#footer_links a:hover {
				text-decoration: underline;
			}

		#footer_copyright {
			padding-top: 15px;
			text-align: center;
			padding-left: 100px;
		}
		
		#evergreen_logo {
			float: right;
			text-align: center;
			margin-right: 20px;
			margin-bottom: 10px;
		}

#shadow_footer {
	width: 970px;
	margin: 0px auto;
	background-image: url(gfx/shadow_footer.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	height: 15px;
}

	
/* customer page ------------------------------------------------------- */	

.cust_img {
	padding-left: 30px;
	padding-bottom: 10px;
}

/* contact page ------------------------------------------------------- */	

.contact_info {
	padding-left: 10px;
}