@charset "utf-8";
/* CSS Document */

body{
background-color:#e3b3ed;
}
.green{
color:#009933;
}
.red{
color:#FF0000;
}
.blue{
color:#0033FF;
}

.purple{
	color:#60C;
}

h1.header{
background-image:url(images/header.jpg);
width:800px;
height:199px;
}
h1.header span{
margin-left:-99999em;
}
.h2{
	font-size:18px;
	font-weight:bold;S
}
.leftbar{
background-image:url(images/left-side.jpg);
width:158px;
float:left;
z-index:2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
}
.main{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:3px;
width:484px;
}
.foot{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
padding:3px;
}


#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 184px;
				
		display : block;
		font-weight : bold;
		text-decoration : none;
		margin:0;
		padding : .4em .3em;
		color:#000000;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		margin-bottom : -1px;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 161px;
		margin-top : -26px;
		background-position:bottom;
		background-repeat:no-repeat;
		padding:0 0px 21px 0;
		width:202px;
	}
	
	#nav li ul li a{
	width: 184px;
	background-color:#a161ae;
	z-index:1;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 151px;
		display : block;
		font-weight : bold;
		text-decoration : none;
		margin:0;
		padding : .4em .3em;
		font-size:.9em;
		color:#000000;
	}
	
	#nav li a:hover {
		color : #445599;
		background-color : #FEEFCE;
		/*text-decoration:underline;*/
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left:-10px;
	}
