/* Eric Meyer's Reset : http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Ms. Jen's CSS */

body {
	font-family:"Myriad Pro","Segoe UI",Helvetica, Arial, sans-serif;
	line-height:160%;
	font-size:1.1em;
	color:#26001C;
	background-color:#FFFEF0;
}

p {margin:1em 0;}

/* links */
a { color:#870004; font-weight:600;text-decoration:none;padding:2px;}



/* Dave Shea's image replacement CSS mezzoblue.com */
/* css */
#header {
	width: 600px;
	height: 104px;
	position: relative;
	}

#header span {	
	background: url(../images/pmbc-logo.png) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;}

#header h1, #header a, #header a:focus, #header a:hover, #header a:visited {text-decoration: none;color:#FFFEF0; background-color:#FFFEF0;}


/* Navigation */
#main-nav {position:absolute; top:12px; right:0px; background:#FFECF6;
	border:1px dashed #870004;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
	opacity:0.92; filter:alpha(opacity=92);
	padding:6px; text-align:right; font-size:1em; font-weight:600;}
#main-nav a:focus, #main-nav a:hover { padding:2px; background-color:#FFEEBC;}

/* Main Content */
#content  {margin:60px 14px 148px 40%; padding:8px 24px 8px 4px; width:48%; text-align:justify;}
#content-photo {margin:60px 12px 140px 120px; padding:8px 24px 8px 4px; max-width:800px;text-align:justify;}}

#content h2, #content-photo h2 {font-size:1.2em; font-weight:600; color:#26001C; opacity:0.92; filter:alpha(opacity=92);}

#image {float:left; margin:48px 12px 12px 8px; padding:8px 24px 8px 4px;}
img.celesphoto {margin-left:32px; border:4px solid #FFF;}
img {border:4px solid #FFF;}

a img, a.line, a.unit, a.lastUnit, a.size1of2, a.size2of2, a.size1of1 {color:#FFF;text-decoration:none;}
	

#footer {position:fixed; bottom:0; left:0; width:100%; height:124px; 
	background-color:#26001C; opacity:0.94; filter:alpha(opacity=94); 
	color:#FFF; padding:8px; padding-bottom:8px; line-height:124%;}

a#footer, a.footer-email {color:#A70005; text-decoration:underline;}
	
#contact-info{margin:4px 24px 2px 40px; padding:4px 8px;}

p.left-contact{float:left;color:#FFFEF0;}
p.mid-contact{float:left;color:#FFFEF0;margin-left:20px;}
p.right-contact{float:left; margin-left:20px; color:#FFFEF0;}
span.first-letter {font-size:1.1em; color:#A70005;}
	
p.copyright {padding:2px; text-align:center; margin:0 auto; font-size:.7em; clear:both; color:#FFFEF0;}


/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
.line {clear:both;}
.unit{float:left;_zoom:1;}
.unitExt{float:right;}
.size1of1{float:none;}
.size1of2{width:300px;height:300px;}
.size2of2{width:300px;height:300px;}
/*	.lastUnit {float:right;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}*/
/* extending grids to allow a unit that takes the width of its content */
.media{width:auto;}