/* CSS Document */

/* generic navigation */

a
	{
	font-weight: normal;
	text-decoration: underline;
	color: #333333;
	}

a:hover
	{
	color: #E27A23;
	}
	
a:visited
	{
	color: #CCCCCC;
	}
	
a:active, a:focus /* gets rid of dotted box aroundinks in Firefox */ 
	{
	outline: 0;
	}
	
/* header navigation */

#header h1 a, #header h1 a:visited, #header h1 a:active
	{
	color: #86D4FF;
	text-decoration: none;
	}
	
#header h1 a:hover
	{
	color: #FF8A12;
	text-decoration: none;
	}



/* navigation in the left column, there are three different depths to allow for the different amounts of text
 this has to be selected/changed manually in the html code,
*/

.home-button a, .nav-button1 a, .nav-button2 a, .nav-button3 a
	{
	width: 130px;
	margin: 0px;
	display: block;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	color: #FFFFFF;
	text-decoration: none;
	}

.home-button a
	{
	background-image: url(../decoration/home-button-bck.gif);
	background-repeat: no-repeat;
	height: 28px;
	padding-top: 10px;
	}

.nav-button1 a 
	{
	background-image: url(../decoration/nav-button1-bck.gif);
	background-repeat: no-repeat;
	height: 28px;
	padding-top: 10px;
	}

.nav-button2 a 
	{
	background-image: url(../decoration/nav-button2-bck.gif);
	background-repeat: no-repeat;
	height: 41px;
	padding-top: 9px;
	}

.nav-button3 a 
	{
	background-image: url(../decoration/nav-button3-bck.gif);
	background-repeat: no-repeat;
	height: 52px;
	padding-top: 8px;
	}

.home-button a:hover   
	{
	background-image: url(../decoration/home-button-bck_g.gif);
	color: #FFFFFF;
	}

.nav-button1 a:hover 
	{
	background-image: url(../decoration/nav-button1-bck_g.gif);
	color: #FFFFFF;
	}

.nav-button2 a:hover 
	{
	background-image: url(../decoration/nav-button2-bck_g.gif);
	color: #FFFFFF;
	}

.nav-button3 a:hover 
	{
	background-image: url(../decoration/nav-button3-bck_g.gif);
	color: #FFFFFF;
	}
	
.home-button a:visited, .nav-button1 a:visited, .nav-button2 a:visited, .nav-button3 a:visited
	{
	color: #FFCC99;
	}






/* this dsplays the current page */

#index-page #indexx a  
	{
	background-image: url(../decoration/home-button-bck_g.gif);
	color: #FFFFFF;
	}
	
#about-page #about a  
	{
	background-image: url(../decoration/nav-button1-bck_g.gif);
	color: #FFFFFF;
	}

#thing-page #thing a  
	{
	background-image: url(../decoration/nav-button2-bck_g.gif);
	color: #FFFFFF;
	}

#hot-page #hot a  
	{
	background-image: url(../decoration/nav-button1-bck_g.gif);
	color: #FFFFFF;
	}

#maybe-page #maybe a  
	{
	background-image: url(../decoration/nav-button2-bck_g.gif);
	color: #FFFFFF;
	}
	
#spot-page #spot a  
	{
	background-image: url(../decoration/nav-button2-bck_g.gif);
	color: #FFFFFF;
	}
	
#chance-page #chance a  
	{
	background-image: url(../decoration/nav-button3-bck_g.gif);
	color: #FFFFFF;
	}
	
#wants-page #wants a  
	{
	background-image: url(../decoration/nav-button2-bck_g.gif);
	color: #FFFFFF;
	}


/* navigation in the credits div */


#credits a
{
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

#credits a:hover
{
	color: #FF9900;
	text-decoration: none;
}

/* misc navigation spans */

.more a, .back a, .top a
	{
	background-repeat: no-repeat;
	padding-left: 16px;
	display: block;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	color: #333333;
	}

.more a
	{
	background-image: url(../decoration/more.gif);
	font-weight: bold;
	}
	
.back a
	{
	background-image: url(../decoration/back.gif);
	}
	
.top a
	{
	background-image: url(../decoration/top.gif);
	}
	
.more a:hover, .back a:hover,.top a:hover
	{
	color: #FF9900;
	}
	
	
.download-pdf a
	{
	background-image: url(../decoration/download-pdf-bck.gif);
	padding-left: 22px;
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: left center;
	min-height: 20px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	}