/* Generated by KompoZer */
p {
  font-size: 1em;
  line-height: 1.2em;
}
h2 {
  font-size: 1.6em;
}
h3 {
  font-size: 1.4em;
}
h4 {
  font-size: 1.1em;
  line-height: 1.2em;
}
h5 {
  font-size: 1em;
  line-height: 1em;
}
/* regular links*/
a, a:visited {
  text-decoration: none;
  color: white;
}
a:hover, a:current {
  color: #ffff66;
}
/* nav bar links*/
/* the menu styling */
.xmenu {padding:4px 6px; margin:0px 2px; list-style:none; height:25px; width:600px; position:relative;	
background-color: transparent;
}
a.xmenu, a.xmenu:visited {
  display: block;
  text-decoration: none;
  text-align: center;
  color: white;
  font-size: 1.1em;
  float: left;
  width: 8em;
  height: 2.0em;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
a.xmenu span, a.xmenu:visited span {
  border-style: solid;
  border-color: #666666;
  border-width: 0em 0em;
  background: #005500 none repeat scroll 5% 50%;
  display: block;
  margin-left: 1em;
  width: 0em;
  height: 5px;
  overflow: hidden;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
a.xmenu:hover {
  color: #ffff00;
  background-color: transparent;
  font-size: 1.1em;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
a.xmenu:hover span {
  background: #00ff00 none repeat scroll 0% 50%;
  width: 6em;
  -webkit-transition: 0.9s;
  -moz-transition: 0.9s;
  -o-transition: 0.9s;
  transition: 0.9s;
}
body {
  margin: 0px;
  padding: 0px;
  font-family: futura, verdana, sans-serif;
  font-size: 77%;
  text-align: center;
}
#wrapper {
  margin: -1pt auto -1pt -1px;
  position: absolute;
  width: 100%;
  height: auto;
  background-position: left top;
  background-color: #003300;
  left: -7px;
  text-align: left;
}
#header {
  position: relative;
  width: 750px;
  height: 104px;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 10px;
  padding-top: 2px;
  background-color: #666666;
  margin-right: auto;
  border:1px solid #999;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
#headera {
  position: relative;
  height: 100px;
  margin-left: 8px;
  margin-right: 2px;
  width: 40%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
  background-image: url(images/bmp_logo_100h.png);
}
#headerb {
  position: relative;
  height: 88px;
  margin-left: 2px;
  margin-right: 15px;
  margin-top: 7px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right center;
  float: right;
  background-image: url(images/header_text_trans.png);
  width: 56%;
}
#navframe {
  position: relative;
  width: 750px;
  height: 45px;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 0px;
  padding-top: 0px;
  background-color: #444444;
  border:1px solid #999;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
#navbar {
  border-style: hidden;
  border-width: 1px;
  position: relative;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: -8px;
  padding-top: 1px;
  padding-left: 15px;
  background-color: transparent;
  height: 4.0em;
}
#contentframe {
  position: relative;
  width: 750px;
  margin-right: auto;
  background-color: #888888;
  margin-left: 5%;
  margin-right: 5%;
  border:1px solid #999;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
#navbar2 {
  border-style: hidden;
  border-width: 1px;
  position: relative;
  height: 4.0em;
  margin-top: -8px;
  margin-left: 1%;
  padding-top: 1px;
  padding-left: 15px;
  background-color: transparent;
}
#content {
  border-style: hidden;
  border-width: 0px;
  min-height: 375px;
  background-color: transparent;
  background-repeat: repeat-ver;
  background-position: center top;
  background-image: url(images/blur1200x600.jpg);
  color: #cccccc;
  margin-top: -1px;
  margin-bottom: -1px;
  margin-left: -1px;
  margin-right: -1px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 2px;
  overflow: hidden;
}
#contenta {
  border-style: hidden;
  border-width: 0px;
  position: relative;
  padding-bottom: 10px;
  float: left;
}
#contentb {
  width: 315px;
  border-style: hidden;
  border-width: 0px;
  position: relative;
  padding-bottom: 10px;
  float: right;
  margin-left: 20px;
  margin-top: -3px;
}
#frame2 {
  width: 600px;
  height: 200px;
  display: block;
  margin-left: 40px;
  padding-top: 10px;
  padding-left: 10px;
  background-color: black;
  border:1px solid #444444;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
