@charset "utf-8";
/* CSS Document */

body {
background:#005408 url(images/BKGD_CHICAGO_GR.jpg) top center no-repeat;
font-family:verdana, arial, sans-serif;
margin:0;
}

/***** FONT/FORMAT STYLES *****/

p
{
color:#2e2e2e;
font-size:11px;
line-height:14px;
padding:5px 10px 0 10px;
}

p.footer-color
{
color:#fff;
}

h2
{
display:block;
background-color:#2e2e2e;
color:#fff;
font-size:16px;
padding:5px 10px;
}

h3 a 
{
	color:#2e2e2e;
	text-decoration:none;
	margin-left:15px;
}

h3 a:hover
{
	text-decoration:underline;
}

h1
{
font-size:21px;
font-weight:bold;
color:#2e2e2e;
}

h2.green-title
{
display:block;
background-color:#deebdc;
color:#2e2e2e;
font-size:16px;
text-align:center;
padding:5px 10px;
}

h2.blue-title
{
display:block;
background-color:#ccdaff;
color:#2e2e2e;
font-size:16px;
text-align:center;
padding:5px 10px;
}

h3
{
color:#2e2e2e;
font-size:14px;
}

img
{
border:0;
}

li
{
font-size:11px;
line-height:14px;
}

td
{
vertical-align:top;
}

/***** CONTAINER STYLES *****/

#outer-container
{
background:url(images/container-bg.png) repeat-y;
width:960px;
margin:0 auto;
}

#inner-container-top
{
margin:0;
}

#inner-container-bottom
{
}

#inner-container
{
background-color:#fff;
margin:0 30px;
}

#header
{
height:350px;
}

#subheader
{
height:auto;
}

/***** PURE CSS HORIZONTAL MENU *****/

#nav
{
background-color:#2e2e2e;
width:100%;
height:26px;
}

#nav ul
{
display:block;
list-style-type:none;
margin:0;
padding:0;
}

#nav ul li
{
position:relative;
float:left;
width:auto;
height:auto;
padding:0;
border-right:1px #fff solid;
}

#nav ul li a
{
display:block;
height:auto;
padding:6px 10px;
font-size:12px;
color:#fff;
text-decoration:none;
}

#nav ul ul
{
position:absolute;
z-index:500;
top:25px;
left:0;
display:none;
padding: 0;
margin:0;
}

#nav ul ul ul
{
top:0;
left:100%;
}

#nav ul ul li
{
float:left;
border:0;
background-color:#d1c7b1;
width:220px;
height:auto;
z-index:100;
padding:0;
border-right:1px solid #2e2e2e;
border-left:1px solid #2e2e2e;
border-bottom:1px solid #2e2e2e;
display:block;
}

#nav ul ul li:hover
{
background-color:#2e2e2e;
}

#nav ul ul li a
{
width:auto;
font-size:11px;
color:#2e2e2e;
}

#nav ul ul li a:hover
{
color:#fff;
}

#nav li:hover ul ul,
#nav li li:hover ul ul,
#nav li li li:hover ul ul,
#nav li li li li:hover ul ul
{display:none;}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul
{display:block;}




/***** CONTENT STYLES *****/

#left_column
{
float:left;
width:535px;
margin-right:45px;
}

#right_column
{
float:left;
width:310px;
}

.green
{
background-color:#eff6ee;
padding:0;
}

.blue
{
background-color:#f2f6ff;
padding:0;
}

#footer
{
width:100%;
height:40px;
background-color:#2e2e2e;
color:#fff;
padding:0;
margin:0;
clear:both;
}

#footer a
{
	color:#fff;
	text-decoration:none;
}

#subcontent
{
width:680px;
background:#fff url(images/GFX_INTERIOR_LEFT.gif) left repeat-y;
padding:10px 0 30px 200px;
margin:0;
overflow:hidden;
}

.gray
{
background-color:#a2b3c0;
padding: 0 10px;
}

