body, html{ 
margin: 0; padding:0; border:0;
font:  13px Helvetica, Verdana, Arial,  sans-serif;
color: black; 
text-align: center;  /* Hack for IE5/Win */
/*background: ; #666;*/
background: #CFD4DA url("bgimage.png") top left repeat-x;
} 

p { 
font:  13px Helvetica, Verdana, Arial,  sans-serif;
color: black; 
}

#container {
width: 900px; margin: 12px auto 400px auto; padding: 0px 20px;
border: 1px solid #999;
background: #fffdff;
color: black; 
text-align: left;
}

#header {
height: 130px;
border: 0px;
margin-left: 1px;
padding: 10px 0px 0px 15%;
background: url("beetl2cot.gif") 10px 8px no-repeat;
text-align: center;
clear: both;
}

ul {margin-top: 0px; padding-top: 0px;}

li { 
list-style-type: disc; 
line-height: 140%;
margin-top: 0px;
padding-top: 8px;
font: 10pt normal;
color: black; 
font-family:  Helvetica, Verdana, Arial, sans-serif;
} 

h1, .heading, .subheading {font-weight: bold; color: #006666;}

h1 /*Homepage heading text*/{ font-size: 32px; line-height: 130%;
margin: 40px 0px 0px 0px; }

.heading /*Inner page heading text*/ { font-size: 22px; margin-top: 8px; }

.subheading /*Inner page subject title*/ {font-style: italic; font-size: 28px; margin-top: 40px;}

h2, h3 { 
font: 13pt Helvetica, Verdana, Arial, sans-serif; 
font-weight: bold; 
color: #fff;
background:  #008080;
border-top: 1px solid #99c;
border-bottom: 0px;
padding:3px;
} 

h3 { font-size: 10pt; margin: 7px 0px 0px 0px; } 
.h2 {height: 18px; margin: 0 2px 0 1px; padding: 2px 3px; border-top: 1px solid #963;
  font: 13pt Helvetica, Verdana, Arial, sans-serif; font-weight: bold; color: #000;  background: #f5deb3; }
.h2 p {margin-top: -1px;}

td {font: 10pt Helvetica, Verdana, Arial, sans-serif; color: black;}

a:link { color: #00C;  text-decoration: none; } 
a:visited { color: #00C;  text-decoration: none; }
a:hover { color: #099; } 
a:active { color: #f06; } 

.navbar, .navbar .navbutton a,
.navbar a.navbutton {
  font: 10pt Helvetica, Verdana, Arial, sans-serif;
  font-weight: bold;  text-decoration: none;
  color: #000;
}

.navbar {
  background-color: #d0d0d0;
  border: 2px solid;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  margin: 0 auto; padding: 3px 2px 3px 5px;
  clear: both;
  color: #000;
}

.navbar a.navbutton {
  background-color: transparent;
  margin: 1px;
  padding: 1px 10px;
  border: 1px solid #d0d0d0;
  cursor: default;
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 100;
}

.navbar a.navbutton:hover {
  background-color: transparent;
  border-color: #ffffff #808080 #808080 #ffffff;
  color: #000;
}

.navbar a.navbutton:active {
  background-color: transparent;
  border-color: #808080 #ffffff #ffffff #808080 ;
  color: #000000;
  top: 1px;
  left: 1px;
}

/* Calendar */
table.cal {
    border-collapse: collapse;
   width: 100%;
   margin: 0; padding: 0;
  }
table.cal tr.odd { background: #f0f0f0;}
table.cal tr.even { background: #e0e0e0;}
table.cal td {
    font: 8pt Helvetica, Verdana, Arial, sans-serif; font-weight: normal; color: #000000;
    vertical-align: top;
    border: 0px;
    padding: 5px 3px;
}
table.cal td.title { background: #008080; font-size: 10pt; font-weight: bold; color: #fff; border-bottom: 1px solid #000;}
table.cal td.month {font-size: 9pt; font-weight: bold; color: #000; text-transform: uppercase;
 background: #b0b0b0;}
table.cal td.date {width: 18px; font-weight: bold;}
table.cal td img { border: none;}


#features, #scbatext { 
float: left;
width: 338px;  
padding: 8px 10px 15px 2px; 
margin: 12px 0 12px 0; 
color: black; 
}
#features {width: 300px;}

#frontispiece, #scbaimg { 
float: right;
padding: 15px 0px 0px 0px; 
margin: 0;
background-color: transparent; 
text-align: center;
border-style: none;
color: black;
font-size: 10px;
}
#frontispiece img {border: 1px solid #333; margin: 3px 0; width: 325px;}

#scbaimg {width: 300px;}
#scbaimg img { border: 1px solid #000;}

/* 2- column layout divs */
.mask {
position: relative; /* This fixes the IE7 overflow hidden bug */
clear: both; float:left; width:100%; margin: 0; padding:0;
overflow:hidden; 
background: none; /* replace with right column background colour */
}
.colleft { float: left; width: 100%; position: relative; 
right: 90%; /* replace with column 2 width */ 
background: none;  /* replace with left column background colour */
}
/* Common attributes of column divs */
.col1, .col2 { float:left; position:relative; padding:0 0 10px 0;}


#info {clear: both;  width: 100%;  margin: 30px 0 0 0;
font: 12px normal;
color: black; 
}

#scbatext { width: 530px; }

#scbatext p { font-size: 10pt;}

#footer {
margin: 15px 0px 0px 0px;
clear: both;
height: 50px;
border-top: 1px solid gray;
font-size: 8pt;
text-align: center;
}

/* Acknowledgement to Wow.net */
#ack {border: none;  padding: 10px;  text-align: center; clear: both;} 


#leftpanel {width: 50%; clear: left; }

#rightpanel {width:50%; clear: right;}