/* CSS Document */


body {
	margin: 0;
	padding:0;
	background-color:#c8d2be;
	background-image:url(pics/bg_stripe.gif);
	background-repeat:repeat-y;
	background-position:center;
	FONT-FAMILY: arial, helvetica, serif;
	overflow-y: scroll;

}



#nav {
	width: 738px;
	z-index:100;
	padding: 1em 0;
	margin: auto;
	position:relative;
	width: 738px;
	}
	
#nav ul {
	padding: 0;
	margin: 0; 
	list-style-type: none;
}

#nav a {
	color: #666666;
	border-bottom:1px solid #666666;
	background: #ccc;
	text-decoration: none;
	z-index:100;
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block; 
}

#nav h2 {
	color: #666666;
	text-align:center;
	text-transform: uppercase;
	z-index:100;
	padding:0;
	margin: 0;
}

#nav li {
	float: left; 
}

li#first {
	list-style: none;
	padding: 5px 0px 0px 0px;
	height:20px;
	width: 105px;
	float: left;
	z-index:100;
}

#nav li ul {
	 left: -999em;
	 position: absolute;
}

#nav li ul a{
	padding: 5px 0px 5px 5px;
}



#nav li:hover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul,
#nav li:hover ul ul ul, #nav li:hover ul ul ul
 {
	left: -999em;
}
 
#nav li:hover ul {
	left: auto;
 	width: 98px;
	margin: 4px 0px 0px 0px;
	background-color:#ccc;
}

#nav li li:hover a{
	background-color:#999999;
	color: #eeeeee;
}

#nav li li li:hover a{
	background-color:#666666;
	color: #dddddd;
}

#nav li:hover ul a{
	width:93px;
}

#nav li li:hover ul {
	left: auto;
	margin:-27px 0px 0px 98px;
	padding: 0;
	width: 250px;
}

#nav li li:hover ul a{
	width: 250px;
}

#nav li.sfhover ul{
	left: auto;
	padding:0px 0px 0px 0px;
	margin: 4px 0px 0px 3px;
	background-color:#ccc;
}

#nav li.sfhover ul a{
	padding:5px 0px 5px 5px;
	width:93px;
	text-align:left;
	background-color:#ccc;
}

#nav li li.sfhover ul {
	left: auto;
	margin: -27px 0px 0px 98px;
	padding: 0;
	width: 250px;
}

#nav li li.sfhover  li a{
	background-color:#999999;
	margin: 0 0 0 0 ;
	width: 250px;
}

#nav li li.sfhover a, #nav li li li.sfhover a{
	background-color:#666666;
	color:#eeeeee;
}

#content {
	clear: left;
	z-index: 50;
	margin-top: -40px;
}

#light {
	padding-left: 10px;
	font: bold 12px arial, helvetica, sans-serif;
	color:#333333;
}

#dark {
	padding-left: 5px;
	margin: 5px;
	height:25px;
	border: 2px solid #000000;
	font: bold 12px arial, helvetica, sans-serif;
	color:#000;
	background-color:#dddddd;
	z-index:500;
}

#bottom a{
	color:#666666;
	font: bold 11px arial, helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}

#bottom a:hover{
	color:#000000;
	font: bold 11px arial, helvetica, sans-serif;
	text-decoration: none;
}

#copyright {
	color:#cccccc;
	font: bold 10px arial, helvetica, sans-serif;
}

<!--[if IE]>

#menu ul li {float: left; width: 100%;}

#menu ul ul li {float: left; width: 100%;}

#menu ul ul{
	margin: 0;
	padding: 0;
	width: 115px;
	float: left;
	z-index:100;
	left:3px;
}

<![endif]-->

html>body #left {
	width: 435px; /* ie5win fudge ends */
	padding:20px 50px 40px 17px;
	}
	
#left {
	background-image:url(pics/big-rectangle.gif);
	background-repeat:no-repeat;
	color:#666666;
	position: relative;
	top: 0px;
	left: 0px;
	margin: -21px 0px 0px 0px;
	padding:30px 50px 20px 20px;
	width: 430px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 420px;	
	font: bold 11px arial, helvetica, sans-serif;
	text-align:justify;
	line-height: 120%;
	z-index:12;
	}
	
#center {
	z-index:10;
	margin-top:-20px;
	position:relative;
	top; -200px;
	color:#666666;
	voice-family: "\"}\"";
	voice-family:inherit;
	font: bold 12px arial, helvetica, sans-serif;
	text-align:center;
	line-height: 120%;
	}
	
#top{
	z-index:100;
}
overlay {
height: 120px;
width: 120px;
background: url(/pics/dot.gif);
margin-top: -120px;
position: relative;
z-index: 1;
}