/* Preload all images */
.preload1 {background: url(../images/three_0.gif);}
.preload1 {background: url(../images/three_0a.gif);}
.preload1 {background: url(../images/three_1.gif);}
.preload2 {background: url(../images/three_1a.gif);}
.preload1 {background: url(../images/three_2.gif);}
.preload1 {background: url(../images/arrow.gif);}
.preload1 {background: url(../images/grey_01.gif);}
.preload1 {background: url(../images/arrow_over.gif);}
.preload1 {background: url(../images/LOB_USA_Original_final_mini.png);}
.preload1 {background: url(../images/generic_image.png);}
.preload1 {background: url(../images/tank_integrity.gif);}

/* Set standard for Body */
body {
  padding: 0;
  margin: 0;
  width: 100%;
	height:100%;
  font-family:arial, verdana, sans-serif;
}

/* generic img standards */
img {
  display: block;
	/* Following is debug to see image borders */
  border: 0px solid green;
	/* end debug */
  border-spacing: 0px;
  border-collapse: collapse;
  padding:0; 
  margin:0; 
}

/* Set standard for form */
form {
   border-spacing: 0px;
	 border-collapse: collapse;
	 padding: 0;
	 margin: 0;
}

/* Set Standard for Table */

table {
	height: 100%;
}

table,
tr,
td {
  width:100%;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  /* Following is debug to see where tables are */
  border: 0px solid blue;
  /* end debug */
}

/* SITE MAP STUFF 

  This is the section at the top with 
	
	HOME | CONTACT US | SITE MAP
	
	Had to put it into a seperate table coz
	resizing individual cells creates different
	outcomes across browser types.
*/

/* First the table - need to avoid 100% width 
   and make sure that the table is vertically aligned 
	 at the top and center aligned horizontally */
	 
/* Alignment of table parent container */

#site_map_table_cell {
  vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* next hard-code the width 
   This is okay since we want to treat this as its
	 own object */
#site_map_table {
  width: 300px;
	height: 25px;
  /* for some reason I also need to specify centering in this
	   fashion within the table element to support google chrome 
		and safari browsers??? */
  margin-right: auto;
  margin-left: auto;
}

/* Sort out sizing for Logo Cell */
#logo_cell {
   width: 120px;
	 vertical-align: bottom;
	 /* padding to create a little space at the bottom */
	 padding-bottom: 5px;
}

/* next cell formating within the site_maptable */
#site_map_left_cell { 
  width: 30%;
  text-align: right;
	padding-right: 10px;
}

#site_map_mid_cell {
  width: 40%; 
  text-align: center;
  border-right: 1px solid grey;
  border-left: 1px solid grey;			
}

#site_map_right_cell {
  width: 30%;
  text-align: left;
	padding-left: 10px;
}

/* Now font stuff */
#site_map_left_cell a,
#site_map_right_cell a,
#site_map_mid_cell a{
	text-decoration: none;
	letter-spacing: 2px;
  font-size:11px;
	color: grey; 
}

/* Now format when mouse-over */
#site_map_left_cell a:hover,
#site_map_mid_cell a:hover,
#site_map_right_Cell a:hover {
  font-weight: bold;
}

/* Vertically position tank integrity image */
#tank_integrity_cell {
	 vertical-align: bottom;
	 padding-left: 15px;
	 padding-right: 22px;
}

/* the Generic image cell (top left) required no
   sizing since it is dependent upon the sizing of
	 cells to the left. It does however require
	 vertical aligning and the same padding*/
	 
#nav_gen_cell {
  vertical-align: bottom;
	padding-bottom: 5px;
} 

/* Next the grey bar */
#nav_grey {
  height:21px; 
  background: #ffffff url(../images/grey_01.gif) repeat-x; 
}

/* Lets deal with menu drop down formats */
#nav {
  padding: 0;
	margin: 0;
  list-style:none; 
  height:38px; 
  background:#fff url(../images/three_0.gif) repeat-x; 
  position:relative; 
  z-index:500; 
  font-family:arial, verdana, sans-serif;
}

/* Place the top menu items */
#nav li.top {
  display:block; 
  float:left; 
  height:38px;
}

/* Format the links for top menu items
  required since the image is added in two passes
	as it needs to be variable width */
#nav li a.top_link {
   display:block; 
	 float:left; 
	 height:35px; 
	 line-height:33px; 
	 color:#ccc; 
	 text-decoration:none; 
	 font-size:11px; 
	 font-weight:bold; 
	 padding: 0 0 0 12px; 
	 cursor:pointer;
	 background: url(../images/three_0.gif);
}

/* formating span, necessary to undertake second
   pass of the image */
#nav li a.top_link span {
   float:left; 
	 display:block; 
	 padding:0 24px 0 12px; 
	 height:35px; 
	 background: url(../images/three_0.gif) right top no-repeat;
}

/* Formmating of top link image where the menu will contain sub
   items */
#nav li a.top_link span.down {
   float:left; 
	 display:block; 
	 padding:0 24px 0 12px; 
	 height:35px; 
	 background: url(../images/three_0a.gif) no-repeat right top;
}