#slideshow1 {
  width: 750px;
  height: 250px;
}
#slideshow2 {
  width: 590px;
  height: 190px;
  display: block;
}
#slideshow3 {
  width: 450px;
  height: 150px;
  display: table;
  margin-left: 12em;
  background-color: black;
}
#footer {
  position: absolute;
  clear: both;
  width: 100%;
  height: 25em;
  margin-top: 0px;
  margin-left: 0%;
  margin-right: auto;
  padding-top: 0px;
  border-left-width: 1px;
  border-left-style: hidden;
  border-right-width: 1px;
  border-right-style: hidden;
  text-align: center;
  background-position: left top;
  background-color: #003300;
  display: inline;
}
#footerb {
  position: absolute;
  clear: both;
  width: 750px;
  height: 7em;
  margin-left: 5%;
  margin-right: auto;
  padding-top: 5px;
  border:1px solid #999;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  text-align: center;
  background-color: #666666;
}
a.xaddress, a.xaddress:visited {
  background: #666666 none repeat scroll 0% 50%;
  display: block;
  text-decoration: none;
  text-align: center;
  color: #aaaaaa;
  float: left;
  width: 21em;
  height: 4.5em;
}
a.xaddress span, a.xaddress:visited span {
  border-style: solid;
  border-color: #666666;
  border-width: 0.5em 4em;
  background: #005500 none repeat scroll 0% 50%;
  display: block;
  width: 13em;
  height: 0.5em;
  overflow: hidden;
}
* html a.xaddress span, * html a.xaddress:visited span {
  width: 13em;
  height: 0.5em;
  overflow: hidden;
}
a.xaddress:hover {
  color: #aaaaaa;
}
a.xaddress:hover span {
  background: #00ff00 none repeat scroll 0% 50%;
}
a.xtels, a.xtels:visited {
  background: #666666 none repeat scroll 0% 50%;
  display: block;
  text-decoration: none;
  text-align: center;
  color: #aaaaaa;
  float: left;
  width: 17em;
  height: 4.5em;
}
a.xtels span, a.xtels:visited span {
  border-style: solid;
  border-color: #666666;
  border-width: 0.5em 4em;
  background: #005500 none repeat scroll 0% 50%;
  display: block;
  width: 9em;
  height: 0.5em;
  overflow: hidden;
}
a.xtels:hover {
  color: #aaaaaa;
}
a.xtels:hover span {
  background: #00ff00 none repeat scroll 0% 50%;
}
/* menu structure for bio page below */
/* set up the overall width of the menu div, the font and the margins with a relative position*/
.menubio {
width:690px; 
margin:0; 
position:relative;
z-index:90;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menubio ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;
}
.menubio ul table {border-collapse:collapse; margin:-1px -10px; font-size:1em;}
/* float the list so that the items are in a line */
.menubio ul li {
float:left; 
}
/* style the links, Set the background color and the font size. */
.menubio ul li a, .menu2 ul li a:visited {
display:block;
text-align:center; 
text-decoration:none; 
width:135px; 
height:30px; 
color:#cccccc; 
background:#333333;
opacity:0.6; 
line-height:30px; 
font-size:13px;
  border:1px solid #777;
  -webkit-border-radius:8px 8px 8px 8px;
  -moz-border-radius:8px 8px 8px 8px;
  border-radius:8px 8px 8px 8px;
}
/* make the dropdown ul invisible */
.menubio ul li ul {
position:absolute; left:-9999px; height:0;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menubio ul li a:hover,
.menubio ul li:hover a {
color:#fff; 
background:#666666;
opacity:1.0;
  border:0px solid #777;
  -webkit-border-radius:8px 8px 0 0;
  -moz-border-radius:8px 8px 0 0;
  border-radius:8px 8px 0 0;
}
/* make the sub menu ul visible and position it beneath the first list item */
.menubio ul :hover ul {
top:30px; 
left:0;
height:auto;
text-align:left;
}
/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
.menubio ul :hover ul li {
background:#ddd; 
color:#000;
padding:8px;
width:655px;
border:10px solid #666666;
}
/*float the image left with padding and no border */
.menubio ul :hover ul li img {
float:left; 
padding:8px 8px 8px 0; 
border:0;
}
/* style the paragraph font height */
.menubio ul :hover ul li p {
font-size:0.9em;
line-height:1.6em;
}
/* style the background and foreground color of the submenu links */
.menubio ul :hover ul li a {
display:inline;
background:#eee;
color:#c00;
text-decoration:underline;
border:0;
line-height:1.6em;
}
/* style the background and foreground colors of the links on hover */
.menubio ul :hover ul li a:hover {
text-decoration:none; 
color:#000;
}
/* style the table widths*/
.menubio td {
padding-left:12px;
width:200px;

}
/* vertical menu structure below */
/* set up the overall width of the menu div, the font and the margins with a relative position*/
.menuvert {
width:690px; 
margin:0; 
position:relative;
z-index:90;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menuvert ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;
}
.menuvert ul table {border-collapse:collapse; margin:-1px -10px; font-size:1em;}
/* float the list so that the items are in a line */
.menuvert ul li {
}
/* style the links, Set the background color and the font size. */
.menuvert ul li a, .menuvert ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:138px; 
height:40px; 
color:#cccccc; 
background:#333333;
opacity:0.6;  
line-height:40px; 
font-size:13px;
  border:1px solid #777;
  -webkit-border-radius:8px 8px 8px 8px;
  -moz-border-radius:8px 8px 8px 8px;
  border-radius:8px 8px 8px 8px;
}
/* make the dropdown ul invisible */
.menuvert ul li ul {
position:absolute; left:-9999px; height:0;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menuvert ul li a:hover,
.menuvert ul li:hover a {
color:#fff; 
background:#777777;
opacity: 1.0;
 border:0px solid #777;
  -webkit-border-radius:8px 0px 0px 8px;
  -moz-border-radius:8px 0px 0px 8px;
  border-radius:8px 0px 0px 8px;
}
/* make the sub menu ul visible and position it beneath the first list item */
.menuvert ul :hover ul {
top:0px; 
left:138px;
height:auto;
text-align:left;
}
/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
.menuvert ul :hover ul li {
background:#eee; 
color:#000;
opacity: 1.0;
padding:8px;
width:548px;
border:10px solid #777777;
}
/*float the image left with padding and no border */
.menuvert ul :hover ul li img {
float:left; 
padding:0px 8px 0 0; 
border:0;
}
/* style the paragraph font height */
.menuvert ul :hover ul li p {
font-size:0.9em;
line-height:1.5em;
}
/* style the background and foreground color of the submenu links */
.menuvert ul :hover ul li a {
display:inline;
background:#eee;
color:#c00;
opacity: 0.7;
text-decoration:underline;
border:0;
line-height:1.5em;
}
/* style the background and foreground colors of the links on hover */
.menuvert ul :hover ul li a:hover {
text-decoration:none; 
color:#000;
}
/* style the table widths*/
.menuvert td {
padding-left:12px;
width:200px;

}