body {
font-family: tahoma, verdana, arial, helvetica, sans-serif;
color: #333333;
       margin: 0;
       padding:0;
}

td { text-align: left; }
td.right { text-align: right; }
td.center { text-align: center; }
.disclaimer {font-size: 70%; }
.cart {font-size: 80%; }
.small {font-size: 85%; }
.tiny {  font-size: 9px; color: #666666; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: normal}
tr.even, td.even, div.even {
	background-color: #F6F6F6;
	padding: 5px;
	clear:right;
} 
tr.odd, td.odd, div.odd {
	background-color: #FFFFFF;
	padding: 5px;
	clear:right;
} 
span.leftAdmin {
	color: #999999;
}
a {
color: #990000;
position: relative;
}

.right-head {
color: #FFFFFF;
font-family: verdana, arial, helvetica;
font-weight: bold;
font-size: 120%;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
}
div.maintext {
clear: left;
text-align: left;
width: 473px;
padding-right: 10px;
}

div.maintext b {
color: #660000;
font-weight: bold;
}

div.maintext a {
color: #990000;
font-weight: bold;

}

div.maintext a:visited {
color: #660000;

}

div.maintext a:hover {
color: #FF0000;

}

div.righttext {
text-align: left;
width: 200px;
padding: 10px;
margin-left: 7px;
}

div.righttext h2 {
font-size: 115%;
color: #660000;
font-weight: bold;
}

div.mainBody {
	   display:block;
	   margin-right:225px;
	   padding: 5px 0px;
	   z-index:1;
	   }

div.image-top {
clear:both;
margin: 0px 0px 10px 0px;
padding: 5px;
/*background-color: #CCCCCC;*/
}

div.image-left {
float:left;
margin: 0px 10px 10px 0px;
padding: 5px;
/*background-color: #CCCCCC;*/
}

div.image-right {
float:right;
margin: 0px 0px 10px 10px;
padding: 5px;
/*background-color: #CCCCCC;*/
}

span.imageCaption {
	font-size: 90%;
	font-style : italic;
	
	color: #999999;
}

span.module-head {
padding: 10px 0 0 0;
font-size: 80%;
color: #999999;
letter-spacing: 12px;
font-weight: bold;
clear:both;
width:100%;
}

span.module-notes {
font-size: 75%;
color: #999999;
clear:both;
}

ul.module {
text-align: left;
}

ul.module li.category {
 clear: right;
 width:100%;
  margin: 0;
  padding: 0;
  font-weight: bold;
  list-style: none;
  text-align: left;
} 

ul.module li.description {
  padding: 0 0 10px 0;
  list-style: none;
  text-align: left;
} 


div.tiers {
	width: 210px;
	color: #660000;
	margin-left: 15px;
	/*border-bottom: 2px white solid;
	border-top: 2px solid #F1CE66;*/
}

div.tiers div.nav {
	color: #660000;
	border-bottom: 1px #CCCCCC dotted;
	padding-right:0px;
}

div.tiers div.nav-active {
	border-bottom: 1px #CCCCCC solid;
	color: #FFFFFF;
	font-weight: bold;
	padding-right:0px;
}

div.tiers div.cat {
	color: #990000;
	border-bottom: 1px #CCCCCC solid;
	font-weight: bold;
	padding-top:5px;
	padding-right:0px;
}

div.tiers div.nav a,
div.tiers div.cat a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	
}

div.tiers div.nav-active a.active,
div.tiers div.cat-active a.active {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	
}

div.tiers div.nav a:hover,
div.tiers div.cat a:hover {
	background-color: #993399;
	
}

div.row {
  clear: left;
  padding-top: 10px;
  width: 95%;
  text-align: center;
  }

div.row span.label {
  float: left;
  width: 15%;
  text-align: right;
  }
  div.row span.label2 {
  float: left;
  width: 25%;
  text-align: right;
  }
  div.row span.label-required {
  float: left;
  width: 15%;
  text-align: right;
  color: #FF0000;
  }
  
div.row span.left {
  float: left;
  width: 45%;
  text-align: center;
  }

div.row span.formw {
  float: right;
  width: 80%;
  text-align: left;
  } 
  div.row span.formw2 {
  float: right;
  width: 65%;
  text-align: left;
  } 
  div.row span.form80 {
  float: right;
  width: 80%;
  text-align: left;
  } 
  div.row span.form45 {
  float: left;
  width: 45%;
  text-align: left;
  } 
  div.row span.form15 {
  float: left;
  width: 15%;
  text-align: left;
  } 
  div.row span.form20 {
  float: left;
  width: 20%;
  text-align: left;
  } 
