﻿body { 
margin: 0;
padding: 0; 
text-align: center;
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 100.01%; 
font-weight: normal; 
color: #333;
text-decoration: none; 
background: #fff;
background: #fff url('../static_html/images/body-bg.png') repeat-y top center;
} 

h1 {
}

h2 {
}

h3 {
}

h4 {
}

p {
}

a {
}

a:hover {
}

#header_wrap {
margin: 0;
margin-bottom: 0.8em;
width: 100%;
min-width: 950px;
}

#list {
width: 100%;
text-align: center;
margin: 0;
padding: 0;
padding: 0.3em 0;
padding-bottom: 0.4em;
font-size: 0.7em;
background: #4f86b2;
}

#list ul {
margin: 0;
padding: 0;
}

#list li {
display: inline;
}

#list li a {
color: #fff;
padding: 0.1em 0.3em;
text-decoration: none;
}

#list li a:hover {
color: #000;
text-decoration: underline;
}

#header {
clear: both;
margin: 0;
padding: 0;
width: 100%;
height: 130px !important;
background: #4f86b2 url('../static_html/images/header.png') bottom left repeat-x;
min-width: 950px;
}

#header_inner_wrap {
width: 950px;
margin: 0 auto;
}

#logo {
width: 320px;
height: 130px;
margin: 0 auto;
text-align: center;
padding: 0;
background: #4f86b2;
margin-bottom: -5px;
}

#logo img {
margin: 0;
padding: 0;
width: 320px;
height: 130px;
border: 0;
}

#logo a {
border: 0;
}

#hdr_contact {
float: left;
width: 200px;
margin: 0;
margin-top: 25px;
margin-left: 25px;
padding: 0;
font-size: 0.85em;
}

#hdr_contact ul {
margin: 0;
padding: 0;
text-align: left;
}

#hdr_contact li {
margin: 0;
padding: 0;
padding-left: 30px;
line-height: 25px;
list-style-type: none;
color: #fff;
}

#hdr_contact li.tel {
background: url('../static_html/images/phone-icon.png') left center no-repeat;
}

#hdr_contact li.fax {
background: url('../static_html/images/fax-icon.png') left center no-repeat;
}

#hdr_contact li.email, div.sidebox li.email {
background: url('../static_html/images/email-icon.png') left center no-repeat;
}

#hdr_contact li.web {
background: url('../static_html/images/web-icon.png') left center no-repeat;
padding-left: 30px;
}

#hdr_contact li a {
margin: 0;
padding: 0;
color: #fff;
text-decoration: none;
}

#searchbox {
text-align: right;
float: right;
width: 200px;
margin: 0;
margin-right: 1.3em;
margin-top: 24px;
padding: 0;
font-size: 0.9em;
}

#searchbox form {
text-align: right;
display: inline;
margin: 0;
padding: 0;
}

#searchbox input {
margin: 0;
margin-bottom: 0.2em;
padding-bottom: 0;
width: 200px;
height: 26px;
border: 1px solid #4f86b2;
}

#searchbox input.text {
font-size: 1.2em;
}

#searchbox input.submit {
width: 200px;
margin: 0;
padding: 0.1em 0.3em; 
font-size: 0.75em;
color: #fff;
font-weight: bold;
background: #fe890a;
border: 1px solid #fff;
}

#main_nav {
	padding: 0.6em 0;
	font-size: 0.9em;
	background: #fe890a;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#main_nav ul {
list-style-type: none;
text-align: center;
font-size: 0.8em;
margin: 0;
padding: 0;
}

#main_nav li {
display: inline;
margin: 0;
padding: 0;
}

#main_nav li a {
margin: 0;
padding: 0.7em 0.9em;
font-weight: bold;
color: #fff;
text-decoration: none;
background: #fe890a;
border-right: 1px solid #fff;
}

#main_nav li a.first {
border-left: 1px solid #fff;
}

#main_nav li a:hover {
background: #4f86b2;
}

#main_nav li a#active {
background: #4f86b2;
cursor: default; 
}

#container {
width: 950px;
min-width: 950px;
margin: 0 auto;
text-align: left;
background: #fff;
}

#middlecol {
	margin: 0 auto;
	float: left;
	width: 650px;
	background: #fff;
	font-size: 0.8em;
}
#leftcol, #rightcol {
	display: block;
	width: 135px;
	background: #fff;
}
#leftcol {
	float: left;
	margin-right: 10px;
}

#rightcol {
float: right;
}

#rightcol img {
border: 1px solid #4f86b2;
margin-bottom: 0.4em;
}

div.sidebox {
margin: 0;
padding: 0;
margin-bottom: 0.6em;
font-size: 0.9em;
border: 1px solid #4f86b2;
background: #f5f5f5 url('../static_html/images/box_bg_fade.png') bottom left repeat-x;
}

div.sidebox h4 {
margin: 0;
padding: 0.2em 0.3em;
font-size: 0.9em;
font-weight: normal;
color: #fff;
background: #4f86b2 url('../static_html/images/header.png') bottom left repeat-x;
}

div.sidebox ul {
margin: 0;
padding: 0;
list-style: none;
}

div.sidebox li {
}

div.sidebox li.email {
background: url('../static_html/images/email-icon2.png') left center no-repeat;
padding-left: 30px;
}

div.sidebox li a {
display: block;
margin: 0;
padding: 0.3em;
font-size: 0.8em;
color: #333;
text-decoration: none;
}

div.sidebox li a:hover {
color: #fff;
text-decoration: underline;
background: #fe890a;
}

