/* --> Includes CSS****************************************************/

@import url(content.css);
@import url(menu_h.css);


/* --> General
****************************************************/

html {
	height: 100%;
	padding-bottom: 1px;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	font: normal 11px/17px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #4C4C4C;
	background-color: #d9f3fd;
}

table {
	font: normal 11px/17px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #4C4C4C;
}



/* --> page layout 
******************************************************************************/

#master-table {
	width: 100%;
	height: 100%;
}

#master-table td.cell-content {
	width: 780px;
	height: 100%;
	vertical-align: top;
	background: url(../../img/bg_cell_content.gif) repeat-y 0 0;
}

#master-table td.cell-left {
	width: 50%;
	height: 100%;
	background: url(../../img/bg_cell_left.gif) repeat-y top right;
}

#master-table td.cell-right {
	width: 50%;
	height: 100%;
	background: url(../../img/bg_cell_right.gif) repeat-y top left;
}

#master-container {
	margin: 0;
	padding: 0;
	width: 780px;
	position: relative;
}

#box-top {
	width: 780px;
	height: 143px;
	background-color: #728455;
}

.box-bar-top {
	width: 780px;
	height: 16px;
	background: url(../../img/bg_bar_top.gif) no-repeat 0 0;
}

.box-firstnavitem {
	width: 15px;
	height: 23px;
	position: absolute;
	left: 358px;
	top: 120px;
	z-index: 1000;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/img_nav_firstli.png", sizingMethod="crop");
}

html>body .box-firstnavitem {
	background: url(../../img/img_nav_firstli.png) no-repeat 0 0;
}





/* --> content
******************************************************************************/

#box-content-container {
	width: 780px;
	clear: both;
	float: none;
}

#box-content-container #box-left {
	width: 365px;
	float: left;
	background: url(../../img/bg_box_left.gif) no-repeat 0 0;
}

#box-content-container #box-right {
	width: 415px;
	float: left;
}

#box-content-container #box-right #pagetitle {
	margin: 10px 0 10px 20px;
	height: 30px;
}

#box-content-container #box-right #pagetitle h1 {
	margin: 0;
	padding: 3px 0 5px 30px;
	font: bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: url(../../img/bg_pagetitle.gif) no-repeat 0 0;
}

#box-content-container #box-right .box-content {
	margin: 0 20px 0 20px;
}



/* --> 8 block left & big photo
******************************************************************************/

#box-content-container .box-8block {
	margin: 10px 0 0 10px;
	height: 377px;
}

#box-content-container .box-8block .box-photoblock {
	margin: 0 3px 4px 0;
	float: left;
}

#box-content-container .box-bigphoto {
	margin: 0 0 10px 0;
	padding: 0;
	width: 358px;
	height: 377px;
}



/* --> nav left
******************************************************************************/

#box-content-container .box-navleft ul, #box-content-container .box-navleft ul li {
	margin: 0;
	padding: 0;
	font: normal 11px/10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
}

#box-content-container .box-navleft ul li {
	margin: 0 0 3px 20px;
	padding: 5px 0 6px 10px;
	background: url(../../img/bg_menuitem_left.gif) no-repeat 0 0;
}

#box-content-container .box-navleft ul li a {
	color: #4C4C4C;
	text-decoration: none;
	display: block;
}

#box-content-container .box-navleft ul li a:hover {
	color: #12B4F0;
}



/* --> nav top
******************************************************************************/

#box-nav {
	position: absolute;
	right: 0;
	top: 120px;
	z-index: 1000;
}