/*  CSS */


body	{
	

	color: #333;
	text-align:center;
    margin-right:auto;
    margin-left:auto;
	padding: 0;
	margin-top:0;
	background: #fff

	}
	



/*TOPHEADER
----------------------------------------------------------------------------- */

#topheader { width:100%;height:67px;border-top:5px solid #fff; border-bottom:5px solid #fff }

#logo { float:left; width:198px; height:67px; padding-left:25px} 
#toppics { width:510px;height:67px; float:right;}




/*CONTAINER
----------------------------------------------------------------------------- */

#wrap {
	min-width: 500px;
	max-width: 1400px;
	background: url(img/wrap-bg.gif) repeat-y 70% 0;
	}
	
	
	
/* MAIN COL
----------------------------------------------------------------------------- */
#content {
	float: left;
	width: 70%;
	color: #333;
	line-height: 1.5em;
	text-align:left
	
	
	}
	
#directory
{
	width:479px;	
}	
	
	
/*RIGHT COL
----------------------------------------------------------------------------- */



#sidebar {
	float: right;
	width: 30%;
	}
	



/* GUTTERS
----------------------------------------------------------------------------- */

#content .gutter {
	padding: 25px;
	background: url(img/content-bg.gif) repeat-x top left;
	border-left:30px solid #A2E7D6;
	min-height:339px;
     height:auto !important;
     height:339px;
	}
#sidebar .gutter, #sidebar-2 .gutter {
	padding: 15px 0 15px 0;
	}


/* MAIN BANNER
----------------------------------------------------------------------------- */

#banner {background: #6BBEE0 url(graphics/homeheaderbg.jpg) no-repeat top left ;height:190px;border-bottom:5px solid #fff}
#logisticsbanner {background: #6BBEE0 url(graphics/logisticsheaderbg.jpg) no-repeat top left ;height:190px;border-bottom:5px solid #fff}
#locationbanner {background: #6BBEE0 url(graphics/locationheaderbg.jpg) no-repeat top left ;height:190px;border-bottom:5px solid #fff}
#sitesbanner {background: #6BBEE0 url(graphics/sitesheaderbg.jpg) no-repeat top left ;height:190px;border-bottom:5px solid #fff}
#interconnectorbanner {background: #6BBEE0 url(graphics/interconnectorheaderbg.jpg) no-repeat top left ;height:190px;border-bottom:5px solid #fff}
#contactbanner {background: #6BBEE0 url(graphics/contact.jpg) no-repeat top left ;height:190px;border-bottom:5px solid #fff}
#linksbanner {background: #6BBEE0 url(graphics/linksheaderbg.jpg) no-repeat top left ;height:190px;border-bottom:5px solid #fff}
#newsbanner {background: #6BBEE0 url(graphics/news_title.jpg) no-repeat top left ;height:190px;border-bottom:5px solid #fff}

#blankbanner {background: #6BBEE0 url(graphics/blankheaderbg.jpg) no-repeat top left ;height:190px;border-bottom:5px solid #fff}
#greenbanner {background: #6BBEE0 url(graphics/greendir.jpg) no-repeat top left ;height:190px;border-bottom:5px solid #fff}

	
	
	#bannerpic { float:right; width:510px }


	
/* CONTENT
----------------------------------------------------------------------------- */






#content h1 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: arial,verdana,helvetica,clean,sans-serif "Lucida Sans";
	font-size: 150%;
	color: #447cbb;
	font-weight: normal;
	}


#content h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: arial,verdana,helvetica,clean,sans-serif "Lucida Sans";
	font-size: 120%;
	color: #447cbb;
	font-weight: bold;
	}

dl.feature {
	margin: 15px 0;
	padding: 15px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	}
dl.feature:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
dl.feature dt {
	margin: 0 0 .5em 0;
	font-family: Georgia, serif;
	font-size: 140%;
	color: #693;
	}
dl.feature dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
	background: url(img/photo-frame.gif) no-repeat bottom right;
	}
dl.feature dd {
	margin-left: 169px;
	font-size: 90%;
	line-height: 1.5em;
	color: #666;
	}


