/* background-color: rgba( 60,120,180,1.0); */ /* turquoise     */
/* background-color: rgba(180,120, 60,1.0); */ /* brown         */
/* background-color: rgba(180, 60,120,1.0); */ /* purple        */
/* background-color: rgba(120, 60,180,1.0); */ /* purple        */
/* background-color: rgba( 60,180,120,1.0); */ /* seagreen      */
/* background-color: rgba( 50,140, 90,1.0); */ /* dark seagreen */
/* background-color: rgba(126,118, 46,1.0); */ /* dark olive    */
/* background-color: rgba( 75, 54, 33,1.0); */ /* coffee        */
/* background-color: rgba( 50, 20, 20,1.0); */ /* seal brown    */
/* background-color: rgba(160, 40, 40,1.0); */ /* dark red      */
/* background-color: rgba( 61, 43, 31,1.0); */ /* bistre        */
/* background-color: rgba( 72, 60, 50,1.0); */ /* taupe         */

span
{
background-color: rgba(0, 0, 0, 0.2);
/* background-image: url(span.jpg); */
}

a
{
color: rgba(111, 98, 88, 1.0);
text-decoration: underline;
font-weight: bolder;
}
a:hover
{
color: rgba(88, 98, 111, 1.0);
}

a.nav
{
text-decoration:none ; 
}

table
{
cellpadding: 10px;
/*
border-width: 1px;
border-color: #000000;
border-style: solid;
*/
}

th,
td
{
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
border-width: 1px;
border-color: #000000;
border-style: solid;
text-align: left;
}

th
{
background-color: rgba(88, 98, 111, 1.0);   
/* background-image: url(th.jpg);  */
color: #FFFFFF;
font-weight: bolder;
}

td
{
background-color: rgba(220,220,180,1.0); 
color: #000000;
font-weight: normal;
}

body 
{ 
background-color: rgba(220,220,220,1.0);
background-image: url(bg.jpg); 
background-repeat: repeat; 
color: #000000;
font-family:"Georgia" ; 
font-style:normal ; 
font-size:12px ; 
font-weight:normal ;
}

#survey
{
position: relative;
padding: 20px;
width: 800px;
margin: 20px auto;
background-color: rgba(220,220,220,1.0);
border-width: 1px;
border-color: #000000;
border-style: solid;
overflow: auto;
}

#container
{
position: relative;
background-color: rgba(240,240,220,1.0);
border-width: 1px;
border-color: #000000;
border-style: solid;
text-align: left;
/*
 */
width: 950px;
margin: 25px auto;
/*
 */
}

/* 
##########
navigation
##########
*/

#nav1
{
background-color: rgba(137, 155, 123, 1.0);
background-image: url(nav1.jpg); 
}
#nav2
{
float: left;
width: 120px;        /*   80px %%% */
margin-left: -170px; /* -130px %%% */
}
#nav3
{
margin-top:   -50px; /* -25px $$$ */
margin-left:  -50px; /* -25px $$$ */
margin-right: -48px; /* choose-2 @@@ */
background-color: rgba(123, 137, 155, 1.0);
background-image: url(nav3.jpg); 
}

div.nav1a,
div.nav1b,
div.nav1b:hover,
div.nav2a,
div.nav2b,
div.nav2b:hover,
div.nav3a,
div.nav3b,
div.nav3b:hover
{ 
text-align: left; 
text-decoration:none ; 
font-size:12px ; 
font-weight:bolder ;
}

div.nav1a,
div.nav1b,
div.nav1b:hover
{ 
padding-top:    15px; 
padding-bottom: 15px;
padding-left:   30px;
padding-right:  30px;
}

div.nav2a,
div.nav2b,
div.nav2b:hover
{ 
padding-top:     5px; 
padding-bottom:  5px;
padding-left:   20px;
padding-right:  20px;
}

div.nav3a,
div.nav3b,
div.nav3b:hover
{ 
padding-top:    15px; 
padding-bottom: 15px;
padding-left:   30px;
padding-right:  30px;
}

div.nav1a,
div.nav1b,
div.nav1b:hover,
div.nav3a,
div.nav3b,
div.nav3b:hover
{
float: left; 
}

div.nav1a,
div.nav2a,
div.nav3a
{ 
background-color:  rgba(240,240,220,1.0);
color:#000000 ;
}

div.nav1b,
div.nav2b,
div.nav3b
{
background-color:  rgba(240,240,220,0.0);
color:#FFFFFF ;
text-shadow: #000000 0px 0px 1px;
}

div.nav1b:hover,
div.nav2b:hover,
div.nav3b:hover
{
background-color:  rgba(240,240,220,0.3);
color: #FFFFFF;
text-shadow: #000000 0px 0px 1px;
}

/*
##########
boxes
##########
*/


#box
{
padding: 50px; /* 25px $$$ */
background-image: url(box.jpg);
}

#box1
{
padding: 50px; /* 25px $$$ */
padding-right: 50px; /* choose @@@ */
border-left: 120px rgba(155, 137, 123, 1.0) solid; /* 80px %%% */
/*
 */
border-width:0px 0px 0px 120px;
    -moz-border-image:url("nav2.jpg") 0 0 0 120 repeat stretch; /* 80px %%% */
 -webkit-border-image:url("nav2.jpg") 0 0 0 120 repeat stretch; /* 80px %%% */
         border-image:url("nav2.jpg") 0 0 0 120 repeat stretch; /* 80px %%% */
/*
 */
<!-- background-color: rgba( 200, 200, 240,1.0); -->
}

#box2
{
width: 100%;
float: left;
margin:       -50px; /* 25px $$$ */
margin-left:  -48px; /* 23px $$$ */
padding:       50px; /* 25px $$$ */
padding-right:  0px;
<!-- background-color: rgba( 240, 200, 200,1.0); -->
}

#box3
{
margin-bottom: -50px; /* 25px $$$ */
margin-left:   -50px; /* 25px $$$ */
padding:        50px; /* 25px $$$ */
padding-right:   0px;
<!-- background-color: rgba( 200, 240, 200,1.0); -->
}

#mainbox
{
width: 45%;
float: left;
margin-right: 75px; /* 25px $$$ */
}

#sidebox
{
width: 45%;
float: left;
}

/*
##########
banner & footer
##########
*/

#footer,
#banner
{
color: #FFFFFF;
font-weight:bold; 
text-shadow: #000000 0px 0px 5px;
background-color: rgba(137, 155, 123, 1.0);
}

#footer
{
font-size: 12px ; 
text-align:center;
margin-top:     2px;
padding-top:    5px;
padding-bottom: 5px;
background-image: url(foot.jpg); 
}

#banner
{
font-size: 26px ; 
font-family: "Georgia";
padding-top:    15px;
padding-bottom: 15px;
padding-right:  15px;
padding-left:   15px;
margin-bottom:   2px;
margin-top:      2px;
background-image: url(ban.jpg); 
}

.pallet {
background-color: rgba(255,255,255,1.0);
border: 1px #000000 solid;
margin-bottom: -1px;
padding: 10px;
}

.ptitle
{
padding: 10px;
color: #000000;
font-size:12px ; 
font-weight:bolder ; 
background-color: rgba(220,220,180,1.0); 
border: 1px #000000 solid;
margin-bottom: -1px;
}

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

div.nspace
{ 
height:25px ;
font-size: 0px;
}

div.tspace
{ 
height:25px ;
font-size: 0px;
}

.title1a,
.title1b,
.title2a,
.title2b,
.title3a,
.title3b
{
margin-bottom: 25px;
font-size:16px ;
font-weight:bolder ;
/* text-shadow: #000000 1px 1px 0px; */
}
.title1a,
.title1b 
{
color: rgba(98, 111, 88, 1.0);
}
.title2a,
.title2b
{
color: rgba(111, 98, 88, 1.0);
}
.title3a,
.title3b
{
color: rgba(88, 98, 111, 1.0);
}
.title1b,
.title2b,
.title3b
{
margin-top: 25px;
}

/*
##########
pallet text boxes
##########
*/

.ptext2a { width: 48%; }
.ptext2b { width: 48%; }
.ptext3a { width: 30%; }
.ptext3b { width: 30%; }
.ptext3c { width: 30%; }

.ptext2a,
.ptext2b,
.ptext3a,
.ptext3b,
.ptext3c
{
float:left;
padding: 10px;
}
.ptext2a
{
border-right: 1px #000000 solid;
margin-left:   -10px;
margin-top:    -10px;
margin-bottom: -10px;
}
.ptext2b
{
border-left: 1px #000000 solid;
margin-left:    -1px;
margin-right:  -10px;
margin-top:    -10px;
margin-bottom: -10px;
}

.ptext3a
{
margin-left:   -10px;
margin-top:    -10px;
margin-bottom: -10px;
}

.ptext3b
{
margin-left:    10px;
margin-right:   10px;
margin-top:    -10px;
margin-bottom: -10px;
}

.ptext3c
{
margin-right:  -10px;
margin-top:    -10px;
margin-bottom: -10px;
}

/*
##########
text boxes
##########
*/

.text2a { width: 46%; }
.text2b { width: 46%; }
.text3a { width: 28%; }
.text3b { width: 28%; }
.text3c { width: 28%; }

.text2a,
.text2b,
.text3a,
.text3b,
.text3c
{
float: left;
}

.text2a
{
margin-right:  50px; /* 25px $$$ */
}

.text3a
{
margin-right:  50px; /* 25px $$$ */
}
.text3b
{
margin-right:  50px; /* 25px $$$ */
}


.textbox1,
.textbox2
{
padding:       10px;
margin-bottom: 20px;
   -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
        box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
}

.textbox1
{
background-color: rgba(255,255,255,1.0); 
}

.textbox2
{
background-color: rgba(220,220,180,1.0); 
}