Navigational MapNav Reference 8.2b 


/*
  basic.css

  color scheme: 
    body background => #FFFFFF   
    left menu background => #000000
    main division background => #CCFFFF
    text color => #000000
    nav-links background => #FFFFCC

*/

body {  
	background: #FFFFFF;  
	color: #000000; 
	margin: 0%; 
	}  

/*

  Standard link color definitions. 
  
*/

a:link {    
	color: #0000FF;    
	background: transparent;
	}    
    
a:visited {    
	color: #990099;    
	background: transparent;
	}    
    
a:active {    
	color: #000000;    
	background: #ADD8E6;
	}    
    
a:hover {
	color: #000000;    
	background: #FFCC66;
	} 

/*

    Border and padding is added in the 
    divisions for consistency in browsers.
  
*/

.logo {
	text-align: left; 
	background: #000000; 
	color: #FFFFFF; 
	margin: 0%; 
	padding: 0em 0em 1em 0em; 
	border: 1px; 
	} 

/*

  For placement of images inside the main division.
  
*/

.image {  
	text-align: center;  
	font-family: Arial, Helvetica, sans-serif, monospace;
	background: #CCFFFF;
	color: #000000;  
	margin: 1% 10%;  
	padding: 0em; 
	border: 0px;
	}

/*

  h1 is placed against body colored background, and 
  is text color #990033
  
*/

h1 {  
	text-align: center;  
	font-family: Arial, Helvetica, sans-serif;  
	background: #FFFFFF;
	color: #990033;  
	margin: 0% 10%;  
	padding: 0em; 
	border: 0px;
	}

/*  
  
	CSS definitions for the left menu.  
	  
*/  

.left-menu {     
	text-align: center;     
	font-family: Arial, Helvetica, sans-serif, monospace;     
	background: #000000;     
	color :#FFFFFF;     
	float: left;     
	clear: none;     
	width: 12%;     
	margin: 0%;        
	padding: 0em;       
	border: 5px ridge #000000; 
	}     
     
.menu-links {        
	text-align: center;      
	background: #FFFFCC;      
	color: #000000;      
	margin: 10px 10px;        
	padding: .3em 0em;       
	border: 3px ridge #FF6633;      
	}      
  
.menubottom {    
	text-align: right; 
	background: #000000;    
	color: #CCCCCC;    
	margin: 0%;    
	padding: 0em;   
	border: 1px;  
	}  

/*

  Main division holds navigational links, 
  and the changeable content
  of the page. 
  
*/


.main {    
	background: #CCFFFF;    
	color: #000000;    
	margin: 0% 13%;    
	padding: 0em 0em 2em 0em;   
	border: 10px ridge #FFFFFF;  
	}

/*

  Padded and bordered area for navigational links. 
  
*/

.nav-links {    
	text-align: center;  
	background: #FFFFCC;  
	color: #000000;  
	margin: 0%;    
	padding: 3px;   
	border: 3px ridge #FF6633;  
	}  

<-- Main Tutorial