html, body {
  margin      : 0px;
  padding     : 0px;
  /*height      : 100%;*/
  /*width       : 100%;*/
  font-family : Verdana,Arial,Helvetica;
  font-size   : 8px;
  text-align  : center;
}

#main {
  width        : 994px;
  margin-right : auto;
  margin-left  : auto;
  margin-top   : 10px;
  text-align   : center;
}

#header {
  width             : 994px;
  height            : 137px;
  margin            : 0px;
  background-image  : url( ../images/header.jpg );
  background-repeat : no-repeat;
}

#header span {
  display : none;
}

#navi_container {
  width   : 994px;
  height  : 14px;
  margin  : 0px;
  padding : 0px;
}

#navi_before {
  width             : 327px;
  height            : 14px;
  background-image  : url( ../images/navi_1.gif );
  background-repeat : no-repeat;
  display           : block;
  float             : left;
}

#navi {
  width            : 667px;
  height           : 14px;
  background-color : #006B97;
  display          : block;
  float            : left;
}

#navi ul {
  list-style-type : none;
  height          : 14px;
  line-height     : 14px;
  vertical-align  : middle;
  font-family     : Verdana,Arial,Helvetica;
  font-size       : 9px;
  font-weight     : bold;
  color           : #FFFFFF;
  margin          : 0px;
  padding         : 0px;
}


#navi ul li {
  float         : left;
  border-right  : 1px solid #F1A33F;
  padding-left  : 5px;
  padding-right : 5px;
}

#navi ul li a {
  color           : #FFFFFF;
  text-decoration : none;
}

#navi ul li a:hover {
  color           : #F1A33F;
  text-decoration : none;
}

#navi_beneath_orange {
  background-image  : url( ../images/navi_orange.gif );
  background-repeat : no-repeat;
  width             : 994px;
  height            : 11px;
}

#navi_beneath {
  background-image  : url( ../images/navi_beneath.gif );
  background-repeat : no-repeat;
  width             : 994px;
  height            : 38px;
}

#content_area {
  width        : 992px;
  border-right : 1px solid #006B97;
  border-left  : 1px solid #006B97;
}

* html body #content_area {
  width : 994px;
}

#content_area .contentBox {
  float  : left;
  margin : 20px;
  
}

#content_area #leftBox {
  width   : 250px;
  display : block;
}

#content_area #rightBox {
  width : 650 !important;
  width : 620px;
}

#content_area .contentBox .header {
  width            : 100%;
  background-color : #F1A33F;
  float            : left; 
  
}

#content_area .contentBox .header .leftCorner {
  float             : left;
  background-image  : url( ../images/left_rounded_orange.gif );
  background-repeat : no-repeat;
  background-color  : none;
  width             : 17px;
  height            : 14px;
}

#content_area .contentBox .header .headerText {
  float            : left;
  background-color : transparent;
  color            : #FFFFFF;
  height           : 14px;
  line-height      : 14px;
  vertical-align   : middle;
  font-size        : 10px;
  font-weight      : bold;
}

#content_area .contentBox .header .rightCorner {
  float             : right;
  background-image  : url( ../images/right_rounded_orange.gif );
  background-repeat : no-repeat;
  background-color  : transparent;
  width             : 17px;
  height            : 14px;
}

#content_area .contentBox .content {
  border     : 1px solid #F1A33F;
  margin-top : 2px;
  float      : left;
  width      : 100%;
  text-align : left;
  font-size  : 11px;
}

#content_area .contentBox .content p {
  padding    : 15px;
  margin     : 0px;
  text-align : left;
  font-size  : 11px;
}

#content_area .contentBox .content p ul {
  text-align : left;
  font-size  : 11px;	
}

#content_area .contentBox .content p ul li {
  text-align : left;
  font-size  : 11px;
}

#footer {
  width : 994px;
  
}

#footer #leftPart {
  width             : 143px;
  height            : 16px;
  background-image  : url( ../images/footer_1.gif );
  background-repeat : no-repeat;
  float             : left;
}

#footer #textBox {
  background-color  : #F1A33F;
  width             : 116px;
  height            : 16px;
  line-height       : 16px;
  vertical-align    : middle;
  float             : left;
  font-size         : 10px;
  font-weight       : bold;
  color             : #006B97;
}

#footer #textBox a {
  text-decoration : none;
  color           : #006B97;
}

#footer #textBox a:hover {
  color : #FFFFFF;
}

#footer #rightPart1 {
  width             : 17px;
  height            : 16px;
  background-image  : url( ../images/footer_2.gif );
  background-repeat : no-repeat;
  float             : left;
}

#footer #rightPart2 {
  width             : 718px;
  height            : 16px;
  background-image  : url( ../images/footer_3.gif );
  background-repeat : no-repeat;
  float             : left;
}

#footerEnd {
  width             : 994px;
  height            : 9px;
  background-image  : url( ../images/footer_beneath.gif );
  background-repeat : no-repeat;
}

.clear {
  font-size   : 1px;
  line-height : 0px;
  clear       : both;
}






form {
  margin        : 20px;
  margin-left   : auto;
  margin-right  : auto;
  margin-top    : 20px;
  clear         : both;

  width         : 90%;
  text-align    : center;
}

form fieldset {
  border : 0px;
  display : inline;
  margin-left   : auto;
  margin-right  : auto;
  text-align    : center;
}

form label {
  margin         : 8px;
  margin-top     : 0px;
  width          : 100px;
  height         : 18px;
  line-height    : 15px;
  vertical-align : middle;
  font-size      : 10px;
  font-weight    : bold;
  display        : block;
  float          : left;
  text-align     : right;
}

form input {
  width            : 200px;
  height           : 15px;
  font-size        : 10px;
  float            : left;
  display          : block;
  border           : 0px;
  border           : 1px solid #3A5577;
  background-color : transparent;
}

form select {
  margin-left      : 2px;
  width            : 200px;
  height           : 15px;
  font-size        : 10px;
  float            : left;
  display          : block;
  border           : 0px;
  border           : 1px solid #3A5577;
  background-color : #FFFFFF;
}

form textarea {
  margin           : 8px;
  width            : 308px;
  height           : 50px;
  padding          : 0px;
  display          : block;
  border           : 1px solid #3A5577;
  background-color : transparent;
  font-size        : 12px;
}

.fspacer {
  width   : 10px;
  height  : 2px;
  display : block;
  clear   : both;
}

#submit,
#reset {
  width            : 144px;
  margin           : 8px;
  height           : 25px;
  background-color : #FFFFFF;
  border           : 1px solid #3A5577;
  float            : none;
  display          : inline;
}

* html form { display: block; margin-top : 0px;}
* html label { display: inline; margin : 2px; margin-bottom:0px; }
* html input { display: inline; margin : 2px; height : 18px;}
* html textarea { display: block; margin : 0px;}
* html #submit,  
* html #reset { display: inline; margin : 0px; margin-right : 8px; margin-top: 4px;}
* html .fspacer { margin : 0px; clear : left; width : 1px; height: 1px; }