body {
	color: #010101; 
	font-size: 80%; 
	margin: 0px auto; 
	padding: 0px; 
	background: #FFF url(../images/lepre_bg.jpg) no-repeat;
	font-family: verdana, arial, helvetica, sans-serif;
	}
td {/*font-family: arial, sans serif; */line-height: 1.25em; /*font-size: 105%;*/}
img { border:0; }
a { color: #339900; }
a:hover { color: #CC0000; }
a:focus  {   -moz-outline: none; outline: none; }
/*a { color:#4b632f;}
a:hover { color:#222416; } */

.image-pad {
	margin-bottom:4px;
}
#page-blank {
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0px auto; 
	padding: 0px;  
	width: 830px; 
	height: 105px;
	}
	
#menubar  {
	position:relative;
	width:830px;
	z-index:99; 
	margin-top: 12px;
	height:23px;
	padding-bottom:2px;
	clear:both; 
	background: transparent  /*url(../images/menubg.png) no-repeat top center*/;
	}
	
	
#main_content {
	float: left; 
	clear:both;
	width: 830px; 
	margin: 0px; 
	padding: 0px 0px 0px 0px;
	}

#page_content_indent {
	float: left; 
	clear:both;
	width: 550px; 
	font-size: 85%;
	line-height:150%;
	margin: 100px 0px 0px 100px; 
	padding: 0px 0px 0px 0px;
}



h1 a {
  display: block;
  background: url(../images/lepre_logo.png) no-repeat 5px 26px;
  height: 120px;
  width: 600px;
  text-indent: -9999px;
}

h3, h4 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:170%;
	font-weight: normal;
	font-variant: small-caps;
	padding: 20px 0 0 35px;
	margin:0;
}

h4 {
	padding-left:15px;
}
#header {
width: 830px;
height: 158px;
margin-top:-2px;
background: url(../images/header.png) no-repeat;
}

#home_button {
margin: 0px 0px 0px 640px;
width:50px;
}

#nav_appointment {
margin: -40px 0px 0px 640px;
width:188px;
}

.btn_appointment {
	width: 186px;
	height: 23px;
	display: block;
	float:none;
	font-size:10px;
	text-decoration:none;
	background: url(../images/btn_appointment.png) no-repeat;	
	text-indent: -9999px;
}

.btn_appointment:hover {
	background: url(../images/btn_appointment_on.png) no-repeat;
}

#home_button {
margin: 0px 0px 0px 670px;
width:50px;
}
.btn_home {
	text-decoration:none;
	width: 50px;
	height: 50px;
	margin: -105px 0px 0px 0px;
	padding: 0px;
	float:right;
	background: url(../images/home_button.png) no-repeat center center;	
	text-indent: -9999px;
}

.btn_home:hover {
	background: url(../images/home_button_on.png) no-repeat center center;	
}


#nav_bar {
	width:705px;
	margin-left: 45px;
	margin-top: 30px;
	height:30px;
	background: transparent;
}

.nav_spacer {
	float:left; 
	padding: 0;
}

li.menulink { 
	float: left; 
	}


 ul {
  list-style: none;
  position: absolute;
  font-weight: normal;
  font-size: 95%;
  padding: 0.5em 0 0em 0;
  }

	
#nav_bar a { 
	text-decoration: none; 
	color: #333;
} 

#nav_bar ul li a:hover { 
	color: #5d875f; 
	text-decoration: none;
}

#nav_bar li li {
	padding: 3px;
	font-size: 90%;	
}

#home_body {
	width: 840px;
	margin-left: 1px;
	height: 440px;	 	
	padding: 0;
	background: url(../images/main_bg_flat.png) no-repeat;
}

#main_body, #admin_body, #map_body, #tall_body, #specialties_body {
	width: 840px;
	margin-left: 1px;
	padding: 0;
	background: url(../images/inside_bg_flat1.jpg) no-repeat;
}

#main_body, #admin_body {
	height: 440px;	 	
}

#map_body {
	height: 690px;	 	
}