/* changes look when mouse is over the link */
#nav li:hover a.top_link{
   color:#fff; 
	 background: url(../images/three_1.gif) no-repeat;
}

#nav li:hover a.top_link span{
   background:url(../images/three_1.gif) no-repeat right top;
}

#nav li:hover a.top_link span.down {
   background:url(../images/three_1a.gif) no-repeat right top;
}

/* Format the google search table container to ensure 
   google table is vertically aligned at the top */
#google_Search_table_cell{
   vertical-align: top;
	 text-align: right;
	 background:#fff url(../images/three_0.gif) repeat-x; 
}
/* Set consistent height */
#google_search_table { 
   height: 35px;
	 width: 200px;
}

/* Align the cells */
#txtSearch_cell {
  width: 70%;
	height: 35px;
  text-align: right;
  background: url(../images/three_0.gif);
	vertical-align: center;
}

#gs_Search_cell {
  width: 30%;
  text-align: center;
	height: 35px;
  background: url(../images/three_0.gif);
	vertical-align: center;
}

/* Format the text box */ 
#txtSearch_textbox {
   border: 1;
	 height: 25px;
	 vertical-align: center;
}

/* Format search button */
input.gs_search {
  color:#ccc;
  height: 35px;
  border: 0px;
  text-align: center;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	background: url(../images/three_0.gif)
}

/* Behaviour of button when mouse over */
input.gs_searchhov {
   color:#fff;
  height: 35px;
  border: 0px;
  text-align: center;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;	  
	background: url(../images/three_2.gif) no-repeat center;
}

/* Now for the rest of the sub-menu items */

#nav li:hover {
   position:relative; z-index:200;
}

#nav li:hover ul.sub{
   left:1px; 
	 top:38px; 
	 background: #0073b1; 
	 padding:3px; 
	 border:1px solid #0073b1;  
	 white-space:nowrap; 
	 width:130px; 
	 height:auto; 
	 z-index:300;
}

#nav li:hover ul.sub li{
   display:block; 
	 height:20px; 
	 position:relative; 
	 float:left; 
	 width:130px; 
	 font-weight:normal;
}

#nav li:hover ul.sub li a{
   display:block; 
	 font-size:11px; 
	 height:18px; 
	 width:130px;  
	 line-height:18px; 
	 text-indent:5px; 
	 color:#ffffff; 
	 text-decoration:none;
	 border:1px solid #0073b1;
}

#nav li ul.sub li a.fly{
   background:#0073b1 url(../images/arrow.gif) 120px 6px no-repeat;
}

#nav li:hover ul.sub li a:hover{
   background:#0073b1; 
	 color:#ffffff; border-color:#ffffff;
}

#nav li:hover ul.sub li a.fly:hover{
   background:#0073b1 url(../images/arrow_over.gif) 120px 6px no-repeat;
	 color:#ffffff;
}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul {
   left:130px; 
	 top:-4px; 
	 background: #0073b1; 
	 padding:3px; 
	 border:1px solid #0073b1; 
	 white-space:nowrap; 
	 width:130px; 
	 z-index:400; 
	 height:auto;
}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul {
   position:absolute; 
	 left:-9999px; 
	 top:-9999px;
	 width:0; 
	 height:0; 
	 margin:0; 
	 padding:0; 
	 list-style:none;
}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly{
   background:#0073b1 url(../images/arrow_over.gif) 120px 6px no-repeat; 
	 color:#ffffff; border-color:#ffffff;
} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly {
   background:#0073b1 url(../images/arrow.gif) 120px 6px no-repeat; 
	 color:#000000; border-color:#0073b1;
} 

/* Now for the rest of the sub-menu items FINISH*/

/* Sort out the container for the iFrame */
#frame_cell {
  height: 100%;
  width: 100%;
}

/* Standardize iFrame */
iframe {
   /* style border property is not supported by IE for inline frames
	    I've included this within the HTML <iframe> tag */
	 width: 100%;
	 height: 100%;
	 margin-left: auto;
	 margin-right: auto;
	 padding: 0;
	 text-align: center;
}

/* Footer */
div.footer {
  text-decoration: none;
  font-size:11px;
  letter-spacing: 1px;
  color: grey;
}


/* google branding: required since the search is powered by 
   google */
#branding_Cell {
   height: 16px;
	 padding-right:50px;
}

div.gs_search_heading {
  font-family:arial, verdana, sans-serif;
	font-size: 14;
	color: grey;
	letter-spacing: 2px;
}


div.mygs-title a{
	text-decoration: underline;
	letter-spacing: 2px;
  font-size:14px;
	color: grey; 
	height:25px;
}

div.mygs-title a:hover {
	font-size: 14;
	text-decoration:underline;
	font-weight: bold;
	line-height:18px;	
}

div.mygs-snippet {
  color: grey;
	font-size: 11;
}

div.gs-visibleUrl-long { 
  color: grey;
	font-size: 11;
}

div.gsc-branding-text {
  display: block;
  font-size: 11;
	margin-right: 2px;
	padding-bottom: 0px;
	text-align: right;
	color: rgb(103,103,103);
}

div.gsc-branding-img-noclear {
  margin: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}