@import url(color.css);
@import url(typography.css);
/* ============== Normalize =====================================================*/
/*margin, padding */body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
/* Remove list-style from lists */			table { border-collapse:collapse; border-spacing:0;}
/* Remove border from fieldset and img */	fieldset, img { border:0; }
/* Left-align textin caption and th */		caption, th {text-align:left;}
/* =============== General Page Structure =========================================== */
html {
	text-align:center;
	}
body{
	width:825px;
	margin:0 auto;
	position:relative;
	text-align:left;
	}
/* --------- Top and bottom gradient ---------------- */
#top_left_corner,
#top_right_corner,
#top_middle			 { height:120px;}

#top_left_corner,
#bottom_left_corner {
	width:72px;
	float:left;
	}
#top_right_corner,
#bottom_right_corner { float: right;}
	
#bottom_left_corner,
#bottom_middle,
#bottom_right_corner { height:60px;}

#top_middle 		{ text-align:center;}
#bottom_middle 		{ width: auto;}
#top_right_corner 	{ width: 89px;}
#bottom_right_corner{ width: 98px;}



/* ---- Bottom Gradient: 
Fix for IE6 Margin on Floating objects, 
doesn't affect IE7 or Firefox ---- */

#top_left_corner, #bottom_left_corner { margin-right:-3px;}
#top_right_corner, bottom_right_corner { margin-left:-3px;}

/* ------------- Navigation ------------ */
#nav {
	margin-left: 35px;
	padding:0 0 5px 0;
	}
#nav li {
	display:inline;
	padding:0 6px;
	}
#sub_nav {
	padding:5px 0 5px 35px;
	margin:0 55px 0 25px;
	text-align:center;
	}
#sub_nav li {
	display:inline;
	padding:0 6px;
	}
#nav li .location  	  { padding: 0 0 0 0;} 
#sub_nav li .location { padding: 0 0 1px 0;}

/* ------------- Banner ------------ */
#branding img {
	padding-left:0px;
	padding-top: 5px;
	}
#branding #sub-banner {
	padding-left:19px;
	padding-top: 5px;
	}
/* ------------ Content ----------------- */
#container {
	width:734px;
	margin:0 auto;
	}
#content_main {
	padding-left:25px;
	padding-bottom: 100px;
	}
#content_main_left {
	width:60%;
	float:left;
	padding:0 25px 0 5px;
	}
#content_main_right {
	margin-top:20px;	
	padding:10px 0 60px 15px;
	width:27%;
	float:left;	
	}

#clear_div {
	clear:both;
	}
/* ------------ Content: text ----------------- */
#content_main h1 { padding:5px 0 5px 0;}
#content_main h2 { padding-top:15px;}
#content_main h3 { padding-top:15px;}

#content_main_left p  { padding:  3px 0  3px  0; }
#content_main_left q  { padding: 15px 0  3px  0; display: block; }

#content_main_left li {  margin:  3px 0  3px 30px;}
ul.secondary_list  	  { margin-left: 30px;}

#content_main_left ul, 
#content_main_left ol { padding: 0 0 0 0;}

/* ------- Pages ---------- */
#home_page #content_main h3 { padding-top:7px;}
#events_page #content_main h3 { padding-top:25px;}
#events_page #content_main h1 { padding-bottom:0px;}

/* -- Home: Right column  ---- */

#sidebar_links p { padding-top: 0px;}
#sidebar_links h4 {padding-top: 20px;}
#phone { padding-top:10px;}
#content_main_right q  { padding: 25px 0 3px 0; display: block; }

	
/* --- Content: images ---------------- */
#content_main img { margin:5px 22px 25px 0;}
#testimonials_page #content_main { padding-left: 30px;}

/* -- donate  ---- */
#donation_page form { 
	display: inline;
	}
#donation_page .form_li {
	}
/* -------------- Footer ----------------- */
#footer {
	padding:2px 0 15px 0;
	text-align: center;
	}
#footer li {
	display:inline;
	padding:0 8px;
	}