body  {
	font: 12px/18px Arial, Helvetica, sans-serif;
	background: #333;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#container { 
	width: 800px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #ffffff;
margin:0px auto 0px auto;
overflow:hidden;
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#navigation {
	width:175px;
float:left;
background-color:#f5f5dc;
padding:0px 0px 10000px 0px;
margin:0px 0px -10000px 0px;
}
#red1 {
float:left;
width : 3px;
background:#F00;
padding:0px 0px 10000px 0px;
margin:0px 0px -10000px 0px;
} 
#small1 {
float:left;
width : 12px;
background: #fff;
padding:0px 0px 10000px 0px;
margin:0px 0px -10000px 0px;
} 
#main {
	float: left; 
	width: 11em; /* since this element is floated, a width must be given */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
width:600px;

}




p {
text-align: left; 
font-size: 12px; 
font-family: arial; 
color: #000;
}

.code {
font-family: courier;
font-size: 8px;
color: green;
}

.label  {
font-family: arial;
font-size: 12px;
color: navy;
font-style: italic;
}

ul {
text-align: left; 
font-size: 12px; 
font-family: arial; 
color: #000;
}

a {
text-align: left; 
font-size: 12px; 
font-family: arial; 
color: #000;
text-decoration: none;
}
a.ttt       {
text-align: left; 
font-size: 12px; 
font-family: arial; 
color: #000;
          cursor: pointer;
 text-decoration: none;
        }
a.ttt:visited       {
          color : #000;
    }
a.ttt:hover     {
              color : #7e2217;
    background-color: #d4a017;
          font-style:italic;
  cursor: pointer;
    }
    
a.ttt:active        {
          color : #000;
    }

a.little {
text-align: left; 
font-size: 7px; 
font-family: arial; 
color: #000;
cursor: pointer;
text-decoration: none;
}
a.little:visited {
color : #000;
}
a.little:hover {
color : #7e2217;
background-color: #d4a017;
font-style:italic;
cursor: pointer;
}
a.little:active        {
color : #000;
    }
    
.hr {
	margin-left  : auto;
	margin-right : auto;
	display: block ;
        height: 2px;
  }


.feed {
border:1px solid;
border-color:#fc9 #630 #330 #f96;
padding:0 3px;
font:bold 10px arial;
color:#fff;
background:#f60;
text-decoration:none;
margin:4px;
}