/* some css borrowed from: http://www.nysforum.org/documents/html/css-9-21-05/twocolumn/fixed.html */
html, body { margin: 0; padding: 0; }
body { 
	padding: 20px; 
	padding-top:0px;
	text-align: center; 
	background-color: #FFFF99;
	font-family:"Comic Sans MS",Arial, Helvetica, sans-serif;
	font-size: medium;
	}
#container {
	position:relative;
	text-align: left;
	margin: 0 auto;
	width: 770px;
	padding:20px;
	background-color:none;
}		
#header {
	position:absolute;
	top:0px;
	left: 0px;
	width:770px;
	height:170px;
	border: 0px solid black;
	margin:0;
	padding:0;
	background-image:url(../../zaz/images/animal%20action%20logo%20background.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	text-align:right;
	z-index:10
}
#sidebar {
	position:absolute;
	top:170px;
	left: 0px;
	border:none;
	border-left: 0px solid #FFFF99;
	width: 200px;
	margin:0;
	padding:0;
	/*margin-left: 20px;
	margin-top: -20px;
	margin-bottom:-20px;*/
	float: left;
	display: inline; /* floats are handled as block elements, this is to fix 
					   a margin collapsing bug in IE */
	background-image:url(../../zaz/images/stem-menu.gif); 
	background-position:top left; 
	background-repeat:repeat-y;
	height:450px;
	z-index:0;
}
#content {
	position:absolute;
	top:150px;
	left: 195px;
	margin: 0px;
	border: 1px solid black;
	padding: 10px;
	background-color:#FFFFFF;
	z-index:2;
	height:475px;
	overflow:auto /*:visible*/;
	width: 550px;

}
#footer {
	position:absolute;
	top:620px;
	left:0;
	width:770px;
	height:120px;
	margin:0;
	padding: 0px;
	border: 0px solid black;
	text-align:center;
	background-color:none;
	background-image:url(../../zaz/images/grass.gif); 
	background-position:top left; 
	background-repeat:no-repeat;
	z-index:3;
}

#logos {
	position:absolute;
	top:30px;
	left:0;
	width:100%;
	height:80px;
	margin:0;
	padding: 0px;
	text-align:center;
}

td, th {
	color: #330033;
}

h1 {
	color: #009933;
	font-size:xx-large;
	margin:0;
	margin-bottom:5px;
}

h2, h4 {
	color: #990033;
}

h3, h5, h6 {
	color: #996666;
}
input, textarea {
	font-family:"Comic Sans MS",Arial, Helvetica, sans-serif;
	font-size:small;
	color: #9933CC;
}
a {
  color: #006666;
}
a:hover {
  color: #666600;
  text-decoration:none;
}

.centertext{
	text-align:center;
	}
ul li {
	list-style-image:url(../../zaz/images/ladybird-bullet.gif);
	}	

/*menu*/
div.menuitem {
	position:relative;
	margin:0;
	padding:0;
	left:0px;
	top:5px;
	height:60px;
	width:170px;
	background-image:url(../../zaz/images/leaf-menu.gif);
	background-position:15px 14px;
	background-repeat:no-repeat;
	float:left;
	overflow: hidden;
}

div.menuitem a {
	font-size:20px;
	font-weight:bold; 
	display:block;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	padding-top:15px;
	padding-bottom:0px;
	padding-left:20px;
}
div.menuitem a:link, div.menuitem a:active, div.menuitem a:visited  {
	color:#660000;
	text-decoration:none;
	text-align:left;
	padding-left:43px;
}

div.menuitem a:hover  {
	color:#CC0000;
	background-image:url(../../zaz/images/ladybird-menu.gif);
	background-position:0px 10px;
	background-repeat:no-repeat;
}
/* set current page */
body#homepage div.menuitem a.home, 
body#aboutpage div.menuitem a.about, 
body#charitypage div.menuitem a.charity, 
body#linkspage div.menuitem a.links, 
body#quizpage div.menuitem a.quiz, 
body#contactpage div.menuitem a.contact, 
body#moneypage div.menuitem a.money
{
	color:#CC0000;
	background-image:url(../../zaz/images/ladybird2-menu.gif);
	background-position:0px 20px;
	background-repeat:no-repeat;
}