/* 

	Older browsers can't handle some CSS styles
	- they also don't see the  @import code.
	So any code that makes them act unpredictably
	goes into a separate CSS file, and the offending 
	browsers ignore it.
	
*/

@import url(other.css);

/*
	tutorial.css

	color scheme: 
		body background => #6699FF   
		main-body division background => #66CCFF
		main division background => #CCFFFF
		text color => #FFFFFF
		nav-links background => #FFFFCC

	main-body => ridged border
	main => ridged border
	nav-links => ridged border
	
*/

body {  
background: #6699FF ;	/* blue */
color: #000000;  
}  

/*

	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: #FFFF99;
}    

a.black_text:link {    
color: #000000 ;    
background: transparent;
}    
    
a.black_text:visited {    
color: #000000 ;    
background: transparent;
}    
    
/*

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

div.logo {  
background: #6699FF;  
color: #000000;  
margin: 0% 10%;  
padding: 0em 0em 0em 0em; 
border: 0px;
}

.logo_2 {  
background: #6699FF;  
color: #000000;  
margin: 0% 0%;  
padding: 0em 0em 0em 0em; 
border: 0px;
}

/*

	For placement of images inside any division.
	
*/

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

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

/*

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

div.main {  
background: #CCFFFF;  
color: #000000;  
margin: 0% 0% 0% 160px ;   
padding: 0em 0em 2em 0em; 
border: 5px ridge #00FFFF;
}

/*

	Padded and bordered area for 
        navigational links. 
	
*/

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

/*

	For headings in the main division.  
	
*/

h2 , h3 {  
text-align : center ; 
font-family:Arial,Helvetica,sans-serif,monospace;  
background: transparent ;
color: #000000;  
margin: 1% 5% 1% 5% ;  
padding: 0em; 
border: 0px;
}

/*

	Left aligned text in the main division.  
	
*/

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

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

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

.footer {
text-align: left ;
font-family:Arial,Helvetica,sans-serif,monospace;  
background: #CCFFFF;
color: #000000;
margin: 2% 5% 2% 5% ; 
padding: 0em; 
border: 0px;
clear : both ; 
}

.left_clear {
text-align: justify;
font-family:Arial,Helvetica,sans-serif,monospace;  
background: #CCFFFF;
color: #000000;
margin: 2% 5% 2% 5% ; 
padding: 0em; 
border: 0px; 
clear : left ; 
}

.categories {
text-align: justify;
font-family:Arial,Helvetica,sans-serif,monospace;  
background: #CCFFFF;
color: #000000;
margin: 2% 15% 5% 10% ; 
padding: 0em ; 
border: 0px;
}

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

p.firstleft {
text-align: justify;
font-family: Arial, Helvetica, sans-serif,monospace;  
background: #CCFFFF;
color: #000000;
margin: 2% 5% 2% 5% ; 
padding: 0em; 
border: 0px;
}

p.firstleft:first-line { 
font-variant: small-caps;
margin: 2% 5% 2% 5% ; 
padding : 0em ; 
}

p.firstleft:first-letter {
font-size: 200%; 
float: left;
margin: 0% 0% 0% 0% ; 
padding : 0em ; 
}

/*

	Center aligned text in the main division.  
	
*/


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

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

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

p.center_060902 {  
text-align: center ;  
clear : both ; 
}

/*

	Division to align and display the 
        linked validator images.   
	
*/


div.validators {
text-align: center; 
background: #6699FF; 
color: #000000; 
margin: 3% 10% 0% 10%;   
padding: 0em;  
border: 1px;
}

/*

	Border is defined so that linked images 
        do not have a border.   
	
*/

img.linked-image {
border: 0px;
}

img.rss-image {
border: 0px;
}

/*

       the main body division is to keep the 
       floated left menu functioning 
       properly with the main content 

*/

  div.main-body {      
	text-align: center;    
	background: #66CCFF;      
	color: #000000;      
	margin: 0% 10% 0% 10%;
	border: 5px ridge #CC0000;    
	}    

/*

	Definition for the left menu and the
        menu links.   
	
*/

  div.left-menu {   
	text-align: center;   
	font-family:Arial,Helvetica,sans-serif,monospace;   
	background: #66ccff;   
	color :#000000;   
	float: left;   
	clear: none;   
	width: 160px ;    
	margin: 0px 2px 0px 0px;      
	padding: 0em;     
	border: 1px;    
	}   
   
  p.menu-links {      
	text-align: center;    
	background: #FFFFCC;    
	color: #000000;    
	margin: 0%;      
	padding: .3em;     
	border: 3px ridge #FF6633;    
	}    

    ul.sitemap {
	text-align: left;  
	font-family:Arial,Helvetica,sans-serif,monospace;  
	background: #CCFFFF;
	color: #000000;
	margin: 2% 10%; 
	padding: 0em; 
	border: 0px;
	}
	
  li.pad { 
	text-align: left;   
	font-family:Arial,Helvetica,sans-serif,monospace;   
	background: #CCFFFF; 
	color: #000000; 
	margin: 0%;  
	padding: .3em 0em;  
	border: 0px; 
	}

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

/* 
 
	Definitions for span examples.   
	 
*/ 

  span.red-black {       
	background: #000000;     
	color: #FF0000;     
	}     

  span.black-yellow {       
	background: #FFFF99;     
	color: #000000;     
	}     

  span.white-red {       
	background: #FF0000;     
	color: #FFFFFF;     
	}

span.footnote {
	font-size: smaller;
	vertical-align: super;
	}

blockquote {
font-size: smaller;
text-align: justify;
font-family:Arial,Helvetica,sans-serif,monospace;  
background: #CCFFFF;
color: #000000;
margin: 2% 13%; 
padding: 0em; 
border: 0px;
	}

footnote {
	vertical-align: super;
	}

.bolder_font {
font-weight : bolder ; 
}

.quote {
font-style : italic ; 
}

.center_060928 {
text-align : center ; 
}

.more_space_061001 {
text-align: center;  
font-family:Arial,Helvetica,sans-serif,monospace;  
background: #6699FF;
color: #990033;  
margin: 0% 10% .5% 10% ;  
padding: 0em 0em 0em 0em ;
}

.footer_061001 {
text-align: left ;
font-family: Arial, Helvetica, sans-serif, monospace ;  
background: #CCFFFF;
color: #000000;
margin: 2em 5% 2% 5% ; 
padding: 0em ; 
clear : both ; 
}

.no_border_060918 {
border : 0px ; 
}

.no_border_060921 {
border : 0px ; 
}

.quote_2 {
font-style : italic ; 
text-align: left ;
font-family: Arial, Helvetica, sans-serif, monospace;  
background: #CCFFFF;
color: #000000;
margin: 2% 10% 2% 10% ; 
padding: 0em; 
border: 0px;
}

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

.left {
text-align: justify;
font-family:Arial,Helvetica,sans-serif,monospace;  
background: #CCFFFF;
color: #000000;
margin: 2% 5% 2% 5% ; 
padding: 0em; 
border: 0px;
}

.main_061128 {  
font-family:Arial,Helvetica,sans-serif,monospace;  
background: #CCFFFF;  
color: #000000;  
margin: 0% 0% 0% 160px ;   
padding: 0em 0em 2em 0em; 
border: 5px ridge #00FFFF;
}

.footer_061128 {
text-align: center ;
clear : both ; 
}

.footer_061221 {
text-align: center ;
clear : both ; 
margin : 1em 0em 0em 0em ; 
}