/*	Position absolute turns a DIV into what Dreamweaver
	refers to as a LAYER */
#logo {
	position: absolute;
	top: 9px;
	left: 0;
	width: 100%;
	visibility: visible;
}

/* 	The main content Table */
#maincontent {
	font-size: 80%;
}

/* 	By adding a Tag "p" after the maincontent ID Selector we
	create what is called a Descendant Selector. In this instance
	the rule is defining styles for all paragraphs that are
	children (descendants) of the maincontent table. Another way
	of saying this is "all paragraphs inside maincontent".
	
	We set all paragraphs in the main content area to have
	Line height set to 150% for readability and text justified.
	Margin is set in shorthand to 8px top and bottom
	and zero left and right.
	
	In shorthand, the presence of two
	values means the first one is for Top and Bottom while the
	second is for Left and Right. */
#maincontent p {
	line-height: 150%;
	text-align: justify;
}
#maincontent ul {
	margin: .5em;
	padding: .5em;
}
#maincontent ol {
	margin: 1em;
	padding: 1em;
}

/* Heading Rules */

/*	The H1 is used to wrap the Logo, representing
	the top of your page's hierarchy */
h1 {margin: 0;}

/*	Additional Headings
	font type for h2 only
	Remove font-weight for H2 to make it render in default bold weight
	
	Font size is based on its container. An H2 in maincontent,
	for example, would be 200% x 85%
	
	Substantial top marigns are set for headings to provide nice
	separation of sections. */
h2 {
	margin: 24px 0 0 0; /* shorthand T-R-B-L */
	font-family: "Century Gothic", Arial, sans-serif; 
	font-weight: normal;
	font-size: 200%;
}
h4 {font-size: 115%; margin: 36px 0 0 0;}


/* 	Link styles for Main Content only
	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */
#maincontent a:link {color: #999999;}
#maincontent a:visited {color: #9BA38B;}
#maincontent a:hover, #maincontent a:active, #maincontent a:focus {color: #666666;}

/* 	The submenu links are in paragraphs, so we set the margin to zero
	so there is no gap between links */
.p7submenus p {margin: 0;}



.p7submenus a, .p7submenus a:visited {
	display: block;
	padding: 1px 8px 1px 12px;
	background-color: #999999;
	color: #333333;
	text-decoration: none;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #96807A;
	border-bottom: 1px solid #99999;
	border-left: 1px solid #BAAFAB;
}

.p7submenus a:hover, .p7submenus a:active, .p7submenus a:focus {
	background-color: #CCCCCC;
	color: #FFFFFF;
	border-top: #C5A996;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}