div.row span.right {
  float: right;
  width: 45%;
  text-align: center;
  }
  
  div.categories {
  clear: both;
  padding-top: 2px;
  width: 100%;
  text-align: center;
  } 
  div.categories span.half {
  float: left;
  width: 45%;
  text-align: left;
  padding: 0;
  margin: 0;
  }
  
   div.categories div.half {
  float: left;
  width: 45%;
  text-align: left;
  padding: 0;
  margin: 0;
  }
  
div.form { 
width: 90%; 
/*background-color: #cc9; 
border: 1px dotted #333; */ 
padding: 5px; 
margin: 0px auto;
}
div.form table { table-layout: fixed; }
input, textarea, select { width: 95%; position: relative; }
input.submit { width: 50%; background-color: #990000; background-image: url('http://www.smallbusinessbigideas.com/images/top-bar-bg.gif'); color: #FFFFFF; font-weight: bold;  }
input.multi_submit { width: 90%; background-color: #990000; background-image: url('http://www.smallbusinessbigideas.com/images/top-bar-bg.gif'); color: #FFFFFF; font-weight: bold;  }
input.full_submit { width: 100%; background-color: #990000; background-image: url('http://www.smallbusinessbigideas.com/images/top-bar-bg.gif'); color: #FFFFFF; font-weight: bold;  }
input.checkbox, input.radio { width:20px; height: 20px; }

/* header styles */
    div#header {
		width:100%;
		text-align: center;
		color: #999999;
		position: relative;
		z-index: 40000;
    }
	div#navbar2 p,
	div#navbar2 h1,
	div#navbar2 h2 {
		clear:left;
		float:left;
		width:96%;
		margin:0;
		padding:.4em 2% .1em 2%;
	}
	div#navbar2 a.inactive {
	color: #990000;
	font-weight: bold;
	font-size: 75%;
	font-family: tahoma, arial, helvetica;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	height: 30px;
	position: relative;
	}
	div#navbar2 a.active {
	font-weight: bold;
	font-size: 75%;
	font-family: tahoma, arial, helvetica;
	text-decoration: none;
	color: #990000;
	padding: 5px 10px 5px 10px;
	height: 30px;
	position: relative;
	border-top: #DBB55D 2px solid;
	}
	div#navbar2 a:hover {
	color: #FF0000;
	}
	div#navbar2 a.active:hover {
	color: #FF0000;
	}
	div#navbar2 ul {
	margin: 8px 0 0 0;
	padding: 0;
	position: relative;
	width: 100%;
	height: 30px;
	}
	div#navbar2 li {
	 display: inline;
	 position: relative;
	}

	    div#footer {
		clear:left;
		float:left;
		width:100%;
		overflow:hidden;
		text-align: center;
		color: #990000;
		position: relative;
		font-size: 80%;
		line-height: 150%;
    }
	div#footer a {
	color: #333333;
	font-family: arial, helvetica;
	text-decoration: none;
	position: relative;
	}
	div#footer a.orange {
	color: #990000;
	font-family: arial, helvetica;
	text-decoration: none;
	position: relative;
	}

	
/* subheader styles */
    div#subheader {
		clear:left;
		float:left;
		width:100%;
		overflow:hidden;
		color: #ffffcc;
		border-bottom: 3px solid #FFFFFF;
    }
	div#subheader p,
	div#subheader h1,
	div#subheader h2 {
		clear:left;
		float:left;
		width:96%;
		margin:0;
		padding:.4em 2% .1em 2%;
	}

	
	/* subheadernav styles */
    div#subheadernav {
		width:100%;
		color: #990000;
		border-top: 3px solid #FFFFFF;
		border-bottom: 3px solid #FFFFFF;
		background-color: #CC9933;
		text-align: center;
		clear:both;
    }
	div#subheadernav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
div#subheadernav li {
	display: inline;
	list-style-type: none;
	line-height: 2;
}
div#subheadernav li.active {
	background: #000000;
	padding-bottom: 6px;
}
div#subheadernav a {
	padding: 6px 12px;
	color: #990000;
	font-weight: bold;
	font-size: 85%;
	font-family: arial, helvetica;
	text-decoration: none;
	position: relative;
	}
