body{
	background-color: #662D91;
	background-image: url('../images/deeppurple1.jpg');
	background-repeat: repeat;
	font-size: medium;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-align: center;
	text-decoration:  none;
	margin:0;
	padding:0;
	overflow: visible;
	}
	h1{margin-left:10px;}
	#wrapper{
	border: 2px solid #afafaf;
	color:#fff;
	background-color:#BEA9D2;
	background-image: url('../images/maincontback.jpg');
	background-repeat: repeat-x;
	width:1000px;
	height:auto;
	margin: 0 auto;
	text-align: left;
	overflow: visible;
	margin-top:15px;
	}
	
	.maincontent{
	background-color:#6C0F57;
	color:#fff;
	border:double #fff 6px;
	float:right;
	width: 670px;
	height:325px;
	margin-top:20px;
	margin-right:10px;
	}
	
	.maincontent h1{
	font-size:x-large;
	margin-top:10px;
	padding:20px 0 0 10px;
	}
	
	.maincontent ul li{
	padding:0 20px 20px 20px;
	line-height:1.25em;
	}
	
	.menu{
	float:left;
	margin-top:20px;
	margin-left:10px;
	text-align:center;
	}
	
	.menu ul{
	list-style-type:none;
	}
	
	.menu a {
	border: 2px solid #662D91;
	}
.topnav{
	float: right;
	width:auto;
	margin:20px;}
.topnav a{
	background-color: transparent;
	text-decoration:none;
	color:#fff;
	padding: 10px;
	}
	.topnav a:link {
		text-decoration:none;
		background-color: transparent;
		color: #FFF;
		}
	
		.topnav a:visited {
		text-decoration:none;
		background-color: transparent;
		color: #FFF;
		}
	
		.topnav a:hover {
		text-decoration:none;
		background-color: transparent;
		color: #FFF;
		}
	
		.topnav a:active {
		text-decoration:none;
		background-color: transparent;
		color: #FFF;
		}
.nav, .nav * {
	margin:0;
	padding:0;
}
.nav {
	float: left;
	line-height:1.0;
	margin-bottom:1.5em;
	position:relative;
}
.nav ul {
	background: transparent; /*IE6 needs this*/
	position:relative;
}
.nav li {
	background: #FFF200;
	color:#662D91;
	margin-left:-2em;
	list-style:none;
	z-index:999;
}
.nav a {
	background: #FFF200;
	color:#662D91;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	display:block;
	padding: .75em 0 .75em .75em;
	text-decoration:none;
	width:13.5em;
}
.nav li ul {
	left:0;
	top:-999em;
	position:absolute;
	width:38em;
	z-index:999;
}
.nav li:hover,
.nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	text-decoration: underline;
}
.nav li li:hover,
.nav li li.sfHover,
.nav li li a:focus, .nav li li a:hover, .nav li li a:active {
	text-decoration: underline;
}
.nav li li li:hover,
.nav li li li.sfHover,
.nav li li li a:focus, .nav li li li a:hover, .nav li li li a:active {
	text-decoration: underline;
}
.nav li:hover ul, /* pure CSS hover is removed below */
ul.nav li.sfHover ul {
	top:2.5em;
}

.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul {
	top:2.5em;
}
.nav li li:hover li ul,
.nav li li.sfHover li ul {
	top:-999em;
}
.nav li li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li li.sfHover ul {
	top:2.5em;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.nav li:hover ul,
.nav li li:hover ul,
.nav li li li:hover ul {
	top: -999em;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.nav, .nav li {
	width:	10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.nav li:hover ul,
.nav li.sfHover ul {
	left:	12em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.nav .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.nav a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.nav a:focus > .sf-sub-indicator,
.nav a:hover > .sf-sub-indicator,
.nav a:active > .sf-sub-indicator,
.nav li:hover > a > .sf-sub-indicator,
.nav li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

	a:link {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
	}

	a:visited{
	text-decoration: none;
	background-color: #000000;
	color: #00FFFF;
	}
	
	a:hover{
	text-decoration: underline;
	background-color: #000000;
	color:#FFFFFF;
	}
	
	a:active{
	text-decoration: none;
	background-color: #000000;
	color: #FFFFFF;
	}

		.menu a:link {
	text-decoration:none;
	background-color: #FFF200;
	color: #662D91;
	}
	
	.menu a:visited {
	text-decoration:none;
	background-color: #FFF200;
	color: #662D91;
	}
	
	.menu a:hover {
	text-decoration:underline;
	background-color: #FFF200;
	color: #662D91;
	}
	
	.menu a:active {
	text-decoration:none;
	background-color: #FFF200;
	color: #662D91;
	}
/*Main page default header style*/		
		.style1 {
			font-size: large;
			font-weight: bold;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-style: normal;
			color: #FFFFFF;
			text-decoration: none;
			background-color: #000000;
		}
		.style2 {
			font-size: x-large;
			font-weight: bold;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-style: normal;
			color: #FFFFFF;
			text-decoration: underline;
			background-color: #000000;
		}
		.style3 {
			font-size: xx-large;
			font-weight: bold italic;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-style: normal;
			color: #000000;
			text-decoration: none;
			background-color: #ffffff;
		}
		.style4 {
			font-size: large;
			font-weight: bold;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-style: normal;
			color: #000000;
			text-decoration: none;
			background-color: #ffffff;
		}
		h1{
		text-decoration: none;
		}
		.row {display: table-row;}
		.cell{
		height: auto;
		display: table-cell;
		padding: 0 15px;
		clear: both;
		text-align: center;
		}
		.cell span{
		clear: both;
		}
		.cell img{
		clear: both;
		padding: 10px;
		}
		.cell a{
		text-decoration:none;
		background:transparent;
		}
		
		.brclear{
		clear:both;
		margin:0;
		padding:0;
		line-height:0;
		}
		.reachingtree{
		position:relative; 
		z-index:100; 
		float:left; 
		top: -25em; 
		left: -5em;
		}
		.bottomnav{
		width:1000px;
		height:30px;
		color:#fff;
		background-color:transparent;
		}
		.bottomnav a{
		text-decoration:none;
		margin: 0 20px;
		float:right;
		}
		.bottomnav a:link {
		text-decoration:none;
		background-color: transparent;
		color: #FFF;
		}
	
		.bottomnav a:visited {
		text-decoration:none;
		background-color: transparent;
		color: #FFF;
		}
	
		.bottomnav a:hover {
		text-decoration:none;
		background-color: transparent;
		color: #FFF;
		}
	
		.bottomnav a:active {
		text-decoration:none;
		background-color: transparent;
		color: #FFF;
		}
		.footer{
		margin: 0 auto;
		text-align:center;
		background-color: transparent;
		color: #FFFFFF;
		font-size: 12px;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-style: normal;
		position: relative;
		}
		
		.footer a{
		padding:10px;
		}

		.footer a:link {
		text-decoration:none;
		background-color: transparent;
		color: #FFF;
		}
	
		.footer a:visited {
		text-decoration:none;
		background-color: transparent;
		color: #FFF;
		}
	
		.footer a:hover {
		text-decoration:none;
		background-color: transparent;
		color: #FFF;
		}
	
		.footer a:active {
		text-decoration:none;
		background-color: transparent;
		color: #FFF;
		}