* {
  margin: 0pt; padding: 0pt;
}
body {
  width:910px;
  font: .8em/1.8em verdana, arial, sans-serif;
  /*  background-image:url(images/canvas.jpg);  
      margin: 0 0px 0 40px;  
  */  		
  margin-left: auto;
  margin-right: auto;
  /*  top, right, bottom, left     Alternative = margin: 0 auto   */
  background-color: #000000;  	/* FFFFCC = light yellow, 808080 = Dark Gray, C0C0C0 = Silver*/
  								/* CCCCCC = light gray, 000000 = Black,  FFFFA0 = bright yellow*/  													                                /* FFFFE0 = Light Yellow  999999 = Gray FFFFF0 = Ivory */
  /* background-image: url("images/DFD-Web-Header-gold-gray.jpg") ; */
  /*  note:  image is 130 px tall x 910 pixels wide or so...   */
  /* background-repeat: no-repeat;   */
  /* background-attachment: fixed;   */
  /* background-position: 50% 20px;  */   	/*  L-R then U-D  */
  color: #FFFFA0;   				/* Font color */
  									/* ref: color chart @ http://www.somacon.com/p142.php
   													*/
  text-align: left;        	/*  Next three lines keep tab navigation from line feed in narrow browser  */
  /*   height = 8.5in;   	/* Required if we use percentage heights, below */
}

#header {
  position:relative;
  float:left;
  width:910px;
  min-height:40px;
  margin-top:10px;
  margin-bottom:10px;
  background-color:#000000
}
#sidebar-1 {
  position: relative;
  float:left;
  width: 240px;
  min-height: 200px;
  padding:5px;
  background-color:#616161
}
#main-1 {
  position: relative;
  float:right;
  width: 640px;
  padding:5px;
  min-height: 200px;
  background-color:#0a0a0a0a
}
#sidebar-2 {
  position: relative;
  float:right;
  width: 290px;
  padding:5px;
  min-height: 100px;
  margin-top:0px;
  background-color:#333333
}
#main-2 {
  position: relative;
  float:left;
  width: 590px; 		/* Don't forget to accomodate padding in width command!  */
  padding:5px;
  min-height: 100px;
  margin-top:0px;
  background-color:#424242
}

#spacer {
  position:relative;
  float:left;
  padding:0px;
}

#footer {
  position: relative;
  float:left;
  width: 900px;
  padding:2px;
  min-height: 25px;
  top: 0px;
  right: 0;
  bottom: 40px;
  left: 0;
  
  text-align: left;
	vertical-align: top;
	font-family:Tahoma;
	font-size:11px;
	color:#181214;
  /* background-color:#616161  */
  /*  background-color:#B1BCCA  */
}

ul.graybox {
	list-style-image: url(images/gray_quad1.gif); 
	list-style-type: square;
	list-style-position:inside; 
	
}

ul.yellowbox {
	list-style-image: url(images/yellow_quad.gif); 
	list-style-type: square;
	list-style-position:outside;
	margin-left:40px; 
	margin-right:15px;
	vertical-align:middle;
}      

a
{
	text-decoration:none; 
	color:#FFFFA0; 
}

a.menu
{
	color:#FFFFA0;
	text-decoration:none;
	font-weight:bold;
}

a:hover
{
	font-weight:bold;
}


/*  Next two lines make the scroll bar black in Internet Explorer Only  */
html {scrollbar-base-color: #000000; scrollbar-arrow-color: #FFFFA0}
.ta {scrollbar-base-color: #808080; scrollbar-arrow-color: #FFFFA0}