#column-a {
	width: 364px;
	float: left;
	margin-left: 25px;
}

#column-b {
	width: 322px;
	float: left;
	margin-left: 25px;
	margin-bottom: 25px;
}





.nav-home {
	width: 170px;
	margin: 20px 0px 0px 0px;
	padding-bottom: 0px;
}



.homeTileContainer .leftBox {
	float: left;
	clear: left;
}

.homeTileContainer .rightBox {
	float: right;
}



.nav-home p {
	padding-left: 10px;
	padding-right: 10px;
}

.nav-home img {
	padding: 0px 0px 10px 0px;
}





#home-sidebar {
	width: 322px;
	float: right;
	margin-bottom: 25px;
}

#home-sidebar p, #home-sidebar form {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}

#home-sidebar p {
	margin-bottom: 0px;
}

#home-sidebar img {
	padding: 0px 0px 4px 0px;
}





#wildlifeLogo {
	width: 176px;
	background-image: url('images/curve-bottom.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0px;
	float: right;
}

#wildlifeLogo p {
	background-image: url('images/curve-top.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}

#wildlifeLogo img {
	margin: 0px 10px 0px 10px;
	padding: 10px 0px 10px 0px;
}

/* ----- standard menubar styles ----- */
div.menubar {   
	overflow: auto;		/* MACs need this - without it, in safari the menu bg collapses, and in IE5 content migrates out of the container! */	
	width: 100%;
	color: #747474;
	background-color:#FFF;
	background-image: url(images/bg_menubar_bar.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #DADADA;
}
.menubar ul li 
{
	float: left;
	display: block;
	padding-right: 15px;
	border-right: 1px solid #CACACA;
	list-style: none;

}
.menubar ul 
{
	display: inline; 
	margin: 0px;
}
.menubar a:link, .menubar a:active, .menubar a:visited 
{
	color: #747474;
	text-decoration: none;
	/*whitespace: nowrap; these invalidate the css and I don't think they do anything anyways - pats */
}
.menubar a:hover 	 	/* default hover style for menubar links - eg: footer nav gets this as has no more specific style applied  */
{
	color: #377FBD;
	text-decoration:underline;
}


/* ----- specific menubar styles ----- */
/* ----- top menubar ----- */
div#nav-site-supplementary 
{
	position: absolute;
	top: 18px;
	z-index: 20;
	width: 505px;
	background-color: transparent;
	background-image: none;
	border-width: 0px;		/* remove bottom border (from menubar class) */
	margin-left: 265px;
}
#nav-site-supplementary li 
{
	white-space: nowrap;
	padding: 0px 5px 0px 5px;
	margin: 2px 0px;
	vertical-align: middle;
}
#nav-site-supplementary li a 
{
	display: block;
	background-image: url(images/circle-right.gif);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 15px;
}


/* ----- HACKS -------------------------------------------------------------- */
* html div#column-a
{
	margin-left: 12px;   	/* for IE5.x/win */
	mar\gin-left: 12px;  	/* for other IE versions */
}