#tall_body {
	height: 530px;	 	
}

#specialties_body {
	height: 520px;	 	
}

#top_text {
	font-size: 85%;
	width:695px;
	padding: 0px 0px 0px 30px;
}

#left_column, #therapists, #left_column_steve, #administrators {
	margin-top: 15px;
	margin-left: 24px;
	font-size: 85%;
	position: relative;
	display: block;
	float: left;
}

#left_column { 
	width: 240px;
/*	height: 480px; */
}

#left_column_steve { 
	width: 200px;
/*	height: 480px; */
}

#therapists {
	width: 410px;
	height: 470px; 
}

#administrators {
	width: 210px;
	height: 300px; 
}

#about_therapists {
	margin-right: 105px;
	margin-top: 5px;
	width: 295px;
	height: 415px;
	font-size: 85%;	
	overflow: auto;
	float:right;
}

#about_officers {
	margin-right: 110px;
	margin-top: 5px;
	width: 470px;
	height: 315px;
	font-size: 85%;	
	overflow: auto;
	float:right;
}

#right_column {
	margin-right: 105px;
	margin-top: 0px;
	width: 445px;
	height: 315px;
	font-size: 85%;	
	overflow: auto;
	float:right;
}

#steve_column {
	margin-right: 105px;
	margin-top: 0px;
	width: 500px;
	height: 315px;
	font-size: 85%;	
	overflow: auto;
	float:right;
}

#right_column_text p{
	line-height: 1.25em;
	background: #fff;
}

#wide_column_text p{
	width:480px;
	line-height: 1.25em;
	background: #fff;
}

#about_therapists_text p {
	width:280px;
	line-height: 1.25em;
	background: #fff;
}

#about_officers_text p {
	width:450px;
	line-height: 1.25em;
	background: #fff;
}

#page_content_full_page {
	margin: 10px 0 0px 34px;
	position: relative;
	width: 680px;
/*	height: 100px;*/
	font-size: 85%;
}

#contact {
	margin-top: 10px;
}

#contact_form {
	margin: 10px 0 0px 34px;
	padding-bottom:20px;
	position: relative;
	width: 630px;
	height: 330px;
	font-size: 85%;
	overflow: auto;
}

#page_content_treatments  {
	margin: 0px 0px 0px 35px;
	position: relative;
	display: block;
	float: none;
	width: 685px;
	height: 250px;
	font-size: 85%;	
}

#about_treatments  {
	margin: 0px 0px 0px 35px;
	position: relative;
	display: block;
	float: left;
	clear:both;
	width: 630px;
	height: 150px;
	font-size: 85%;	
}

#about_treatments p {
	margin-right:20px;
}
.rmv { /*hack to keep the scroll bar from scrolling too far. height of scroll area is # of .rmv class DIV's multiplied by height */
	height:40px;
	width:330px;
	background:transparent;
}
.rmv_treat { /*hack to keep the scroll bar from scrolling too far. height of scroll area is # of .rmv class DIV's multiplied by height */
	height:25px;
	width:600px;
	background:transparent;
}
.rmv_admin {
	width:440px;
	background:transparent;
}
.start {
	width: 550px;
	margin-top:15px;
}
/*#treatment1 {
	width: 585px;
}*/

#locations {
	margin-left: 15px;
	margin-top: 0px;
	font-size: 85%;
	font-variant: small-caps;
	width: 240px;
	position: relative;
	display: block;
	float: left;
	font-family:  arial, sans-serif;
}

#locations p {
margin-bottom: 15px;
}

#home_photos {
	margin-top: 0px;
	margin-left: 7px;
	padding-top: 5px;
	width: 731px;
	z-index: 5;
	background: #FFF;
}

#ph1, #ph2, #ph3, #ph4, #ph5, #ph6, #ph7, #ph8, #ph9, #ph10, #ph11, #ph12 {
	margin: 0px 0px 4px 0px;
	position: relative;	
	display: block;
	float: left;
}

