/*===== ATTRIBUTE ORDER - DMP WHAT YOU DON'T NEED
width
height: px; auto;
margin:
padding
background: url(images/bg_grid.gif) #FFFFFF no-repeat;  (repeat-x = horizontal; repeat-y = vertical)
border: solid 1px red;	(none; solid; ridge; groove; outset; inset; double; dashed; dotted)
text-align: left; right; center; justify
float: left; right;
HYPERLINKED IMAGES <img border="0" src="images/img.jpg" alt="img" />
position
border-collapse: collapse;
vertical-align: top;
overflow: visible;	text will overlap border, image, etc. 	
overflow: hidden;	crops text to stay within parameters given
overflow: scroll;	creates either horizontal and vertical scroll bars around text
overflow: auto;		creates horizontal and vertical scroll bars around text

COLOURS:
#FFFFFF; white
#999999; gray
#000000; black
#7D7D99; bg bottom lavender
#4B4B7D; text & sidebar
#9999B4; lavender
#CCCCE6; light lavender sidebar text
#00997D; logo green

=====*/

body 	{
	margin: 0px; /* bumps website up to top-margin; except opera (margin top = 8px by default) */
	padding: 0px; /* compensates for 8px top margin in opera (does not affect other browsers) */ 
	background: url(images/0main_page_bg.jpg) repeat-x #7D7D99; /* page background */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Georgia, "Times New Roman", Times, Garamond, serif; */
	font-size: 11px;
	line-height: 17px; /* adjusts leading */
	color: #4B4B7D; /* aqua; fuchsia; gray; lime; maroon; navy; olive; purple; silver; teal; white; */
	}
	
br 	{
	line-height: 12px; /* adjusts leading */
	}
	
/*===== TEXT LINKS =====*/
a:link, a:active, a:visited { /* a:visited can be separated similar to a:hover */
	color: #0000FF; /* default blue */800080
	text-decoration: none; /* none, underline, overline, line-through */
	}
a:hover { /* mouse hover */
	color: #800080; /* default purple */
	text-decoration: underline; /* none, underline, overline, line-through */
	}

/* ==================================== PAGECENTER */
#pagetopmargin { 
 	width: 900px;
	height: 20px;
    	}	
#pagecenter { 
 	width: 900px;
	margin: auto; 
	background: #FFFFFF; /* white */
    	}
#tabletopmargin { 
 	width: 800px;
	height: 20px;
    	}	
table.pagetable {
	margin-left: 25px;
	border-collapse: collapse; /* or use -- border: solid 1px red; */
	}
td.sidebar { 
	width: 200px;
	vertical-align: top;
	background: url(images/0menu_sidebar_bottom.jpg) no-repeat bottom left #4B4B7D;
    	}
td.contentframe { 
	width: 650px;
	vertical-align: top;
	border-right: #E6E6E6 2px solid;
	background: url(images/0main_watermark2.jpg)  no-repeat bottom right; /* watermark & tagline */
    	}
td.contentframeteam { 
	width: 650px;
	vertical-align: top;
	border-right: #E6E6E6 2px solid;
    	}	

/* ==================================== MENU TABS - REJUVENATE */
.tab	{ /* shell may be used for non-linked tab w no text */
	width: 200px;
	height: 40px;
	border-top: solid 1px #9999B4; /* lavender */
	border-bottom: solid 1px #000000; /* effects all linked tabs */
	font-weight: bold; /* effects all linked tabs */
	}
a.taboff { /* attributes SHARED by link, active, visited & hover */
	width: 175px; /* 200px - 25px */ /* required */
	height: 21px; /* 40px - 19px */ /* required */
	padding: 19px 0px 0px 25px;
	color: #CCCCE6; /* light lavender */
	text-decoration: none; /* required here may be separated for link and hover sections */
	display: block; /* required here */
	}
a.taboff:link, a.taboff:active, a.taboff:visited {
	color: #CCCCE6; /* light lavender */
	}
a.taboff:hover { 
	color: #FFFFFF;
	background: #666699; /* lavender */
	}
a.tabon { /* shows tab as on */
	width: 175px; /* 200px - 25px */ /* required */
	height: 21px; /* 40px - 19px */ /* required */
	padding: 19px 0px 0px 25px;
	color: #FFFFFF;
	text-decoration: none; /* required here may be separated for link and hover sections */
	background: #666699; /* lavender */
	display: block; /* required here */
	}
