body {
  margin: 35px 10px 10px 10px;
  background: #cccccc;
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:12px;
  background-image:url(extra/page_bg.png); background-repeat:no-repeat; 
}

td { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size:12px; }
th { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size:12px; }

h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; margin-top: 0px; border-bottom: 2px solid #cc3333;  }
h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; margin-top: 0px; border-bottom: 1px solid gray;  }
h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; margin-top: 0px; }

A { text-decoration: none; }
A:hover { color: #CC3333; }

#topbanner { margin-bottom: 10px; }

#outerbox { text-align: left; width: 955px; }

#leftcol { float: left; width: 220px; }
#leftnav { float: left; text-align: left; margin-bottom: 20px; }
#leftnav A, A:visited { color: white; }

#lefttext { text-align: center; margin-top: 20px; }

#topnav {
  margin-left: 220px;
  background: white;
  border: 1px solid gray;
  padding: 5px;
  text-align: center;
  margin-bottom: 10px;
  width: 722px;
}
#topnav A, A:visited { color: #333333; }
#topnav A:hover { color:#CC3333; }

#mainbox {
  margin-left: 220px;
  background: white;
  border: 1px solid gray;
  padding: 5px 10px 10px 10px ;
  text-align: justify;
  width: 712px;
  color: #333333;
}

#mainbox h1, h3 { color: navy; }
#mainbox h2 { color: #CC3333 ; font-weight: normal; }
#mainbox P, LI {  line-height: 140%; }
#mainbox A, A:visited { color: blue; }

#footnav {
  margin-left: 220px;
  background: white;
  border: 1px solid gray;
  padding: 5px;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 722px;
}
#footnav A, A:visited { color: #333333; }
#footnav A:hover { color:#CC3333; }



/* lnav has to be defined first // padding is deducted from height and width */
.lnav { height: 22px; width: 170px; padding-left: 40px; padding-top: 8px; color: white; }
#what { background:  url("extra/exocoza_r4_c1.jpg") no-repeat; }
#presence { background:  url("extra/exocoza_r5_c1.jpg") no-repeat; }
#disclosure { background:  url("extra/exocoza_r6_c1.jpg") no-repeat; }
#policies { background:  url("extra/exocoza_r7_c1.jpg") no-repeat; }
#diplomacy {background:  url("extra/exocoza_r8_c1.jpg") no-repeat;}
#exocon { background:  url("extra/exocoza_r9_c1.jpg") no-repeat; }
#exoscience { background:  url("extra/exocoza_r10_c1.jpg") no-repeat; }
#who { background:  url("extra/exocoza_r11_c1.jpg") no-repeat; }

/* ************* styles to be called as classes ************* */
.parastart { color: gray; font-size: large; }
.raspberry { color: #CC3333; }
.smalltext { font-size: 10px; }
.lfloat { float: left; margin-right: 10px; margin-bottom: 10px; }
.rfloat { float: right; margin-left: 10px; margin-bottom: 10px; }
.bq { background-color: #eeeeee; border: 1px solid gray; padding: 8px; color:#000000; }
.tb { border: 1px solid #333333 }