/**
 * Global elements
 */
 
* { padding:0; margin:0; }

body {
font-size:66%;
line-height:1.7em;
font-family: helvetica, arial, verdana, sans-serif;
color:#000;
background:#f2f2f2 url(../images/body_bg.jpg) 0 0 repeat-x;
}

h1, h2, h3, h4, h5, h6 { font-weight: bold; color:#056739;}
h1 { font-size: 2.4em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.3em; }

a img { border:none; }

.black { color:#000; }

p { 
margin:0 0 15px 0; 
font-size:1.1em;
}

.img { /* this class is for Image Replacement */
letter-spacing:-10000000000em;  /* This fix is for Safari and Blackberry hand held divice */
text-indent:-99999em; 
overflow:hidden; 
display:block;
background-repeat:repeat; 
background-color:transparent; /* IE FLICKER FIX - no background position! */
}

.right {
float:right;
}

.img_left {
float:left;
margin:0 10px 10px 0;
}

.img_right {
float:right;
margin:0 0px 10px 10px;
}

.smalltxt {
font-size:0.9em;
line-height:1.3em;
color:#999;
}

/**
 * Structure
 */
 
#site_container {
width:940px;
margin:0 auto;
}
 
#header {
position:relative;
width:940px;
height:143px;
}

#navigation {
width:940px;
height:36px;
border-left:1px solid #fff;
}

#left_column {
float:left;
margin:10px 0 0 0;
padding:15px 10px;
width:208px;
border:1px solid #e5e5e5;
background:#fff;
}

#left_column_img {
float:left;
margin:10px 0 0 0;
padding:0;
width:230px;
}

#content {
float:left;
margin:10px 0 0 10px;
padding:15px 10px;
width:438px;
border:1px solid #e5e5e5;
background:#fff;
min-height:428px;
}

* html #content {
height:428px;	
}

#right_column {
float:left;
margin:10px 0 0 10px;
padding:0;
width:230px;
}

#footer {
float:none;
clear:both;
position:relative;
height:50px;
}

/**
 * Header
 */
 
h1 a#main_logo {
position:absolute;
top:10px;
left:0;
width:220px;
height:112px;
background:url(../images/main_logo.jpg) 0 0 no-repeat;
}

p#contact_header {
position:absolute;
top:51px;
right:0;
width:222px;
height:47px;
background:url(../images/contact_header.jpg) 0 0 no-repeat;
}

#resize-box{
background-color:#f0f0f0;
border:1px dashed #a0a0a0;
position:absolute;
top:-1px;
right:5px;
}

#resize-box:hover{
background-color:#e0e0e0;
}		

#resize-box a {
font-family:Helvetica, Arial, sans-serif;
text-decoration:none;
color:#909090;
display:block;
float:left;	
}

#resize-box a#decrease {
font-size:18px;
padding:5px 10px 5px 10px;
}

#resize-box a#increase {
font-size:19px;
padding:5px 10px;
}

#resize-box a:hover{
color:#303030;
}

#decrease {
border-right:1px dotted #a0a0a0;		
}
 
/**
* Navigation
*/

ul#nav {
position:relative;
height:36px;
width:940px;
list-style:none;
}

ul#nav li {
float:left;
}

ul#nav li a {
display:block;
font-size:1.3em;
color:#333;
text-decoration:none;
height:26px;
padding:10px 13px 0 13px;
border-right:1px solid #fff;
white-space:nowrap;
}

* html ul#nav li a {
width:1px;
white-space:nowrap;
}

ul#nav li a:hover,
ul#nav li a.active {
color:#fff;
background:url(../images/nav_li_a_bg.jpg) 0 0 repeat-x;
}

/*
-----------------------------------
the following styles are for the
dropdown menu
-----------------------------------
*/

div#navigation ul#nav li ul li a:hover { 
text-decoration:none; 
background:#7ac043;
}

div#navigation ul li ul { 
display:none;
}
	
div#navigation ul li.off ul, ul#nav li.on ul { 
width:200px;
height:auto;
padding:0;
margin:0;
background:#e5e5e5; 
z-index:10000!important; 
}

div#navigation ul li.off.dropmanuf ul, ul#nav li.on.dropmanuf ul { 
position: absolute;
top:36px; 
left:185px; 
}

div#navigation ul li.off.dropcust ul, ul#nav li.on.dropcust ul { 
position: absolute;
top:36px; 
left:445px; 
}

* html div#navigation ul li.off.dropmanuf ul, ul#nav li.on.dropmanuf ul,
*+html div#navigation ul li.off.dropmanuf ul, ul#nav li.on.dropmanuf ul { 
position: absolute;
top:36px; 
left:187px; 
}

* html div#navigation ul li.off.dropcust ul, ul#nav li.on.dropcust ul,
*+html div#navigation ul li.off.dropcust ul, ul#nav li.on.dropcust ul { 
position: absolute;
top:36px; 
left:454px; 
}

div#navigation ul#nav li ul li {  
list-style-type:none; 
width:200px;
margin:0!important;
padding:0!important;
text-align:left!important;  
border:0px solid #f30;
}
	
div#navigation ul li ul li a {
float:left;
display:block;
color:#333;
font-size:1.2em;
padding:10px 0 0 15px!important;
margin:0!important;
text-align:left;
width:200px;
background:#e5e5e5;
border-bottom:1px solid #fff;
cursor:pointer;
}
	
div#navigation ul li.on ul {
display: block;  
}
	
div#navigation ul#nav li.over ul {
display:block;
z-index:10000; 
}
	
ul#nav li.off:hover ul, 
#nav li.over ul { 
display: block; 
z-index:10000; 
}

/**
* Left Column
*/

#left_column h3 {
border-bottom:1px solid #e1e1e1;
padding:0 0 10px 0;
}

.side_nav {
list-style:none;
}

.side_nav li a {
display:block;
color:#333;
font-size:1.3em;
text-decoration:none;
padding:8px 0 6px 5px;
border-bottom:2px dotted #d3d3d3;
}

* html .side_nav li a {
height:1px;
}

.side_nav li a:hover {
background:#7ac043;
color:#fff;
}

/**
* Content
*/

#content h2 {
border-bottom:1px solid #e1e1e1;
padding:0 0 10px 0;
margin:0 0 10px 0;
}

#content h3 {
color:#333;
margin:0 0 10px 0;
}

ul#servs_markets {
list-style:none;
border-top:2px dotted #e5e5e5;
}

ul#servs_markets li {
background:url(../images/li_bg.gif) 0 16px no-repeat;
padding:15px 0 0 29px;
border-bottom:2px dotted #e5e5e5;
}

ul#servs_markets li h4 {
padding:0 0 5px 0;
}

ul.list,
ul.list li ul{
list-style:none;
margin:0 0 10px 0;
}

ul.list li,
ul.list li ul li {
background:url(../images/li_bg.gif) 0 2px no-repeat;
padding:0 0 5px 29px;
font-size:1.3em;
color:#056739;
}

#content ul.list li a,
#content ul.list li ul li {
font-size:1.0em;
color:#056739;
}

ul.list li ul {
margin:10px 0 0 0;
}

address {
font-style:normal;
font-size:1.3em;
line-height:1.5em;
margin:0 0 25px 0!important;
}

#content a {
color:#056739;
}

#content a:hover {
text-decoration:none;
}

/**
* Right Column
*/

/**
* Footer
*/

#footer p {
padding:10px 0 0 250px;
color:#666;
font-size:1em;
}

#footer p a {
color:#666;
margin:0 10px 0 0;
font-size:1em;
}

#footer p a:hover {
text-decoration:none;
}