.tabtop	{ 
	width: 175px; /* 200px - 25px */ /* required */
	padding: 25px 0px 20px 25px;
	color: #CCCCE6; /* light lavender */
	font-weight: bold; /* effects all linked tabs */
	border-bottom: solid 1px #000000; /* effects all linked tabs */
	}
.tabbottom { 
	width: 200px;
	height: 40px;
	border-top: solid 1px #9999B4; /* lavender */
	}
span.phone { 
	font-size: 16px;
	line-height: 26px;
	color: #CCCCE6; /* light lavender */
	font-weight: bold; /* effects all linked tabs */
	}
img.imgsidebar { 
 	margin-left: 25px;
 	padding-top: 50px;
      	}
img.imgsidebar2 { 
 	margin-left: 4px;
 	margin-top: 30px;
	border: solid 1px #9999B4; /* lavender */ 
     	}
      	
/* ==================================== MAIN CONTENT */
#content-header { 
 	width: 630px;
 	height: 185px;
 	margin-left: 20px;
 	background: url(images/0main_logo.jpg) no-repeat;
    	}
#content-title { 
 	width: 300px;
 	margin: 138px 0px 0px 30px;
	float: left;
    	}
span.title {
	font-family: Georgia, "Times New Roman", Times, Garamond, serif;
	font-size: 22px;
	line-height: 28px;
	color: #00997D; /* logo green */
	}
span.subtitle {
	font-family: Georgia, "Times New Roman", Times, Garamond, serif;
	font-size: 18px;
	}
img.headerimg { 
	float: right;
    	}
#content-info { 
 	width: 530px;
 	margin: 10px 0px 50px 50px;
    	}
p 	{
	width: 350px;
	}
    	    	
/* ==================================== INDEX CONTENT */
#content-index { 
 	width: 375px;
 	margin-left: 20px;
	float: left;
    	}
#slideshow { 
 	width: 250px;
 	margin-top: 20px;
 	background: url(images/1index_01.jpg);
	float: left;
    	}    	
#info-index { 
 	width: 310px;
 	margin: 25px 0px 40px 30px; 
    	}
    	    	
/* ==================================== TEAM BIOS */
#content-team { 
 	width: 575px; 
 	margin-left: 50px;
    	}
.bio { 
 	width: 575px;
 	padding-bottom: 50px;
 	clear: both; 
    	}
img.team {
	margin: 0px 0px 30px 40px; 
 	float: right;
      	}
span.teamlink {
	font-family: Georgia, "Times New Roman", Times, Garamond, serif;
	font-size: 18px;
	line-height: 28px;
	color: #00997D; /* logo green */
	}
	
/* ==================================== CONTACT */
#content-contact { 
 	width: 600px; 
 	margin-left: 50px;
 	padding-bottom: 50px;
    	}
table.contact {
	width: 230px;
	border-collapse: collapse; /* or use -- border: solid 1px red; */
	font-size: 10px;
	}
caption {
	padding: 4px 0px 5px 0px;
	color: #FFFFFF;  
	font-weight: bold;
	background: #666699; /* lavender */
	}
td.day {
	width: 110px;
	padding: 3px 0px 4px 0px;
	text-indent: 20px; /* indents first line */ 
	background: #E6E6F2; /* light bg table */
	}
td.time {
	width: 120px;
	background: #E6E6F2; /* light bg table */
	}
td.day2 {
	width: 110px;
	padding: 3px 0px 4px 0px;
	text-indent: 20px; /* indents first line */ 
	background: #D2D2DD; /* medium bg table */
	}
td.time2 {
	width: 120px;
	background: #D2D2DD; /* medium bg table */
	}
td.saturday {
	padding: 4px 0px 5px 0px;
	text-align: center;
	background: #D2D2DD; /* medium bg table */
	}
.googlemap {
	float: right;
	}
					      	    	
/* ==================================== FOOTER */ 
#footerframe { 
 	width: 898px;
 	height: 37px; 
  	background: url(images/0footer_bg.jpg) repeat-x; /* light gray */
	clear: both;
      	}
img.footerleft { 
 	float: left;
      	}
img.footerright { 
 	float: right;
      	}
#footer { 
 	width: 650px;
	padding-top: 8px;
	font-size: 10px;
	color: #666666; /* gray */
	text-align: right;
	float: right;
      	}
a.footerlink:link, a.footerlink:active, a.footerlink:visited {
	color: #666666; /* gray */
	text-decoration: none; /* none; underline; overline; line-through; */
	}
a.footerlink:hover { /* mouse hover */
	color: #666666; /* gray */
	text-decoration: underline;
	}
	 
/* ####################################   END */