.staff-container
{
width:100%;
margin-top:30px;
overflow:hidden;
}

#staff-photo
{
float:right;
width:260px;
background-color:#2e2e2e;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:right;
color:#fff;
margin-left:12px;
margin-bottom:12px;
padding:10px;
}


#video-right
{
float:right;
margin-left:12px;
margin-bottom:12px;
}

#news, #education
{
	margin-left:15px;
}

/***** Cancun Banner on Homepage *****/

#cancun_banner
{
background:url(images/cancun_banner2.jpg) no-repeat;
width:535px;
height:357px;
margin:0;
padding:0;
}

#cancun_banner ul
{
list-style-type:none;
margin-left:40px;
padding-top:200px;
padding-left:0;
}

#cancun_banner ul li
{
width:185px;
margin:0;
padding:0;
}

#cancun_banner ul li a
{
color:#000;
font-size:11px;
line-height:14px;
text-decoration:none;
}

#cancun_banner ul li a:hover
{
color:#bb1625;
}

/* Everything Green Page Styles */

.green_content
{
width:100%;
background-color:#fff;
margin:0;
}

li.purple
{
font-size:11px;
line-height:18px;
font-family:Verdana, Geneva, sans-serif;
color:#860038;
}

li.blue
{
font-size:11px;
line-height:18px;
font-family:Verdana, Geneva, sans-serif;
color:#0068b3;
}

li.blue a
{
color:#0068b3;
font-size:11px;
text-decoration:none;
}

li.blue a:hover
{
text-decoration:underline;
}

/* Popup Balloons for Find a Contractor */

a.tt
{
position:relative;
z-index:24;
color:#7c2a21;
font-size:12px;
text-decoration:none;
}

a.tt span
{ 
display: none; 
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover
{ 
z-index:25; 
color: #7c2a21;
}

a.tt:hover span.tooltip
{
display:block;
position:absolute;
top:-50px; 
left:50px;
padding: 0;
width:600px;
color: #000;
font-weight:lighter;
text-align: left;
filter: alpha(opacity:80);
KHTMLOpacity: 0.8;
MozOpacity: 0.8;
opacity: 0.8;
}
a.tt:hover span.tooltip2
{
display:block;
position:absolute;
top:-50px; 
left:50px;
padding: 0;
width:350px;
color: #000;
font-weight:lighter;
text-align: left;
filter: alpha(opacity:80);
KHTMLOpacity: 0.8;
MozOpacity: 0.8;
opacity: 0.8;
}
a.tt:hover span.tooltip3
{
display:block;
position:absolute;
top:-350px; 
left:50px;
padding: 0;
width:600px;
color: #000;
font-weight:lighter;
text-align: left;
filter: alpha(opacity:80);
KHTMLOpacity: 0.8;
MozOpacity: 0.8;
opacity: 0.8;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
display: block;
padding:10px;
background: #fff; 
border:#7c2a21 solid 1px;
}

table.directory_table
{
padding:0;
margin:0;
border:0;
}

td.contractor_company
{
width:250px;
vertical-align:top;
padding:10px 5px;
border-bottom:1px dashed #000;
}

td.contractor_phone
{
width:125px;
font-size:12px;
vertical-align:top;
padding:10px 5px;
border-bottom:1px dashed #000;
}

td.contractor_email
{
width: 125px;
font-size:12px;
vertical-align:top;
padding:10px 5px;
border-bottom:1px dashed #000;
overflow:hidden;
}

td.logo-cell
{
width:100px;
}

td.address-cell
{
	width:200px;
}

/*************** Pipeline News Page ********************/

dl.pipeline-thumb
{
width: 150px;
text-align: center;
padding: 0 ;
float: left;
margin-right: 1em;
}

.pipeline-thumb dt
{
font-weight:bold;
font-size:12px;
}

.pipeline-thumb dt img
{
width:150px;
border:0;
}

.pipeline-thumb dd
{
font-size:10px;
margin:0;
padding:0;
}