* {
  margin: 0px;
  padding: 0px;
}

body {
  background-color: #ffffff;
  
  /*font properties*/
  font-family: verdana, georgia;
	font-size: 12px;
	
	text-align: center;
	padding-top: 30px;
}

input, td {
  font-family: verdana, georgia;
	font-size: 12px;
}

img {
  border-style: none;
}

p {
  text-align: justify;
}

input, select, textarea {
  font-size: 12px;
  font-family: Verdana;
}

#header {
  background: #ffffff url(/images/banner_grapes.jpg) no-repeat scroll right top;
  
  width: 900px;
  height: auto;
  margin: 0px auto;
  
  text-align: left;
}

#logo {
  margin-top: 29px;  /*dependant on banner image height*/
  
  border-top:  1px solid #f7c725;
  border-left:  1px solid #f7c725;
  border-right:  1px solid #f7c725;
}

#bar {
  background-color:  #f7c725;
  color:  #ffffff;
  
  width: 900px;
  height: 40px;
  margin: 0px auto;
  margin-top: -3px;
  line-height: 40px;
  
  font-size: 14px;
  text-align: right;
}

#main {
  width: 900px;
  height: auto;
  
  margin:  0px auto;
  text-align: left;
}

#maincontent {
  position: relative;
  left: 318px;
  width: 582px;  /*IE hack*/
  height: auto;
  padding-left:  20px;
  padding-top:  10px;
  padding-bottom:  10px;
}

html > body #maincontent {
  width:  562px; /*IE hack*/
}

#sidebar {
  position: absolute;
  top: 263px;  /*dependant on banner image height*/
  width: 318px;  /*hack for IE, IE includes width of padding in width calculation*/
  height: auto;
}

#navigation {
  padding: 10px;
  
  text-align: left;
  border-bottom:  1px solid #f7c725;
  border-left:  1px solid #f7c725;
  border-right:  1px solid #f7c725;
}

html > body #navigation {
  width:  296px;  /*hack for IE, see above*/
}

.sidebarbox {
  padding: 10px;
  
  text-align: center;
  border:  1px solid #f7c725;
}

html > body .sidebarbox {
  
}

#affiliates {
  text-align: left;
  vertical-align: middle;
}

html > body #productpics {
  width: 296px;
}

#footer {
  width: 900px;
  height: auto;
  
  margin:  0px auto;
  text-align: center;
}

#footer, #credits {
  font-size: 10px;
  color: #bbbbbb;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
}

.error {
  color: #AB891A;
  font-weight: bold;
}

.info {
  color: #58A8C4;
}

.navigationtext {
  margin: 10px 0px;
  
  font-size: 15px;
  border-bottom: 1px solid #bbbbbb;
}

/*.title {
  margin:  10px 0px;
  
  font-size: 18px;
  border-bottom: 1px solid #000000;
}*/

.title {
  height: 50px;
  line-height: 50px;
  background-image: url(/images/title_background.jpg);
  font-size: 17px;
  font-weight: bold;
  padding-left: 10px;
  font-family: verdana, georgia;
  margin-left: -10px;
  color: #262626;
}

/*#maincontent .title {
  margin-bottom: 15px;
}*/

.subtitle {
  font-weight: bold;
  font-size: 14px;
  color: #520f56;
}

.exaggerate {
  color: #a60c0e;
  font-size: 17px;
  font-style: italic;
  font-weight: bold;
}

.even {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 3px;
}

.odd {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 3px;
}

.stories {
  padding-top: 10px;
  padding-bottom: 20px;
  text-align: justify;
}