#ph1, #ph2, #ph4, #ph5, #ph7, #ph8,  #ph10, #ph11 {
	padding-right: 4px;
}

.btn_next, .btn_back  {
	width: 112px;
	height: 89px;
	display: block;
	float:none;
	font-size:10px;
	text-decoration:none;
	text-indent: -9999px;
}

#nav_photos_slide_next, #nav_photos_slide_back { 
	float:right;
	clear:none;
	width:100px;
	margin: -73px 0px 0px 0px;
	} 
.btn_next{ background: url(../images/btn_next.png) no-repeat;}
.btn_back { background: url(../images/btn_back.png) no-repeat;}
.btn_next:hover { background: url(../images/btn_next_on.png) no-repeat;}
.btn_back:hover { background: url(../images/btn_back_on.png) no-repeat;}


#btm_content {
	z-index:11;
	width: 615px;
	margin-top: 0px;
	margin-left: 20px;
}

.promo_content {
	color: #638e47;
	font-size: 85%;	
	line-height: 1.1em;
}

#footer {
	clear:both;
	width: 987px; 
	height: 220px;
	margin: -23px 0px 0px -85px; 
	padding: -23px 0px 0px 0px;
	text-align:center;
	background: transparent url(../images/footer_clear.png) no-repeat;
}

#content_tail, #content_tail a, #content_tail a:visited {
	clear:both;
	padding-top:60px;
	font-size: 95%; 
	font-variant: small-caps;	
	letter-spacing: 3px;
	text-decoration: none;
	color: #638E47;
	}

#content_tail a:hover {
	color: #999999;
	text-decoration: none;
	}

#steve {
	margin-right: 70px;
	margin-top: -60px;
	width: 200px;
	height: 200px;
	font-size: 85%;	
	overflow: auto;
	float:right;
}

.small_sl_photo {	
	width: 124px;
	height: 162px;
/*	margin-top: -230px;
	margin-left: 715px; */
	display:block;
	float: none;
	position: relative;
	text-indent: -9999px;
}

#wrapper {
	width:100%;
	top:0;left:0;
	overflow:hidden;
}

	#mask {
		width:200%;
		height:100%;
	}

	.item {
		width:50%;
		height:100%;
		float:left;
	}
	
	.content {
		width:730px;
		height:330px;
		margin:0 auto;
		position:relative;
	}
	
	.clear {
		clear:both;
	}
	
	#locationrow {
		padding-top: 0px;
		height: 17px;
	}
	
	#titlerow {
		padding-top: 0px;
		height: 17px;
	}
	
	#therapistrow  {
		height: 56px;
		margin: 5px 0px 0px 6px;
	}

	#therapistrow a {
		padding: 40px 0 50px 0px;
		margin-top:0px;
	}

	#adminrow  {
		height: 100px;
		margin: 5px 0px 0px 6px;
	}

	#adminrow a {
		height: 100px;
		padding: 100px 0px 0px 0px;
		margin-top:10px;
	}

	
	.barr1, .barr2, .barr3, .barr4, .barr5, .barr6, .barr7, .barr8, .barr9, .barr10,
	.cumb1, .cumb2, .cumb3, .cumb4, .cumb5, .cumb6, .cumb7, .cumb8, .cumb9, .cumb10,
	.eg1, .eg2, .eg3, .eg4, .eg5, .eg6, .eg7, .eg8, .eg9, .eg10,
	.ng1, .ng2, .ng3, .ng4, .ng5, .ng6, .ng7, .ng8, .ng9, .ng10,
	.np1, .np2, .np3, .np4, .np5, .np6, .np7, .np8, .np9, .np10,
	.ped1, .ped2, .ped3, .ped4, .ped5, .ped6, .ped7, .ped8, .ped9, .ped10
	{ 		
		margin: 0 ;
		height:51px;
/*		margin: 0px 39px 40px 39px; */
		padding: 0px ;
		text-decoration:none;
	}
	
	
	.ceo, .coo
	{ 		
		margin: 0 ;
		height:114px;
		padding: 0px ;
		text-decoration:none;
	}
	
	

	#row_treatments {
	margin-top: 0px;
	height: 115px;
	display: block;
	float: none;
	}	
	
	#row2_treatments {
	margin-top:0px;
	}


	.tmt1, .tmt2, .tmt3, .tmt4, .tmt5, .tmt6, .tmt7, .tmt8 {
		width: 140px;
		height: 113px;
		float:left;
		padding: 3px;	
	}
	
	
	#linktreats {
		display: block;
		float: left;
		padding: 3px 0 0 7px;
		background: url(../images/trmt_bg.gif) no-repeat;	
	}
	
	
	#affiliates {
	margin-top: 22px;
	color:#4b632f;
	font-variant: small-caps;	
	}
	
	#map {
		margin-left: -85px;
		position: relative;
		width: 230px;
		display: block;
		float: left;

	}
	
	#info {
		margin-top: 10px;
		margin-right: 105px;
		width: 330px;
		display: block;
		float:right;
		padding:0;
	}
	
	#location_text {
		width: 245px;
		height: 330px;
		display: block;
		float: left;
		margin-top:0px;
		padding: 0px 5px 5px 0px;
		font-size: 85%;
		overflow: auto;
	}

	#team {
		position: relative;	
		display: block;
		margin-left: 250px;
		width: 76px;
		height: 255px;
	}

	#barr_bios,#cumb_bios,#eg_bios,#ng_bios,#np_bios  {
	margin: -75px 95px -75px 0px;
	padding-right:0px;
	position: relative;
	display: block;
	float: right;
	width: 350px;