div#subheadernav a.active {
	border-top: 2px #CC9933 solid;
	color: #CC9933;
	position: relative;
	}
	div#subheadernav a:hover {
	color: #CC9933;
	position: relative;
	}
	div#subheadernav a.active:hover {
	color: #CC9933;
	position: relative;
	}
	
	
		/* Footer styles */
	div#footer {
        clear:both;
        /*padding:1em 2%;*/
		/*border-top:1px solid #ccc;*/
		width:100%;
    }
	div#rightbar {
	clear:both;
	padding: 0;
	margin: 0;
	text-align: right;
	background-color: #FFFFFF;
	height: 3px;
	margin-top: 3px;
}
div#topbar {
	clear:both;
	padding: 0;
	margin: 0;
	text-align: right;
	background-color: #711068;
	background-image: url("http://www.smallbusinessbigideas.com/images/top1-bg.gif");
	height: 10px;
}

div.copyright {
	color: #666666;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 11px;
	margin: 0;
	}
	
div#copyright a {
	color: #666666;
	position: relative;
	}
	
div#copyright a:hover {
	color: #990000;
	position: relative;
	}
	

div#topbar2 {
	clear:both;
	padding: 0;
	margin: 0;
	text-align: right;
	background-color: #FFFFFF;
	height: 5px;
}
div.navbar1 {
	clear:both;
	padding: 0;
	margin: 0;
	text-align: right;
	background-color: #FFFFFF;
	height: 5px;
}
div#navbar2 {
	clear:both;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #FFFFFF;
	height: 30px;
	border: 1px solid white;
}
div.navbar3 {
	clear:both;
	padding: 0;
	margin: 0;
	text-align: right;
	background-color: #FFFFFF;
	height: 5px;
}

div#midbar {
	clear:both;
	padding: 0;
	margin: 0;
	text-align: right;
	background-color: #FFFFFF;
	/*background-image: url("http://www.smallbusinessbigideas.com/images/top-gradient.jpg");*/
	height: 10px;
	border-top: 3px solid white;
	border-bottom: 3px solid white;
}
	div#bottombar {
	clear:both;
	padding: 0;
	margin: 0;
	text-align: center;

	color: #990000;
	/*background-image: url("http://www.smallbusinessbigideas.com/images/top-gradient.jpg");*/
}

	div#bottombar2 {
	clear:both;
	position: relative;
	padding: 0px;
	margin: 0;
	text-align: center;
	background-color: #61005D;
	color: #99ccff;
	height: 70px;
	/*background-image: url("http://www.smallbusinessbigideas.com/images/top-gradient.jpg");*/
}

	div#bottombar ul {
	margin: 0;
	padding:0;
	width: 700px;
	}
	div#bottombar li {
	 display: inline;
	}
	div#bottombar a {
	 color: #990000;
	 margin: 0;
	 position: relative;
	}
	div#bottombar a:hover {
	 color: #FF0000;
	 position: relative;
	}
	
	HR {
display: none;
}

DIV.hr {
margin: 0;
padding:0;
height: 3px;
background-color: #fff;
width:100%;
}

DIV.hrOrange {
margin: 0;
padding:0;
height: 3px;
background: #669900;
width:100%;
}

div.divider {
border-top: 1px dotted white;
width:100%;
margin: 5px;
padding: 5px;
}

div.filter {
border-top: 1px solid black;
border-bottom: 1px solid black;
width:100%;
margin: 5px;
padding: 5px;
}

div.home {
float: left;
width: 192px;
height: 100%; 
}

div.home ul {
list-style-type: none;
padding: 0;
margin: 0;
}

div.home li {
border-top: 1px solid white;
padding: 2px 0px 8px 0px;
margin: auto;
width: 80%;
}

div.home a {
color: #FFFFFF;
text-decoration: none;

}

div.home a:hover {
color: #ffffcc;

}

div.home-bottom {
float: left; width: 192px; height: 82px; 
}

div.catDisplay {
position: absolute; color: #FFFFFF; font-size: 200%; font-family: times new roman, times, serif; font-style: italic; font-weight: bold; padding: 0 10px 10px 20px; bottom: 0; left:0; z-index: 100;
}

div.catDisplayShadow {
position: absolute; color: #000000; font-size: 200%; font-family: times new roman, times, serif; font-style: italic; font-weight: bold; padding: 0 10px 10px 20px; bottom: -2px; left:-1px; z-index: 50;
}

div.catBackoffice {
position: absolute; color: #990000; font-size: 200%; font-family: times new roman, times, serif; font-style: italic; font-weight: bold; padding: 0 10px 10px 20px; bottom: 0; left:0; z-index: 100; height: 75px;
}

div.catBackground {
padding: 0; margin: 0; position:relative; width:100%; height: 80px;
}

div.catBackground2 {
height: 80px; text-align: right; padding: 0; margin: 0; position:relative;
}

div.catBackground2-home {
height: 150px; text-align: right; padding: 0; margin: 0; position:relative;
}

ol.tiers {
color: #FFFFFF;
font-size: 75%;
}

