body {
 font-family: verdana, arial, helvetica, serif;
 text-align: center;
 margin: 0;   /* optional   */
}
#lowmenu  {
  position: absolute;
  font-size: .8em;
  top: 20px;
  left: 20px;
  width: 120px;
  margin: 0;
  padding: 0;
}
#lowmenu ul  {
  border-right: thin solid #7CAADB;
  margin: 0;
  padding: 0 0 20px 0;
  list-style: none;
}
#content ul  {
/*  list-style: none;   */
}
#lowmenu a:link, #lowmenu a:visited, #content a:link, #content a:visited  {
  color: #7CAADB;
  text-decoration: none; 
} 
#lowmenu a:hover, #content a:hover  {
   text-decoration: underline; 
} 
#lowmenu ul .active a  {
  font-weight: bold;   
}
#greenmenu {
 font-family: arial;
 width: 695px;
 height: 32px;
 background-color: #BDD73A;
 margin: 0 auto;
 text-align: center;
}
#greenmenu ul {
/*  overflow: hidden;   */
  text-transform: uppercase;
  font-size: .6em;    /* appears to be key to getting FF and IE right, not to mention Safari!!!!!  */
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 695px;   /* maybe optional */
  height: 32px;
}
#greenmenu li {
  float: left;
  margin: 0;
  padding: 0;
}
#greenmenu ul a:link, #greenmenu ul a:visited {
/*  font-size: 11px;   */
  display: block;
  float: left;
  padding: 0 9px;
  line-height: 32px;
  text-decoration: none;
  color: #fff;
}
#greenmenu ul a:hover {
  background-color: #8CAA3A;
}
#greenmenu .active a {
  background-color: #8CAA3A;
/*  font-weight: bold;  */
}
#greenmenu ul .last a {
  padding-right: 14px !important;   /* works great IE and FF, slightly smaller in Safari  */
/*  margin-right: 6px;   did not work well  */
/*  padding: 0 1.15em !important;     1.2 borks FF  */
/*  padding: 0 2em;    */
}
#banner {
 width: 950px;
 height: 127px;
 background: #08519C url('images/cottonbanner.jpg') no-repeat;
}
#content {
 font-size: 14px;
 position: relative; 
 color: #000;
 width: 695px;
 background-color: #fff;
 text-align: left;
 margin: 0 auto;
}
.squish {
 padding: 20px 40px 40px 40px;
}
.squishInside  {
  margin-left: 120px;
  padding: 40px;
}
h2  {
 font-size: 20px;
 margin: 0;
 padding-top: 0; 
 color: #08519C;
}
p  {
}
#footer {
  padding: 4px;
  font-size: .9em;
  color: #AFAA99;
  width: 950px;
  text-align: center;
  margin: 0 auto;
}
#footer a {
  color: #AFAA99;
  text-decoration: none;
}
#wrapper  {
 padding-bottom: 45px; 
 width: 950px;
 margin: 0 auto;
 background: #7CAADB url('images/CottonBottoms_bubbles-bg.gif') repeat-y;
}
p.nosee {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}