/* css Zen Garden submission 113 - 'Switch On', by Michael Fasani, http://www.michaelfasani.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2004, Michael Fasani */
/* Added: July 29th, 2004 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */
   
   
body		{
		margin:		0px;
		padding:	0px;
		width:		100%;
		height:		100%;
		font-family:	verdana, arial;
		font-size:	8pt;
		color:		#FFFFFF;
}

.body 		{
		
		background: 	#000000 url(images/bg.gif);
	
}

a 		{
		color:		#F00;
		text-decoration: none;
}

.nav {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #ff0000; font-weight: none; text-decoration: none;}

a.nav:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ff0000; font-weight: none; text-decoration: none;}

a.nav:active {  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; color: #ffffff; text-decoration: underline; font-weight: bold;}

a.nav:visited {  font-family: Verdana; font-size: 11px; color: #ffffff; text-decoration: #ccccccc; font-weight: none;}

a.nav:hover {  font-family: Verdana; font-size: 11px; color: #ffffff; font-weight: none;}

.footer {  font-family: Verdana; color: #ffffff;  font-size: 9px; text-decoration: none;}

a.footer:link {  font-family: Verdana; color: #ffffff; font-size: 9px;  text-decoration: underline;}

a.footer:hover {  font-family: Verdana; color: #ffffff; font-size: 9px; text-decoration: underline; font-weight: bold; }

a:link {  font-family: Verdana; font-weight: none;}

a:visited {  font-family: Verdana; text-decoration: none;}

a:active {  font-family: Verdana; text-decoration: underline;}

a:hover {  font-family: Verdana; text-decoration: underline;}


h3 span 	{
		display:none;
}

a:hover		{
		color:		#FF6600;
}

#container	{
		position:	relative;
		margin:		10px auto;
		padding:	10px;
		width:		600px;
		text-align:	left;
		voice-family:	"\"}\""; 
	  	voice-family:	inherit;
	  	width:		594px;
		border: 	10px solid #ffffff;
		background:	#000000 url(images/header.gif) no-repeat top left;
}

#pageHeader	{
	 	margin-top:	330px;
		position:	relative;
}

#pageHeader span {
		display:none;
}

#quickSummary .p1 {	
		position:	absolute;
		width:		586px;
		padding:	14px;
		font-size:	8pt;
		text-transform:	uppercase;
		background: 	#000000 url(bg2.gif);
		color:		#F00;
		text-align:	center;
		top: 		327px;
		left:		-1px;
		border: 	1px solid #ffffff;
}

#quickSummary .p2 {	
		position:	absolute;
		font-size:	7.5pt;
		text-transform:	uppercase;
		font-family:	Arial;
		color:		#CCCCCC;
		top: 		307px;
		left:		345px;
		width:		270px;
}

#quickSummary a {	
		color:		#FFFFFF;
		text-decoration: none;
}

#quickSummary a:hover {	
		background:	#99FF00;
		color:		#000000;
}

#footer     	{
		position:	absolute;
		font-size:	7.5pt;
		font-family:	Arial;
		color:		#FFFFFF;
		top: 		307px;
}

#footer a 	{
		color:		#FFFFFF;
		text-decoration: none;
}

#footer a:hover {
		background:	#99FF00;
		color:		#000000;
}

#about 	{
		width:		600px;
		text-align: 	justify;
	
}

#about h3 	{
		position:	relative;
		background:	transparent url(images/about.gif) no-repeat;
		margin-top: 	10px;
		height:		45px;
		left: 		-10px;
		border-bottom: 	1px solid #ffffff;		
}

#about .p1 	{
		text-indent:	20px;
		margin-top:	-28px
}

#gearused 	{
		width:		600px;
		text-align:	justify;
}

#gearused h3 {
		position:	relative;
		background:	transparent url(images/gearused.gif) no-repeat;
		margin-top:	25px;
		height:		45px;
		left:		-10px;
		border-top: 	1px solid #ffffff;
		border-bottom: 	1px solid #ffffff;		
}

#gearused .p1 {
		text-indent:	20px;
		margin-top:	-28px
}

#links 	{
		text-align: 	justify;
}

#links h3 {
		position:	relative;
		background:	transparent url(images/links.gif) no-repeat;
		margin-top:	25px;
		height:		45px;
		left:		-10px;
		border-top: 	1px solid #ffffff;		
		border-bottom: 	1px solid #ffffff;		
		}

#links h3 span {
		display:	none;
}

#links .p1 {
		text-indent:	20px;
		margin-top:	-28px
}

#links .p2 {
		width:		600px;
}

#links .p1{
		width:		600px;
}

#benefits 	{
		text-align:	justify;
}

#benefits h3 	{
		position:	relative;
		background:	transparent url(images/contact.gif) no-repeat;
		margin-top:	25px;
		height:		45px;
		left:		-10px;
		border-top: 	1px solid #ffffff;		
		border-bottom: 	1px solid #ffffff;		
		}

#benefits .p1 	{
		text-indent:	20px;
		margin-top:	-28px
}

#requirements {
		text-align:	justify;
}

#requirements h3 {
		position:	relative;
		background:	transparent url(reqs.gif) no-repeat;
		margin-top:	25px;
		height:		45px;
		left:		-10px;
}

#requirements .p1 {
		text-indent:	20px;
		margin-top:	-28px
}

/* Force carriage return before 'by' */
#lselect li a:link, #lselect li a:visited {display: block;}
#linkList li a.c:link, #linkList li a.c:visited {display: inline;}

#lselect 	{
		width:		160px;
		position:	absolute;
		top:		395px;
		left:		457px;
		background:	transparent url(top-menu.gif) no-repeat;
		height:		400px;
}

#lselect ul 	{
		list-style:	none;
		margin-left:	18px;
		margin-top:	50px;
}

#lselect ul li 	{
		padding:	0px 0px 0px 16px;
		background:	url(arrow.gif) no-repeat 6px 2px;
		margin-bottom:	5px;
}

#larchives	{
		width:		160px;
		position:	absolute;
		top:		725px;
		left:		457px;
		background:	transparent url(mid-menu.gif) no-repeat;
		height:		200px;
		text-transform:	capitalize;
}

#lresources 	{
		width:		160px;
		position:	absolute;
		top:		847px;
		left:		457px;
		background:	transparent url(bot-menu.gif) no-repeat;
		height:		200px;
}

#larchives ul, #lresources ul {
		list-style:	none;
		margin-left:	26px;
		margin-top:	46px;
}