body {
background-color: #ffffcc;
margin: 0;
padding: 0;
border: 0;
}

h1,h2,h3,p,a {
font-family: Georgia,Verdana,Sans-sarif;
font-size: 1em;
font-weight: normal;
text-decoration: none;
color: #000000;
background-color: transparent;
}

h1 {
font-size: 140%;
font-weight: bold;
font-style: oblique;
color: #203771;
}

h2 {
font-size: 120%;
font-weight: bold;
text-decoration: none;
color: #203771;
}

p.tag {
color: #ffcc66;
}

a:link,a:visited {
color: #b8860b;
background-color: transparent;
text-decoration: underline;
}

a:hover {
color: #ffcc66;
background-color: transparent;
text-decoration: none;
}
a:active {
color: #ffff33;
background-color: transparent;
text-decoration: underline;
}

a.blulink:link,a.blulink:visited {
color: #ffcc66;
background-color: transparent;
font-weight: bold;
text-decoration: none;
margin-right: 30px;
padding: 2px 6px;
}

a.blulink:hover {
color: #ffffcc;
background-color: transparent;
text-decoration: none;
}
a.blulink:active {
color: #ffff33;
background-color: transparent;
}

.bdy {
width: 100%;
height: 100%;
}

.hed {
width: 100%;
text-align: left;
white-space: nowrap;
padding-left: 8px;
}

.nav {
width: 100%;
text-align: center;
}

.lft {
width: 20%;
text-align: center;
background-color: #ffcc66;
padding: 10px 0px;
}

.rit {
text-align: left;
padding: 6px 18px;
}

.fut {
width: 100%;
height: 24px;
font-size: 80%;
text-align: center;
}

.velatislogo {
width: 184px;
height: 122px;
margin-left: 1px;
}
.caramelpic {
width: 400px;
height: 122px;
margin-left: 1px;
}

.bbb {
width: 69px;
height: 75px;
border-top: solid 2px #ffffff;
border-right: solid 2px #c0c0c0;
border-bottom: solid 2px #909090;
border-left: solid 2px #ffffff;
margin: 12px;
}

.storefront {
width: 193px;
height: 122px;
border-top: solid 2px #ffffcc;
border-right: solid 2px #c0c0c0;
border-bottom: solid 2px #909090;
border-left: solid 2px #ffffcc;
}

.shopva {
width: 97px;
height: 113px;
border-top: solid 2px #ffffff;
border-right: solid 2px #c0c0c0;
border-bottom: solid 2px #909090;
border-left: solid 2px #ffffff;
}

.shopva1 {
width: 100px;
height: 50px;
border-top: solid 2px #ffffff;
border-right: solid 2px #c0c0c0;
border-bottom: solid 2px #909090;
border-left: solid 2px #ffffff;
}


#navcaramel ul { 
list-style-type: none;
color:#ffcc66; 
background-color: #ffcc66;
text-decoration: none; 
padding: 0;
margin: 0;
text-align: center;
}

#navcaramel li { 
width: 200px;
height: 30px;
text-align: center;
color:#ffcc66; 
font-size: 70%;
background-color: #ffcc66;
width: 96%;
margin: 1px;
border: 0;
padding: 0;
}

#navcaramel a { 
display: block; 
width: 200px; 
height: 30px;
color:#203771; 
padding: 8px;
background-color: transparent;
background-image: url('images/up-btn.png');
background-repeat: no-repeat;
background-position: top center;
text-decoration: none;
font-weight: bold;
}

#navcaramel a:link, #navcaramel a:visited { 
color: #203771; 
background-color: transparent;
background-image: url('images/up-btn.png');
text-decoration: none;
font-weight: bold;
}

#navcaramel a:hover { 
color: #ffcc66; 
background-color: transparent;
background-image: url('images/dn-btn.png');
text-decoration: none;
font-weight: bold;
}
  
#navcaramel a:active{
color: #203771; 
background-color: transparent;
background-image: url('images/up-btn.png');
text-decoration: none;
font-weight: bold;
}

#active a:link, #active a:visited, #active a:hover {
color: #203771; 
background-color: transparent;
text-decoration: none;
font-weight: bold;
}

.blubox { background: url(images/bx-blue.gif) repeat;}
.blutop div { background: url(images/tl-blue.gif) no-repeat top left; }
.blutop { background: url(images/tr-blue.gif) no-repeat top right; }
.blubot div { background: url(images/bx-blue.gif) no-repeat bottom left; }
.blubot { background: url(images/bx-blue.gif) no-repeat bottom right; }

.blutop div, .blutop, .blubot div, .blubot {
width: 100%;
height: 7px;
font-size: 1px;
}
.blustuff { width: 100%; }
.blubox { width: 100%; }

.footbox { background: url(images/bx-blue.gif) repeat;}
.foottop div { background: url(images/bx-blue.gif) no-repeat top left; }
.foottop { background: url(images/bx-blue.gif) no-repeat top right; }
.footbot div { background: url(images/bl-blue.gif) no-repeat bottom left; }
.footbot { background: url(images/br-blue.gif) no-repeat bottom right; }

.foottop div, .foottop, .footbot div, .footbot {
width: 100%;
height: 7px;
font-size: 1px;
}