html, body {
	height: 100%;
	margin: 0em;
}

.minwidth {
	min-width: 1024px;
}

/* IE can't cope with min-width, so we use a dirty border hack.
 * Even worse, IE can't handle a border of larger than about 960px
 * so we have to use two borders and two margins, to reach 1024px
 * totalling 4 wrapper DIV's just to fix IE6.
 */
* html .minwidth {
	border-left: 512px solid #fff;
	position: relative;
	float: left;
	z-index: 1;
}

* html .minwidth2 {
	margin-left:-512px;
	position:relative;
	float:left;
	z-index: 2;
}


body {
	/* margin: 0px 2px 0px 0px; */
	margin: 0em 0em 0em 0em;
	/* Default browser font size: 16px */
	/* 16*62.5%= 10px */
	/* font-size: 62.5%; */
	font-family: arial, sans-serif;
}

td {
	vertical-align: top;
	text-align: left;
}



.container {
	height: 100%;
}

.clear {
	clear: both;
}

/********************************************************/

.content {
	margin-left: 158px;
	padding-left: 8px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-color:#FFFFFF;
}

.content img {
	border: none;
}

.content-main-body {
	text-align:justify;
}

.content-main-right {
	float: right;
/*	width: 265px;*/
	margin-bottom: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	height: 100%;
}

.content-main-tplinks, .content-main-partners, .content-imagemap-right {
	width: 275px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	background-color: #CCCCCC;
}

.content-main-title {
	font-size: 1em; 
	font-family: arial, sans-serif; 
	font-weight: bold; 
	margin-bottom: 10px;
	padding-top: 10px;
}

.header {
	float: left;
	width: 100%;
	height: 91px;
	background-color: #caa8db;
	background-repeat: repeat-x;
}

#header-logo {
	position: absolute;
	left: 0px;
	border-style: none;
}

#header-main {
	position: absolute;
	left: 159px;
}

.nav {
	/* do not remove float: left */
	/*top:91px;*/ /*cannot have top - breaks minwidth */
	float: left;
	width: 158px;
	height: 600px;
	background: url('../images/nav.gif') no-repeat;
	padding-bottom: 10px;		
}

.nav-main {
	
}

.nav-main-body {
	
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 3px;
	text-align: right;
}
.nav-main-body a {
	text-decoration: none;
	color: Black;
}

.nav-main-body a:hover {
	text-decoration: underline;
	color: Black;
}

.nav-main-title {
	font-size: 1em;
	font-family: arial, sans-serif; 
	font-weight: bold;
	color: #ae32ac;
	margin-top: 20px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
}

.nav-main-style {
	font-size: 1em;
	font-family: arial, sans-serif; 
	font-weight: bold;
	text-align: center;
	color: #ae32ac;
	margin-left: 5px;
	margin-right: 5px;
}

/********************************************************/

a.res:link {
color:#000000;
text-decoration:underline;
text-align:center;
font-size:small;
}

a.res:hover {
color:#990066;
text-decoration:none;
text-align:center;
font-size:small;
}

a.res:visited {
color:#000000;
text-decoration:none;
text-align:center;
font-size:small;
}

a.resdescrip {
font-size:small;
text-align:justify;
}

.restitle {
color:#990099;
font-weight:bold;
}

.style2 {
  font-size: small
}
