body 
{
	background-color: #ffffff; 
	margin: 0; 
	background-image: url('images/footer.gif') ; 
}
#headerContainer
{
	position: relative;
	width: 100%;
	top: 0px;
	height: 50px;
	background: url('images/header-left.gif') top center repeat-x;
}
#header
{
	width: 960px;
	height: 50px;
	margin-right: auto; 
	margin-left: auto;
	color: #DDDDDD;
	background-image: url('images/balk-top3.jpg');
	/*background-image: url('images/header test.png');*/
}
#headerLogo
{
	position: relative;
	float: left;
	padding-top: 2px;
}
#headerMenu
{
	position: relative;
	float: right;
	width: 800px;
	margin: 0px;
	font-size: 18px;
}

#titleContainer
{
	position: absolute;
	top: 50px;
	background-color: #F0F0F0;
	height: 100px;
	width: 100%;
}
#title
{
	height: 100px;
	width: 960px;
	margin-right: auto; 
	margin-left: auto; 
}
#pageTitle
{
	position: relative;
	float: left;
	margin-top: 28px;
	vertical-align: middle;
	color: #882222;
	font-size: 32px;
	font-weight: bold;
}
#pageMenu
{
	position: relative;
	float: right;
	height: 100px;
	color: #666666;
	font-size: 18px;
	margin-top: 35px;
}
#pageContainer
{
	position: relative;
	float: left;
	margin-top: 100px;
	width: 100%;
	background-color: #FFFFFF;
	z-index: 0;
}
#page
{
	position: relative;
	width: 960px;
	margin-right: auto; 
	margin-left: auto; 
	z-index: 0;
}
#page h1
{
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	color: #005599;
	margin-bottom: 10px;
}

#pageContent
{
	position: relative;
	float: left;
	width: 740px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#pageContent input, #pageContent textarea{
	border: 1px solid #005599;
	background-color: #FFFFFF;
}

#pageSide
{
	position: relative;
	float: right;
	width: 200px;
	background-color: #FFFFFF;
	min-height: 340px;
	border-left: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	color: #666666;
}
#pageSide input
{
	border: 1px solid #005599;
	background-color: #FFFFFF;
	margin-bottom: 12px;
}
#pageSide .submitButton
{
	margin:0px;
}
#page  a:link		{ text-decoration: none; color: #005599;}
#page  a:visited 		{ text-decoration: none; color: #005599;}
#page  a:hover		{ text-decoration: underline; color: #005599;}

#footerContainer
{
	position: relative;
	float: left;
	width: 100%;
}
#footer
{
	position: relative;
	width: 960px;
	margin-right: auto; 
	margin-left: auto;
}
#footerLogo
{
	position: relative;
	text-align: center;
	float: right;
	width: 120px;
	margin: 10px;
}
#footerMenu
{
	position: relative;
	float:left;
	width: 780px;
	margin-top: 10px;
	color: #666666;
}
#footerMenu ul { list-style: none; margin: 0px; padding: 0px; margin-top: 16px;}
#footerMenu ul li {}
#footerMenu ul li a:link	{ color: #666666; text-decoration: none;}
#footerMenu ul li a:visited	{ color: #666666; text-decoration: none;}
#footerMenu ul li a:hover	{ color: #333333; text-decoration: none;}

#credits
{
	position: relative;
	float: left;
	width: 960px;
	text-align: center;
	font-size: 11pt;
	color: #666666;
}

.footerMenuDiv
{
	position: relative;
	float: left;
	width: 150px;
}

.pageMenuItem	{	padding-left: 30px;}
.pageMenuItem a:link		{	color: #666666; text-decoration: none;}
.pageMenuItem a:visited	{	color: #666666; text-decoration: none;}
.pageMenuItem a:hover	{	color: #666666; text-decoration: underline;}
.pageMenuItemActive	{	padding-left: 30px;}
.pageMenuItemActive a:link		{	color: #666666; text-decoration: none; font-weight: bold;}
.pageMenuItemActive a:visited	{	color: #666666; text-decoration: none; font-weight: bold;}
.pageMenuItemActive a:hover		{	color: #666666; text-decoration: underline; font-weight: bold;}

/* images */
.magnifier
{
	position: absolute;
	cursor: pointer;
	right: 10px;
	bottom: 10px;
	width: 32px;
	height: 32px;
	z-index: 10;
	background-image: url('images/zoom.png');
}

.txtBox
{
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.imgBox
{
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.pageLeftBox{
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 10px;
}

.imgBoxItem{
	display: inline;
	position: relative;
	border: 1px solid #999999;
	padding: 2px;
	margin: 2px;
	text-align: center;
	max-height: 120px;
	max-width: 200px;
}

.imgBoxItem:hover{
	border: 1px solid #666666;
	cursor: pointer;
}

#imgPopupClose{
	position: absolute;
	right: 5px;
	top: 5px;
	border: 0px;
}

#imgBlanket {
	background-color:#111;
	position:fixed;
	z-index: 9000;
	top:0px;
	left:0px;
	width:100%;
	opacity: 0.65;
	filter:alpha(opacity=65);
	display: none;
}

#imgPopup{
	position:fixed;
	background-color:#eeeeee;
	border: 1px solid #FF0000;
	width:300px;
	height:300px;
	z-index: 9002;
	display: none;
	overflow: hidden;
}