body
{
font: 75%/1.5 verdana,geneva,sans-serif;
/*font: 9pt trebuchet,arial,helvetica,geneva,sans-serif;*/
background: #fff url(../images/bgsquares.gif);
text-align: center;
padding: 0;
margin: 0.5em;
}

form
{
display:inline;
}

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

big
{
font-weight:bold; 
}
h1,h2,h3,h4,h5,h6
{
color: #08b;
letter-spacing: 0.1em;
margin: 0.25em 1.25em;
display: block;
padding: 0px;
}

h1.alt,h2.alt,h3.alt,h4.alt,h5.alt,h6.alt
{
font-family: "Arial Black",Arial,trebuchet,sans-serif;
color: #08b;
letter-spacing: 0.1em;
display: inline;
padding: 0px;
margin: 0px;
font-weight: normal;
}

h1.alt2,h2.alt2,h3.alt2,h4.alt2,h5.alt2,h6.alt2
{
color: #820;
letter-spacing: 0.1em;
margin: 0.25em 1.25em;
display: block;
padding: 0px;
}

h1.alt3,h2.alt3,h3.alt3,h4.alt3,h5.alt3,h6.alt3
{
font-family: trebuchet,sans-serif;
color: #820;
letter-spacing: 0.1em;
display: inline;
padding: 0px;
margin: 0px;
font-weight: normal;
}

h1.alt4,h2.alt4,h3.alt4,h4.alt4,h5.alt4,h6.alt4
{
font-family: "Arial Black",Arial,trebuchet,sans-serif;
color: #820;
letter-spacing: 0.1em;
display: inline;
padding: 0px;
margin: 0px;
font-weight: normal;
}

img.logo
{
vertical-align: middle;
padding: 2px;
}

#headleft
{
float: left;
clear: left;
width: 70%;
}

#headright
{
float: right;
clear: right;
width: 30%;
text-align: right;
margin: 10px 0px 0px 0px;
}

#header
{
width: 100%;
background: #fff url(../images/header1.gif);
}

#container
{
width: 98%;
background: #ddd;
text-align: left;
border: 1px solid #08b;
margin: 0 auto;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF', gradientType='0');
}

#footer
{
width: 98%em;
background: #fff;
text-align: left;
border-top: 1px solid #08b;
margin: 0 auto;
}

p
{
margin: 1em 2em;
}

p.main
{
font-family: georgia,times, serif;
text-align: justify;
line-height : 1.5em;
color: #333;
letter-spacing: 1px;
}

p.instruction
{
font-family: verdana;
text-align: justify;
line-height : 1.5em;
color: #333;
letter-spacing: 1px;
}

#questionnaire
{
margin: 0.25em 1.25em;
}
#nav, #nav ul 
{
float: left;
width: 62em;
list-style: none;
line-height: 1;
background: white;
padding: 0;
border: solid #08b;
border-width: 1px 0;
margin: 0 0 .5em 0;
}

#nav, #nav ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	background-color: #fff;
	font-weight: bold;
	padding: 0;
	border: solid #08b;
	border-width: 3px 0;
	margin: 0 0 1em 0;
}

#nav a {
	display: block;
	width: 14em;
	w\idth: 10em;
	color: #820;
	text-decoration: none;
	letter-spacing: 0.1em;
	padding: 0.25em 1em;
}

#nav li {
	float: left;
	padding: 0;
	width: 14em;
	border-right: solid #ddf 5px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 21em;
	w\idth: 21em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 20em;
	border-bottom: solid #ddf 1px;
	border-right: none;
}
#nav li li.bottom {
border-bottom: solid #08b 1px;
}

#nav li ul a {
	width: 21em;
	w\idth: 21em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	color: #fff;
	background-color: #08b;
}

#content {
	clear: left;
	text-align: center;
}

#content2 {
	width: 800px;
	text-align: center;
}

#center
{
text-align: center;
}

#smalltext
{
	font-size: x-small;
}

#smalltextcenter
{
	font-size: x-small;
	text-align: center;
}

#footertextcenter
{
	color: #820;
	font-size: x-small;
	text-align: center;
	letter-spacing: 1px;
}

#footertextcenter2
{
	color: #666;
	font-size: x-small;
	text-align: center;
	letter-spacing: 1px;
	font-weight: bold;
}

a.footerlink,
a.footerlink:link,
a.footerlink:visited,
a.footerlink:active	
{
color:	#820;
font-weight: bold;
text-decoration: none;
padding-bottom: 1px;
background: transparent;
border-bottom: 1px solid #820;
}

a.footerlink:hover
{
color:	#08b;
border-bottom: 3px double #08b;
}

a.mainlink,
a.mainlink:link,
a.mainlink:visited,
a.mainlink:active	
{
color:	#08b;
font-weight: bold;
}

a.mainlink:hover
{
color:	#820;
}


#tablelist
{
border: 0px solid transparent;
margin:0px;
padding:0px;
text-align: left;
}

#tablelist
{
border: 0px solid transparent;
margin:0px;
padding:0px;
text-align: left;
}

#tablelist th
{
border: 1px solid #ccc;
background-color: #ddd;
color: #820;
text-align: left;
padding-left: 10px;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 10px;
}

#tablelist th.alt
{
font-size: x-small;
border: 1px solid #ccc;
background-color: transparent;
color: #820;
text-align: right;
padding-left: 10px;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 10px;
}

#tablelist th.thright
{
text-align: right;
}

#tablelist th.thcenter
{
text-align: center;
}

#tablelist td
{
border: 1px solid #bbb;
padding-left: 10px;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 10px;
}

#tablelist td.alt
{
font-weight: bold;
border: 1px solid #bbb;
color: #333;
text-align: right;
padding-left: 2px;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 4px;
}

#tablelist td.altro
{
border: 1px solid #bbb;
color: #666;
text-align: right;
padding-left: 2px;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 4px;
}


#tablelist td.td2
{
padding-left: 7px;
}

#tablelist td.td2r
{
text-align: right;
padding-left: 7px;
}

#tablelist td.td3
{
padding: 0px;
margin: 0px;
border: 0px;
}

tr.ruled
{
color: #000;
background-color:  #8CF;
}
tr.ruled2
{
color: #000;
background-color: #ff9;
}

.trline1
{
background-color: #fff;
}

.trline2
{
background-color: #eee;
}

td.logon
{
text-align: left;
color: #820;
font-weight: bold;
}

td.logon2
{
text-align: left;
color: #08b;
font-weight: bold;
}

td.tdcenter
{
text-align: center;
}

.button
{
font-weight: bold;
width: 130px;
padding: 1px 1px 0 0;
letter-spacing: 1px;
word-spacing: 1px;
background-color: #08b;
color: #fff;
cursor: pointer;
}
.hovered
{
font-weight: bold;
width: 130px;
padding: 1px 1px 0 0;
letter-spacing: 1px;
word-spacing: 1px;
background-color: #820;
color: #fff;
cursor: pointer;
}

.button2
{
font-weight: bold;
width: 90%;
padding: 1px 1px 0 0;
letter-spacing: 1px;
word-spacing: 1px;
background-color: #08b;
color: #fff;
cursor: pointer;
}
.hovered2
{
font-weight: bold;
width: 90%;
padding: 1px 1px 0 0;
letter-spacing: 1px;
word-spacing: 1px;
background-color: #820;
color: #fff;
cursor: pointer;
}

.button3
{
font-size:x-small;
font-family: Arial, Helvetica, sans-serif;
width: 50px;
padding: 1px 1px 0 0;
margin: 0 0 3px 0;
letter-spacing: 1px;
word-spacing: 1px;
background-color: #ccc;
color: #000;
cursor: pointer;
}

.hovered3
{
font-size:x-small;
font-family: Arial, Helvetica, sans-serif;
width: 50px;
padding: 1px 1px 0 0;
margin: 0 0 3px 0;
letter-spacing: 1px;
word-spacing: 1px;
background-color: #666;
color: #fff;
cursor: pointer;
}


img.para
{
float: left;
clear: left;
margin: 0 1em 0 2em;
border: 0px solid transparent;
}

img.para2
{
float: right;
clear: right;
margin: 0 1em 0 2em;
border: 0px solid transparent;
}

.inptext
{
color: #000;
font-weight: bold;
background-color: #eee;
border: 2px solid #666;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#dddddd, endColorstr=#ffffff, gradientType=1);
}

.formerror
{
color: #f00;
font-style: italic;
}
.formerror2
{
font-family: arial;
color: #f00;
font-style: italic;
}
.formerror3
{
font-family: arial;
color: #f00;
}


img.progress
{
margin:0; 
display:inline; 
border:0; 
padding:0;
height: 25px;
}

.progress
{
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}

.progress.bar
{
background-color: #fff;
padding-top: 5px;
}

#help
{
font-family: Arial, Helvetica, sans-serif;
font-size: small;
text-align: left;
}


.innovo
{
color: #006;
}
.quest
{
color: #08b;
}