/* ADS IN RIGHT COL 
----------------------------------------------------------------------------- */


/* exhibitingbox 
----------------------------------------------------------------------------- */

.exhibitingbox { 
	margin: 0 0 10px 4px;
	display:block;
	

	border:4px solid #C1BCDB;
	padding: 0 0 4px 0;
	font-size: 85%;
	line-height: 1.5em;
	color: #666;
	background: #DAD7E9 url(graphics/exhibitingbox_b.gif) no-repeat bottom right;
	}
.exhibitingbox h3 {
	margin: 0;
	padding: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight:bold;
	color: #fff;
	background: url(graphics/box-t.gif) no-repeat top left;
	}
.exhibitingbox p, .exhibitingbox ul {
	margin: 0;
	padding: 0 0 0 0;
	
	}
#sidebar .gutter .exhibitingbox ul li {
	margin: 0 0 0 4px;
	padding: 3px 10px 0px 8.7em;



	text-align:left;
	list-style: none;
	font-size:92%;
	font-weight:normal;
	
	background: url(graphics/exhibitingboxbg.jpg) no-repeat 0 4px;
	}

#sidebar .gutter .exhibitingbox ul li a { color:#6458A5 ; line-height:14px;	display:block  }

#sidebar .gutter .exhibitingbox ul li a:hover { color:#6458A5; text-decoration:none  	  }




/* logisticsbox 
----------------------------------------------------------------------------- */

.logisticsbox { 
	margin: 0 0 0px 4px;

	border:4px solid #5EC5ED;
	padding: 0 0 4px 0;
	font-size: 85%;
	line-height: 1.5em;
	color: #666;
	background: #BCE4F7 url(graphics/logisticsbox_b.gif) no-repeat bottom right;
	}

.logisticsbox p, .logisticsbox ul {
	margin: 0;
	padding: 0 0 0 0;
	
	}
#sidebar .gutter .logisticsbox ul li {
	margin: 0 0 0 4px;
	padding: 3px 10px 0px 8.7em;



	text-align:left;
	list-style: none;
	font-size:92%;
	font-weight:normal;
	background: url(graphics/logisticsboxbg.jpg) no-repeat 0 4px;
	}

#sidebar .gutter .logisticsbox ul li a { color:#1279A0 ; 	  }



/* FOOTER
----------------------------------------------------------------------------- */

#footer {
	clear: both;
	background: #5EC5ED;
	padding-left:25px;
	border-top:5px solid #fff;

	font-family:Arial, Helvetica, sans-serif
	}


#footer p {
	margin: 0;
	padding: 9px;
	font-size: 85%;
	color: #fff; 
	text-align:right
	}
	
#footer a { color:#fff; }

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


/*  IE fixes */

#content, #sidebar {
	height: 1%;
	}

.feature { 
	display: inline-table; 
	}
/* Hides from IE/Mac \*/
* html .feature { 
	height: 1%; 
	}
.feature { 
	display: block; 
	}
#footer {
	height: 1%;
	}
/* End hide from IE/Mac */

	




/* TYPOGRAPHY
----------------------------------------------------------------------------- */
	
h1, h2, h3, h4, h5, h6	{
	
	font-weight: normal;

	letter-spacing: 1px;
	color:#006599;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	}


	
.gutter h1	{



	padding:0 0 10px 0;
	margin:0;
	font-size: 189%;
	color:#31A4D5;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif



	
    }	

	
	.gutter p{

    margin: 5px 0 10px 0;
	padding:0;
	line-height:1.6em;
	font-size:   92%;  
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	max-width:600px
	

}

.gutter p.altstyle {

 	margin: 3px 0 10px 0;
	padding:0;
	line-height:1.6em;
	font-style:italic;
	font-size: 122%;
	color:#2894C1;
	font-family:"Arial", Times, serif;
	text-align:left;
	
	
	}



.gutter h2	{

	margin: 8px 0 8px 0;
	color:#CC9A41;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal ;
	font-size:    174%; 
    }	


#content .gutter ul{

  
	line-height:1.6em;
	text-align:left; 
	color:#147EB1;
	font-family: Arial, Helvetica, sans-serif;
	margin:0 0 0 34px;
	padding: 0 0 5px 0;
	    

}


.gutter a	{
   
	color:#0066CC;
	text-decoration:none
   
	    
     
    }


.gutter a:hover	{
   
	color:#0066CC;
	text-decoration:underline
   
	    
     
    }
	
	



#leftcol h1 {
	COLOR: #447CBB;
	font-weight:bold;
    font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 0 5px 20;
	padding:21px 0 5px 19px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:    .8em; 

	

}


	
#leftcol a	{
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	color:#99714D;
	font-weight:normal
	}




#leftcol p	{
	margin-top:4px;
	margin-bottom:0;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	margin-left:2px;
	font-size:    0.7em; 
	line-height:1.6em; 

	
	}

#rightcol p {

	font: 11px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:15px;
	font-weight:normal

}


#rightcol h1 {

font: 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	font-weight:bold;
	margin: 0px 0 7px 0;
	padding: 2px 0 3px 0;
	background-image:url(graphics/h1bg.jpg);
	clear:both

}


#rightcol h2 {

	font: 12px Arial, Helvetica, sans-serif;
	color:#003399;
	font-weight:bold;
	margin: 0px 0 7px 0;
	

}

#rightcol a {

	font: 11px Arial, Helvetica, sans-serif;
	color:#0E61AF;
	font-weight:normal
	

	

}







/* GENERAL LINKS
----------------------------------------------------------------------------- */
	
a:link, a:visited {
	
	text-decoration : underline;
	color:#0066CC;
	
	}

a:hover {
	
	text-decoration : none;
	color: #99ffff;
	
	}

a:active {
	
	text-decoration : underline;
	color:#0066CC;
	
	 
	}


/* MAIN HORIZONTAL NAV
----------------------------------------------------------------------------- */


#nav {

	height:23px;
	background:#5EC5ED;
	padding:7px 0 0 0px;
	margin:0;
	border-bottom:5px solid #fff
	
	
}
#nav ul {
	
	
	padding:0;
	margin:0;
	LIST-STYLE-TYPE: none;
	width:100%


}
#nav li {
	
	FLOAT: left; 
	MARGIN: 0; 
	padding:0 0 0 0;

	display:inline; 


	

	
	
}

#nav a {
	PADDING: 0px 25px 0px 25px;
	margin:0;
	DISPLAY: block;
	COLOR: #fff;
	TEXT-DECORATION: none;
	font-size:12px;
	line-height:15px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	border-right: 1px solid #fff
	


}



#nav a:hover {
	 COLOR: #fff; text-decoration:underline
}
#nav a.selected {
	BACKGROUND: white; COLOR: #000
}

#nav a.last {
	
	border-right:0px
}







/* LEFT MENU STYLES
----------------------------------------------------------------------------- */

#navcontainer {
	margin: 0;
	padding:5px 0 5px 5px;
	width: 148px;

	text-align:left;
	border:0px solid #D7BD81

}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;

}

#navcontainer li {
margin: 0;
padding: 0;	
display:inline;

	
}

