html, body {height: 100%; width: 100%}
body      { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 17px; font-stretch: semi-expanded; background-image: url("/images/format/scrumptioussuds_bg.jpg"); margin: 0; padding: 0 0; border: 0 }
td {font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;}
p   {
	line-height: 17px;
	padding: 0;
	border-width: 0;
	margin-bottom: 20px;
}

a, a:link, a:visited 	{  color: #000; text-decoration: none; border-style: dotted; border-width: 0 0 1px; border-color: #a00;}
a:hover  	 { text-decoration: none; border-style: solid; border-width: 0 0 1px; border-color: #a00; }

a img { border: none; border-style: none; padding: 0; margin: 0 }
a:hover img { border: none; border-style: none; padding: 0; margin: 0  }

img, .no_border, .no_border:link, .no_border:hover { border: none; border-style: none; padding: 0; margin: 0  }


hr  { background-image: url("/images/format/ss_iron_hr.gif"); display: block; width: 350px; height: 20px; border: 0; display: block; }
h1      { color: #930; font-size: 24px; font-weight: bold; line-height: 27px; margin: 20px 0 18px; padding: 0 0 2px; border-bottom: 1px dashed #600 }
h2      { color: #000; font-size: 16px;  font-weight: bold; line-height: 24px; margin: 18px 0 6px; padding: 0; border: 0 }
h3     { color: #900; font-size: 14px;  font-style: oblique; font-weight: bold; line-height: 22px; margin: 12px 0 3px; padding: 0; border: 0 }
h4     { color: #000; font-size: 12px;  font-weight: bold; line-height: 20px; margin: 12px 0 3px; padding: 0; border: 0 }
.tiny {font-size: 9px;}
.small {font-size: 10px;}
.medium {font-size: 11px;}
.caption {font-size: 9px; font-style: italic}

#header      { background-image: url("/images/format/scrumptioussuds_header_bg.png"); margin-right: auto; margin-left: auto; padding: 0; z-index: 0; width: 920px; height: 241px; border: 0 }

#menu 		   { display: block; margin-right: auto; margin-left: auto; padding: 0; position: relative; z-index: 1; top: 214px; width: 740px; height: 37px; border: 0 }
#menu a    		   { display: block; float:left; color: #ffc; background-image: url("/images/format/scrumptioussuds_button.gif"); text-align: center; margin: 0; padding-top: 11px; padding-bottom: 11px; width: 120px; height: 14px; vertical-align: middle; border: 0 }
#menu a:hover 	 { color: #ffc; background-image: url("/images/format/scrumptioussuds_button_hover.gif") }

#menu a.on    		  {  display: block; float:left; font-size: 13px; color: #ffc; font-weight: bold; background-image: url("/images/format/scrumptioussuds_button_on.gif"); text-align: center; display: table-cell; margin: 0; padding-top: 10px; padding-bottom: 11px; width: 120px; height: 13px; vertical-align: middle; border: 0 }
#menu a.on:hover 	 { color: #ffc; background-image: url("/images/format/scrumptioussuds_button_hover.gif") }

#body       { background-image: url("/images/format/scrumptioussuds_body_bg.png"); 		margin-right: auto; margin-left: auto; padding: 20px 80px; 	z-index: 0; width: 760px; 	min-height: 300px; border: 0 }
#footer      { background-image: url("/images/format/scrumptioussuds_footer_bg.png"); 	margin-right: auto; margin-left: auto; padding: 20px 110px; z-index: 0; width: 700px; 	height: 195px; border: 0 }