HTML { overflow:hidden; }

BODY {
  margin:           0px;
  padding:          0px;
  background-color: #9A9A9A;  /* flat grey */
  font-family:      'Lucida Sans Unicode', 'Lucida Sans', 'Trebuchet MS', Tahoma, Arial, Helvetica;
  font-size:        11pt;
  color:            #696D17;  /* olive */
}

A {
  color:           #256f79;  /* deep teal */
  font-weight:     bold;
  text-decoration: none;
}

  A:hover {
    text-decoration: underline;
  }

A.menu {
  display:     block;
  line-height: 1.3em;
  text-align:  right;
  padding: 2px 13px 2px 13px;
  margin:  0px  6px 0px  6px;
}

  A.menu:hover {
    background-color: #9A9A9A;  /* flat grey */
    color:            #FFFFFF;
    text-decoration:  none;
  }

A.blu {
  font-weight: normal;
}

  A.blu:hover {
    color:            #CC6633;  /* terra cotta */
    text-decoration:  none;
  }

A.header2 {
  font-size:   16pt;
  color:       #9A9A9A;  /* flat grey */
  font-weight: bold;
}

  A.header2:hover {
    color: #9A9A9A;  /* flat grey */
    text-decoration: none;
  }

DIV.page {
  position:    absolute;
  top:         30px;
  left:        30px;
  right:       20px;
  bottom:      20px;
  min-height: 477px;
  background-color: #FFF4DB;  /* ivory */
}

DIV.custom_web_applications {
  position: relative;
  top:     -20px;
  left:    -19px;
  float:    left;
  height:   100%;
}

DIV.your_vision_is_possible {
  text-align:       right;
  background-color: #C9C9C3;  /* dove grey */
}

DIV.internet_programming {
  position:absolute;
  top:    40px;
  left:  152px;
  right:  74px;
  bottom: 69px;
  background-color: #CCCCCC;
}

DIV.connect_online_app_data {
  position:   relative;
  width:      100%;
  height:     100%;
  padding: 20px 30px 20px 30px;
  overflow:   auto;
  /* text-align: justify; */
  border: 1px solid #F0D7BA;  /* chalk terra */
  background-color: #FFFAEE;  /* cream */
}

DIV.copyright {
  position:         absolute;
  left:             0px;
  right:            0px;
  bottom:           0px;
  background-color: #DFE0CC;  /* khaki */
  color:            #9A9A9A;  /* flat grey */
  font-size:        8pt;
  text-align:       right;
  padding-right:    10px;
}

/* --- form styles --- */

TD.fieldname  {
  COLOR : #000000;
  FONT-SIZE : 11px;
  FONT-FAMILY : verdana,geneva,arial,helvetica,Tahoma;
}

TD.colorfont  {
  COLOR : #CC6633;  /* terra cotta */
  FONT-SIZE : 11px;
  FONT-FAMILY : verdana,geneva,arial,helvetica,Tahoma;
}

input.oksubmit  {
  font-size : 9px;
  FONT-FAMILY : verdana,geneva,arial,helvetica,Tahoma;
  font-weight : bold;
  color : #FFFFFF;
  background-color : #C2CCB4;
  border-style : ridge;
  border-color : #C2CCB4;
  border-width : thin;
}

input.field  {
  font-size : 9px;
  FONT-FAMILY : verdana,geneva,arial,helvetica,Tahoma;
  color : #000000;
  background-color : #E0E0D9;
  border-width : thin;
  border-color : #00664D;
  border-style : inset;
}    
	
input.normal  {
  color : #000000;
  background-color : #C9C9C3;
  border-style : inset;
  order-color : #B2A79A;
}
	
select.normal  {
  background-color : #f5f0e9;
  border-style : inset;
  border-color : #B2A79A;
  color : #000000;
}

select.field  {
  font-size : 9px;
  FONT-FAMILY : verdana,geneva,arial,helvetica,Tahoma;
  color : #000000;
  background-color : #E0E0D9;
  border-width : thin;
  border-color : #00664D;
  border-style : inset;
}    

textarea.normal  {
  font-size : 9px;
  FONT-FAMILY : verdana,geneva,arial,helvetica,Tahoma;
  color : #000000;
  background-color : #E0E0D9;
  border-width : thin;
  border-color : #00664D;
  border-style : inset;
}

/* --- /form styles --- */

#tab_1_div, #tab_2_div {
  margin-left:  auto;
  margin-right: auto;
}

.Dissolve {
  filter:revealTrans(duration=0.4,transition=23);
}