/* 0780314 B.C. Ltd. CSS (C) 2007 */
/* fs 03/01/2006 - font-size makes medium font 10 px. as per http://www.clagnut.com/blog/348 */

body {
padding: 4px;
padding-top: 0px;
margin: 0px;
font-family:verdana,arial,helvetica,sans-serif;
font-weight:normal;
font-size:62.5%;
color: black;
background: #0a5271;
}

/* General defines */
img {
border: 0px;
}

table {
border: none;
padding: 0px;
margin: 0px;
}

th {
border-bottom: solid 1px gray;
background: #bfe9ec;
color: black;
}

th.r {
border-bottom: solid 1px gray;
background: #bfe9ec;
color: black;
text-align: right;
}

td {
padding: 0px;
margin: 0px;
border: none;
vertical-align: top;
font-family:verdana,arial,helvetica,sans-serif;
font-weight:normal;
}

h1 {
font-size:2em;
}

h2 {
font-size:1.6em;
}

h3 {
font-size:1.2em;
}

h4 {
font-size:1em;
}


h1, h2 {
font-weight: lighter;
}

h1.white {
color: white;
}

h2.white {
color: white;
}


/* Top line banner menu */
/* 0.8 em is 8 pixel font height */
div.bannermenu {
display:block;
border: none;
width: 100%;
height: 2em;
padding: 0px;
margin: 0px;
background: #0a5271 url("img/banner1.gif") left repeat-y;
color: white;
}

span.bannermenu {
padding: 4px;
margin: 0px;
float:right;
height: 1.2em;
font-size: 1em;
font-weight:normal;
color:white;
}

a.bannermenu {
padding: 0px;
padding-left: 4px;
padding-right: 4px;
text-align: center;
text-decoration: none;
border: solid 1px #5eb8c8;
color: white;
}

a.bannermenu:hover {
padding: 0px;
padding-left: 4px;
padding-right: 4px;
border: solid 1px #c2dde2;
background: #68bdcc;
}


/* The collect wordmark and google search section */

div.bannerlogo {
width: 100%;
height: 60px;
padding: 0px;
margin: 0px;
border: none;
background: white url("img/banner2.gif") repeat-y left;
overflow: hidden;
}

span.bannerlogo {
padding: 0px;
margin: 4px;
margin-top: 8px;
float:right;
font-size: 1em;
font-weight: normal;
vertical-align: bottom;
color:black;
}

/* The content after all the banners and menu bars at the top */

table.master {
padding: 0px;
margin: 0px;
width: 100%;
clear: both;
text-align: left;
background: white url("img/mastertop.gif") repeat-x top;
border: 1px solid gray;
}

table.indexmaster {
padding: 0px;
margin: 0px;
width: 100%;
clear: both;
text-align: left;
background: white;
border: 1px solid gray;
}



div.content {
padding: 4px;
margin: 0px;
z-index:0;
}

table.content {
margin-top: 4px;
border-collapse: collapse;
z-index:0;
}

td.leftside {
width: 12em;
overflow: hidden;
}

td.content {
font-size:1.2em;
line-height:1.4em;
border-collapse: collapse;
}

td.back {
z-index:0;
}

OBJECT.back {
z-index:0;
}

.padtop {
padding-top: 14px;
margin-top: 14px;
}


p.header {
border-top: 1px solid gray;
font-size: 1.6em;
font-weight: bold;
}


/* and the happy boxes with the nice title bars */

table.newbox {
width: 22em;
padding: 8px;
margin: 0px;
border-collapse: collapse;
}

.newbox th {
height: 28px;
border: none;
margin: 0px;
padding: 0px;
padding-top: 4px;
color: white;
font-size: 1.2em;
font-weight: bold;
overflow: hidden;
}


th.left  {background: url("img/textboxtopleft.gif")  top left no-repeat; width:10px; height:28px;}
th.mid   {background: url("img/textboxtopmid.gif")   top repeat-x; height:28px; text-align:center;}
th.right {background: url("img/textboxtopright.gif") top right no-repeat; width:14px; height:28px;}

td.nbleft  {background: url("img/textboxmiddleleft.gif")  left  repeat-y; width:10px;}
td.nbmid   {background: url("img/textboxmiddlemid.gif")   left  repeat;}
td.nbright {background: url("img/textboxmiddleright.gif") right repeat-y; width:14px;}

td.nbbleft  {background: url("img/textboxbottomleft.gif")  top left no-repeat; width:10px; height:14px;}
td.nbbmid   {background: url("img/textboxbottommid.gif")   top repeat-x; height:14px;}
td.nbbright {background: url("img/textboxbottomright.gif") top right no-repeat; width:14px; height:14px;}


td.newbox {
padding: 8px;
border: none;
font-size: 1em;
text-align: left;
overflow: hidden;
}

td.newboxlbl {
padding: 1px;
padding-left: 2px;
padding-right: 1px;
border: none;
margin: 2px;
border-right: 1px solid gray;
font-size: 1em;
overflow: hidden;
}

td.newboxbold {
font-size: 1.1em;
font-weight: bold;
border-right: 1px solid gray;
}

td.newboxbigbold {
font-size: 1.6em;
font-weight: bold;
text-align: center;
}

tr.topline {
border-top: 1px solid gray;
}

td.botline {
border-bottom: 1px solid gray;
margin: 0px;
padding-top: 0px;
padding-bottom: 10px;
}

td.topline {
border-top: 1px solid gray;
}

