body {
	height: 100%;
	font-family: Arial, Verdana;
	font-size: 12px;
	text-align: center;
	color: #000000;
	line-height: 1.35;
	background: #efb5c1 url(images/bkgrd.jpg) repeat;
	scrollbar-base-color: #ef9cc3; 
	scrollbar-arrow-color: #ef9cc3; 
	}
	
a:link {font-weight: bold;text-decoration: none; color: #87ba40;}
a:visited {font-weight: bold;text-decoration: none; color: #87ba40;}
a:active {font-weight: bold;text-decoration: none; color: #87ba40;}
a:hover {font-weight: bold;text-decoration: underline; color: #87ba40;}
	
#tricky { clear: both; }


#content {		
	width: 860px;
	height: 660px;
	margin: 0 auto;
	position: relative;
 	background-color: #ffffff;
	}
	
#content2 {		
	width: 860px;
	height: 100%;
	margin: 0 auto;
	position: relative;
 	background-color: #ffffff;
 	background-image: url(images/bkgrdblk.jpg); background-repeat: x;
	}

#mainbody {		
	width: 860px;
	height: 480px;
	margin: 0 auto;
 	position: relative;
 	line-height: 1.25;
 	text-align: center;
 	background-color: #ffffff;
  	background-image: url(http://74.220.215.59/~dearjohn/images/); background-repeat: no;
	}	
	
#navcont {	
	width: 860px;
	height: 48px;
	text-align: center;
	margin: 0 auto;
 	position: relative;
	background-color: #f3aacb;
	background-image: url(images/ribbon.jpg); background-repeat: no;
	}
	
#btmcont {	
	width: 860px;
	height: 48px;
	text-align: center;
	margin: 0 auto;
 	position: relative;
	background-color: #f3aacb;
	background-image: url(images/ribbon.jpg); background-repeat: no;
	}
	
#subbody1 { 
	width: 860px;
	margin: 0 auto;
 	position: relative;
 	line-height: 1.25;
 	text-align: center;
 	background-color: #ffffff;
  	background-image: url(images/wellesleybk.jpg); background-repeat: no;
	}	
	
#subbody2 { 
	width: 860px;
	margin: 0 auto;
 	position: relative;
 	line-height: 1.25;
 	text-align: center;
 	background-color: #ffffff;
  	background-image: url(images/wellesleybklong.jpg); background-repeat: no;
	}	
	
#subbodyblk {		
	width: 860px;
	margin: 0 auto;
 	position: relative;
 	line-height: 1.25;
 	text-align: left;
 	background-color: #ffffff;
	}	
	
.homeimage {	
	position: absolute;
	width: 860px;
	height: 480px;
	background-repeat: no-repeat;
	}	
	
.navlinks:link {font-weight: bold; text-decoration: none; color: #ffffff; padding-left: 10px;}
.navlinks:visited {font-weight: bold; text-decoration: none; color: #ffffff; padding-left: 10px;}
.navlinks:active {font-weight: bold; text-decoration: none; color: #ffffff; padding-left: 10px;}
.navlinks:hover {font-weight: bold; text-decoration: underline; color: #ffffff; padding-left: 10px;}

.homelt {		
	float: left;
	text-align: left;
	width: 450px;
	font-weight: bold;
	line-height: 1.75;
	}
		
.homert {	 	
	margin: 0 auto;
	width: 380px;
	height: 480px;
 	float: left;
 	text-align: left;
	}
	
.homertcnt {	 		
	font-size: 11px;
	line-height: 1.35;
	padding: 20px 0px 0px 20px;
	}
	
.catimgs {		
	float: left;
	width: 360px;
	text-align: center;
	font-size: 10px;
	}
	
.cathome {	
	text-align: center;
	float: left;
	border: 1px solid #87ba40;
	}
	
.catimgper {		
	float: left;
	width: 110px;
	margin: 5px 0px 0px 5px;
	text-align: center;
	font-size: 10px;
	}	
	
.sublt {		
	float: left;
	text-align: left;
	width: 200px;
	font-weight: bold;
	line-height: 1.75;
	}
	
.subcont {		
	float: left;
	text-align: left;
	width: 650px;
	height: 480px;
	line-height: 1.35;
 	overflow: auto;
	}
	
.subcont2 {		
 	position: relative;
	float: left;
	text-align: left;
	width: 650px;
	line-height: 1.35;
	}
	
.imgcatcont {		
	float: left;
	text-align: center;
	width: 100px;
	margin-left: px;
	margin-right: 8px;
	padding: 0px 0px 0px 0px;
	}

.imgcat {	
	float: left;
	border: 1px solid #87ba40;
	}

.header1 {
	font-size: 14px;
	color: #000;
	font-weight: bold;
	}
	
.subhead {
	font-size: 12px;
	font-weight: bold;
	color: #183562;
	text-align: left;
	}
		
.indent {
	padding-right: 30px;
	padding-left: 50px;
	}
		
.smindent {
	padding-right: 10px;
	padding-left: 10px;
	}
	
.padrt {
	padding-right: 40px;
	}
	
.padlt {
	padding-left: 30px;
	}
	
.padlt2 {
	padding-left: 10px;
	}
	
.padrt2 {
	padding-right: 10px;
	}
	
.padtop {
	padding-top: 15px;
	}

.credit {		
 	position: relative;
	width: 860px;
	text-align: center;
	}

.prodimgcont {		
	float: left;
	text-align: center;
	width: 250px;
	padding: 5px 20px 0px 0px;
	}

.proddesccont {		
	float: left;
	text-align: left;
	width: 320px;
	padding: 5px 0px 0px 0px;
	}
	
.imgcat2 {	
	float: left;
	border: 1px solid #87ba40;
	margin-right: 5px;
	}

.celebcont {		
	float: left;
	text-align: center;
	width: 101px;
	margin-left: px;
	margin-right: 12px;
	padding: 0px 0px 0px 0px;
	}
	
.col1 {	
	width: 230px;
	float: left;
	text-align: left;
	padding: 10px 0px 10px 0px;
	}
	
.col2 {	
	width: 230px;
	float: left;
	text-align: left;
	padding: 10px 0px 10px 0px;
	}