/* CSS Document - firebelly design co. - k.brugman: 2005.10.24 */
/* purple: #34276A; grey (text):#818282; l.grey: #F4F4F3; aqua: #E7F7F2; */

/* \*/ /* for PC/IE only */
/* */

	body, html {
		background: #FFFFFF url(../images/bg_dots.gif) top left repeat;
		color: #818282;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: normal;
		margin: 0px;
		padding: 0px;
		}
		
	*html body, *html html {
		/* \*/
		padding-bottom: 15px;
		/* */
		}
	
	A		{ color: #34276A; text-decoration:none; }
	A:link		{ color: #34276A; text-decoration:none; }
	A#hbhc		{ color: #818282; text-decoration:none; }
	A:visited	{ color: #34276A; text-decoration:none; }
	A:hover		{ color: #34276A; text-decoration:underline; }
	A:active	{ color: #34276A; text-decoration:underline; }
	
	img { display: block; border: none; }
	.hide { display:none; }
	
	
/* TEXT TAGS */

	p, td, li {
		background: transparent;
		color: #818282;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		font-weight: normal;
		line-height: 1.4;
		letter-spacing:normal;
		text-align:left;
		margin:0px 0px 1.5em 0px;
		padding: 0px;
		}
	
	h1, h2, h3, h4, h5, h6 {
		background: transparent;
		color: #34276A;
		font-weight:normal;
		line-height: 1.3;
		text-align:left;
		margin: 0px;
		padding: 0px;
		}
		
	h1, h2 { /*replaced with images */
		background: transparent top left no-repeat;
		text-transform:uppercase;
		margin:0px;
		padding:0px;
		/*height: 0px !important; /* for most browsers */
		/*overflow: hidden;*/
		}
		
	h1 span, h2 span { display:none; }
		
	h1 { height:24px; }
		
	h2 { height:19px; }
		
	h3 {
		color: #34276A;
		font-size:20px;
		text-transform:none;
		letter-spacing:.04em;
		margin-bottom: .5em;
		}
		
	h4, .quasih4 {
		color: #34276A;
		font-size:12px;
		text-transform:uppercase;
		margin-bottom: .2em;
		}
		
	.quasih4 { margin-bottom: 0px; }
		
	h5, .quasih5, h4 .quasih5 {
		color: #818282;
		font-family: arial, sans-serif;
		font-size:14px;
		text-transform:none;
		letter-spacing: .07em;
		margin-bottom: .5em;
		}
		
	h4+h5 { margin-top: 1.2em; }

	h6 {
		color: #34276A;
		font-size:11px;
		font-weight:bold;
		text-align:left;
		}

	.center { text-align:center; }
	.center img { margin: 0 auto; }
		
/* FORMATTING TAGS */

	#wrap {
		background: #FFFFFF;
		margin:10px 0px 0px 0px;
		padding:13px 0px 7px 0px;		
		}
		
	*html #wrap {
		margin:10px 0px 0px 0px;
		padding:11px 0px 7px 0px;
		} 
		
	#container {
		background: transparent url(../images/bg_frame2_aqua.gif) left bottom repeat-y;
		margin:0px;
		padding:0px;
		border-bottom:1px solid #CCCCCC;
		}
		
	#bottom {
		border-top:1px solid transparent;
		background: transparent url(../images/bg_knockout.gif) left top no-repeat;
		margin:-2px 0px 0px 0px;
		padding:0px;
		}
		
	*html #bottom {
		margin:-1px 0px 0px 0px;
		/* \*/
		border:none;
		margin:-1px 0px 0px 0px;
		/* */
		}
		
	.right, .left {
		height: 100%;
		background: transparent;
		margin:0px;
		padding:0px 0px 8px 0px;
		border-top: 1px solid #CCCCCC;
		}
		
	.left, .left.f1 {
		width: 192px;
		background: #E7F7F2 url(../images/flourish1.gif) top left no-repeat;
		float:left;
		padding: 20px 31px 10px 35px;
		}
		
	*html .left {
		padding: 20px 25px 10px 35px;
		}
		
	.left.f2 { background-image: url(../images/flourish2.gif); }
	.left.f3 { background-image: url(../images/flourish3.gif); }
	.left.f4 { background-image: url(../images/flourish4.gif); }
		
	.right { margin: 0px 0px 0px 270px; }
		
	*html .right {
		/* \*/
		margin: 0px 0px 0px 268px;
		padding: 0px 0px 0px 0px;
		/* */
		}
		
	.left img { margin:0px 0px 1.5em 0px; }
		
	.left img.getinvolved {
		margin:43px 0px .5em 0px;
		padding-bottom: 10px;
		}
		
	.left .ruled {
		border-top: 1px solid #B4B4B4;
		border-bottom: 1px solid #B4B4B4;
		margin: 0px 0px 25px -6px;
		padding: 25px 0px 10px 6px;
		}
		
	#nav { /* see rest of nav below */
		background:#F4F4F3;
		color: #818282;
		width:auto;
		padding: 20px 20px 15px 20px;
		border-bottom: 1px solid #CCCCCC;
		}
		
	#content {
		width: 490px;
		padding: 15px 20px 0px 20px;
		}
		
	ul {
		list-style: circle;
		margin: 0px;
		padding:0px 0px 1.25em 20px;
		}
		
	ul.noindent { list-style:none; padding-left:0px; }
		
	li {
		margin: 0px 0px .5em 0px;
		padding:0px;
		}
		
	ul ul {
		margin: .5em 0px 1em 0px;
		padding:0px 0px 0px 20px;
		}
		
	#content p.sidebar {
		float: right;
		margin: 0px 10px 10px 10px;
		padding:10px;
		border: 1px solid #CCCCCC;
		}
	
		
/* HEADER TAGS */

	#header {
		background: #FFFFFF;
		width: 600px;
		padding:6px 65px 6px 65px;
		margin: 16px 0px 0px 50px;
		position: relative;
		}
		
	*html #header {
		/* \*/
		width: 700px;
		w\idth: 600px;
		/* */
		}
		
	#header #logo {
		position:absolute;
		top:-5px;
		left:22px;
		display: block;
		
		}
	#header #hb_logo {
		position: absolute;
		top: -5px;
		right: 22px;
	}
		
	#header p {
		color: #767676;
		font-size: 9px;
		text-align:center;
		padding:0px;
		margin:0px;
		}
		
	#header p a { color: #818282; text-decoration:none; }
	#header p a:hover, #header p a:active { color: #474747; text-decoration:none; }
		
/* FOOTER TAGS */

	#footer {
		background: #FFFFFF;
		width: 640px;
		padding: 6px 30px;
		margin: 11px 0px 13px 50px;
		text-align:center;
		}
		
	*html #footer {
		padding: 5px 30px 6px 30px;
		margin: 12px 0px 13px 50px;
		/* \*/
		margin: 11px 0px 13px 50px;
		/* */
		}
		
	#footer p {
		float:left;
		font-size: 9px;
		margin: 0px;
		padding: 0px;
		}
		
	p#firebelly {
		float:none;
		text-align:right;
		}
		
	#footer p a { color: #818282; text-decoration:none; }
	#footer p a:hover, #footer p a:active { color: #474747; text-decoration:none; }
	
	
/* NAV TAGS */

	#nav ul {
		width: 349px;
		height: 15px;
		list-style:none;
		margin:0px 0px 2px 0px;
		padding:0px 0px 10px 0px;
		border-bottom: 1px solid #B4B4B4;
		}
		
	#nav li {
		display:block;
		float:left;
		margin:0px;
		padding:0px;
		}
		
	#nav li a, #nav li a.off {
		height: 15px;
		overflow:hidden;
		display:block;
		float:left;
		background-position: 0px 0px;
		margin:0px;
		padding:0px;
		} 
		
	#nav li a:hover, #nav li a:active, #nav li a.on {
		background-position: 0px -15px;
		}
	
	li a#aboutus {
		width: 70px;
		background:transparent url(../images/nav_about.gif) no-repeat;
		}
		
	li a#whatwedo {
		width: 100px;
		background:transparent url(../images/nav_whatwedo.gif) no-repeat;
		}
		
	li a#getinvolved {
		width: 103px;
		background:transparent url(../images/nav_getinvolved.gif) no-repeat;
		}
		
	li a#resources {
		width: 76px;
		background:transparent url(../images/nav_resources.gif) no-repeat;
		}
		
	#nav2, #nav3 {
		width: 349px;
		font-size:11px;
		line-height: 1.5;
		margin:0px;
		padding:10px 0px 0px 0px;
		border-top: 1px solid #B4B4B4;
		}
		
	#nav3 { margin:10px 0px 0px 0px; }
		
	#nav3 a { color: #818282; }
	#nav2 a:hover, #nav2 a:active, #nav2 a.on, #nav3 a:hover, #nav3 a:active, #nav3 a.on { text-decoration:underline; }
		
/* INDEX SPECS */

	#wrap.index {
		position: relative;
		background: #FFFFFF;
		width: 680px;
		margin: 30px 0px 0px 10px;
		padding: 10px 10px 9px 10px;
		}
		
	*html #wrap.index {
		/* \*/
		width /**/: 700px;
		/* */
		}
		
	#wrap.index #container {
		background: #FFFFFF url(../images/bg_frame.gif) left bottom no-repeat;
		margin:0px;
		padding:0px 0px 20px 0px;
		border:none;
		}
		
	#wrap.index .left {
		background: transparent;
		background-image:none;
		width:200px;
		padding: 20px 20px 0px 20px;
		}
		
	*html #wrap.index .left  {
		/* \*/
		padding: 20px 4px 0px 20px;
		margin-right: 8px;
		width /**/: 220px;
		text-align:center;
		/* */
		}
		
	#wrap.index .right {
		background:transparent;
		width:390px;
		margin-left: 250px;
		padding: 0px 20px 0px 20px;
		}
		
	*html #wrap.index .right {
		/* \*/
		width:390px;
		margin-left: 0px;
		width /**/: 430px;
		text-align:center;
		/* */
		}
		
	#wrap.index p, #wrap.index li, #wrap.index td {
		font-size: 10px;
		line-height: 1.3;
		}
		
	img#logo { margin:0px 17px 0px 0px; }
	img#tagline { margin:38px auto 8px auto; }
	
	p#contact {
		margin: -26px 0px 15px -6px;
		padding: 18px 0px 18px 6px;
		border-bottom: 1px solid #B4B4B4;
		border-top: 1px solid #B4B4B4;
		}
		
	img.sponsor {
		display:block;
		margin:0px auto;
		}
		
	img#photo {
		margin-left:auto;
		margin-right:auto;
		}
		
	#wrap.index #nav {
		background:transparent;
		width:auto;
		margin: 0px auto;
		padding-right: 5px;
		border:none;
		}
		
		
	#upcoming {
		background: #F4F4F3;
		margin: 0px 0px 24px 0px;
		}
		
	#footer.index { margin: 11px 0px 13px 10px; }
		
	
/* NEWS SPECS */

	.news h6 { margin: 1em 0px; }
	
		
/* IMAGE REPLACEMENTS FOR HEADERS */

	#upcoming h2 {
		background: #F4F4F3 url(../images/h2_upcomingevents.gif) 10px 10px no-repeat;
		padding-bottom: 19px;
		border-bottom: 2px solid #FFFFFF;
		}
		
	*html #upcoming h2 {
		/* \*/
		padding-bottom /**/: 34px;
		/* */
		}
	
	a h3 { margin-bottom:.3em; }
		
	a#volunteer h4, a#donate h4, a#getinfo h4 {
		background: transparent 0px 0px no-repeat;
		}
		
	a#volunteer:hover h4, a#volunteer:active h4, a#donate:hover h4, a#donate:active h4, a#getinfo:hover h4, a#getinfo:active h4 {
		background-position: 0px -9px;
		}
		
	a#volunteer h4 {
		background-image: url(../images/h3_volunteer.gif);
		}
		
	#index a#donate h4 {
		background-image: url(../images/h3_donate.gif);
		}
		
	a#getinfo h4 {
		background-image: url(../images/h3_getinfo.gif);
		}
		
	#index a#join h4 {
		background-image: url(../images/h3_join.gif);
		}