ul.tiers {
	align:right;
	width: 215px;
	color: #FFFFFF;
	font-weight: bold;
	/*border-bottom: 2px white solid;
	border-top: 2px solid #F1CE66;*/
	
	font-family: arial, helvetica, sans-serif;
	margin: 0 0 0 10px;
	padding: 0;
}

ul.tiers li.nav {
	color: #FFFFFF;
	border-bottom: 1px white dotted;
	padding-right:0px;
	width: 217px;
	background-image: url('http://www.smallbusinessbigideas.com/images/top-bar-bg.gif');
}

ul.tiers li.cat {
	color: #ffffFF;
	border-bottom: 1px white solid;
	font-weight: bold;
	padding-top:5px;
	padding-right:0px;
}

ul.tiers li.nav a,
ul.tiers li.cat a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 3px 5px 3px 10px;
	width: 200px;
}

ul.tiers li.nav a:hover,
ul.tiers li.cat a:hover {
	background:		#996666;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 3px 5px 3px 10px;
	width: 200px;
	}

.hiddenRight {
color: #993399;
display: none;
}

div.right-plug {
/*background-color: #99CCFF;*/
color: #FFFFFF;
width: 144px;
padding: 4px;
}

div.right-plug a {
color: #FFFFFF;
position: relative;
}

div.right-plug a:hover {
color: #ccffff;
position: relative;
}







        div.main {
        margin-left: auto;
       margin-right: auto;
       width: 717px;
        }
        div.centerArea {
        width: 717px;
        }
        div.redBar {
       	background-image : url("http://www.smallbusinessbigideas.com/images/red-bar.gif");
       	background-position: top;
       	width: 717px;
       	height: 12px;
       	background-repeat : repeat-x;
		padding: 0;
		margin: 0;


       }
	   div.logo {
	   float:left;
	   }
	   div.banner {
	   float:right;
	   }
	   div.leftBar {
	   margin-top: 5px;
	   padding:0;
	   width: 225px;
	   float: right;
	   background-image : url("http://www.smallbusinessbigideas.com/images/right-bg-divider.gif");
	   background-repeat: repeat-y;
	   background-position: top left;
	   }
	   div.navigation {
	   background-color: #99CC33;
	   padding-left: 15px;
	   border-top: 3px solid white;
	   }
	   div.foodBankButton {
	   text-align: center;
	   width: 225px;
	   padding: 6px;
	   }
	   div.contactInfo {
	   padding: 20px;
	   font-size: 80%;
	   }
	   
	   div.navigationBottom {
	   width: 717px;
	   padding: 2px;
	   }
	   
	   h1 { font-size: 165%; color: #660000; padding-right: 10px; clear: left; }
	   h2 { font-size: 135%; color: #000000; }
	   h3 { font-size: 120%; }
	   h4 { font-size: 110%; }
	   h5 { font-size: 90%; color: #CC3333; }
	   h6 { font-size: 75%; }
	   span.subhead { font-size: 120%; font-family: times new roman, times, serif; font-style: italic; }
	   
	   div.navigation a {
	   color: #FFFFFF;
	   text-decoration: none;
	   font-weight: bold;
	   font-size: 110%;
	   display: block;
	   margin: 10px 0;
	   padding: 3px;
	   }
	   div.navigation a:hover {
	    color: #990000;
	   }
	   div.navigation a.active {
	   background-color: #FFFFFF;
	   color: #99CC33;
	   }
	   div.navigationBottom a {
	   color: #990000;
	   }
	   div.navigationBottom a:hover {
	   color: #CC3333;
	   }
	   .redBold {
	   color: #CC3333;
	   font-weight: bold;
	   }


	   
	   
	   

	
#footer {
clear: both;
}

table.membershow {
width: 450px;
}

div.mapShow {
width: 460px;
text-align: center;
}

fieldset {

	border: 1px solid #FF0000;
	padding: 5px 15px 10px;
}

legend span{
	color: #000000;
	display: block;
	font-size: 1.2em;
	background: #FFFFFF; /*added to cover the border around the fieldset that shows under the legend when a background image is used -- must be the same color as the form that shows beneath it -- bug is in moz-based and Safari*/
	padding: 1px 5px;
	width: 140px;	
	text-align: center;
}

div.tagline1 {
font-size: 130%;
color: #660000;
font-family: times new roman, times, serif;
font-weight: bold;
text-align: right;
padding-top: 30px;
}

div.tagline2 {
font-size: 115%;
color: #000000;
font-family: times new roman, times, serif;
font-style: italic;
font-weight: bold;
text-align: right;
padding-top: 5px;
}