html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
}
#container {
	height: 100%; /* IE */
	min-height: 100%;
}
html>body #container {
	height: auto; /* Standard */	
}


#container {
	background: #bdb49f url("../_gfx/container-bg.png") repeat-x;
	color: black;
	font-size: 12px;
}

/* We use this as top margin to fix odd margin bug(?) in Gecko */
.jump-to-nav {
	visibility: hidden;
	height: 30px;
	margin: 0;
}

#content {
	position: relative;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	background: white url("../_gfx/header-bg.png") no-repeat;
	height: 125px;
	padding: 40px 40px 0 0;
}
#header #logo {
	text-align: right;
}
#header #logo img {
}

#page {
	margin-top: 25px;
	background: transparent url("../_gfx/body-bg.png") repeat-y;
	min-height: 470px;
	height: 470px;
}
html>body #page {
	height: auto;
}

#maincontent {
	background: transparent url("../_gfx/body-top.png") no-repeat;
	padding: 35px 50px 20px 50px;
}
#maincontent-head h1 {
	margin-top: 0;
}
#maincontent-body {
}
#maincontent .clearer {
	clear: both;
}

#maincontent h1 {
	font-size: 200%;
}
#maincontent h2 {
	font-size: 150%;
}

#footer {
	min-height: 30px;
	background: transparent url("../_gfx/body-bottom.png") no-repeat;
	padding: 15px 35px;
	text-align: center;
	color: #666;
}
#footer a,
#footer strong {
	color: #555;
	font-weight: bold;
}
#footer-info {
	float: left;
}
#footer-valid {
	float: right;
}

#navigation {
	position: absolute;
	top: 150px;
	background: white url("../_gfx/menu-bg.png") no-repeat 0 50%;
}
#navigation h1 {
	display: none;
}
#navigation h2 {
	display: none;
}
#mainmenu {
	padding: 0px 20px;
	height: 30px;
	margin: 5px 0;
}
#mainmenu em {
	font-style: normal;
}
#mainmenu ul {
	margin: 0;
	padding: 0;
}
#mainmenu ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	text-transform: uppercase; 
	width: 150px;
}
#mainmenu ul li a {
	display: block;
	text-align: center;
	padding-top: 8px;
	height: 22px;
	color: black;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	font-family: verdana, arial, sans-serif;
}
#mainmenu ul li a.current,
#mainmenu ul li a:hover {
	background: #ddd url("../_gfx/menu-button-current.png") no-repeat;
}
#mainmenu ul li.first a.current,
#mainmenu ul li.first a:hover {
	background-image: url("../_gfx/menu-button-current-first.png");
}
#mainmenu ul li.last a.current,
#mainmenu ul li.last a:hover {
	background-image: url("../_gfx/menu-button-current-last.png");
}


#localmenu {
	width: 236px;
	background: #eee url("../_gfx/box-200-bg2.png") repeat-y;
}
#localmenu h1 {
	display: none;
}
#localmenu p {
	background: transparent url("../_gfx/box-200-top2.png") no-repeat left top;
	padding: 28px 28px 0 28px;
	margin: 0;
}
#localmenu p a {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 2px solid #666;
	color: black;
}
#localmenu ul {
	background: transparent url("../_gfx/box-200-bottom2.png") no-repeat left bottom;
	padding: 0 28px 28px 28px;
	list-style: none;
	margin: 0;
}
#localmenu ul li {
	margin: 5px 0;
}
#localmenu ul li a {
	color: black;
}

hr.hide {
	display: none;	
}

.photo200 {
	background: transparent url("../_gfx/imgbox-200x143.png") no-repeat;
	padding: 18px;
}
.photo200x350 {
	background: transparent url("../_gfx/imgbox-200x350.png") no-repeat;
	padding: 18px;
}


a img {
	border: none;
}