/*this is for the horizontal menu */
div#navigation ul.menu
{
	height: 1.6em;
	margin-bottom: 5px;
}

div#navigation ul.menu li
{
	display: inline;
}

div#navigation ul.menu li.parent
{
	background-color: #116666;
}

div#navigation ul.menu li a
{
  text-transform: lowercase;
	display: block;
	float: left;
	padding: 2px 3px;
	border-right-width: 1px; 
}
div#navigation ul.menu li.last a
{
	border:0; 
	padding: 2px 8px 2px 7px;
}

/* sub menus */
div#navigation ul.menu
{
  margin-bottom: 22px;
  border-bottom: 5px solid #fff;
}
div#navigation ul.menu ul.menu
{
  background: #3A7227;
  font-weight: normal;
  height: 22px;
  margin-top: 20px;
  position: absolute;
  width: 746px;
  left: 50%;
  margin-left: -379px;
  clear: both;
}

div#navigation ul.menu ul.menu li,
div#navigation ul.menu ul.menu li a
{
	display: block;
	float: left;
}


/* this little bit clears the pages, etc... */
div#content div.gallery div,
div#copy div.numresults,
div#copy div.pages
{
	clear: both;
}

/* this little bit here cuts the overflow of the menu, and gives the illusion that the page area still has the white padding... */
div#page
{
	/* TODO: come up with a different solution to overflow: hidden
	   this causes issues when using anchors ??? 
	   pity, it's so elegant... */
	overflow: hidden;
}





/* and some ie6 only stuff... */
body.ie6 div#navigation ul.menu li,
body.ie6 div#navigation ul.menu a
{
float: left;
display: block;
width: auto !important;
}
body.ie6 div#navigation ul.menu
{
  z-index: 105;
}
body.ie6 div#navigation ul.menu ul.menu
{
  z-index: 110;
}
body.ie6 div#navigation ul.menu ul.menu
{
  margin-top: 0;
}


body.ie.ie6 div#navigation ul
{
background: none !important;
color: #000 !important;
}
body.ie.ie6 div#navigation ul.menu ul.menu
{
  background-color: #3A7227 !important;
}

body div#navigation li.fakesubmenu a
{
border: 0 !important;
width: 1px !important;
overflow: hidden !important;
display: block !important;
}
div#navigation li.fakesubmenu ul li
{
display: none !important;
}

body.ie.ie6 div#navigation li.fakesubmenu
{
display: inline !important;
}

body.ie.ie6 div#navigation li.fakesubmenu *,
body.ie.ie6 div#navigation li.fakesubmenu a:hover
{
background: #154212 !important;
background-color: #154212 !important;
}

body.ie.ie6 div#navigation li.fakesubmenu ul a
{
display: block;
}