/* fonts */
html {
  font-family: arial, verdana, sans-serif;
}

p {
  line-height: 18px;
  font-size: 12px;
  margin-bottom: 10px;
}

h2 {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

h4 {
  line-height: 18px;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

p a {
  text-decoration: underline;
}

p a:hover {
  color: #597e76;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

ul {
  font-size: 12px;
  padding-left: 15px;
  padding-bottom: 10px;
}

ul li {
  line-height: 16px;
  list-style: disc outside;
  padding: 4px 0 4px 0;
}


/* general classes */

.btop {
  border-top: 1px solid #88b2a9;
  padding-top: 15px;
}

.bbot {
  border-bottom: 1px solid #88b2a9;
  padding-bottom: 10px;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.clear {
  clear: both;
}

a.logo {
  display: block;
  background: url(/img/tiny_logo.gif) no-repeat center left;
  font-size: 12px;
  font-weight: bold;
  padding-left: 19px;
  height: 13px;
}

a.view {
  background: url(/img/arrow.gif) no-repeat center left;
  padding-left: 17px;
  font-size: 12px;
  font-weight: bold;
}

div.hLine {
  height: 2px;
  border-top: 1px solid #88b2a9;
}

div.breadcrumb {
  padding-bottom: 10px;
}

div.breadcrumb li {
  display: inline;
  list-style: none;
  font-size: 12px;
}


body {
  background: #597e76 url(/img/body_bg.gif) repeat-x;
}

.shadow {
  width: 932px;
  margin: 0 auto;
  overflow: hidden;
  background: url(/img/shadow.png) no-repeat 135px right;
}

.container {
  width: 918px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 20px;
}


/* header */
div.header {
  padding: 10px 0 0 0;
}

div.headleft {
  float: left;
}

div.headright {
  float: right;
/*   width: 170px; */
}

div.header h1 {
  padding: 10px 0 0 20px;
}

div.header h1 a.logo  {
  display: block;
  width: 292px;
  height: 56px;
  background: url(/img/logo.gif) no-repeat;
  text-indent: -9999px;
}

div.header div.nav {
  margin-top: 20px;
}

div.nav ul {
  border-right: none;
  overflow: hidden;
  float: left;
  padding: 0;
}

div.nav ul li {  
  display: inline; 
}

div.nav ul li a {
  font-size: 13px;
  font-weight: bold;
  display: block;
  float: left;
  border: 1px solid #88b2a9;
  padding: 10px 25px 9px 25px; 
  border-right: none;
  border-bottom: none;
}

div.nav ul li a.last {
  border-right: 1px solid #88b2a9;
}

div.nav ul li a:hover, div.nav ul li a.current {
  padding-bottom: 4px;
  border-bottom: 5px solid #006352;
}

div.header div.phone {
  padding: 10px 0 0 15px;
}

div.header div.phone p {
  font-size: 14px;
  margin-bottom: 0;
  text-align: right;
}

div.headright {
  padding-top: 70px;
  font-size: 11px;
}

div.headright a {
  display: block;
  text-align: right;
}

a.contactus {
  float: left;
  margin-left: 17px;
  margin-bottom: 7px;
  background: url(/img/bubble.gif) no-repeat 5px 0;
  padding: 0 6px 0 25px;
  border-right: 1px solid #88b2a9;
}

a.phone {
  float: right;
  padding: 0 0 0 25px;
}

div.line {
  text-align: right;
  padding: 3px 0 6px 0;
}

a.sitemap {
  margin-left: 97px;
  background: url(/img/map.gif) no-repeat 15px 0;
}

div.loginForm {
  clear: both;
  margin-top: 20px;
}

div.loginForm form {
  border-left: 1px solid #88b2a9;
  padding-left: 10px;
}

div.loginForm form label {
  display: block;
  margin: 3px 0 3px 0;
}

div.loginForm input.password {
  width: 114px;
  float: left;
}

a.go {
  font-size: 16px;
  font-weight: bold;
}

/* main */
div.main {
  clear: both;
  border-width: 1px 1px 0 1px;
  border-color: #88b2a9;
  border-style: solid;
  overflow: hidden;
}

/* footer */
div.footer {  
  overflow: hidden;
  border-width: 0 1px 1px 1px;
  border-color: #88b2a9;
  border-style: solid;
  clear: both;
}

div.partners {
  height: 45px;
  background-color: #fff;
  padding: 20px 25px 0 25px;
/*   overflow: hidden; */
}

div.partners p.partners {
  float: left;
  padding-right: 100px;
}

div.partners div.partlogo {
  float: left;
  padding-right: 80px;
}

div.partners div.partlogo a.partner {
  background: none;
}

div.footer div.footerlinks {
  overflow: hidden;
  padding: 0px 25px 0 25px;
  background-color: #fafafa;
}

div.footer div.components, div.footer div.services {
  float: left;
}

div.footer div.components {
  width: 360px;
  padding-bottom: 10px;
}

div.footer div.services {
  width: 360px;
}

div.footer div.support {
  width: 170px;
}

div.footer div.about {
  width: 140px;
  float: left;
}

div.footer h3 {
  font-size: 13px;
  font-weight: bold;
  background: url(/img/h3bg.gif) no-repeat center left;
  height: 20px;
  padding: 8px 0 0 35px;
  margin-bottom: 10px;
}

div.footer ul {
  padding-left: 0px;
}

div.footer h3 a {
  background: none;
  padding: 0;
}

div.footer ul li {
  float: left;
  overflow: hidden;
  display: inline-block;
  list-style: none;
}

div.footer a {
  background: url(/img/arrow.gif) no-repeat center left;
  padding-left: 17px;
}

div.footer div.components a, div.footer div.services a {
  display: block;
  float: left;
  width: 150px;
}

div.footer div.services a.title {
  width: 200px;
}


div.footer div.about a {
  display: block;
  width: 150px;
}

div.footer div.components a.last, div.footer div.services a.last {
  float: right;
}

div.footer div.copyright {
  padding-top: 5px;
  clear: both;
  border-top: 1px solid #88b2a9;
  overflow: hidden;
}

div.copyright div.tcp {
  width: 300px;
/*   float: left; */
}

/* div.copyright div.ds {
  text-align: right;
  width: 300px;
  float: right;
} */

div.copyright div.ds a.ds {
  display: block;
  padding: 10px 55px 0 0;
  height: 20px;
  background: url(/img/datasouth.gif) no-repeat center right;
}


/* index */

div.main div.indexBanner {
  height: 189px;
  background: #fafafa url(/img/index_banner.jpg) no-repeat top left;
  padding: 0 73px 0 498px;  
}

div.main div.indexBanner p {
  font-size: 17px;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
}

div.main div.indexcontent {
  border-top: 1px solid #88b2a9;
  background: #FFF url(/img/index_content_bg.jpg) no-repeat top left;
  padding: 25px 25px 10px 25px;
  overflow: hidden;
}

div.indexcontent div.principles {
  width: 525px;
  float: left;
}

div.indexcontent div.rightContent {
  margin-left: 575px;
  width: 285px;
}

div.principles h2 {
  float: left;
}

div.indexcontent div.rightContent img {
  border: 1px solid #88b2a9;
}

div.principles a.more {
  display: block;
  float: right;
}

div.principles p {
  clear: both;
}

a.innovate { 
  float: left;
}

div.rightContent  div.info {
  margin-left: 65px;
}

div.rightContent div.news {
  overflow: hidden;
  margin-top: 30px;
}

div.rightContent div.arcHead {
  overflow: hidden;
}

/* contact page */

div.contactPage {
  background: url(/img/contact_bg.jpg) no-repeat top left;
  overflow: hidden;
  padding: 20px;
  min-height: 420px;
}

div.contactPage div.address {
  float: left;
  width: 460px;
}

div.contactPage div.contactForm {
  margin-left: 510px;
  padding-left: 10px;
  width: 360px;
}

div.contactPage div#map {
  width: 220px;
  height: 170px;
  overflow: hidden;
  float: left;
}

div.contactPage div.directions {
  margin-left: 240px;
}

div.contactForm label {
  display: block;
  float: left;
  width: 150px;
  font-size: 12px;
}

div.contactForm input {
  width: 170px;
}

div.contactForm div {
  margin-bottom: 10px;
}

div.contactForm textarea {
  width: 170px;
  height: 110px;
}

div.contactForm input.confirm {
  width: 120px;
}

a.submit {
  font-size: 13px;
  font-weight: bold;
  background: url(/img/arrow.gif) no-repeat 3px left;
  padding-left: 20px;
}

p.submit {
  padding-top: 20px;
  text-align: right;
}

div.contactForm img {
  width: 120px;
  padding-right: 30px;
  float: left;
}

/* level one pages */

div.main div.leveloneContent, div.main div.leveltwoContent {
  background: #b0cec7 url(/img/main_bg.jpg) no-repeat top left;
  padding: 25px;
  overflow: hidden;
}

div.leveloneContent div.leveloneBanner, div.leveltwoContent div.leveltwoBanner {
  height: 189px;
  position: relative;
  background: #fff url(/img/toplevel.jpg) no-repeat top left;
  border: 1px solid #88b2a9;
  overflow: hidden;
  padding: 0 73px 0 498px;
}

div.strap_tab {
  display: table;
  height: 189px;
}

div.strap_cell {
  height: 189px;
  display: table-cell;
  vertical-align: middle;
}

div.leveloneBanner p, div.leveltwoBanner p {
  font-size: 17px;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  line-height: 22px;
}



div.leveloneContent div.subsectionItem {
  display: inline-block;
  padding: 20px 0 20px 0;
  width: 430px;
  overflow: hidden;
  float: left;
}

div.leveloneContent div.subsectionItem div.sectionImage {
  clear: left;
  float: left;
  width: 80px;
  height: 80px;
  margin: 0;
  overflow: hidden;
  border: 1px solid #88b2a9;
}

div.components div.subsectionItem div.sectionImage {
  border: none;
}

div.leveloneContent div.subsectionItem div.sectionText {
  padding-right: 15px;
  margin-left: 90px;
  width: 320px;
}

/* leveltwo */

div.leveltwoContent div.subsectionItem {
  padding: 20px 0 20px 0;
  overflow: hidden;
}

div.leveltwoContent div.subsectionItem div.sectionImage {
  float: left;
  width: 121px;
  height: 121px;
  overflow: hidden;
}

div.leveltwoContent div.subsectionItem div.sectionImage img {
  border: 1px solid #88b2a9;
}

div.leveltwoContent div.subsectionItem div.sectionText h1,
div.leveltwoContent div.subsectionItem div.sectionText h2,
div.leveltwoContent div.subsectionItem div.sectionText h3,
div.leveltwoContent div.subsectionItem div.sectionText h4,
div.leveltwoContent div.subsectionItem div.sectionText h5,
div.leveltwoContent div.subsectionItem div.sectionText h6,
div.leveltwoContent div.subsectionItem div.sectionText p,
div.leveltwoContent div.subsectionItem div.sectionText ul {
  margin-left: 140px;
  width: 710px;
}

/* contact us */