a
{
color: #B5A642;
text-decoration: none;
font-weight: bolder;
}
a:hover
{
color: #D98719;
}

body 
{ 
background-color: #DDDDDD;
background-image: url(bg.jpg); 
background-repeat: repeat; 
color: #000000;
font-family:"Arial" ; 
font-style:normal ; 
font-size:12px ; 
font-weight:normal ;
}

#survey
{
position: relative;
padding: 20px;
width: 800px;
margin: 20px auto;
background-color: #EEEEEE;
border-width: 1px;
border-color: #000000;
border-style: solid;
overflow: auto;
}

#container
{
/* 
   width: 95%;  
   margin: 20px auto;
   background-color: #EEEEEE;
*/
margin-top: 20px; 
margin-bottom: 20px; 
margin-left: 10px;
margin-right: 10px;
padding: 20px;
position: relative;
background-color: #EEEEEE;
/* background-color: rgba(255,255,255,0.75); */
border-width: 1px;
border-color: #000000;
border-style: solid;
}

#header,
#footer,
#banner
{
font-weight:bolder ;
}

#header,
#footer
{
background-color: #000000;
color: #FFFFFF;
font-size:12px ; 
text-align:center;
padding-top: 5px;
padding-bottom: 5px;
margin-left:  -20px;
margin-right: -20px;
}

#header
{
margin-top:   -20px;
margin-bottom: 10px;
}

#footer
{
margin-bottom: -20px;
margin-top:     20px;
}
#banner
{
color: #000000;
font-size:20px ; 
margin-bottom: 10px; 
}

.break {
margin-left:  -20px;
margin-bottom: 20px;
margin-top:    21px;
border-top: 5px #000099 solid;
}

.pallet {
background-color: #FFFFFF;
border: 1px #000000 solid;
margin-bottom: -1px;
}

.ptitle,
.stitle
{
padding-left:  10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
color: #000000;
font-size:12px ; 
font-weight:bolder ; 
background-color: #DDDDDD; 
border: 1px #000000 solid;
}

.ptitle
{
margin-bottom: -1px;
}

.stitle
{
margin-bottom: 20px;
}

.clear
{
clear: both;
font-size: 0px;
height: 0px;
}

div.space
{ 
height:21px ;
font-size: 0px;
}

div.vspace
{ 
height:60px ;
font-size: 0px;
}

.text2a,
.text2b,
.text3a,
.text3b,
.text3c
{
float:left;
margin-right: -1px;
padding: 10px;
}
.text2a,
.text3a,
.text3b
{
border-right: 1px #000000 solid;
}
.text2b,
.text3b,
.text3c
{
border-left: 1px #000000 solid;
}

.text2a { width: 30%; }
.text2b { width: 60%; }
.text3a { width: 20%; }
.text3b { width: 35%; }
.text3c { width: 35%; }

.title1,
.title2,
.title3
{
margin-bottom: 20px;
font-size:20px ;
font-weight:bolder ;
}
.title1 
{
color: #000099;
}
.title2 {
color: #990000;
}
.title3 {
color: #009900;
}

/* 
##########
vnav
##########
*/

#vbox1,
#vbox2,
#vbox3
{
padding-left: 20px;
padding-top:  20px;
margin-left:  -1px;
}

#vbox1 {
float: left;
width: 85%;
border-left: 5px #000099 solid;
border-top:  5px #000099 solid;
}

#vbox2 {
float: left;
width: 84%;
border-left: 5px #990000 solid;
border-top:  5px #990000 solid;
}

#vbox3 {
float: left;
width: 83%;
border-left: 5px #009900 solid;
border-top:  5px #009900 solid;
}

#vnav1,
#vnav2,
#vnav3
{
float: left;
width: 80px;
/* margin-left: -1px; */
}

div.vnav1a,
div.vnav1b,
div.vnav1b:hover,
div.vnav2a,
div.vnav2b,
div.vnav2b:hover,
div.vnav3a,
div.vnav3b,
div.vnav3b:hover
{ 
text-align: left; 
padding: 5px; 
text-decoration:none ; 
font-size:12px ; 
font-weight:bolder ;
margin-bottom: -1px; 
}

div.vnav1a,
div.vnav1b,
div.vnav1b:hover
{
border: 1px #000099 solid;
}

div.vnav2a,
div.vnav2b,
div.vnav2b:hover
{
border: 1px #990000 solid;
}

div.vnav3a,
div.vnav3b,
div.vnav3b:hover
{
border: 1px #009900 solid;
}

div.vnav1a
{ 
background-color: #000099 ;
color:#FFFFFF ;
}

div.vnav2a
{ 
background-color: #990000 ;
color:#FFFFFF ;
}

div.vnav3a
{ 
background-color: #009900 ;
color:#FFFFFF ;
}

div.vnav1b 
{
background-color: #AAAADD ;
color:#000000 ;
}

div.vnav2b 
{
background-color: #DDAAAA ;
color:#000000 ;
}

div.vnav3b 
{
background-color: #AADDAA ;
color:#000000 ;
}

div.vnav1b:hover
{
background-color:#5555BB ;
color:#FFFFFF ;
}

div.vnav2b:hover
{
background-color:#BB5555 ;
color:#FFFFFF ;
}

div.vnav3b:hover
{
background-color:#55BB55 ;
color:#FFFFFF ;
}

/* 
##########
hnavIGATE
##########
*/

#hbox1,
#hbox2,
#hbox3
{
padding-top:  20px;
padding-left: 20px;
margin-top: -1px;
}

#hbox1
{
border-left: 5px #000099 solid;
border-top:  5px #000099 solid;
}

#hbox2
{
border-left: 5px #990000 solid;
border-top:  5px #990000 solid;
}

#hbox3
{
border-left: 5px #009900 solid;
border-top:  5px #009900 solid;
}

div.hnav1a,
div.hnav1b,
div.hnav1b:hover,
div.hnav2a,
div.hnav2b,
div.hnav2b:hover,
div.hnav3a,
div.hnav3b,
div.hnav3b:hover
{ 
float: left; 
text-align: left; 
padding: 5px; 
text-decoration:none ; 
font-size:12px ; 
font-weight:bolder ;
margin-right: -1px; 
}

div.hnav1a,
div.hnav1b,
div.hnav1b:hover
{
border: 1px #000099 solid; 
}

div.hnav2a,
div.hnav2b,
div.hnav2b:hover
{
border: 1px #990000 solid; 
}

div.hnav3a,
div.hnav3b,
div.hnav3b:hover
{
border: 1px #009900 solid; 
}

div.hnav1a
{ 
background-color: #000099 ;
color:#FFFFFF ;
}

div.hnav2a
{ 
background-color: #990000 ;
color:#FFFFFF ;
}

div.hnav3a
{ 
background-color: #009900 ;
color:#FFFFFF ;
}

div.hnav2b
{
background-color: #DDAAAA ;
color:#000000 ;
}

div.hnav3b
{
background-color: #AADDAA ;
color:#000000 ;
}

div.hnav1b
{
background-color: #AAAADD ;
color:#000000 ;
}

div.hnav1b:hover
{
background-color:#5555BB ;
color:#FFFFFF ;
}

div.hnav2b:hover
{
background-color:#BB5555 ;
color:#FFFFFF ;
}

div.hnav3b:hover
{
background-color:#55BB55 ;
color:#FFFFFF ;
}