#sddm
{	
font-color:#663333;
    margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	/*float: left;*/
	font: bold 11px arial}

#sddm li a
{	
background-color:#CDD8C2;
font-family:Arial,Helvetica,Verdana;
font-size:14px;
font-weight:bold;
border-bottom:2px solid #E4E4CB;
	display: block;
	margin: 0 1px 0 0;
	padding: 15px 10px;
	width: 120px;
	text-align: left;
	text-decoration: none}

#sddm li a:hover
{	
	font-color:#FFFFFF;
}

#sddm div
{	position: absolute;
	visibility: hidden;
	/* TOM HANDLED */
	margin-left: 120px;
	margin-top: -50px;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #567909}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
font-family:Arial,Helvetica,Verdana;
font-size:14px;

}

	#sddm div a:hover
	{	background: #CDD8C2;
		color: #663333}


/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
#outershell{
	background-color: #E4E4CB;
	padding: 5px;
	margin-left: auto;
	margin-right:auto;
	width: 800px;
}

body{
	margin-left: auto;
	margin-right:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#663333;
	line-height: 1.3;	
	width: 800px;
}

#navbar img { 
	margin: 0px;
	padding: 0px;
	border: none;
}

#content img {
	/** border: 2px solid #567909; **/
	border: 2px solid #94564b;
	margin: 5px;
}


a, a:link, a:visited, a:hover {
	text-decoration: none;
	color: green;	
	font-weight: bold;
}

a:hover {
color:#660000;
}


h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #567909;
	letter-spacing: 0px;
	font-style:italic;
	font-size: 160%;
}

h1{ 
	padding: 0px 0px 0px 0px;
}

h2 {
	text-align:left;
	font-style: italic;
	color: #567909;
	font-size:110%;
}

h3{
	text-align:left;
	font-size:80%;
}

h4{
	text-align:center;
	font-style: italic;
	font-size:160%;
	color: #660000;
}

h5{
	text-align:center;
	font-style: italic;
	font-size:150%;
	padding:0px;
	margin: 0px;
	border-bottom: 2px solid #567909;
}

h6{
	text-align:center;
	font-style: italic;
	font-size:70%;
	padding:0px;
	margin: 0px;
}


#footer{
	clear:both;
	font-size: 90%;
	color: #333333;
	text-align:center;
	margin-top: 15px;
    letter-spacing: 0px;
}


#globalNav{
	font-weight:bold;
	clear:both;
	text-align:center;
	font-size: 60%;
	padding-bottom: 3px;
	letter-spacing: 1.5px;
	vertical-align:baseline;
	height: 30px;
	padding: 0 3px 0 3px;
}

#globalNav a {
	color: #006633;
}

#globalNav a:hover {
	color: #FFCC00;
}



/************** .story styles *****************/
#formstory{
font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #660000;
	clear: none;
	margin-left: 30px
}

#story{
	font-size: 110%;
	color: #660000;
	clear: none;
	margin-left: 30px
}



#address{
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #567909;
}

#address_sub {
	border-top: 2px solid #567909;
	padding: 3px;
	color: #660000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	text-align:center;
	clear:both;
}

#address_sub a, #address_sub a:link, #address_sub a:visited, #address_sub a:hover {
	text-decoration: none;
	color: green;	
	font-weight: normal;
}

#address_sub a:hover {
	color:#660000;
}


@media print, screen {
	#content{
	  float: right;
	  margin-bottom: 10px;
	  margin-left: 10px;
	  margin-top: 10px;
	  width: 540px;
  	background-color: #CDD8C2; 
	padding:4px; 
	border: #bdb7a2 1px solid;

	}
}

@media print {
	/* This is to handle the sliding margin */
 	#content {
	float:left;
	}
}

@media print {
	#advert{visibility:hidden;}
	#navBar{visibility:hidden;}
	#sectionLinks{visibility:hidden;}
}

@media screen {
	#advert{
		background-color:#567909;
		clear: both;
		padding: 4px 0 6px 0;
		margin-top: 8px;
		margin-bottom: 8px;
		border: 2px solid black;
		text-align: center;
		line-height: 1;
		font-size: 90%;
	}

	#navBar{
		font-size:110%;
		float: left;
	}

	#sectionLinks{
		padding: 5px;
		font-size: 115%;
		font-weight: bolder;
		font-family: Perpetua, "Palatino Linotype";
		letter-spacing: 4px;
		width:150px;
	}

	#sideComment{
		padding: 0px;
		font-size: 75%;
		font-weight: bolder;
		font-family: Perpetua, "Palatino Linotype";
		letter-spacing: 4px;
		font-variant:normal;
		width:150px;
	}
	
	
	/*********** #navBar link styles ***********/
	#navBar ul a:link, #navBar ul a:visited {display: block;}
	#navBar ul {list-style: none; margin: 0; padding: 0;}
	
	/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
	#navBar li {border-bottom: none;
	list-style-type: none;}
	
	
	/* fix for browsers that don't need the hack */
	html>body #navBar li {border-bottom: none;}
	
	
	/*********** Left-hand navbar ***********/
	#sectionLinks a:hover{
		text-decoration:none;
		font-style:italic;
		font-weight: bolder;
		color: #567909;	
	}
	
	
	#sectionLinks li{
		margin-top: 45px;
		margin-left: 25px;
	}
	
	#advert a {
		color: #FFFFFF;
		font-variant:small-caps;
	}
	
	#advert a:hover {
		color: #660000;
	}
}




.img_right {
float: right;
border: 1px solid #567909;
margin: 3px;
}

.img_right_plain {
float: right;
margin: 3px;
}

.img_left {
float: left;
border: 1px solid #567909;
margin: 3px;
}

.img_left_plain {
float: left;
margin: 3px;
}

.important {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #567909;
 font-size: 80%;
}

.product_table {
font-size: 95%;
}

.product_table th {
	font-size: 95%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #567909;
	border-bottom: 2px solid black;
}

.nutrition {
	border: 2px solid black;
	width: 160px;
	font-size: 85%;
		margin-left: auto;
		margin-right:auto;
		text-align:center;
		padding: 2px;
}

.quotation {
text-align:right;
}


#caption {
font-size: 60%;
text-align:center;
}

#row_alt {
background-color: #cdd8c2;
}

.concrete    { font-family: Arial; font-size: 10pt; font-weight: bold; letter-spacing: normal; 
               text-decoration: none; color: white }
a.concrete:hover { color: lemonchiffon }
  .concrete2   { font-family: Arial; font-size: 10pt; letter-spacing: normal; color: blue }
a.concrete2:hover { color: maroon }

#bonus {
/**background-image: url(images/bonus-background.gif);
background-repeat:no-repeat;
background-position:center; **/
width: 170px;
height:160px; 
text-align: center; 
}

.bonus_text {
margin-top: 10px;
width: 150px;
text-align: center; 
font-size: 90%; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold;
font-variant:small-caps;
border: 2px solid #94564b;

}