body		{ margin: 0;  padding: 20px; background-color: #efefef; text-align: center; }
.container  { width: 800px; min-width: 800px; padding: 0px; border: 1px #e0e0e0 solid; background-color: #ffffff; margin:0 auto; }

/* --- fonts and colors ---*/
ul, li, p, dt, dd, .leftnav li, .leftnav a, #nav a, .tablecell
			{ color: #666666; font-family: verdana, sans-serif; }
h1, h2, h3	{ color: #000000; font-family: Tahoma, Helvetica; sans-serif; font-weight: normal }
.image		{ color: #707070; font-family: Arial, Helvetica; sans-serif }
h1			{ font-size: 36px; }
h2, h3		{ font-size: 16px; font-weight: bold; }
#nav li		{ font-size: 14px; }
p, ul, body	{ font-size: 12px;}
.menu		{ font-size: 14px; }
.image		{ font-size: 10px; }
a           { text-decoration: none; }

/*--- title bar ---*/
#topcontainer	{ width: 100%; height: 60px; border: 0px none; border-bottom: 1px #e0e0e0 solid; }
h1			{ color: #666666; margin-top: 10px; margin-bottom: 8px; }
.spacer     { height: 2px; border:0px none; font-size: 1px; margin: 0; padding: 0; width: 100% }
.clear		{ clear:both; margin:0; }

/*--- left navbar ---*/
#leftcontainer		{ float: left; width: 150px; margin: 10px; padding: 0px; border: 1px #e0e0e0 solid; }
.leftnav    		{ margin: 0; padding: 5px; border: 0px none; }
.leftnav ul 		{ list-style: none; margin: 0 ; padding: 0; }
.leftnav li 		{ text-align: left; margin: 0 0 2px 0; padding: 0; 
						border-top:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #ddd;}
.leftnav a  		{ display: block; }
.menu       		{ line-height: 20px; padding-left: 10px; background-image: url('gradient1.gif'); }
.menu:hover 		{ background: url('gradient2.gif'); }
												
/* --- image ---*/
.image      { padding: 10px; background-color: #ffffff; }

/*-- center content --*/
#content    		{ border: 1px solid #e0e0e0; width: 580px; padding: 10px; margin: 10px 10px 10px 175px; }
#content p  		{ text-align: justify; }
#date       		{ color: gray; text-align: right; }
.reference p		{ color: gray; margin: 0 0 5px 0; }
#content li			{ padding: 5px ; margin:0; }

/*--- second level dropdowns ---*/
#nav li:hover ul, #nav li.sfhover ul { left: 100px; }
#nav li ul li	{ font-weight: normal; text-align: left; font-size: 10px; }
#nav li ul a	{ height: 15px; width: 140px; font-weight: normal; border-right: 0px none; padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:3px}
#nav li ul		{ position: absolute; left: -999px; width: 150px; z-index: 20;}
#nav li ul   	{ margin: -1em 0 0 10em; }
	
/*--- left navbar ---*/
#leftcontainer				{ float: left; width: 150px; margin: 10px; padding: 0px; border: 1px #e0e0e0 solid; }
.leftnav, #topnav 			{ margin: 0; padding: 5px; border: 0px none; }
.leftnav ul, #nav, #nav ul	{ list-style: none; margin: 0 ; padding: 0; }
.leftnav li, #nav li		{ text-align: left; margin: 0 0 2px 0; padding: 0; border-top:1px solid #ddd; border-right:1px solid #bbb; 
								border-bottom:1px solid #bbb; border-left:1px solid #ddd;}
.leftnav a, #nav a  		{ display: block; }
.menu, #nav a       		{ line-height: 20px; padding-left: 10px; background-image: url('gradient1.gif'); }
.menu:hover, #nav a:hover 	{ background: url('gradient2.gif'); }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }