body {
	font			: 0.8em/1.5em Verdana,Helvetica,Arial,sans-serif;
	voice-family	: "\"}\"";
	voice-family	: inherit;
	font			: normal 80% Verdana,Helvetica,Arial,sans-serif;
	line-height		: 150%;
}

textarea {
	font-family		: Verdana,Helvetica,Arial,sans-serif;
}

* {
	padding			:0;
	margin			:0;
}


form {
	float			: left;
	font			: inherit;
	padding			: 0;
	margin			: 0;
	border			: none;
}

label {
	float			: left;
	width			: 12em;
}

label.cbox {
	float			: left;
	display			: block;
	margin			: 0;
	padding			: 0;
	border			: none;
	width			: 530px;
}
/*
label.cbox1 {
	float			: left;
	display			: block;
	margin			: 0;
	padding			: 0;
	border			: none;
	width			: 25%;
}
*/
label.cbox1 {
	float			: left;
	display			: block;
	margin			: 0;
	padding			: 0;
	border			: none;
	width			: 35%;
}

label.tall {
	float			: left;
	display			: block;
	margin			: 0;
	padding			: 0;
	border			: none;
	width			: 3em;
}

checkbox {
	float			: left;
	display			: block;
	font-weight		: normal;
	line-height		: 125%;
	margin			: 0;
	padding			: 0;
	border			: none;
}

.felement {
	font			: inherit;
	border			: 1px solid #bbc2bb;
	background-color: #fff;
	margin-bottom	: 5px;
}

.felement5em {
	font			: inherit;
	border			: 1px solid #bbc2bb;
	width			: 5em;
	background-color: #fff;
	margin-bottom	: 5px;
}

.felement7em {
	font			: inherit;
	border			: 1px solid #bbc2bb;
	width			: 7em;
	background-color: #fff;
	margin-bottom	: 5px;
}

.mandatory {
	border			: 1px solid #07b;
	background-color: #cdf;
}

.error {
	color			: red;
	font-size		: 90%;
}

label.mandatory {
	color			: #07b;
	background-color: #fff;
	border			: none;
}

.button {
	color			: #fff;
	background-color: #2a5198;
	border			: 1px solid #000;
	padding			: 0 5px;
	cursor			: pointer; /* NS6 */
	cursor			: hand;    /* IE >= 5.5 :: take care:first line NS6,second line IE >= 5.5, otherwise it doesn't work :: developer.netscape.com */
}

.buttonPale {
	color			: #fff;
	background-color: #9fbfef;
	border			: 1px solid #afafff;
	padding			: 0 5px;
	cursor			: pointer; /* NS6 */
	cursor			: hand;    /* IE >= 5.5 :: take care:first line NS6,second line IE >= 5.5, otherwise it doesn't work :: developer.netscape.com */
}

#contentForm {
	display			: none;
	border			: none;
	border-top		: 1px dashed #e9eff0;
}

#contentForm2 {
	display			: block;
	margin			: 10px 0 0 0;
	padding			: 5px 0;
	border			: none;
	border-top		: 1px dashed #e9eff0;
	border-bottom	: 1px dashed #e9eff0;
	width			: 408px;
}

fieldset {
	float			: left;
	margin			: 0 0 10px 0;
	padding			: 10px 0;
	width			: 600px;
	border			: none;
	border-top		: 1px solid #c6c6c6;
}

fieldset.container {
	float			: left;
	margin			: 0;
	padding			: 0;
	width			: 600px;
	border			: none;
}

div.cbox {
	float			: left;
	width			: 25px;
	padding			: 5px 0 0 0;
*	padding			: 2px 0 0 0;
	overflow		: hidden;
}

div.cbox1 {
	float			: left;
	width			: 20%;
	padding			: 5px 0 0 0;
*	padding			: 2px 0 0 0;
	overflow		: hidden;
}

div.cbox2label {
	float			: left;
	text-align		: center;
	width			: 15%;
	padding			: 5px 0 0 0;
*	padding			: 2px 0 0 0;
	margin			: 0 2px 2px 0;
	overflow		: hidden;
}

div.cbox2 {
	float			: left;
	text-align		: center;
	width			: 15%;
	height			: 2em;
	padding			: 10px 0 0 0;
*	padding			: 7px 0 0 0;
	margin			: 0 2px 2px 0;
	overflow		: hidden;
	background		: #fff;
}

fieldset legend {
	display			: block;
	margin			: 0;
	padding			: 0;
	border			: none;
}


