body {
	margin:0;
	padding:0;
    background-color: #000066;
	font: bold 11px/1.5em 'Trebuchet MS', sans-serif;
}

/************************************ content frame *****/
#container{
   margin: 0 auto;
   padding: 0;
   width: 750px;
   height: 100%;
   background-color: #006699; /* change this on page to fill shortest column */
}

/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:100%;
      font-size: 66%;
      padding-left: 130px;
      margin-top: 14px;
      line-height:normal;
      }
    #tabsJ ul {
	  margin:0;
	  padding:6px 6px 0 50px;
	  list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("tableftj.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("tabrightj.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

/************************************ banner space *****/
#banner{
   padding: 10px 0 0 0;
   margin: 0;
   width: 750px;
   height: 180px;
   background-color: #006699;
   color: #E1CA24;
   font-size: 18px;
   float: left;
}

#banner h1{
  padding-right: 10px;
  padding-left: 40px;
  margin-top: 0px;
  margin-bottom: 0;
  font-size: 130%;
  color: #66FFFF;
}
#banner p{
padding-top: 10px;
  padding-left: 40px;
}

/*************************************** left column settings *****/
/*
#leftmenu{
  padding: 0 0 20px 0;
  margin: 0;
  margin-top: -50px;
  width:180px;
  float:left;
  background-color: #006699;
  font-family: 'Trebuchet MS', sans-serif;
}

#leftmenu h1, #leftmenu h2, #leftmenu p{
  padding-right: 10px;
  padding-left: 15px;
  padding-top: 10px;
  margin-bottom: 0;
  line-height: 170%;
  font-size: 11px;
}

#leftmenu a:link{
  color: #ffffff;
  font-size: 110%;
}
#leftmenu a:visited{
  color: #CCCCCC;
}
#leftmenu a:hover{
  color: #E1CA24;
}
*/

p.sidebar{
margin-top: -6px;
margin-left: 20px;
height: 30px;
width: 668px;
  border: 3px #006699 double;
  padding: 4px 4px 4px 4px;
  margin-top: 165px;
  .margin-top: 0px;
  color: #000000;
  text-align: center;
  font-family: "Trebuchet MS";
  font-size: 14px;
  line-height: 120%;
}


/********************************* 2nd col - main content - settings *****/
#content{
  width: 710px;
  float: right;
  margin-top: -72px;
  background-color: #ffffff;
  border-left: 40px solid #006699;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 12px;
}
#content h1, h2, p {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 10px;
}

#content p.first{
  margin-top: -30px;
  .margin-top: -35px;
  padding-bottom: 6px;
}


#content img{
  float: right;
  border: none;
  display: inline;

}
#content img.l{
  float: left;
  border: none;
  display: inline;
  padding: 10px 10px 10px 10px;
}
h1{
  font-size: 115%;
  font-weight: bold;
  color: #CC0066;
  line-height: 110%;
  margin-bottom: 2px;
}

p{
  line-height: 120%;
  margin-top: 0px;
  margin-bottom: .3em;
}
#content ul {
list-style-type: square;
padding: 0;
margin: 0;
padding-right: 10px;
float: left;
width: 390px;
padding-left: 55px;
margin-top: -175px;
color: #0099CC;
}
#content ul.about{
  margin-top: 0px;
  width: 90%;
  padding-bottom: 5px;
}

p.homelist{
  margin-top: -4px;
  padding-bottom: 3px;
}

p.lang{
  margin-top: -9px;
}
#content p.xnarrow, p.blue{
float: left;
  width: 400px;
  padding-top: 10px;
  margin-top: -65px;
  padding-bottom: 6px;
}

#cycleimages{
  float: right;
  display: inline;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: -10px;
  margin-left: 430px;
  border: none;
}

/*************************************footer settings*************/
#fullfooter{
  clear: both;
  /* if height is not specified, footer bgcolor will fill any short columns */
  height: 20px;
  padding-top: 4px;
  font-size: 82%;
 text-align: center;
  background-color: #006699;
  color:#ffffff;
}
#fullfooter a:link, a:visited{
  color: #cccccc;
}



/* following is used to make the type in each column be visually on the
   same horizontal line. The fonts used are different sizes, so percentages
   and ems won't work. And using this avoids messing with the margins.  */

.hspace {
    height: 10px;
  }