/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}




body {
	text-align: center;
	min-width: 760px;
	background: url('../0_hirum_design_images/SBS-logo3.gif') fixed no-repeat right bottom;
	background-color: #19acff;
	
	
}

#wrapper {
	width: 720px;
	margin: 0 auto;
	text-align: left;
	background-repeat:repeat-y;
	background-position:left top;
	background-image: url('../0_hirum_design_images/back34.jpg');
	background-color: #99CCFF;
	position: relative;
}

#toplogo {
	height: 150px;
	background-image: url('../0_hirum_design_images/Hirum_Small_Business_Header3.gif');
	background-repeat: no-repeat;
	background-position: centre;
	background-color: #FFFFFF;
}

#content {
	width: 520px;
	float: left;
	padding-left: 6px;
	font: helvetica;
}

#right-menu { 
  width: 180px; 
  float: right; 
} 

#right-navlist {
	width: 99.99%;
	font-size: 80%;
	line-height: 20px;
	margin: 5px 0px 5px 0px;
	padding:0;
	list-style-type: none;
	border: 1px none #BB7D88;
	color: #02486C;
}
#right-navlist a {
	width: 99.99%;
	display: block;
	border-bottom: 1px solid #cc123b;
	text-align: left;
	text-decoration: none;
	color: #02486C;
}

#right-navlist a#current, #right-navlist a:hover{
	background-color: #bdced8;
}
#right-navlist a#:visited { 
	color: #333399;
}

/* you are here */
	
	body#a_01 #a_01_tab a, 
	body#spag #spag_tab a, 
	body#beans #beans_tab a, 
	body#milk #milk_tab a,
	#right-navlist a:hover { 
		background-color: #ffcc66;
		} 



.sideheader {
	color: #FFFFFF;
	font-size:15px;
	margin-top:10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#more-info {
	margin-right:5px;
	font-size: 0.75em;
	line-height: 130%;
	color: #01509e;
	

}

#footer {
	background:#cc123b;
	clear: both;
 
} 

/* Add some padding
================================== */

#rightNav {
  padding-top: 20px;
  padding-bottom: 20px;
}

#rightNav * {
  padding-left: 20px;
  padding-right: 20px;
}

#Nav * * {
  padding-left: 0;
  padding-right: 0;
}

#content * {
	padding-right: 20px;
	font-size: 0.9em;
	line-height: 1.7em;
	color:#333399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



#content * * {
  padding-right: 0;
}

/* superNav
------------------------------------*/
old#header {
	font:60%  Verdana, Arial, Helvetica, sans-serif;
	background-color: #CC123B;

	position: absolute;
	top: 72px;
	
	height: auto;
	width: 720px;
	left: 0px;
	
}

#header {
	position: absolute;
	top: 82px;
	height: auto;
	width: 720px;
	left: 0;
	background:#DAE0D2 url("bg.gif") repeat-x bottom;
	font-size:93%;
	line-height:normal;
      }
    #header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #header li {
      display:inline;
      margin:0;
      padding:0;
      }
    #header a {
      float:left;
      background:url('../0_hirum_design_images/left_both_8.gif') no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #765;
      text-decoration:none;
      }
    #header a span {
      float:left;
      display:block;
      background:url('../0_hirum_design_images/right_both_6.gif') no-repeat right top;
      padding:5px 15px 4px 6px;
      font-weight:bold;
      color:#765;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a span {float:none;}
    /* End IE5-Mac hack */
    #header a:hover span {
      color:#333;
      }


    #header #current a {
      background-position:0 -150px;
      border-width:0;
      }
    #header #current a span {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#333;  
      }

    #header a:hover {
      background-position:0% -150px;
      }
    #header a:hover span {
      background-position:100% -150px;
      }


#content h1 {
	color:#01509e;
	font-size:110%;
	rem text-transform:uppercase;
	font: helvetica;
	margin-top: 0.4em;
	}

#content h2 {
	color:#01509e;
	font-size:100%;
	font: helvetica;
	}

#content h3 {
	color:#01509e; font-size:100%;
	}


#content .rightimage {
	margin-left: 10px;
	float: right;
	margin-top: 5px;
}

#content .leftimage {
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
float: left;
}
.clearit {
clear: both;
}

#content .ul {list-style: circle;
list-style-position:inside;
}