/*===== 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
#313163; logo purple

=====*/

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_bg.jpg) repeat-x #313163; /* page background */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Georgia, "Times New Roman", Times, Garamond, serif; */
	font-size: 11px;
	line-height: 15px; /* 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 */
	}
li 	{
	padding-top: 5px; /* adjusts leading */
	}
a:link, a:active, a:visited {
	color: blue;
	text-decoration: underline; /* none, underline */
	}
a:hover {
	color: purple;
	text-decoration: none; /* none, underline */
	}

/* ==================================== PAGECENTER */
#pagecenter { 
 	width: 900px;
	margin: auto;
	background: #FFFFFF; /* white */
    	}	
	
/* ==================================== HEADER */
#header { 
 	width: 900px; 
 	height: 100px; /* 75-15 */
	background: url(images/0main_logo.jpg) #313163 no-repeat center; /* logo purple */
    	}
#date 	{ 
 	width: 150px; 
 	height: 20px;
 	margin: 35px 20px 0px 0px;
 	color: #E6E6E6;
	float: right;
    	}
#contact { 
 	width: 170px; 
 	height: 20px;
 	margin: 30px 0px 0px 30px;
 	color: #E6E6E6;
	float: left;
    	}
    	
/* ==================================== MENU */
#menu { 
 	width: 900px; 
 	height: 100px;
 	background: url(images/0menu_bg3.jpg) #313163; /* logo purple; bg img w shadow */
    	}
#menuframe {
 	width: 800px; 
 	margin: auto; 
    	}
.tab	{ /* parent attribute for all tab11a */
	margin: 0px 20px 0px 20px;
	width: 160px;
	height: 100px;
	float: left;
	}
a.tab01 { /* attributes SHARED by link, active, visited & hover */
	width: 160px;
	height: 98px; /* 100px - 5px */ /* required */
	padding: 2px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
	color: #E6E6E6;
	display: block;
	}
a.tab01:link, a.tab01:active, a.tab01:visited { /* link info SPECIFIC to link, active, visited */
	background: url(images/tab_01.jpg);
	text-decoration: none; /* none, underline, overline, line-through */
	}
a.tab01:hover { /* link info SPECIFIC to hover */
	background: url(images/tab_01hover.jpg);
	text-decoration: none; /* none, underline, overline, line-through */
	color: #FFFFFF;
	}
a.tab02 { /* attributes SHARED by link, active, visited & hover */
	width: 160px;
	height: 98px; /* 100px - 5px */ /* required */
	padding: 2px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
	color: #E6E6E6;
	display: block;
	}
a.tab02:link, a.tab02:active, a.tab02:visited { /* link info SPECIFIC to link, active, visited */
	background: url(images/tab_02.jpg);
	text-decoration: none; /* none, underline, overline, line-through */
	}
a.tab02:hover { /* link info SPECIFIC to hover */
	background: url(images/tab_02hover.jpg);
	text-decoration: none; /* none, underline, overline, line-through */
	color: #FFFFFF;
	}
a.tab03 { /* attributes SHARED by link, active, visited & hover */
	width: 160px;
	height: 98px; /* 100px - 5px */ /* required */
	padding: 2px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
	color: #E6E6E6;
	display: block;
	}
a.tab03:link, a.tab03:active, a.tab03:visited { /* link info SPECIFIC to link, active, visited */
	background: url(images/tab_03.jpg);
	text-decoration: none; /* none, underline, overline, line-through */
	}
a.tab03:hover { /* link info SPECIFIC to hover */
	background: url(images/tab_03hover.jpg);
	text-decoration: none; /* none, underline, overline, line-through */
	color: #FFFFFF;
	}
a.tab04 { /* attributes SHARED by link, active, visited & hover */
	width: 160px;
	height: 98px; /* 100px - 5px */ /* required */
	padding: 2px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
	color: #E6E6E6;
	display: block;
	}
a.tab04:link, a.tab04:active, a.tab04:visited { /* link info SPECIFIC to link, active, visited */
	background: url(images/tab_04.jpg);
	text-decoration: none; /* none, underline, overline, line-through */
	}
a.tab04:hover { /* link info SPECIFIC to hover */
	background: url(images/tab_04hover.jpg);
	text-decoration: none; /* none, underline, overline, line-through */
	color: #FFFFFF;
	}

/* ==================================== CONTENT */
#content { 
	width: 900px;
    	}
#content-info { 
	width: 760px;
	margin: auto;
	padding: 20px 0px 30px 0px;
    	}    	
h1 	{
	font-family: Georgia, "Times New Roman", Times, Garamond, serif;
	font-size: 18px;
	line-height: 24px; /* adjusts leading */
	color: #666699; /* lavendar */
	}
h2 	{
	font-family: Georgia, "Times New Roman", Times, Garamond, serif;
	font-size: 16px;
	line-height: 20px; /* adjusts leading */
	color: #333366; /* dark lavendar */
	}

/* ==================================== INDEX */
a.tab01index { /* attributes SHARED by link, active, visited & hover */
	width: 160px;
	height: 98px; /* 100px - 5px */ /* required */
	padding: 2px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
	color: #E6E6E6;
	text-decoration: none; /* none; underline; overline; line-through; */
	display: block;
	}
a.tab01index:link, a.tab01index:active, a.tab01index:visited {
	background: url(images/tab_01hover.jpg);
	color: #FFFFFF;
	}
a.tab01index:hover { /* mouse hover */
	background: url(images/tab_01hover.jpg);
	color: #FFFFFF;
	}
a.tab02index { /* attributes SHARED by link, active, visited & hover */
	width: 160px;
	height: 98px; /* 100px - 5px */ /* required */
	padding: 2px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
	color: #E6E6E6;
	text-decoration: none; /* none; underline; overline; line-through; */
	display: block;
	}
a.tab02index:link, a.tab02index:active, a.tab02index:visited {
	background: url(images/tab_02hover.jpg);
	}
a.tab02index:hover { /* mouse hover */
	background: url(images/tab_02hover.jpg);
	color: #FFFFFF;
	}
a.tab03index { /* attributes SHARED by link, active, visited & hover */
	width: 160px;
	height: 98px; /* 100px - 5px */ /* required */
	padding: 2px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
	color: #E6E6E6;
	text-decoration: none; /* none; underline; overline; line-through; */
	display: block;
	}
a.tab03index:link, a.tab03index:active, a.tab03index:visited {
	background: url(images/tab_03hover.jpg);
	}
a.tab03index:hover { /* mouse hover */
	background: url(images/tab_03hover.jpg);
	color: #FFFFFF;
	}
a.tab04index { /* attributes SHARED by link, active, visited & hover */
	width: 160px;
	height: 98px; /* 100px - 5px */ /* required */
	padding: 2px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
	color: #E6E6E6;
	text-decoration: none; /* none; underline; overline; line-through; */
	display: block;
	}
a.tab04index:link, a.tab04index:active, a.tab04index:visited {
	background: url(images/tab_04hover.jpg);
	}
a.tab04index:hover { /* mouse hover */
	background: url(images/tab_04hover.jpg);
	color: #FFFFFF;
	}
/* ==================================== QUICK LINKS */ 
#quicklinks { 
	width: 200px;
	margin: 0px 0px 0px 60px;
	padding: 10px 20px 30px 20px;
	border-left: #CCCCCC 5px double;
	float: right;
    	}	
li.circle {
	list-style: circle; /* unfilled circle bullets */
	margin-left: -20px;
	}

/* ==================================== MINUTE BOOK FORM */ 	
input.form250 { 
	width: 250px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333399; /* navy */
	font-weight: bold;
    	}
textarea.form440 { 
	width: 440px; 
	height: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333399; /* navy */
	font-weight: bold;
    	}
    	
/* ==================================== CONTACT US */  
img.floatright {
	margin: 0px 0px 20px 0px;
	float: right;   			
    	}
    			    	
/* ==================================== FOOTER */ 
#footer { 
 	width: 900px;
 	padding: 5px 0px 8px 0px;
 	font-size: 10px;
 	color: #4B4B4B; /* dk gray */
 	text-align: center;
 	background: #E6E6E6; /* light gray */
      	}
 
/* ####################################   END */