@charset "utf-8";
/* Stylesheet File													*/
/* style.css 														*/
/* Modified June 14th 2010								 			*/
/* http://www.heder.nu/		 									    */

/* reset browser style */

div, dl, dt, dd, iframe {
	margin: 0;
	padding: 0;
}
a:focus, object:focus {
	outline: none;
}
iframe, img {
	border: none;
}

/* fundamental style */

html {
	height: 100%; /* needed to get the 100% height of content */
}
body {
	height: 100%;
	background: #544842 url(../images/background_canvas.png) repeat left top;
	margin: 0;
	padding: 0;
}

/* canvas style */

.canvas {
	width: 1004px;
	margin: 0 auto;
	height: auto !important;
	background: transparent url(../images/background_body.png) repeat-y center top;
	position: relative;
	min-height: 100%;
	height: 100%;
}
.canvas div.head {
	width: 984px;
	height: 274px;
	margin: 0 auto;
	background: #928984 url(../images/background_head.png) repeat-x center bottom;
	position: relative;
	z-index: 2;
}
.canvas div.body {
	width: 984px;
	margin: 0 auto;
	padding: 10px 0;
	padding-bottom: 100px;
	position: relative;
	z-index: 0;
}
.canvas div.foot {
	width: 984px;
	margin: 0 auto;
	padding: 16px 0px;
	padding-bottom: 24px;
	background: #dad8d7 url(../images/background_foot.png) repeat-x center top;
	position: absolute;
	z-index: 1;
	left: 10px;
	bottom: 0;
}

/* content style */

.content {
	width: 984px;
	margin: 0 auto;
	padding-bottom: 12px;
	position: relative;
	overflow: hidden;
}
.content .box {
	width: auto;
	margin: 0 24px;
	position: relative;
	display: inline;
	float: left;
}
.content .box.single {
	width: 192px;
}
.content .box.double {
	width: 490px;
	margin: 0 7px;
	padding-top: 10px;
}
.content .box.triple {
	width: 713px;
	margin-left: 7px;
	padding-top: 10px;
}
.content .box.quadruple {
	width: 936px;
	padding-top: 10px;
}
.content .box.single:last-child {
	padding-top: 20px;
}

/* column style */

.column {
	width: 490px;
	padding-bottom: 14px;
	overflow: hidden;
}
.column .one {
	width: 238px;
	display: inline;
	float: left;
}
.column .two {
	width: 238px;
	display: inline;
	float: right;
}

/* logo style */

.logo {
	z-index: 2;
	position: absolute;
	left: 40px;
	top: 0;
}

/* panic style */

.panic {
	z-index: 3;
	position: absolute;
	right: -36px;
	top: 124px;
}

/* address style */

address {
	width: auto;
	text-align: center;
	font-style: normal;
	line-height: 21px;
	font-size: 13px;
}
address:first-line {
	line-height: 25px;
	font-size: 16px;
}
address a {
	text-decoration: underline;
	color: #303030;
}
address a:hover {
	text-decoration: none;
	color: #303030;
}

/* pagemenu style */

.pagemenu {
	width: auto;
	padding-bottom: 6px;
	background: transparent url(../images/divider_dotted.png) repeat-x left bottom;
	margin: 0;
}
.pagemenu li {
	padding: 0;
	margin: 18px 0;
	list-style: none;
	text-align: left;
	display: block;
}
.pagemenu li a {
	width: auto;
	text-decoration: none;
	line-height: 19px;
	font-size: 16px;
	color: #303030;
}
.pagemenu li a:hover {
	text-decoration: none;
	color: #686868;
}
.pagemenu li.active a, .pagemenu li.open a {
	color: #4d7143;
}
* html .pagemenu li a { /* be nice to Internet Explorer 6.0 */
	height: 18px;
}

/* pagemenu level1 style */

.pagemenu ul.level1 {
	width: auto;
	padding: 0;
	margin: 0;
	background: none;
}
.pagemenu ul.level1 li {
	padding: 0;
	margin: 8px 2px;
	display: block;
}
.pagemenu ul.level1 li a {
	width: auto;
	padding-left: 10px;
	background: transparent url(../images/pagemenu_dots.png) no-repeat left 0px;
	line-height: 17px;
	font-size: 14px;
	display: block;
	color: #303030;
}
.pagemenu ul.level1 li a:hover {
	background-position: left -52px;
	color: #686868;
}
.pagemenu ul.level1 li.active a, .pagemenu ul.level1 li.open a {
	background-position: left -106px;
	color: #4d7143;
}

/* pagemenu level2 style */

.pagemenu ul.level1 ul.level2 {
	width: auto;
	margin: 0;
	padding: 0;
	padding-top: 3px;
}
.pagemenu ul.level1 ul.level2 li {
	padding: 0;
	margin: 4px 0px;
	margin-left: 10px;
	display: block;
}
.pagemenu ul.level1 ul.level2 li a {
	width: auto;
	padding-left: 12px;
	background: transparent url(../images/pagemenu_subdots.png) no-repeat 2px 0px;
	font-style: italic;
	line-height: 15px;
	font-size: 12px;
	display: block;
	color: #686868;
}
.pagemenu ul.level1 ul.level2 li a:hover {
	background-position: 2px -52px;
	color: #303030;
}
.pagemenu ul.level1 ul.level2 li.active a, .pagemenu ul.level1 ul.level2 li.open a {
	background-position: 2px -106px;
	color: #4d7143;
}

/* submenu style */

.submenu {
	width: auto;
	padding-top: 6px;
	padding-bottom: 10px;
	margin: 0;
}
.submenu li {
	padding: 0;
	margin: 12px 0;
	list-style: none;
	text-align: left;
	display: block;
}
.submenu li a {
	width: auto;
	text-decoration: none;
	font-size: 14px;
	color: #303030;
}
.submenu li a:hover {
	text-decoration: none;
	color: #686868;
}
.submenu li.active a {
	text-decoration: none;
	color: #4d7143;
}
* html .submenu li a { /* be nice to Internet Explorer 6.0 */
	height: 18px;
}

/* anchor style */

div.anchor {
	height: 0;
	line-height: 0;
	font-size: 0;
}
a.anchor {
	width: 25px;
	height: 20px;
	background: transparent url(../images/background_anchor.png) no-repeat left top;
	text-indent: -2000px;
	position: absolute;
	cursor: pointer;
	right: 12px;
	z-index: 2;
	top: 0px;
}
a.anchor:hover {
	background-position: left bottom;
}
