@charset "UTF-8";
/* CSS Document Zappala */

body { text-align:center;
		min-width:980px;		/*This is for Netscape browsers */
		margin:0;
		padding:0;
		font:x-small/1.5em Georgia, "Times New Roman", Times, serif;   /* This sets the default font for all elements to Georgia */
		  voice-family: "\"}\""; voice-family:inherit;
		  font-size:small;
		 background-color:#58554c;

}
  
  
  html>body {font-size:small;}			/* hack to make IE5 behave */



#container1 {text-align:left;
width:960px;
				background-image:url(images/bkg-body.jpg);
		background-repeat:repeat-y;
		background-position:top center;
		font:x-small/1.5em Georgia, "Times New Roman", Times, serif;   /* This sets the default font for all elements to Georgia */
		  voice-family: "\"}\""; voice-family:inherit;
		  font-size:small;
		 background-color:#58554c;
margin:0px auto 20px auto;


}

#banner {width:960px;
height:166px;
background-image:url(images/banner.jpg);
background-repeat:no-repeat;
background-position:top left;
margin:0;padding:0;
	
}

#banner h1 {font-size:14px;margin:0;padding:0;   /* in banner, to hide h1 head, but still have it indexed by search engines */
}

#banner h1 span {display:none;					/* in banner, to hide h1 head, but still have it indexed by search engines */
}


/*  FOR BLACK PAGES */

#container2 {margin-left:20px;
width:922px;
background-color:#000;
background-image:url(images/bkg-container2-a.jpg);
background-repeat:no-repeat;
background-position:top left;
	
}

/* FOR WHITE PAGES */
#container-white {margin-left:20px;
width:922px;
background-color:#fff;
background-image:url(images/bkg-container-repeat.jpg);
background-repeat:repeat-y;
background-position:top left;
}
#container-white-inner {width:auto;
background-image:url(images/bkg-container-inside.jpg);
background-repeat:no-repeat;
background-position:top left;
}


/*-----------navigation----------------- */


#leftnav {float:left;
margin-left:-21px;
width:231px;
}
#leftnav ul {margin:0;
padding:0;
width:231px;
list-style-type:none;
}

#leftnav ul li {margin:0;
height:32px;
background-image:url(images/bkg-navbutton.jpg);
background-repeat:no-repeat;
background-position:top left;
padding:0;
	
}

#leftnav ul li a {display:block;
color:#ccc;
text-decoration:none;
padding:6px 0 0 0px;
text-align:center;
font-size:14px;
	
}
#leftnav ul li a:hover {display:block;
color:#fff;
}



.announce {
			margin-left:3px;
			margin-top:9px;
			width:230px;
			background:url(images/box-a-mid.jpg) repeat-y;
			background-position:top left;
}

html>body .announce {														/* Hack to make IE5 behave */
				margin-left:3px;
				width:230px;
				background:url(images/box-a-mid.jpg) repeat-y;
}
.announce h2 {background:url(images/box-a-top.jpg) no-repeat left top;
			padding-top:10px;margin:0;
			color:#960;
			font-size:16px;
			line-height:22px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-weight:bold;
}
.announce a {color:#C03;
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
}
.announce p {font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#000;
			line-height:13px;
			margin:0;padding:0;
}
.announce .boxlast {background:url(images/box-a-bot.jpg) no-repeat left bottom;
					padding-bottom:25px;margin:10px 0 0 0;
}

.announce h2, .announce p {padding-left:24px;padding-right:24px;
							text-align:center;
}


/*_____________------------------- this next Main Div is for Black pages   -------------*/

#main {float:left;
width:690px;
color:#fff;
	
}

#main h1, #main h2, #main h3, #main h4, #main h5 {margin:5px 0px 5px 15px;
font-weight:normal;
}


#main h1 {font-size:28px;
line-height:32px;
}
#main h2 {font-size:20px;
}

#main h3 {font-size:16px;
}

#main p {color:#fff;
margin:5px 0px 5px 15px;
}
.first {margin-top:0;
}

#main h2.joe {font-family:Arial Narrow, Arial, sans-serif;
font-size:18px;
line-height:28px;
}


/*_____________------------------- this next Main2 Div is for White pages   -------------*/

#main2 {
	float:left;
	width:690px;
	color:#000;
	font-family: Georgia, "Times New Roman", Times, serif;	
}

#main2 h1, #main2 h2, #main2 h3, #main2 h4, #main2 h5 {margin:5px 0px 5px 15px;
font-weight:normal;
}


#main2 h1 {font-size:28px;
line-height:32px;
}
#main2 h2 {font-size:20px;
}

#main2 h3 {font-size:16px;
}

#main2 p {
	color:#000;
	margin:5px 0px 5px 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
}






/* --------------------------footer rules */

#footer {clear:both;
text-align:center;
background-color:#434139;
color:#eee;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
	
}

#footer a {color:#98dcfe;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#footer a:hover {text-decoration:underline;
	
}