body{
background-image: url("images/design/backgroundTrue.gif");
}

#bodyborder{
border: black solid 3px;
width: 894px;
float: left;
}

#center{
width: 900px;
margin-left: auto;
margin-right: auto;
}

#wrap{
width: 900px;
background: #888;
float: left;
padding: 5px;
font-size: 18px;
}

#header{
width: 894px;
height: 200px;
float: left;
}

#head{
height: 253px;
float: left;
width: 900px;
}

#hleft{
 background-image: url("images/design/hleft.gif");
width: 450px;
height: 200px;
float: left;
}

#hright{
float: left;
height: 200px;
width: 444px;
background: #000;
}

#nav{
height: 25px;
background-repeat: repeat-x;
border-bottom: #000 solid 3px;
border-top: #000 solid 3px;
width: 894px;
background-image: url("images/design/topback.gif");
clear: both;
padding-top: 5px;
}
#content{
text-align: center;
}
#cleft{
width: 300px;
float: left;
margin-top: 15px;
}

#cright{
margin-top: 15px;
width: 575px;
float: left;

}

#cright2{
text-align: center;
float: left;
padding: 10px;
margin-top: 25px;
}
#footer{
clear: both;
height: 25px;
background-repeat: repeat-x;
border-top: #000 solid 3px;
width: 894px;
background-image: url("images/design/topback.gif");
padding-top: 5px;
}

/*BOX*/

.box{
width: 275px;
background: gray;
border: black solid 2px;

margin-left: auto;
margin-right: auto;
margin-bottom: 15px;


}
.box2{
width: 275px;
background:white;
border: black solid 2px;
min-height: 225px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}

.box3{
background: gray;
border: black solid 2px;
min-height: 225px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 15px;
}

.bbox2{
padding: 10px;
text-align: center;
}
.bbox{
padding: 10px;
text-align: left;
font-side: 16px;
}
.tbox{
height: 25px;
background-image: url("images/design/topback.gif");
border-bottom: black solid 2px;
padding-top: 5px;
text-align: center;
}

.bborder{
background: gray;
border: black solid 2px;
margin-top: 15px;
margin-right: 10px;
margin-left: 10px;
padding: 5px;
text-align: left;
}
.small{
font-size: 12px;
}
.medium{
font-size: 16px;
}
.large{
font-size: 20px;
}
p{
margin: 0px;
}
a{
color: #000;
}
a:hover{
color: #fff;
}
a:visited{
color: #fff;
}
/*NAVIGATION MENU*/
#menu{
padding: 0;
width: 100%;
height: 30px;
background:transparent;

}

#menu ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#menu li{
display: inline;
margin: 0 0px 0 0;
padding: 0;
text-transform:uppercase;
}

#menu a{
float: left;
display: block;
font: bold 14px Arial;
color: black;
text-decoration: none;
margin: 0 5px 0 0; /*Margin between each menu item*/
padding: 5px 10px;


}

#menu a:hover{
background-image: transparent;
color: white;
}

#menu #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-right: 5px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 20px;
border: black solid 1px;
background-color: black;
color: white;
}

/*Products*/
.products{
width: 550px;
float:left;
padding: 5px;
margin-bottom: 25px;
}

.ptitle{
height: 24px;
background-image: url("images/design/topback.gif");
border: black solid 2px;
padding: 3px;
text-align: left;
width: 550px;
float:left;
}
.pproduct{
border: black solid 2px;
border-top:  none;
width: 550px;
float:left;
padding: 3px;
}