div.links_wrap {
width: 602px;
margin: 0 auto;
padding: 6px;
text-align: center;
border: 1px solid #ccc;
}

#linkscol, #linkscol2, #linkscol3 {
float: left;
width: 194px;
margin: 0;
padding: 0;
text-align: left;
}

#linkscol2 {
margin: 0 5px;
}

#links ul, #links2 ul, #links3 ul {
list-style-type: none;
width: 194px;
margin: 0;
padding: 0;
} 

#links li, #links2 li, #links3 li {
margin: 0 0 10px 0;
}

#links li a, #links2 li a, #links3 li a { 
color: #333;
display: block;
font-weight: bold;
font-size: 1em;
padding: 8px;
text-decoration: none;
background: #f5f5f5 url('../static_html/images/box_bg_fade.png') bottom left repeat-x;
border-top: 1px solid #fff;
border-left: 1px solid #f5f5f5;
border-right: 1px solid #efefef;
border-bottom: 1px solid #ddd;
height: 130px;
}

* html #links li a, * html #links2 li a, * html #links3 li a {  /* make hover effect work in IE */
width: 194px;
}

#links li a:hover, #links2 li a:hover, #links3 li a:hover {
color: #fff;
background: #fe890a url('../static_html/images/box_bg_fade_hover.png') top left repeat-x;
border-top: 1px solid #feb667;
border-left: 1px solid #feb667;
border-right: 1px solid #864805;
border-bottom: 1px solid #864805;
}

#links a em, #links2 a em, #links3 a em { 
clear: both;
color: #555;
display: block;
font-size: 0.8em;
line-height: 1.2em; 
margin: 0.4em 0;
font-style: normal;
font-weight: normal;
}

#links a:hover em, #links2 a:hover em, #links3 a:hover em { 
color: #fff;
}

#links a span, #links2 a span, #links3 a span {
font-size: 0.8em;
line-height: 1.5em;
clear: both;
}

#links a img, #links2 a img, #links3 a img {
float: right;
margin-left: 5px;
margin-bottom: 5px;
width: 65px;
height: 65px;
border: 1px solid #4f86b2;
}

div.right {
float: right;
width: 305px;
margin: 0;
padding: 0;
margin-left: 5px;
}

p.intro {
font-size: 1.2em;
margin: 0.8em auto;
text-align: center;
}

ul.intro {
}

ul.intro a {
font-size: 0.9em;
color: #333;
text-decoration: none;
}

ul.intro a:hover {
color: #000;
text-decoration: underline;
}

div.clear {
margin: 0;
padding: 0;
clear: both;
height: 0;
}
#middlecol_home {
	margin: 0 auto 0 auto;
	float: left;
	width: 655px;
	background: #fff;
	font-size: 0.8em;
}

div.box_wrap {
width: 200px;
margin: 0 9px;
float: left;
text-align: center;
}

h3.box {
/*
font-size: 1em;
margin: 0;
padding: 0.2em 0.3em;
font-weight: bold;
color: #fff;
background: #4f86b2 url('../static_html/images/box-h3-bg.png') repeat-x top left;
*/
margin: 0;
padding: 0.2em 0.3em;
font-size: 0.9em;
font-weight: normal;
color: #fff;
background: #4f86b2 url('../static_html/images/header.png') bottom left repeat-x;
}

div.box {
/*
text-align: left;
margin: 0;
padding: 0;
padding-top: 0.2em;
background: #fff;
font-size: 0.9em;
border: 1px solid #ebebeb;
*/
margin: 0;
padding: 0;
margin-bottom: 0.6em;
font-size: 0.9em;
border: 1px solid #4f86b2;
background: #f5f5f5 url('../static_html/images/box_bg_fade.png') bottom left repeat-x;
}

div.box p {
margin: 0;
padding: 0;
}

div.box_img {
float: left;
width: 80px;
height: 80px;
margin: 0;
padding: 0;
padding-right: 5px;
padding-bottom: 5px;
}

img.box {
margin: 0 auto;
border: 1px solid #ebebeb;
width: 78px;
height: 78px;
}

img.box_group {
width: 180px;
height: 100px;
}

div.box p {
text-align: left;
padding: 0 0.2em;
font-weight: bold;
color: #000;
}

h3.box a {
color: #fff;
text-decoration: none;
}

h3.box a:hover {
color: #fff;
text-decoration: underline;
}

ul.box {
margin: 0;
padding: 0;
padding-bottom: 0.4em;
text-align: left;
}

/*
li.box {
margin: 0;
margin-left: 0.6em;
padding: 0;
list-style-type: none;
}

a.box {
font-size: 1.1em;
color: #000;
padding: 0.2em 0;
padding-left: 12px;
line-height: 1.4em;
text-decoration: none;
font-weight: normal;
}

a.box:hover {
color: #333;
text-decoration: underline;
}
*/

div.box li a {
display: block;
margin: 0;
padding: 0.3em;
color: #333;
text-decoration: none;
}

div.box li a:hover {
color: #fff;
text-decoration: underline;
background: #fe890a;
}

div.boxform {
float: right;
width: 60px;
}

form.box {
display: inline;
margin: 0;
padding: 0;
}

/* Tool tip */
#tooltip {
position: absolute;
width: 150px;
font-size: 0.8em;
color: #fff;
border: 1px solid #fff;
padding: 2px;
background: #fe890a;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#evolution_wrapper {
width: 655px;
text-align: center;
margin: 0 auto;
padding: 0;
}

