body {
  /* MSIE 5 doesn't center based on auto left/right margins, 
     but 'text-align:center' does center top-level divs: */
  text-align: center;
  /* Specify a min-width for the body as wide as the 'wrapper'
     element itself. This prevents negative (i.e. inaccessible)
     left-margins in narrow browser windows when using 
     Navigator 6+/Mozilla on Win32: */
  min-width: 780px;
  background-color:#ff0000;
  background:url("images/paper1.jpg") repeat;
  margin: 0px;
  
}

#content {
   
  /* Reset alignment to compensate for 'text-align:center': */
  text-align: left;
  /* Specify the width of the element. This should be the same
     as 'body min-width': */
  width: 780px;
  /* Set left and right margins to auto, thus centering the 
     element in the containing (body) tag: */
  margin-left: auto; 
  margin-right: auto;
  background-color: #ffffff;
  
}

	#headermain {
		margin:0; padding:0;
		background:white ;
		}



	#main1 {
		margin:0; padding:0;
		background:red;
		}
	#main2 {
		margin:0; padding:0;
		background:blue;
		}
	#left {
		float:left;
		width:130px;
		margin:0; padding:0;
		background: white;
		font-size:80%;
		}
	
	#right {
		float:right;
		width:120px;
		margin:0px; padding:0;
		background: #eeeeee;
		font-size:80%;
		}
	#middle {
		margin:10px 138px;
		background:white;
		width: 490px;
		font-family:Arial, Helvetica, sans-serif;
		}

/*Footer area definitions*/		
	
	.column-in {
		margin:0; padding:0.5em 1em;
		}
		
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}

	.footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#663300;
	
	}	
	
	.copy { text-align:center; font-size:80% }



/*Generic tag definitions */		
	h1,h2,h3,h4 { margin: 0.2em 0 }

	p { 
	    margin: 0.5em 0 ;
	    font-family:Arial, Helvetica, sans-serif;
	}
	
	.white {
	  color: white;
	  font-size:1.5em;
	}
	
	
	h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	}
	
	#middle h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color : #663300;
    }	
		
	#middle p {
	font-size: 0.8em;
	line-height: 1.8em
	}	
	
	#middle ul {
	font-size: 0.8em;
	line-height: 1.8em
	}
	
	/*Define list types*/
	#baselist {
	border: 1px solid #000;
	margin: 3em;
	width: 10em;
	padding: 10px;
	padding-left:3em;
	}


	/*Define list types*/
	#listwitharrow {
	margin: 2em;
	padding: 10px;
	padding-left:1em;
	}
	
	#listwitharrow ul {
	list-style-image: url(images/arrow.gif);
	font-size:1em;
	}

	/*Define list types*/
	#listwithdot {
	margin: 1em;
	width: 25em;
	padding: 10px;
	padding-left:1em;

	}
	
	#listwithdot ul {
	list-style-image: url(images/atecbul3.gif);
	}    

	ul {
	list-style-image: url(images/atecbul3.gif);
	} 		
		
/*Defines left navigation position*/	
.sidebar {
	position: relative;
	top: 5px;
	left: 0px;
    
	
}

/* CSS navigation buttons*/

 .cssnav {
position: relative;
font-family: arial, helvetica, sans-serif;
font-weight: bolder;
background-image: url(images/hover.gif);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 120px;
height: 24px;
margin: 0;
padding: 0;
}

.cssnav a {
display: block;
font-size: 11px;
width: 120px;
height: 24px;
display: block;
float: left;
color: white;
text-decoration: none;
}

.cssnav img {width: 120px; height: 24px; border: 0; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}

.cssnav span {
position: absolute;
left: 10px;
top: 5px;
margin: 0px;
padding: 0px;
cursor: pointer;
}



/* defines the centre internet search block */

.activity {
  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 5px;

}

.activity hf{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;

}		


/* Defines the position of the suggested search and adverts*/
.wrapper {
margin-top:20px;
	width: 118px;
	border: 2px solid #cc0000;
	background-color: #ffbf5e;

}

/*see alessandro note at http://www.web-graphics.com/mtarchive/001589.php*/
div.shadow{float: left;padding: 0 6px 6px 0;
    background: url(images/dropshadow.png) no-repeat bottom right}
div.shadow img{display: block;position: relative;
    top: -3px;left:-3px;padding:5px;background:#FFF;
    border:1px solid;border-color: #ccc #666 #666 #ccc} 

.parafloat {
border:solid 1px;

}

/* see http://alistapart.com/articles/cssdropshadows/ */
.p-shadow {
  width: 90%;
  float:left;
  background: url(images/dropshadow.png) no-repeat bottom right !important;
  background: url(images/dropshadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none !important;
  background: url(images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }