html	{
	scrollbar-arrow-color: #000000;
    scrollbar-face-color: #ffffff;
	scrollbar-3dlight-color: #000000;
	scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #e2e8d6;}

body {
	margin: 0px;
	background: url("images/background_reddingvale.gif") #d8e1c9 repeat-x 0% 0%;}

a:link,
a:visited,
a:hover,
a:active	{
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;}

a:link,
a:visited,
a.toppage:link,
a.toppage:visited	{color: #9c0000;}

a:hover,
a:active,
a.toppage:hover,
a.toppage:active	{
	color: #400000;
	text-decoration: none;}

a.toppage:link,
a.toppage:visited,
a.toppage:hover,
a.toppage:active	{
	font-size: 14pt;
	font-family: serif;;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;}

.footer,
a.footer:link,
a.footer:visited,
a.footer:hover,
a.footer:active,
a.footerBR:link,
a.footerBR:visited,
a.footerBR:hover,
a.footerBR:active	{
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;}

a.footerBR:link,
a.footerBR:visited	{color: #000080;}

a.footerBR:hover,
a.footerBR:active	{color: #ff0000;}

div#wholepage	{
	display: block;
	margin: 0px auto 15px auto;
	width: 810px;
	padding: 0px;
	text-align: center;}

h1	{
	font-family: serif;
	font-size: 18pt;
	font-weight: bold;
	margin: 30pt 0pt 20pt 45px;
	text-align: left;}

p	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-top: 0pt;
	margin-left: 45px;
	margin-bottom: 8pt;
	text-align: left;}

img.left	{
	float: left;
	margin-right: 7pt;
	margin-bottom: 2pt;
	padding: 3pt;
	border: solid 2px #000000;}

img.right	{
	float: right;
	margin-left: 7pt;
	margin-bottom: 2pt;
	padding: 3pt;
	border: solid 2px #000000;}

/* Begin CSS Menu */

#menu {
	width: 810px;
	/*background: #e0bd6d;*/
	background: #000000;
	float: left;}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 115px;
	float: left;}

#menu ul.sub1menu {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 155px;
	float: left;}

#menu ul.sub2menu {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 50px;
	float: left;}

#menu h2, #menu h2 a, #menu a	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 2px 3px;
	/*color: #000000;*/
	color: #e0bd6d;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 8pt;
	font-style: italic;
	font-weight: bold;}

#menu h2.nolink	{text-decoration: none;}

#menu h2:hover, #menu h2 a:hover	{ /*first for FF second for IE*/
	color: #e0bd6d;
	background: #000000;
	text-decoration: underline;}

#menu ul.sub1menu a, #menu ul.sub2menu a {
	color: #000000;
	text-transform: none;
	text-decoration: none;
	font-weight: bold;
	background: #e0bd6d;	/*essential in IE*/
	border: solid 1px #000000;}

#menu ul.sub1menu a	{
	text-align: left;
	font-size: 7pt;
	padding-right: 5px;}

#menu ul.sub2menu a	{
	text-align: left;
	font-size: 7pt;
	padding: 0;}

#menu ul.sub1menu a:hover {
	color: #e0bd6d;
	background: #000000;
	text-decoration: none;}

#menu li {position: relative;}

#menu ul ul {
	position: absolute;
	z-index: 500;}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {display: block;}

#menu ul li a {height: 1%;}

/* End CSS Menu */