/* This div contains the content div for normal 3 column pages with nav */	

td {
	font-size: 8pt;
	font-family: Arial;
	vertical-align: top;
}

A:link, A:visited { 
font-family: Arial; 
	font-size: 10pt; 
}


ul {
	vertical-align: text-bottom;
	list-style-image: url('images/dot.gif');
}
#ul {
	font: 100% Arial,sans-serif;
}
 
#li p {
	font: 85% Arial,sans-serif;
}
p {
	font: 85% Arial,sans-serif;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font: 85% Arial,sans-serif;
	margin: 0 0;
	left:0;
	top:0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background-image: url(http://www.a-e-w.co.za/images/AEW_background.jpg);
	background-attachment: fixed;
}
div#pagelayout { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	width:auto;
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header { 
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
div#banner {
	width: 270px;
	height: 145px;
	top:10px;
} 
div#menu {
	position:absolute;
	width:1024px;
	z-index:3;
	left: 0px;
	top: 146px;
	padding: 0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:60;
}
div#prodscroll {
	position:absolute;
	width:453px;
	height:101px;
	z-index:2;
	left: 308px;
	vertical-align:middle;
	top: 19px;
}
div#mainContent { 
	width: 990px;
	height: 100%; 
	margin: 0px 0px 0px 10px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 40px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

div#content {
	margin: 40px 0px 0px 20px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
div#special { 
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 15px 10px;
} 

div#footer {
	font: 80% Arial,sans-serif;
	width: 100%;
	text-align: center; 
} 

input {
 font-family: Arial; 
 font-size: 10pt;
 align: left; 
}

textarea {
 font-family: Arial; 
 font-size: 8pt;
 align: left; 
}



H1 {
 font-family: Arial; 
 font-size: 18pt;
}

H2 {
 font-family: Arial; 
 font-size: 16pt;
}
H3 {
 font-family: Arial; 
 font-size: 14pt;
}