body{
margin:0px auto;
padding:0px;
background color:#ffffff;
color:#000000;
background: url("../pics/Prudhomme_tile.jpg"); 
font-family:arial, courier, sans-serif;
font-size:10pt;
text-align:center;
}

.index{
position:relative;
top:120px;
margin:0px auto;
padding:0px;
width:750px;
text-align:center;
clear:both;
}

.cart_button{
margin:0px;
margin-bottom:40px;
float:left;
width:120px;
text-align:right;
text-size:9pt;
}



.temp{
font-size:14pt;
}

/** Define link color **/
a {
  color: #ff3300;
  text-decoration: none;
}

a:hover {
  color: #66cc66;
  text-decoration: underline;
}


/** Eliminate border around images **/
img{
  border:0px;
}

.textleft{
margin:0px auto;
padding:0px;
test-align:left;
clear:both;
}

.textcenter{
margin:0px auto;
padding:0px;
test-align:center;
clear:both;
}

.column{
float:left;
margin-left:3px;
margin-right:7px;
margin-top:0px;
margin-bottom:10px;
color:#000000;
background-color:transparent;
width:225px;
text-align:center;
}

.columnleft{
float:left;
margin:0px;
margin-top:0px;
margin-bottom:10px;
color:#000000;
background-color:transparent;
width:205px;
text-align:center;
}

.columnright{
float:right;
margin:0px;
margin-top:0px;
margin-bottom:10px;
color:#000000;
background-color:transparent;
width:360px;
text-align:center;
}

.textleft{
margin:10px;
text-align:left;
}


/** Container for image and caption: liquid **/
.pic {
margin-left:2px;
margin-right:2px;
margin-top:0px;
margin-bottom:10px;
color:#000000;
background-color:transparent;
}
.pic p {
text-align:center;
margin-top:0px;
}

/** Container for image and caption: float **/
.float_left {
float:left;
margin-left:2px;
margin-right:2px;
margin-top:20px;
margin-bottom:10px;
color:#000000;
background-color:transparent;
}
.pic p {
text-align:center;
margin-top:0px;
}

/** Container for image and caption: float **/
.float_right {
float:right;
margin-left:2px;
margin-right:2px;
margin-top:20px;
margin-bottom:10px;
color:#000000;
background-color:transparent;
}
.pic p {
text-align:center;
margin-top:0px;
}

/** Generic definition for unordered list **/
ul{
list-style-type: none;
margin:0px;
padding:0px;
font-size:9pt;
}

/** Definition for unordered list in left navigation **/
ul.navspace{
list-style-type: none;
margin:0px;
padding:0px;
font-size:9pt;
}
.navspace li{
margin-bottom:5px;
}

ul.styledisc{
list-style-type: circle;
margin:30px;
padding:10px;
color: #000000;
background-color:#ffffff;
}


/** main container for web page **/
.root{
position:relative;
width:800px;
margin:0px auto;
margin-top:15px;
padding:0px;
text-align:center;
background-color:#ffffff;
color:#000000;
clear:both;
border: 2px solid #000000;
} 

/** Container for logo **/
.logo{
position:absolute;
background-color:#ffffff;
left:0px;
width:790px;
height:75px;
margin:0px auto;
margin-top: 5px;
text-align:center;
}

.middle{
position:absolute;
left:165px;
top:120px;
margin:0px auto;
padding:0px;
width:620px;
text-align:center;
clear:both;
}

/** Content section of the web page **/
.content{
position:relative;
margin:0px auto;
width:95%;
text-align:center;
background-color:#ffffff;
clear:both;
}

/** Gallery section of the web page **/
.gallery{
position:relative;
margin:0px auto;
width:420px;
text-align:center;
background-color:#ffffff;
clear:both;
}

/** Content section of the web page **/
.displayright{
position:relative;
margin:0px auto;
width:95%;
text-align:right;
background-color:#ffffff;
clear:both;
}

/** Container for left side of web page **/
.navleft{
position:absolute;
top:0px;
left:5px;
padding:0px;
margin-top:120px;
width:160px;
text-align:right;
background-color:#ffffff;
color: #000000;
}

/** Container for right side of web page **/
.navright{
position:relative;
margin-top:90px;
margin-right:5px;
width:155px;
text-align:left;
color:#000000;
background-color:#ffffff;
}


.nav_top{
margin:0px auto;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
color:#000000;
background:#ffffff;
position:absolute;
left:0px;
margin-top:85px;
width:100%;
text-align:center;
font-weight:bold;
}

.nav_bottom{
position:absolute;
left:0px;
margin:0px auto;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
color:#000000;
background:#ffffff;
width:100%;
text-align:center;
font-weight:bold;
clear:both;
}


/** Containers for Navigation **/
.navheader{
background-color: #66cc66;
color:#000000;
text-align:center;
font-size:10pt;
font-weight:bold;
font-family:arial, courier, sans-serif;
border-top: 1px solid #66cc66;
border-right: 1px solid #66cc66;
border-left: 1px solid #66cc66;
border-bottom: 1px solid #66cc66;
}

.navcontent{
padding:5px;
border-right: 2px solid #66cc66;
border-left: 2px solid #66cc66;
border-bottom: 2px solid #66cc66;
font-size:10pt;
font-weight:bold;
background-color:#eeeeee;
}

.navfooter{
background-color: #66cc66;
height:30px;
border-right: 1px solid #66cc66;
border-left: 1px solid #66cc66;
border-bottom: 1px solid #66cc66;
}

/** Container for Copyright information **/
.footer{
position:absolute;
left:0px;
width:800px;
margin:0px auto;
margin-bottom:10px;
font-size:8pt;
font-style:italic;
text-align:center;
vertical-align:baseline;
color:#66cc66;
background-color:#ffffff;
clear:both;
}  

.spacer_cart{
margin:0px;
float:right;
width:350px;
height:40px;
}

.spacer_nav{
width:120px;
height:10px;
}