/*===== ATTRIBUTE ORDER
width
height: px; auto;
margin:
padding
background: url(images/bg_grid.gif) #FFFFFF no-repeat;  (repeat-x = horizontal; repeat-y = vertical)
border: blue 1px solid;
text-align: left; right; center; justify
float: left; right;
position
border-collapse: collapse;
vertical-align: top;
COLOURS:
#FFFFFF; white
#999999; gray
#000000; black
#00A1B3; logo teal
#D9F1F4; logo teal 15%
#6E0808; dark red

=====*/

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 #2A0404; /* page background */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Georgia, "Times New Roman", Times, Garamond, serif; */
	font-size: 11px;
	line-height: 16px; /* adjusts leading */
	color: #333333; /* aqua; black; blue; fuchsia; gray; green; lime; maroon; navy; olive; purple; red; silver; teal; white; yellow; */
	}
br 	{
	line-height: 11px; /* adjusts leading */
	}
a:link, a:active, a:visited {
	color: blue;
	text-decoration: underline; /* none, underline */
	}
a:hover {
	color: purple;
	background: yellow;
	text-decoration: none; /* none, underline */
	}
em.quote2 {
	color: #00A1B3; /* logo teal */
	}

/* ==================================== PAGECENTER */
#pagecenter { 
 	width: 960px; 
	margin: 0px auto;
	background: #FFFFFF; /* pagecenter background */ 
    	}	
	
/* ==================================== HEADER */
#header { 
 	width: 960px; 
 	height: 170px;
	background: url(images/0main_header2.jpg) #520606; /* pagecenter background */
    	}
#header-banner1 { 
 	width: 300px; 
 	height: 150px;
 	margin: 20px 0px 0px 70px;
 	border: #CCCCCC 1px solid;
 	float: left;
    	}
#header-banner2 { 
 	width: 130px; 
 	height: 150px;
 	margin: 20px 0px 0px 20px;
 	border: #CCCCCC 1px solid;
 	float: left;
    	}

/* ==================================== CONTENT */
#content { 
	width: 840px;
	margin: 20px 50px 40px 70px;
    	}
.title { 
 	font-family: Georgia, "Times New Roman", Times, Garamond, serif; /* serif; */
	font-size: 20px;
	line-height: 28px; /* adjusts leading */
	font-weight: bold;
	color: #7FD0D9; /* light teal */
    	}
.subtitle { 
 	font-family: Georgia, "Times New Roman", Times, Garamond, serif; /* serif; */
	font-size: 14px;
	line-height: 20px; /* adjusts leading */
	font-weight: bold;
	letter-spacing: 1px; /* normal or specified length eg. 2px */
	color: #B43333; /* dark red */
    	}
.pink { 
 	font-family: Georgia, "Times New Roman", Times, Garamond, serif; /* serif; */
	font-size: 14px;
	line-height: 20px; /* adjusts leading */
	font-weight: bold;
	letter-spacing: 1px; /* normal or specified length eg. 2px */
	color: pink; /* dark red */
    	}


/* ==================================== MENU */
#menuframe { 
	width: 200px;
	margin: 0px 0px 50px 100px;
	float: right;
    	}
.tab a {
	width: 200px;
	text-indent: 20px; /* indents first line 40px */
	font-family: Georgia, "Times New Roman", Times, Garamond, serif; /* serif; */
	font-size: 20px;
	line-height: 26px; /* adjusts leading */
	letter-spacing: 1px; /* normal or specified length eg. 2px */
	}
.tab a:link, .tab a:visited, .tab a:active {
	background: url(images/0menu_off.jpg) #D9F1F4; /* menu tab is on */
	color: #00A1B3; /* logo teal */
	text-decoration: none; /* none, underline */
	display: block;
	}
.tab a:hover {
	color: #6E0808; /* dark red */
	background: url(images/0menu_on.jpg) #D9F1F4; /* menu tab is on */
	}
.tab-on {
	width: 200px;
	text-indent: 20px; /* indents first line 40px */
	font-family: Georgia, "Times New Roman", Times, Garamond, serif; /* serif; */
	font-size: 20px;
	line-height: 26px; /* adjusts leading */
	color: #6E0808; /* dark red */
	letter-spacing: 1px; /* normal or specified length eg. 2px */
	text-decoration: none; /* none, underline */
	background: url(images/0menu_on.jpg) #D9F1F4; /* menu tab is on */
	}
#contacttab { 
	width: 180px; /* 180-20 */
	padding: 10px 0px 15px 20px;
	color: #666666; /* gray */
	background: url(images/0menu_contact.jpg); /* menu tab for contact info */
	border-bottom: #B4B4B4 2px solid;
    	}
#quote { 
  	height: 100px;
 	padding: 20px 0px 20px 10px;
	color: #7D7D7D; /* gray */
    	}
img.bio {
	margin: 0px 10px 10px 0px;
	float: left;
	}
	
	
/* ==================================== SERVICES TABLE GRID */
table.table-services {
	border-collapse: collapse;
	margin: 20px 0px 20px 0px;
	}
td.td-services1 {	
	width: 300px;
	vertical-align: top;
	}		
td.td-services2 {	
	width: 250px;
	vertical-align: top;
	}

/* ==================================== FOOTER */ 
#footer { 
 	width: 930px; /* 960 - 30 */
	padding: 5px 15px 10px 15px;
	font-size: 10px;
	color: #666666; /* gray */
	line-height: 12px; /* adjusts leading */
	text-align: center;
  	background: #E6E6E6; /* light gray */
	clear: both;
      	}

/* ==================================== INVITATION */
span.event-title {
	font-family: Georgia, "Times New Roman", Times, Garamond, serif; /* serif; */
	font-size: 20px;
	line-height: 26px; /* adjusts leading */
	color: #00A1B3; /* logo teal */ 
	}
.slideshow-event { 
	width: 300px;
	height: 200px;
	margin: 0px 40px 0px 0px;
	background: url(images/1index_00.jpg);
	float: left;
    	}    	


/* ==================================== END */    	
	
#boxad2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}
#boxad {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}
