@import url(color.css);
@import url(typography.css);
/* ============== Normalize ========================================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, 
input, p, q, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0;} /* Remove list-style from lists */
fieldset, img { border: 0; margin: 0;} /* Remove border from fieldset and img */
caption, th { text-align: left;} /* Left-align textin caption and th */
/* =============== Begin General ===================================== */
html { text-align: center;}
body {
	width: 740px; 	/*for the bg gradient*/	
	margin: 0 auto;	
	text-align: left;
	position: relative;
	}
#content {
	width: 740px;
	}
.clear { clear: both;}
/* ========== branding =====================  */	
#branding, #branding_logo, #branding_image {	
	height: 189px;
	}
#branding_logo, #branding_image {
	float: left;
	}	
#tagline {
	position: relative;
	top:-49px;
	text-align:center;
	clear: both;
	}
#tagline p {
	padding-bottom: 0;
	}	

/* ========== nav =====================  */	
.nav {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 1px;
	}	
	
/* ======== content ==============================*/
#content_main_all {
	position: relative;
	top: -11px;
	}
#content_main {
	clear: both;
	padding: 15px 20px 70px 20px;
	margin: 0 1px;
	}

h1 { padding:  0   0 15px 0;}	
h2 { padding: 25px 0  2px 0;}
h3 { padding: 15px 0  2px 0;}
h4 { padding: 15px 0  2px 0;}
p  { padding:  2px 0 10px 0;}
ul { padding:  0   0 10px 0;}

li { 					
	margin-left: 30px;
	padding-left: 10px;	/* li bullets */
	} 
.photos_right {
	padding: 10px;
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	}
.photos_left {
	padding: 10px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	}