/* CSS Document 
* Copyright 2004 - 2006 - All Rights Reserved - Thierry Koblentz - www.TJKDesign.com */
.style{
background-color:#64B294;
font-family:Garamond;
font-weight:bold;
/*height: auto;
margin-right: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
*/
width: auto;
}

.coupon{
margin-bottom:1px;
margin-top:1px;
}

ol{
list-style: decimal;
font-size:14px;
color:#64B294;

}

li{
margin-bottom:2px;
padding-bottom:5px;
}

#address {
font-style:italic;
}

#address p{
margin-top:0px;
margin-bottom:0px;
}

#outer_wrapper {
/* because "min-width" is not supported by IE, these pages use a script from PVII */
min-width:740px;

/* this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer */
/* faux-column technique, this is the left one */
width:800px;
background-color:#FFFFFF;
margin:auto;
border:10px solid #BAA776;
}

#wrapper {
/* faux-column technique, this is the right one */
/*background:url(right.gif) repeat-y right;*/
 /*This is the main wrapper border*/
width:800px;
}

#header {
/*border:1px solid #b0b0b0;*/
/*background:#b0b0b0;*/
background-image:url(../_images/banner_08.png);
background-position:center;
height:150px;
width:800px;

/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
width:100%;
/* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */
margin:0 -1px
}

#container {
float:left;
width:100%;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
/* this is where Ryan Brill (author of the ALA's article) and I go in "opposite directions" */
margin-left:-200px
}

#left {
float:left;
width:150px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:200px
}

#left img {
margin-left:5px;
margin-bottom:10px;
border:#FFFFFF;
}

.leftNavStyle {
border-color:#FFFFFF;
}

#main {
/* the width from #left (200px) + the negative margin from #container (200px) */
margin-left:400px
}

#main p{
font-size:14px;
color:#64B294;
}

#artwork {
padding-left: 5px;
}

#artwork p
{
font-size:14px;
color:#64B294;
}

#packages{
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
margin-bottom:12px;
margin-left:5px;
margin-right:5px;

border:1px solid #64B294;
}

#packages h2{
margin-top:2px;
}

#packages h4{
margin-bottom:2px;
}

#packages p{
margin-bottom:0px;
margin-top:0px;
}

/* good to know: if #sidebar is to be shorter than #main, then there is no need for this rule */
#sidebar {
/* this is to keep the content of #sidebar to the right of #main even if the content of "main is shorter */
padding-left:100%;
/* this is to "bring back" the #sidebar that has been moved out of the viewport because of the padding value */
margin-left:-200px;
}

#horzNav
{
margin-left:50px;
padding:3px;
}

#navlist li
{
border:none;
display: inline;
list-style-type: none;
padding: 5px;
margin:0px;
}

#navlist a
{
background-color:#FFFFFF;
color:#FFFFFF;
border:#FFFFFF;
margin:inherit;
}

#navlist img
{
border:none;
margin:inherit;
}

#sidebar table{
border-width:5px;
border:solid;
border-color:#64B294;
margin-bottom:10px;
}

#sidebar img{
padding-left:5px;
margin-top:10px;
}

#sidebar p {
/* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix) */
position:relative
}

#footer {
/* see #outer_wrapper  */
width:100%;
/* this is to clear #container */
clear:both;
margin-top:3px;
border-top:0px solid;
border-bottom:0px solid;
padding-left:0px;
padding-bottom:0px;
background:#FFFFFF;
font-size:11px;
font-weight:normal;
}

#footer p{
color:#64B294;
margin-top:0px;
margin-bottom:2px;
text-align:center;
}

#footer a{
color:#8AD702;
text-align: center;
}

#footer a:hover{
color:#BAA776;
}

/* This is the footer navigation list*/
#footer ul{
list-style-type: none;
text-align: center;
margin-top: -8px;
margin-bottom:8px;
padding: 0;
position: relative;
z-index: 2;
}

#footer li{
display: inline;
text-align: center;
margin: 0 3px;
}

#footer li a{
padding: 1px 7px;
color: #49979A;
background-color: #fff;
border: 1px solid #49979A;
text-decoration: none;
}

#footer li a:hover{
color: #8AD702;
border: 1px solid #8AD702;
border-top: 2px solid #8AD702;
border-bottom: 2px solid #8AD702;
}

#footer li a#current{
color: #8AD702;
border: 1px solid #8AD702;
border-top: 2px solid #8AD702;
border-bottom: 2px solid #8AD702;
}

/* this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */
.clearing {height:0;clear:both}
As you can see, a few declarations in here are 

.bigger {font-size:16px}