/*	height: 200px; */
	font-size: 80%;
	color: #333;
	}

	#barr_team_bios,#cumb_team_bios,#eg_team_bios,#ng_team_bios,#np_team_bios  {
	line-height: 1.15em; 
	overflow: auto;
	}

	
	.teamfl {
		display: block;
		padding-bottom: 2px;
	}
	
	
	#rhodeisland {
	 width: 233px;
	 height: 290px;
	 background: url(../images/locations_map_transp.png) no-repeat;
	 position: relative;
	}
	#rhodeisland li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

	#rhodeisland a {display: block; text-indent: -9999px; text-decoration: none;}
	

	#gmap_city_cumberland {left: 27px; top: 5px; width: 130px; height: 60px; z-index: 40;}
	#gmap_city_np {left: 28px; top: 58px; width: 140px; height: 72px; z-index: 39;}
	#gmap_city_barrington {left: 145px; top: 95px; width: 86px; height: 130px; z-index: 38;}
	#gmap_city_eg {left: 27px; top: 116px; width: 125px; height: 85px; z-index: 37;}
	#gmap_city_ng {left: 5px; top: 178px; width: 213px; height: 115px; z-index: 36;}

	#gmap_city_cumberland a {height: 69px;}
	#gmap_city_np a {height: 72px;}
	#gmap_city_barrington a {height: 130px;}
	#gmap_city_eg a {height: 90px;}
	#gmap_city_ng a {height: 115px;}

	#gmap_city_cumberland a:hover, #gmap_city_cumberland.selected {background: url(../images/locations_map_cumberland.png) -3px -4px no-repeat;}
	#gmap_city_np a:hover, #gmap_city_np.selected {background: url(../images/locations_map_np.png) -5px -10px no-repeat;}
	#gmap_city_barrington a:hover, #gmap_city_barrington.selected {background: url(../images/locations_map_barr.png) -26px -33px no-repeat;}
	#gmap_city_eg a:hover, #gmap_city_eg.selected {background: url(../images/locations_map_eg.png) 0px -12px no-repeat;}
	#gmap_city_ng a:hover, #gmap_city_ng.selected {background: url(../images/locations_map_narr.png) 0px -2px no-repeat;}
	
/*************************/
/*  top menu styles      */
/*************************/
.ddsmoothmenu{
height:24px;
background:  transparent; /*#0054A6 url(../images/blue.gif) repeat; /*background of menu bar (default state)*/
width: 100%;
}

