body { background-image: url(""); background-color:#CCFFFF; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; }
#centerwrapper { text-align:left; width:900px; margin-left:auto; margin-right:auto; }
#root {	position: absolute;	width:900px; }

p { font-family: Arial, Helvetica, sans-serif; font-size:17px; line-height:25px; color:#000000; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size:34px; line-height:34px; color:#CCFFCC; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size:17px; line-height:18px; color:#003399; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size:15px; line-height:18px; color:#003399; }

a:link { color:  #0033FF; }
a:active { color: #009999; }
a:visited { color: #009999; }
a:hover { color:  #6666FF; }

.pageTitle { font-family: Arial, Helvetica, sans-serif; font-size:23px; line-height:25px; color:#000099; }
.subTitle { font-family: Arial, Helvetica, sans-serif; font-size:18px; line-height:21px; color:#006699; }
.home { font-family: "Times New Roman", Times, serif; font-size:16px; line-height:18px; color:#000000; }
.aboutOTB { font-family: "Times New Roman", Times, serif; font-size:16px; line-height:18px; color:#000000; }
.capabilities { font-family: "Times New Roman", Times, serif; font-size:16px; line-height:18px; color:#000000; }
.capabilities_sm { font-family: "Times New Roman", Times, serif; font-size:15px; line-height:17px; color:#000000; }
.capabilities_light { font-family: "Times New Roman", Times, serif; font-size:15px; line-height:17px; color: #666666; }
.capabilitiesPDF { font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; color: #0033FF; text-decoration:none; }
.capabilitiesPDF:hover { font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; color: #0066FF; text-decoration:underline; }
.contact_us { font-family: "Times New Roman", Times, serif; font-size:16px; line-height:18px; color:#000000; }
.contact_table { font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:16px; color:#000000; }
.contact_link { font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:16px; color:#0033FF; text-decoration:none; }
.contact_link:hover { font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:16px; color: #0066FF; text-decoration:underline; }
.portfolio { font-family: "Times New Roman", Times, serif; font-size:14px; line-height:18px; color:#000000; }
.portfolio_link { font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height:19px; color: #0033FF; text-decoration:none; }
.portfolio_link:hover { font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height:19px; color: #0066FF; text-decoration:underline; }
.portfolioPDF { font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; color:  #0033FF; text-decoration:none; }
.portfolioPDF:hover { font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; color: #0066FF; text-decoration:underline; }

.PageBackgroundGradient { background-image: url("images/bg_gradient.png"); background-repeat: repeat-x; height: 660px; width: 100%; }
.PageBackgroundGradient_h { background-image: url("images/bg_gradient_h.png"); background-repeat: repeat-x; height: 875px; width: 100%; }
.PageBackgroundGradient_c { background-image: url("images/bg_gradient_c.png"); background-repeat: repeat-x; height: 1500px; width: 100%; }
.PageBackgroundGradient_f { background-image: url("images/bg_gradient_f.png"); background-repeat: repeat-x; height: 880px; width: 100%; }
.PageBackgroundGradient_p { background-image: url("images/bg_gradient_p.png"); background-repeat: repeat-x; height: 2725px; width: 100%; }
.header { background-image: url("images/OTB_banner.png"); background-repeat: no-repeat; position:relative; height:105px; width:801px; left:60px; top:10px; }

.changemode {
  position:absolute; left:755px; top:122px; width:100px; height:25px;
  background-image: url("images/cm_bg.png");
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:13px; color:#FFFFFF;
}
#flashMode { color:#FFFFFF; text-decoration:none; }
#flashMode:hover { color:#00FFFF; text-decoration:none; }
#HTMLmode { color:#FFFFFF; text-decoration:none; }
#HTMLmode:hover { color: #00FFFF; text-decoration:none; }

.content { position:relative; left:0px; top:35px; }

.menubar { position:relative; left: 65px; top:-6px; *top:10px; height: 25px; width: 800px;}
.menubar2 { position:relative; left: 135px; top:-6px; *top:10px; height: 25px; width: 750px;}
.menubarB { position:relative; left: 110px; top:55px; *top:71px; height: 25px; width: 800px;}

#mainnav { width: 750px; position:relative; left: 0px; top: 1px; }
#mainnav li { margin: 0; float: left; display: block; padding-right: 25px; }
#mainnav li a {
  color: #FFCCCC;
  font-family: Arial;
  font-size: 14px;
  text-decoration: none;
  display: block;
  height: 20px;
  border: 0px solid #FFFFFF;
  padding: 2px 30px 2px 30px;
}
#mainnav li ul { display: none; }
#mainnav li ul li a {
  color: #FFCCCC;
  font-family: Arial;
  font-size: 12px;
  text-decoration: none;
  display: block;
  height: 13px;
  width: 150px;
  padding: 1px 3px 1px 3px;
  background:transparent;
}
#mainnav li:hover>a {
  color: #00CCFF;
  border: 0px solid #FFFFFF;
  text-decoration: underline;
}
#mainnav li div ul {
  display: none;
  position: absolute;
  top: 0px;
  height: 15px;
  left: 0px;
  padding-top: 0px;
}
#mainnav li ul li { float: none; }
#mainnav li ul a { float: none; border: 0; color: #FFFFFF; width: auto; margin-right: 0px; }
#mainnav li.submenu a {
  background-image: url("images/arrow.png");
  background-repeat: no-repeat;
}
#mainnav li.submenu ul li a {
background-image: none;
}
#mainnav li.submenu a:hover {
  background-image: url("images/arrow_blue.png");
  background-repeat: no-repeat;
}
#mainnav li.submenu ul li a:hover {
background-image: none;
}
#mainnav li.submenu ul {
  display: none;
  color: #FFFFFF;
  font-family: Arial;
  font-size: 11px;
  text-decoration: none;
  float: left;
  position:absolute;
  left:670px;
  *left:640px;
  top:-45px;
  width:120px;
  height:100px;
}
#mainnav li.submenu:hover ul {
  display:block;
  z-index:9000;
}

#mainnavB { width: 800px; position:relative; left: 0px; top: 1px; }
#mainnavB li { margin: 0; float: left; display: block; padding-right: 25px; }
#mainnavB li a {
  color: #003366;
  font-family: Arial;
  font-size: 14px;
  text-decoration: none;
  display: block;
  height: 20px;
  border: 0px solid #FFFFFF;
  padding: 2px 30px 2px 30px;
}
#mainnavB li ul { display: none; }
#mainnavB li ul li a {
  color: #003366;
  font-family: Arial;
  font-size: 12px;
  text-decoration: none;
  display: block;
  height: 13px;
  width: 150px;
  padding: 1px 3px 1px 3px;
  background:transparent;
}
#mainnavB li:hover>a {
  color: #006666;
  border: 0px solid #FFFFFF;
  text-decoration: underline;
}
#mainnavB li div ul {
  display: none;
  position: absolute;
  top: 0px;
  height: 15px;
  left: 0px;
  padding-top: 0px;
}
#mainnavB li ul li { float: none; }
#mainnavB li ul a { float: none; border: 0; color: #FFFFFF; width: auto; margin-right: 0px; }
#mainnavB li.submenu a {
  background-image: url("images/arrow.png");
  background-repeat: no-repeat;
}
#mainnavB li.submenu ul li a {
background-image: none;
}
#mainnavB li.submenu a:hover {
  background-image: url("images/arrow_blue.png");
  background-repeat: no-repeat;
}
#mainnavB li.submenu ul li a:hover {
background-image: none;
}
#mainnavB li.submenu ul {
  display: none;
  color: #FFFFFF;
  font-family: Arial;
  font-size: 11px;
  text-decoration: none;
  float: left;
  position:absolute;
  left:670px;
  *left:640px;
  top:-45px;
  width:120px;
  height:100px;
}
#mainnavB li.submenu:hover ul {
  display:block;
  z-index: 9000;
}

.contactform {
  position:relative;
  top:25px;
  *top:41px;
  font-size:13px;
  line-height:15px;
  font-family: Arial, Helvetica, sans-serif;
}

.footer { position:relative; left:0px; top:65px; height:45px; width:900px; }
.footertext { font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; color:#0000000; }