* {
	margin:0;
	padding:0;
	font-family:arial,verdana,helvetica,sans-serif;
	color:#888888;
}

/*  Centre the #content div both vertically and horizontally */
html { height:100%; }
body { 
	height:100%; 
	background:#e31581 url('/images/background.jpg') no-repeat center center; 
	font-size:75%; /* ~12px */ 
}

/* For IE 5 Mac */
 #content-wrapper {
	background-color: transparent;
	position: absolute;
	top:0;
	left:0;
}
 
/* Invisible to IE 5 \*/
#content-wrapper {
   top: 50%;
   left: 0;
   width: 100%;
   margin-top: -300px;
   text-align: center;
   min-width: 1020px; 
}
/* End IE 5 hack */ 
	  
#content, #content-large {
	background-color: #fff; 
	position: relative;
	text-align: left;
	width: 1020px;
	height: 600px;
	margin: 0px auto;
}	
#content-large {
	height: 677px;
}

h1 { font-weight:bold; text-transform:uppercase; font-size:15px; margin:0.6em 0; }
h2 { font-weight:bold; text-transform:uppercase; font-size:13px; margin:0.4em 0; }
ul { margin:5px 0 15px; list-style-type:none; }
ul li { background-image:url('/images/pink-bullet.jpg'); background-position:3px 2px; background-repeat:no-repeat; padding-left:25px; margin-bottom:5px; }
ol { margin:0 0 15px 30px; }
p { margin-bottom:1.2em; line-height:1.5em; }
blockquote { margin:0 0 15px 25px; }
sup { font-size:8px; }
.pink { color:#e10080; }
.green { color:#14542f; }

.text { color:#332401; }
#column_1, #column_2, #column_3, #column_1_and_2, #column_2_and_3, #full-width-column { position:absolute; top:60px; height:495px; border:0px solid #999; }
#full-width-column { left:235px; width:670px; }
.two_column #column_1 { left:235px; width:265px;  }
.two_column #column_2 { left:515px; width:265px; }
.three-column #column_1 { left:260px; width:230px; }
.three-column #column_2 { left:510px; width:230px; }
#column_3 { left:760px; width:230px; }
#column_3.big { height:710px; }
#column_1_and_2 { left:260px; width:480px; }
#column_2_and_3 { left:515px; width:480px; }
.content-scroll { height:455px; padding-right:10px; position:relative; border:0px solid #DDD; overflow-y:auto; overflow-x:hidden; }
#content-large .content-scroll { height:532px; }
#full-width-column .content-scroll { padding-right:10px; }

#flash-animation { position:absolute; top:0; left:210px; width:305px; height:550px; }
#ladder { position:absolute; top:0; left:30px; width:174px; height:551px; background:transparent url('/images/ladder-menu.jpg') no-repeat top left; color:#332401; } 
#ladder div, #three-signs-grass div { text-transform:uppercase; font-weight:bold; }
#ladder div { width:160px; line-height:25px; height:25px; font-size:13px;  }
#ladder div a, #three-signs-grass div a { display:block; height:25px; text-decoration:none; color:#332401; }
#ladder div a:hover, #three-signs-grass div a:hover { color:#000; }
#no_1 { position:absolute; top:112px; left:32px; }
#ladder div#no_2 { position:absolute; top:198px; left:22px; line-height:15px; height:30px;  }
#no_3 { position:absolute; top:292px; left:32px; }
#no_4 { position:absolute; top:340px; left:32px; }
#no_5 { position:absolute; top:408px; left:32px; }
#no_6 { position:absolute; top:454px; left:32px; }
#no_7 { position:absolute; top:502px; left:32px; }

#grass { position:absolute; bottom:0; left:0; width:1020px; height:48px; background:transparent url('/images/grass.png') repeat-x bottom left; }
#packs { position:absolute; top:32px; left:520px; width:500px; height:333px; background:transparent url('/images/packs.jpg') no-repeat top left;  }

#pack { position:relative; height:400px; overflow:hidden; border:0px solid #999; }
#content-large #pack { height:320px; }
.vege-pack { background:url('/images/herron-daily-vegetables.gif') no-repeat top center; }
.fruit-pack { background:url('/images/herron-daily-fruit-and-berries.gif') no-repeat 4px -4px;  }

#onlyoz { width:230px; height:213px; position:relative; }
#onlyoz a, #onlyoz a img { text-decoration: none; border: 0; }

#three-signs-grass { position:absolute; left:600px; top:417px; width:420px; height:183px; background:transparent url('/images/three-signs-grass.gif') no-repeat top left;  }
#three-signs-grass div { width:130px; font-size:13px; line-height:1.3em; height:75px; text-align:center; }
#left-sign { position:absolute; top:30px; left:15px; }
div#middle-sign { position:absolute; top:73px; left:148px; width:80px; height:55px; }
#right-sign { position:absolute; top:30px; left:235px; }
#three-signs-grass div a { padding-top:20px; color:#332401; }
#three-signs-grass #left-sign a, #three-signs-grass #right-sign a { height:75px; }
#three-signs-grass #middle-sign a { height:55px; }
#right-sign-grass { position:absolute; z-index:100; left:840px; top:443px; width:180px; height:157px; background:transparent url('/images/right-sign-2.gif') no-repeat top left; }
#content-large #right-sign-grass { top:520px; }
#right-sign-grass div a { color:#332401; }
#single-sign { position:absolute; top:32px; left:70px; padding-top:8px; width:100px; font-size:13px; line-height:1.1em; height:55px; text-align:center; text-transform:uppercase; font-weight:bold;  }
* html #single-sign a { height:55px; }
#single-sign a:hover { color:#000; }
#three-signs-grass div, #single-sign, #right-sign-grass div { color:#332401; }

#footer { position:absolute; top:600px; right:0; width:1020px; height:30px; line-height:30px; text-align:right; text-transform:uppercase; font-weight:bold; font-size:11px; }
#content-large #footer { top:677px; }
#footer a { color:#332401; text-decoration:none; margin:0 10px; }
#footer a:hover { color:#000; }

.gridview-table { }
.gridview-table td { padding:2px 0; font-size:75%; /* ~12px */ }

.footnote { position:absolute; bottom:10px; left:0; font-size:75%; }
.footnote2 {  font-size:75%; }

.video  { height:360px; background-color:#828387; color:#FFF; font-weight:bold; line-height:360px; text-align:center; }