.ddsmoothmenu ul{
text-align: left;
z-index:100;
margin: 0px 1px 0 30px; /* distance from left edge*/
padding: 0 0 0 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*insert dot between menu items*/
.ddsmoothmenu ul li.square {
	height:24px;
	padding: 0px 2px;
	background: transparent url(../images/square.gif) no-repeat center center ; /*background of menu items (default state)*/
}
.ddsmoothmenu ul li a, .ddsmoothmenu ul li.right a {
letter-spacing:1.1px; 
font-size: 100%;
display: block;
background: transparent;
color: #333; 
padding: 6px 6px 5px 6px;
text-decoration: none;
margin: 0px 0px 0px 0px;
height:15px;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #333; /* main menu */
}

.ddsmoothmenu ul li a.selected{
background:#ECF4E7; 
color: #333; 
padding: 6px 6px 5px 6px;
}

.ddsmoothmenu ul li a:hover{
background: #ECF4E7;
color: #333; 
margin:0;
overflow:hidden;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
margin: -5px 0 0 0px;
padding: 5px 0;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
color: #000; 
}

.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a, .ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited {
padding: 4px 0px 2px 10px; /*controls size of each of sub menu entry*/
margin: 0;
border-top-width: 0;
border-top: 1px solid #EDEDED;
background: #ECF4E7;
font-weight: normal;
letter-spacing:0px; 
font-size: 100%;
color:  #333;
height:18px; /* submenu height */
}

.ddsmoothmenu ul li ul li a, .ddsmoothmenu ul li ul li ul li a{
width: 135px; /*width of Event Packages sub menus*/
}

.ddsmoothmenu ul li ul.wide li a {
width: 193px; /*width of Skin Care menus*/
}

.ddsmoothmenu ul li ul.narrow li a {
width: 100px; /*width of Skin Care menus*/
}

.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul#narrow li a:hover, 
.ddsmoothmenu ul li ul#wide li a:hover,
.ddsmoothmenu ul li ul li a.selected {
background: #C3D8B4;
color:  #000;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/******end menu sytles*******************/
/******** scroll pane *************/
.green-bar .jScrollPaneTrack, .jhScrollPaneTrack {
	background: #fff url(../images/scroll_track.gif) repeat-y center center; /*track color */
}

.green-bar .jScrollPaneDrag,  .jhScrollPaneDrag {
	background: #457926 url(../images/drag_grab.gif) repeat; /*  slider color */
}

.green-bar .scroll-pane, .green-bar .scroll-pane-staff, .green-bar .scroll-pane-admin, .green-bar .scroll-pane-bios {
	background: transparent;
}
.scroll-pane {
	width: 435px;
	height: 305px;
	overflow: auto;
	background: transparent;
	float: left;
}

.scroll-pane-steve {
	width: 500px;
	height: 305px;
	overflow: auto;
	background: transparent;
	float: left;
}

.scroll-pane-admin {
	width: 460px;
	height: 305px;
	overflow: auto;
	background: #fff;
	float: left;
}

.scroll-pane-staff {
	width: 290px;
	height: 410px;
	overflow: auto;
	background: #fff;
	float: left;
}

.scroll-pane-bios {
	width: 345px;
	height: 380px;
	overflow: auto;
	background: #fff;
	float: left;
}

.scroll-pane-loc { /* for staff text on locations page */
	width: 220px;
	height: 250px;
	overflow: auto;
	background: transparent;
	float: left;
}

.scroll-pane-treatments { 
	height: 150px;
	width: 600px;
	overflow: auto;
	background: transparent;
	float: left;
}

.scroll-pane-contact { 
	width: 630px;
	overflow: auto;
	background: transparent;
	float: left;
}

/******** end scroll pane *************/

.borderless {
	border: thin none #FFFFFF;
	height: 0px;
	width: 0px;
}
.green{ color: #336600; }
.black{ color: #000000; }
.white{ color: #ffffff; }
.bold { font-weight: bold; }
.italic { font-style: italic; }