.bargecotabs{
float:center;
width:750px;
margin-left: auto; margin-right: auto;
}

.bargecotabs ul{
margin-left: auto; margin-right: auto;
}

.bargecotabs li{
display:inline;
margin:0;
padding:0;
}

.bargecotabs a{
float:left;
background:url(media/glowtab-left.gif) no-repeat left top;
margin:0;
margin-right: 8px; /*spacing between each tab*/
padding: 0 0 0 16px;
text-decoration:none;
}

.bargecotabs a span{
float:left;
display:block;
background:url(media/glowtab.gif) no-repeat right top;
padding: 12px 17px 3px 1px;
font-weight:bold;
font-size:12;
font-family:verdana;
color:#00006c;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.bargecotabs a span {float:none;}
/* End IE5-Mac hack */

.bargecotabs a:hover span {
color: #00006c;
}

.bargecotabs a.current{ /*Selected Tab style*/
background-position:0 -70px; /*Shift background image up to start of 2nd tab image*/
color: #00006c;
}

.bargecotabs a.current span{ /*Selected Tab style*/
background-position:100% -70px; /*Shift background image up to start of 2nd tab image*/
color: #00006c;
}

.bargecotabs a:hover{ /*onMouseover style*/
background-position:0% -70px; /*Shift background image up to start of 2nd tab image*/
}

.bargecotabs a:hover span{ /*onMouseover style*/
background-position:100% -70px; /*Shift background image up to start of 2nd tab image*/
}

.tabcontainer{
clear: center;
width:95%; /*width of 2nd level sub menus*/
height:0em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}

body{
background-image:url(../bpageimages/fade.png);
background-attachment: fixed; 
background-repeat: repeat-x; 
background-position: bottom;
background-color: #e9e9e9;
scrollbar-base-color: #ffffff;
scrollbar-arrow-color: #00006c;
scrollbar-3dlight-color: #DCDCdc;
scrollbar-darkshadow-color: #060606;
scrollbar-face-color: #e9e9e9;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #00006c;
scrollbar-track-color: #f2f2f2;
}



.bargecobargepagehead{
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:97px; 
  overflow:auto; 
}


.bargecobargepage{
  text-align:center;
  position:fixed; 
  top:100px;
  margin-left:auto;
  margin-top:0;
  bottom:100px; 
  margin-right:auto; 
  overflow:auto; 
  height:100%; 
  width:95%; 
background-color: #E9E9E9;
border-left: 1px solid #00006c;
border-top: 1px solid #00006c;
border-bottom: 1px solid #00006c;
border-right: 1px solid #00006c;
float:center;
  }

.bargecobargepageinner{
width="95%"
  }

.bargecobargepageinner2{
width="85%"
  }



h1{
font-family:verdana;
font-size:20pt;
color:#00006c;
font-weight:bold;
line-height: .9;
}

h2{
font-family:verdana;
font-size:16pt;
color:#00006c;
font-weight:bold;
line-height: .8;
}

h5{
font-family:verdana;
font-size:10pt;
color:#00006c;
line-height: 1;
font-weight:normal;
}

h3{
font-family:verdana;
font-size:10pt;
color:#00006c;
line-height: 1.1;
font-weight:normal;
}

h4{
font-family:verdana;
font-size:8pt;
color:#00006c;
line-height: 1;
font-weight:normal;
}


th.pricetable_topleft {
	font: bold 12px "Verdana";
	color: #00006c;
	border-left: 0px solid #00006c;
	border-right: 0px solid #00006c;
	border-bottom: 0px solid #00006c;
	border-top: 0px solid #00006c;
	text-align: left;
	padding: 6px 6px 6px 12px;
}


th.pricetable_head {
	font: bold 11px "Verdana";
	color: #00006c;
	border-left: 0px solid #00006c;
	border-right: 0px solid #00006c;
	border-bottom: 0px solid #00006c;
	border-top: 0px solid #00006c;
	text-align: center;
	padding: 6px 6px 6px 12px;

}


th.pricetable_rowhead {
	font: bold 11px "Verdana";
	color: #00006c;
	border-left: 0px solid #00006c;
	border-right: 0px solid #00006c;
	border-bottom: 0px solid #00006c;
	border-top: 0px solid #00006c;
	text-align: left;
	padding: 6px 6px 6px 12px;
}

th.pricetable_data {
	font: 12px "Verdana";
	color: #00006c;
	border-left: 1px solid #D4CA6B;
	border-right: 2px solid #D4CA6B;
	border-bottom: 2px solid #D4CA6B;
	border-top: 1px solid #D4CA6B;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: #fbf9bc;
}

li.bp{
	font: 11px "Verdana";
	color: #00006c;
	border-left: 0px solid #00006c;
	border-right: 0px solid #00006c;
	border-bottom: 0px solid #00006c;
	border-top: 0px solid #00006c;
	text-align: left;
	padding: 2px 2px 2px 8px;
}

img.pic {
	border-left: 1px solid #00006c;
	border-right: 1px solid #00006c;
	border-bottom: 1px solid #00006c;
	border-top: 1px solid #00006c;
}

.clickable {
border: 1px solid #e9e9e9;
}

.clickable:hover {
border: 1px solid #00006c;
}

.clickable:hover{
color: #00006c; /* irrelevant definition to overcome IE bug */
}

.backdrop {
	background-image: url(../bpageimages/bco_corner.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	left-indent: 30px;
}


/* first the properties of all list-items <li> of the block of buttons */
.buttonblock li {
   height: 29px;          /* CHANGE: height of one button */
   margin-bottom: 0px;    /* CAN BE CHANGED: a space of 4px under each button */
   /* THESE CODES CAN STAY UNCHANGED: */ 	
   list-style-type: none; /* list without bullets */
   margin-right: -0px;    /* each button starting at the left side */
   margin-top: 0;  /* no top margin needed */
   font-size: 1px;        /* correction for InternetExplorer */
   line-height: 1px;      /* correction for InternetExplorer */
}

/* then the properties for all links <a> in the button block */

.buttonblock li a { /* CHANGE to your directory / image name */
   background-image: url('../bpageimages/buttonblock1.png'); 
   height: 29px;          /* CHANGE: height of one button */
   width: 159px;          /* CHANGE: width of one button */
   display: block;
}

/* now we give for each button the normal position in the buttonblock, */
/* and after that the position at hovering (mouse-over) */

#buttonPF a { background-position: 0 0; }
#buttonPF a:hover { background-position: -159px 0; } 

#buttonCW a { background-position: 0 -29px; }
#buttonCW a:hover { background-position: -159px -29px; }

#buttonCU a { background-position: 0 -58px; }
#buttonCU a:hover { background-position: -159px -58px; }

#buttonBO a { background-position: 0 -87px; }
#buttonBO a:hover { background-position: -159px -87px; }

#buttonFA a { background-position: 0 -116px; }
#buttonFA a:hover { background-position: -159px -116px; }

.mapbutton li {
   height: 62px;
   margin-bottom: 0px;
   list-style-type: none;
   margin-right: -0px;
   margin-top: 0;
   font-size: 1px;
   line-height: 1px;
}

.mapbutton li a {
   background-image: url('../bpageimages/mapbutton.png'); 
   height: 62px; 
   width: 58px;
   display: block;
}


#buttonMAP a { background-position: 0 0; }
#buttonMAP a:hover { background-position: -58px 0; }