@media all
{       
  
html * { font-size: 100.01%; }                                         

textarea, pre, tt, code { font-family:"Courier New", Courier, monospace; }                                                                       

body { margin: 15px; font-family: 'times new roman', times, serif; font-size: 108.33%; }  /* 13px */                                                                    

h1,h2,h3,h4,h5,h6 { line-height: 70%; font-style: italic; font-weight: normal; margin: 0.5em 0 0.5em 0; }
h1 { font-size: 200% }                         /* 24px */     
h2 { font-size: 166.67% }                      /* 20px */     
h3 { font-size: 150% }                         /* 18px */     
h4 { font-size: 133.33% }                      /* 16px */     
h5 { font-size: 116.67% }                      /* 14px */     
h6 { font-size: 116.67%; font-style: italic; } /* 14px */     

p { line-height: 180%; margin: 0 0 1em 0; }

ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
li { line-height: 180%; margin-bottom: .5em; }         

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote { margin: 0 0 1em 1.5em; }  

strong,b { font-weight: bold; }
em,i { font-style: italic; }    

pre, code { font-family: monospace; font-size: 1.1em; }

.texttitle { font-size: 125%; font-style: italic; padding-right: .5em; }
.important { background: #ffa; padding: 0.2em 0.3em 0.1em 0.3em; }
.warning { background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted; }  

.float_left { float: left; display: inline; margin-right: 1em; margin-bottom: 0.15em; }
.float_right { float: right; display: inline; margin-left: 1em; margin-bottom: 0.15em; }
.center { text-align: center; margin: 0.5em auto; }                                        

#header { height: 40px; }
#footer { font-size: 90%; color: #888; }

#logo { float: left; }

#links { float: right; margin-top: 10px; }

#links a, #links a:active, #links a:focus { text-decoration: underline; color: #666; padding: 1px .4em 1px .4em; } 
#links a:hover { background: #000; text-decoration: none; color: #fff; }

#navigation { float: left; position: absolute; bottom: 30px; width: 200px; text-align: right; }

.content { margin-left: 210px; }

.quote-container { border: none; height: 8em; margin: 0; padding: 0; }
ul.quotes, ul.quotes li { list-style: none; text-align: center; margin: 0; padding: 0; font-size: 110%; }



a, a:active, a:focus { text-decoration: underline; color: #666; padding: 1px .2em 1px .2em; } 
a:hover { background: #000; text-decoration: none; color: #fff; }

a[href^="http://www.truetopiaproject.org"],
a[href^="http://truetopiaproject.org"]
{                                         
  padding-left: 12px;                     
  background-image: url('ext_link.gif');
  background-repeat: no-repeat;           
  background-position: 0 0.45em;          
}

table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
table.full { width: 100%; }
table.fixed { table-layout: fixed; }

th,td { padding: 0.5em; }
thead th { background: #444; color: #fff; }
tbody th { background: #ccc; color: #333; }
tbody th.sub { background: #ddd; color: #333; }

hr { color: #fff; background: transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border: 0; border-bottom: 2px #aaa solid; }





#submenu {
  width: 100%;
  overflow: hidden;
  margin: 2.4em 0 1.5em 0;
  list-style-type: none;  
  border-top: 1px #ddd solid;
/*  border-bottom: 2px #ddd solid;*/
}                               

#submenu ul { list-style-type: none; margin:0; padding: 0; }
#submenu li { float:left; width: 100%; margin:0; padding: 0; font-size: 90.00%; }

#submenu a,
#submenu strong {
  display:block; 
  width: 90%;    
  padding: 2px 0px 2px 10%;
  text-decoration: none;   
  background-color:#fff;   
  color: #444;             
  border-bottom: 1px #ddd solid;
}                               
                              

/* Level 1 */
#submenu li#active,
#submenu li strong {
  width: 90%;       
  padding: 2px 0px 2px 10%;
  font-weight: bold;       
  color: #fff;             
  background-color:#aab;   
  border-bottom: 1px #eee solid;
}                               

#submenu li a { width: 90%; padding-left: 10%; background-color:#fff; color: #444; }
#submenu li a:focus,                                                                
#submenu li a:hover,                                                                
#submenu li a:active { background-color:#000; color: #fff; }

/* Level 2 */
#submenu li ul li a,
#submenu li ul li#active,
#submenu li ul li strong,
#submenu li ul li span { width: 80%; padding-left: 20%; }

#submenu li ul li a { background-color: #f8f8f8; color: #666; }
#submenu li ul li a:focus,
#submenu li ul li a:hover,
#submenu li ul li a:active { background-color: #000; color: #fff; }

/* Level 3 */
#submenu li ul li ul li a,
#submenu li ul li ul li#active,
#submenu li ul li ul li strong,
#submenu li ul li ul li span { width: 70%; padding-left: 30%; }

#submenu li ul li ul li a { background-color:#fcfcfc; color: #888; }
#submenu li ul li ul li a:focus,
#submenu li ul li ul li a:hover,
#submenu li ul li ul li a:active { background-color:#000; color: #fff; }

/* Level 4 */
#submenu li ul li ul li ul li a,
#submenu li ul li ul li ul li#active,
#submenu li ul li ul li ul li strong,
#submenu li ul li ul li ul li span { width: 60%; padding-left: 40%; }

#submenu li ul li ul li ul li a { background-color:#ffffff; color: #aaa; }
#submenu li ul li ul li ul li a:focus,
#submenu li ul li ul li ul li a:hover,
#submenu li ul li ul li ul li a:active { background-color:#000; color: #fff; }

}