#page {
	margin			:0 auto;
	width			:950px; }

#header {
	float			:left;
	width			:950px;
	height			:130px;
	background		:url(../sitepix/umfrage_headline.gif) no-repeat bottom left;
}

#topNav {
	float			:left;
	width			:950px;
	height			:34px;
	margin-bottom		:4px;
	background-image	:url(../sitepix/gfx_topNav_back.gif); }

#topNav ul {
	float			:right;
	list-style-type		:none; }

#topNav li {
	float			:left;
	line-height		:34px;
	margin-right		:20px; }

#topNav li a {
	font-size		: 90%;
	color			: #666;
	text-decoration		:none; }

#topNav li a:hover {
	color			:#161616; }

#topNav li a.current, #topNav li a.current:hover {
	color			:#033060;
	text-decoration: underline;
	}


#leftCol {
	float			:left;
	width			:235px;
	height			:900px;
	background-color	:#1b63a0;
	padding-left		:25px; }

#leftCol ul {
	float			:left;
	list-style-type		:none;
	list-style-image	: url(../sitepix/list_bullet.gif); }

#leftCol li {
	margin-bottom		:10px;
	}

#leftCol li.current {
	list-style-image	: url(../sitepix/list_bullet_current.gif);
}

#leftCol li a {
	color			:#fff;
	font-weight		:bold;
	text-decoration		:none;
	line-height		: 100%;
	padding-left		:5px; }

#leftCol li a:hover {
	text-decoration		:underline; }

#leftCol p {
	color			:#fff;
	font-size		: 90%; }

#rightCol {
	float			:left;
	width			:690px;
	background-image	:url(../sitepix/gfx_content_head.gif);
	background-repeat	:repeat-x;
}

#content {
	float			: right;
	position		: relative;
	width			: 610px;
	padding			: 10px 20px 10px 40px;
	margin			: 20px 0 20px 0;
	background-color: #f0f0f0;
	border			: 1px solid #c6c6c6;
	min-height		: 554px;
*	height			: auto;
}
div[class] #content {
	height			: auto;
}

#content h1 {
	font-size		: 150%;
	font-weight		: bold;
	line-height		: 150%;
	color			:#1b63a5;	
	padding			: 0.5em 0 0.75em 0;
}

#content h2 {
	font-size		: 100%;
	font-weight		: bold;
	text-transform  : uppercase;
	line-height		: 150%;
	color			:#1b63a5;
	padding			: 0.25em 0 0.5em 0;
}

#content h2.Area {
	font-size		: 125%;
	font-weight		: bold;
	line-height		: 150%;
	padding			: 0.25em 0 0.5em 0;
}

#content h3 {
	font-size		: 100%;
	font-weight		: bold;
	line-height		: 150%;
	color			: #003060;
	padding			: 0.25em 0 0.5em 0;
}

#content p, table {
	font-size		: 100%;
	text-align		: justify;
	padding			: 0 0 0.75em 0;
}

#content ul {
	font-size		: 100%;
	text-align		: justify;
	padding			: 0 0 1.0em 2.5em;
}

#content a {
	text-decoration		:none;
	color			:#1b63a0; }

#content a:hover {
	color			:#161616; }
	
#content p.center {
	font-size		: 100%;
	text-align		: center;
	padding			: 0 0 0.75em 0;
}	


/* help classes */
br.clr {
	clear			: both;
	display			: block;
	line-height		: 1%;
}

.Fright {
	float			:right; }

.Fleft {
	float			:left; }

.spacerA {
	float			:left;
	width			:16px;
	height			:20px; }

.spacerB {
	width			:16px;
	height			:20px; }

.spacerC {
	width			:16px;
	height			:100px; }
	
.spacerD {
	width			:16px;
	height			:100px; }
	
.spacerE {
	width			:16px;
	height			:50px; }	



hr {
	float				: left;
	display				: block;
	width				: 600px;
	border-top			: 1px solid #c6c6c6;
	border-bottom		: 1px solid #f0f0f0;
	border-left			: 1px solid #f0f0f0;
	border-right		: 1px solid #f0f0f0;
	margin				: 0;
	padding				: 0;
	background-color	: #f0f0f0;
	font-size			: 0%;
	line-height			: 0%;
}

hr.dashes {
	float				: left;
	width				: 550px;
	border-top			: 1px dashed #c6c6c6;
	margin				: 10px 0 5px 0;
}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
top: -480px;
left: -480px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -480px;
left: -480px; /*position where enlarged image should offset horizontally */
}