td.newboxdata {
padding: 1px;
padding-left: 4px;
padding-right: 4px;
margin: 2px;
font-size: 1em;
}

.newbox td a {
text-decoration: none;
}

tr.shade1 {
background-color: #DCEDEE;
border: none;
}

tr.shade2 {
background-color: #EEEADC;
border: none;
}

tr.d0 {
background-color: #DCEDEE;
}

tr.d1 {
background-color: #EEEADC;
}

td.right {
float: right;
}

table.right {
margin-left: 18px;
}

/* testimonial section */
table.testimonial {
padding: 0px;
padding-left: 10px;
margin: 0px;
margin-left: 10px;
width: 232px;
border: none;
}

/* border-left: solid 1px #0a5271; */

th.testimonial {
padding: 0;
margin: 0;
width: 100%;
font-size: 1.2em;
font-weight: bold;
border: none;
background: #bfe9ec;
color: black;
}

td.testimonial {
padding: 4px;
margin: 0px;
margin-top: 10px;
width: 100%;
font-size: 1.2em;
font-weight: normal;
vertical-align: middle;
}

td.testimoniallbl {
padding: 4px;
margin: 0;
font-size: 1.1em;
}

/* footer */

div.footer {
width: 100%;
padding: 0px;
margin: 0px;
font-family:arial;
font-size: 1em;
text-align: center;
background: white;
color: white;
background: #0a5271;
}

a.footer {
color: white;
text-decoration: none;
}

/* and happy pull down menu stuff */

div.menu {
width: 100%;
height: 2em;
background: url("img/textboxtopmid.gif") bottom repeat;
}

div.menuinside {
height: 1.9em;
width: 100%;
float: left;
}

.menu {
width:100%;
position:relative;
font-size:1.1em;
z-index:100;
}


/* remove bullets, borders, padding from default list style */
.menu ul {
padding: 0px;
margin: 0px;
font-weight: bold;
list-style-type:none;
}

/* define the submenu width  */
.menu ul ul {
width:100%;
font-weight: normal;
}

/* Correct IE5.5 faulty box model */
* html .menu ul ul {
width:100%;
w\idth:100%;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:130px;
position:relative;
padding-left:2px;
}

span.menuinner {
padding-left:4px;
}

/* Correct IE5.5 faulty box model */
* html .menu li {
width:140px;
w\idth:130px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul ul li {
float:left;
width:100%;
position:relative;
}

/* Correct IE5.5 faulty box model */
/*width:100%;w\idth:100%;*/
* html .menu ul ul li {
width:125px;
w\idth:120px;
}


/*border-top:1px solid #ffffff;*/
/*border: 1px solid red;*/

/* style the links for the top level */
/*padding:0;padding-left:2px;padding-top:2px;margin-left:0px;*/
.menu a, .menu a:visited {
display:block;
text-decoration:none;
color:#fff;
font-size:1.1em;
border-top:    1px solid #cccccc;
border-bottom: 1px solid #333333;
border-right:  1px solid #666666;
border-left:   1px solid #999999;
overflow: hidden;
width:100%;
height:1.50em;
padding-top:.25em;
}

/*padding-top:3px; padding-bottom:3px;*/

/* Correct IE5.5 faulty box model */
* html .menu a, * html .menu a:visited {
width:100%;
w\idth:100%;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#BBDBDB url(img/arrowmenudown.gif) center right no-repeat;
}

/* style the second level hover */
.menu ul ul a.drop:hover{
background:#9BB3B3 url(img/arrowmenudown.gif) center right no-repeat;
}
.menu ul ul :hover > a.drop {
background:#9BB3B3 url(img/arrowmenuleft.gif) center right no-repeat;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#BBDBDB;
}

/* style the third level hover */
.menu ul ul ul a:hover {
background:#9BB3B3;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
left:0;
top:1.8em;
width:93%;
font-size:1em;
padding-top:.3em;
}

/* hack for IE5.5 */
* html .menu ul ul {
top:1.7em;
t\op:1.7em;
}


/* position the third level flyout menu */
.menu ul ul ul{
font-size:1em;
top:0;
padding-top:0px;
}


/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
font-size:1em;
left:-99%;
}

/*left:-99%;lef\t:-98%;*/
* html .menu ul ul ul.left {
left:-127px;
lef\t:-127px;
}

.menu ul ul ul.right {
font-size:1em;
left:105%;
}

/*left:105%;lef\t:105%;*/
* html .menu ul ul ul.right {
left:127px;
lef\t:127px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
/* padding:5px 10px; */
.menu ul ul a, .menu ul ul a:visited {
background:#BBDBDB;
color:#000;
height:auto;
line-height:1em;
width:100%;
overflow:hidden;
padding:3px;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
width:100%;
w\idth:100%;
}

/* style the top level hover */
/*border-right:  1px solid #888888; border-left:   1px solid #cccccc; */
.menu a:hover, .menu ul ul a:hover{
color:#fff;
background:#7B9B9F;
}

.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#7B9B9F;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
visibility:visible;
}

@media print
{
body {font-size:62.5%}
.bannermenu {visibility:hidden}
.menu {visibility:hidden}
}

table
.datagrey 
{ 
background-color:#e6e6e6; 
width: 99%;
} 
td
.boxc 
{
width: 33%; 
text-align:left; 
padding:2px; 
height:200px; 
border: solid 1px gray; 
background-color:#e6e6e6;  
}
.boxc1 
{
width: 33%; 
text-align:left; 
padding:2px; 
height:200px; 
}