#navcontainer li a
{
	display: block;
	 line-height:14px;
	padding: 2px 0px 2px 10px;
	width: 137px;
	COLOR: #996600; 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif, "Lucida Sans";
	font-size: 85%;
    margin: 0px;
	background-image: url(graphics/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;

}



#navcontainer li a:hover
{
	display: block;
	 line-height:14px;
	padding: 2px 0px 2px 10px;
	width: 137px;
	COLOR: #996600; 
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif, "Lucida Sans";
    margin: 0px;
	background-image: url(graphics/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;

}

#navcontainer ul ul li { margin: 0 0 0 0; 
}

#navcontainer ul ul li a
{
display: block;
padding: 2px 0px 2px 10px;
width: 137px;
text-decoration: none;
font-size: 85%;
margin: 0px;
COLOR: #000;
font-weight:normal;
background-image:none



}

#navcontainer ul ul a:hover
{

	text-decoration: underline;
	COLOR: #000;
	background-image:none;
	font-family: Arial, Helvetica, sans-serif;



}
#navcontainer a.current
{


    font-weight:bold;
    }




/* IMAGE POSITIONING
----------------------------------------------------------------------------- */
	
.imageright {float: right; margin: 7px 0px 10px 15px; border: 0px solid #fff;}	
.imageleft {float: left; margin: 3px 7px 10px 0px; border: 0px solid #000000;}
.imagecenter {  text-align:center;  margin-left: auto;margin-right: auto;


	}
	

	


#leftcol .imageright { float: right; margin: 7px 0px 10px 0px; border: 0px solid #fff;}
#leftcol .imageleft{ float: left; margin: 7px 15px 10px 0px; border: 0px solid #000000;}
			

.clearboth {
	CLEAR: both
}



/* FORMS GENERIC
----------------------------------------------------------------------------- */

td input, td textarea, td select, #searchform input, #advsearch input {
  font-size:11px;
  margin: 0;
  }
input.text {
	
	

	margin: 0px;
	
  }
.imgbutton {

   vertical-align:top;
   padding:1px 0 0 0;
   margin-top:1px;
   color:#000000;
   font-family:'Arial',helvetica,sans-serif;
   font-size:11px;
   font-weight:normal;
   background-color:#dddddd;
   border:1px solid;
   border-top-color:#fff;
   border-left-color:#fff;
   border-right-color:#333;
   border-bottom-color:#333;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffff',EndColorStr='#dddddd');}


 .img {
  vertical-align:top;
  padding:0;
  margin:0;
  }
  
  
form, select, fieldset { margin:0px; border:0; padding:0} 




/* BREADCRUMBS
----------------------------------------------------------------------------- */

#breadcrumbs
{

width:720px;
height:21px;
background-image: url(graphics/breadcrumbsbg.jpg);
padding: 15px 0 0 190px;
margin: 0px 0 0px 0px;
text-align:left


}


#breadcrumbs p

{
font-size: 11px;
padding:0px;
margin: 0px;

}

#breadcrumbs a

{
font-size: 11px;
padding:0px;

}

 #breadcrumbs a:hover

{
	padding:0px;
	font-size:11px;
	COLOR: #1C2B89;
}
.dir_fieldset
{

	border:none;
	
	margin:0px;
	padding:0px;
	padding-top:10px;
		border-top: 2px solid #bfbcbc;
		
}
	.dir_fieldset h2
	{
		float:left; 
		margin-left:0px
	}
	.dir_fieldset select
	{
		float:left;
		margin:0px;
		margin-left: 5px;
		padding:0px;
		border:solid 1px #bfbcbc;
	}
	.dir_fieldset .sub_but
	{
		float:right;
		width:20%;
		.width:18%;
		text-align: center;
		margin:0px;
		padding:0px;
	}
	.dir_fieldset form
	{
		padding:5px;
		padding-top:10px;
	}

	.dir_fieldset .alphabeta
	{
		width:400px;
		margin-top:12px;
	}
		.alphabeta a
		{
			color:#41535d;
			text-align:center;
			font-size: 96%;
			display: block;
			width:30px;
			float:left;
			height:30px;
		}
		.alphabeta a:hover
		{
		}
		
.results
{
	margin-top:10px;
}
	.results h1{padding-left:0px;}
	
/* News/Events Section
-------------------------------------------------------------------*/

.news_block{
	border-bottom: 1px solid #A2E7D6;
	margin: 0 0 10px 0;
	}
	
#content .news_block h2{
	margin: 0 0 5px 0;
	font-family: Arial,Helvetica,sans-serif;
	}
	
#content .news_block span.date{
	background: 	#447CBB;
	padding: 5px;
	color: white;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin: 0 10px 0 0;
	float: left;
	}
	
#content .news_block ul{
	margin: 0 0 10px 0;
	padding: 0;
	width: 600px;
	list-style: none;
	}
	
#content .news_block ul li{
	margin: 0;
	padding: 2px 5px;
	}
	
#content .news_block ul li.odd{
	border-top: 1px solid #e0f7f1;
	border-bottom: 1px solid #e0f7f1;
	background: #ecf9f6;
	}