body {
background: #b28852;
background-image:url(../images_common/page_background.gif);
}

a:link, a:active, a:visited{
color:#b23c00;
text-decoration:none;
}

a:hover{
color:#c05f1e;
text-decoration:none;
}

#container {
width:945px;
margin:10px auto;
padding:0px 0px;
}

#header {
float:left;
width: 945px;
height: 208px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image:url(../images_common/header_bg.gif);
background-repeat:no-repeat;
background-position: top left;
}

#chromemenu {
height: 16px;
float:left;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 45px;
overflow:hidden; /*fixed display problem in IE6*/
}

#navigation img {
display:inline;
float:left;
}

#logo {
float:left;
margin: 0px 0px 0px 0px;
padding: 12px 0px 0px 0px;
}

#slideshowViewPort {
width:556px;
height:95px;
float:left;
margin: 28px 0px 0px 15px;
padding: 0px;
overflow:hidden
}

#slideshowSlideContainer {
width:556px;
height:1000px;
}

#slideshowSlideContainer img{
display:block;
float:left;
border:0px;
}

#slideshowControls {
width: 20px;
height: 75px;
margin: 38px 0px 0px 6px;
padding: 6px 0px 0px 5px;
background:#a43a1b;
color:#FFFFFF;
float:left;
}

#slideshowControls img {
border:0px;
display:block;
float:left;
}

#addressLine {
float:left;
width: 500px;
height:12px;
margin: 20px 0px 0px 30px;
padding: 0px 0px;
}

#contentArea {
clear:both;
width: 875px;
margin: 0px 0px 0px 30px;
padding: 0px 0px;
background: #cdb28e;
background-image:url(../images_common/contentArea_bg.jpg);
background-repeat:repeat-y;
}

#mainContent {
float:left;
width:520px;
margin: 0px 0px;
padding: 0px 0px 25px 55px;
}

#mainContent h1 {
color:#550100;
font: italic 36px/48px Georgia, "Times New Roman", Times, serif;
letter-spacing: -1px;
font-weight:normal;
}

#mainContent p {
margin-left:15px;
color: #38160F;
font: normal 14px/19px Georgia, "Times New Roman", Times, serif;
}

#rightSidebar {
float:left;
width:237px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
color: #2c0a03;
font: italic 13px/16px Georgia, "Times New Roman", Times, serif;
}

#newsletter {
margin: 0px 0px 0px 0px;
padding: 25px 0px 0px 50px;
}

#newsletterSignup {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#660100;
font: italic 21px/25px Georgia, "Times New Roman", Times, serif;
width: 225px;
}

#sidebarPromo {
margin: 15px 10px 15px 55px;
padding:0px 0px 0px 0px;
width: 217px;
}

#newsletterForm {
margin:0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
width:220px;
height: 35px;
background-image:url(../images_common/newsletter_bgHand.gif);
background-repeat:no-repeat;
text-align:left;
}

.newsletterFormHoverState{
/*
the script works, but for some reason the background is not changing
FOR TESTING: border: 1px solid #000099;
*/
background-image:url(../images_common/newsletter_bgHand_over.gif);
background-repeat:no-repeat;
}

#foodForThought {
margin: 15px 0px 50px 45px;
padding:0px 0px 0px 0px;
width: 237px;
}

#foodForThought p{
padding:0px 10px 0px 15px;
}

#contentFooter {
width:875px;
height:7px;
overflow:hidden;
background-image:url(../images_common/contentFooter_bg.gif);
background-repeat:no-repeat;
}

#footerArea {
text-align:center;
color: #38160f;
font: normal 11px/18px Georgia, "Times New Roman", Times, serif;
}

#footerArea a:link, #footerArea a:active, #footerArea a:visited { 
text-transform:uppercase;
text-decoration:none;
text-align:center;
color: #570100;
font: bold 12px/19px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
}

#footerArea a:hover { 
border-bottom: 1px dotted #570100;
}

.clear {
clear:both;
overflow:hidden;
height: 0px;
margin: 0px;
padding: 0px;
}