html {min-width: 760px; }  /* Fixes Mozilla bug */

body {margin:0; padding:0;
  text-align:center; font-size:small;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  /*   font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;  */
  color:#2F2A0D;
  background:#8DBA5A url("limebg.gif");
}

#wrapper {margin:0 auto; padding:0;
	width:760px; text-align:left;
	background:#FFFFFF url(wrapbg.gif) repeat-y top left;
	}
   
.clear {	clear:both;	}	

a {color:#191970;}	
a:hover {text-decoration:none;}	
	
h3 {
  padding:2px; border: 1px solid #BEB48E; background: #FFF;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.float-left {float:left; margin:0 10px 10px 0; 	border:4px solid #FFF;}
.float-right {float:right; margin:0 0 10px 10px;border:4px solid #FFF;}

#header {margin:0; padding:0;
	height:194px; width:760px;
  	background:#FFFFFF url(header.jpg) no-repeat top center;
	}	

.description {text-indent:-9000px;}
   
#header h1 {margin:0; padding:0;	}	


/* ====== NAVIGATION  ===========================================*/
#menu {
  margin:0 0 10px 0;
  padding:5px 8px 0 5px;
  height: 22px; border:1px solid #C7C281;
  background:#EEFFCC;
  /*    font: bold 14px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;  */
  font: 13px Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
}

#menu ul{border: 0; margin: 0; padding: 0;
list-style-type: none; text-align: center;
   }

#menu ul li {display: block; float: left; text-align: center;
   padding: 0;  margin: 0;   
   }  

#menu ul li a {padding: 0; margin: 0;
   width: 118px; height: 20px;
   background: #EEFFCC;
   color: #193300;  /*  D67E1C */
   text-decoration: none;
   display: block;
   text-align: center;
}

#menu ul li a:hover{color: #201200; text-decoration: underline; }
#menu a:active {background: #FAFAD2; color: #000; }
#menu li #active a {background: #FAFAD2; color: #000;  } 

	
/* ======  CONTENT AREA  ======================================= */
#content-top {margin:0; padding:0;
	height:30px; width:760px; 
	}
   
#content {float:left; margin:0; padding:0 0 0 22px;
	width:502px; position:relative; bottom:35px;  /* fix for top level -> 34 */
	} 

#content h3 {
  background:#FFF5EE;
  padding: 3px;
  border:1px solid #C7C281;
  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
}


#content h2 {height:35px; border: 1px solid #BDB76B;
	} 

#content .text {margin:0; padding:0 15px; line-height:20px;
	width:470px; border:1px solid #BEB48E;
	background:#F7F3C5; color: #001300;
   }	

#content p .centered {text-align: center; } 	

#content-bottom {margin:0; padding:0;
	height:30px; width:760px;
	background:url(bottom.gif) no-repeat top left;
	}	


/* ====== SIDEBAR AREA  ====================================== */
#sidebar {float:right; margin:0; padding:0 8px 0 8px;
	width:220px; position:relative; bottom:20px;	}
	
#sidebar .box {
  margin:0 0 10px 0;
  padding:0 8px;
  width:190px; border:1px solid #CCBF9D;
  background:#EEFFCC;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#sidebar .box h2 {margin:10px 0 0 0; padding:0;
	font-size:120%;
	}	
	
#sidebar .box p {line-height:16px;}	
#sidebar p.centered {text-align:center;}	
#sidebar p.smallprint {font-size: 84%;}	
#sidebar p.title {
  margin:5px 0 5px 0; padding:0;
  text-align:center; color: #193300;
  font: 13px Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
}

/* ======= IMAGE STYLES ===================================== */
#sidebar img {border:none;	}	

#sidebar .sidebar-photo {margin-left: 4px; padding: 6px 6px 5px 6px; background:#FFF;
	border:1px solid #CBC387; width: 160px; height: 200px; text-align: center;
   }
.hide{display:none;}
#sidebar .rolloverphoto a{background-image: url("JBrollover.jpg");
   width: 160px; height: 200px; float: left;
   }   
#sidebar .rolloverphoto a:hover{background-position: right;}

.img-wrap {float:left;	margin:10px 10px 0 0; border: none;	}	
.img-wrap img {border:4px #fff solid; width:130px;	}	
.img-wrap a {border:none;}	
.img-wrap p {margin:0;padding:0;	}	

#content .whiteborder {float:left;	 margin-left: 2px; margin-right: 10px; padding: 5px 5px 4px 5px; 
   background:#FFF; border:1px solid #C6BD7B;  text-align: center;
   }  /*  #CBC387 */

#content .pkgs {float:left; margin-left: 2px; margin-right: 8px; padding: 4px 4px 3px 4px; 
   background:#FFF; border:1px solid #C6BD7B;  text-align: center;
   }  /*  #CBC387 */
	
#content .redtitle { text-transform: capitalize; color: #8B0000; font: bold 18px;}


/* ==========  FOOTER STYLES ============================== */	
#footer	{clear: both; margin: 0; position: relative; 
   padding: 5px 0px; border: 0;
   background:#FFF9D8 url(footer.gif) repeat-y top left;
	width: 760px; 
	}

#footer p	{margin: 0; text-align: center;
	font-size: 12px;	line-height: 18px; color: #000;
	padding: 0 0 10px 10px;
	}
   
#footer a:visited, #footer a:link {
	text-decoration: none;
}

#footer a:hover {
   text-decoration: underline;
}