body {
margin:0px 0 30px 0;
padding:0;
background-color:#E5EBEF;
text-align:center;
font-family:trebuchet, "Trebuchet MS", arial, helvetica, sans-serif;
font-size:14px;
}

a {
}

a:hover {
text-decoration:underline;
}

img {
border:0;
}

h2, h3, h4 {
color:#074D86;
}

h3 span {
font-size: 80%;
}

.to-left {
float:left;
}

.to-right {
float:right;
}

#outer {
margin:0 auto;padding:0 24px;
width:759px;
text-align:left;
background:#fff url(http://www.gracepca.com/images/v2/page-bgnd.gif) repeat-y;
}

#top-shadow, #bot-shadow {
height:20px;
background:url(http://www.gracepca.com/images/v2/page-top-shadow.jpg) no-repeat;
width:809px;
margin:0 -24px;
}

#bot-shadow {
background:url(http://www.gracepca.com/images/v2/page-bottom-shadow.jpg) no-repeat;
}

#header {
height:156px;width:760px;
background:url(http://www.gracepca.com/images/v2/header-bgnd.jpg) repeat-x;
}
  
#header .logo {
height:156px;
width:700px;
background:url(http://www.gracepca.com/images/v2/header-logo.jpg) no-repeat;position:relative;
}

#header .logo .details {
color:#fff;font-weight:bold;position:absolute;
top:86px;
left:46px;
line-height:20px;
}	

#header .logo h1, #footer .logo h1  {
padding:0;
margin:0;
margin-left:-9000px;
width:300px;
font-size:0px;
line-height:0px;
}

.logo a {
color:#fff;
}

.logo .details .highlight {
color:#FBF9CD;
}

#content-wrapper {}

#navigation {
width:140px;
float:left;
}
	
#navigation ul {
padding:0;
margin:0;
list-style-type:none;
padding-left:17px;
margin-top:17px;
}

#navigation ul ul {
background:url(http://www.gracepca.com/images/v2/nav-header-div.gif) 0px 0px no-repeat;
padding-left:5px;
margin-top:2px;
padding-top:5px;
margin-bottom:15px;
}

#navigation ul li ul li {
padding:0;
margin:0;
font-weight:normal;
font-style:normal;
font-size:12px;
line-height:16px;
}

#navigation li a {
color:#55839A;
text-decoration:none;
}

#navigation li a:hover {
text-decoration:underline;
}

#navigation li.nav-header {
font-weight:bold;
font-style:italic;
color:#074D86;
}
	
#highlight-blocks-wrapper {}

.highlight-block {
float:left;
background:url(http://www.gracepca.com/images/v2/highlight-block-bgnd.gif) no-repeat;
height:137px;
width:155px;
padding:10px 15px;
margin-right:7px;
font-size:12px;
color:#507B92;
line-height:18px;
overflow:hidden;
}

.highlight-block a {
color:#507B92;
}

#highlight-blocks-wrapper .last {
margin-right:0;
}

.highlight-block h3 { padding:0;
margin:0;
color:#154A6C;
font-size:13px;
padding-bottom:0px;
text-transform:uppercase;
}

.highlight-block ul {
padding:0;
margin:0;
list-style-type:none;
}

.highlight-block ul li {
background:url(http://www.gracepca.com/images/v2/highlight-block-arrow.gif) 0 5px no-repeat;
padding-left:10px;
}

#highlight-blocks-wrapper .last ul li {
margin-top:2px;
margin-bottom:3px;
}

.highlight-block .details {
font-size:11px;
margin-bottom:9px;
}	
	
#content {
padding:15px 25px;
float:right;
width:569px;
margin-bottom:20px;
}

#content h1 {
padding:0;
margin:0;
margin-top:25px;
margin-bottom:17px;
border-bottom:1px solid #BDCAD6;
color:#2C5783;
font: bold 32px/32px georgia, times, serif;
} 

#content h2 {
padding:0;
margin:0;
margin-top:25px;
margin-bottom:17px;
border-bottom:1px solid #BDCAD6;
color:#2C5783;
font: bold 20px/20px georgia, times, serif;
} 

.entry li {
list-style: none;
padding: 3px 0;
}

/* replaced with DTR script */
#content h1 img {
border:0px;
padding:0;
margin:0;
margin-bottom:-5px;
display:inline;
}

 /* for DTR */
#content p {
color:#333333;
font-size:13px;
line-height:24px;
}

#content img {
padding:3px;
border:1px solid #ccc;
margin-top:6px;
margin-bottom:3px;
}

#content img.to-left {
margin-right:10px;
}

#content img.to-right {
margin-left:10px;
}
	
#footer {
height:165px;
width:760px;
background:url(http://www.gracepca.com/images/v2/footer-bgnd.gif) repeat-x;
}	

#footer .logo {
width:400px;
background:url(http://www.gracepca.com/images/v2/footer-logo.gif) right top no-repeat;
float:right;
position:relative;
margin-top:20px;
margin-right:30px;
height:100px;
borer:2px dotted pink;
}

#footer .logo .details .highlight {
font-size:16px;
font-weight:bold;
}

#footer .logo .details { color:#fff;
font-weight:bold;
text-align:right;
position:absolute;
top:40px;
right:0px;
font-size:14px;
font-weight:normal;
}

#footer .logo .details a {
font-weight:bold;
}

#footer .logo .details img {
margin-top:13px;
}												 	
	
/* p.i.e. clearfix - see positioniseverything.net for more */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* easy clear fix for IE 7 - see 456bereastreet.com for details */
.clearfix {display:inline-table;} 

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ie 5.x stuff - simplified box model hack - can optionally be placed in IE conditionals with hacks removed */
	#outer {\width:807px;}
	#outer {w\idth:759px;}
	#content {\width:619px;}
	#content {w\idth:569px;}
	.highlight-block {\width:185px;\height:157px;}
	.highlight-block {w\idth:155px;he\ight:137px;}
/* end */

/* Monoslideshow styling */
#monoSlideshow {
float: right;
text-align: center;
width: 330px;
margin:6px 0 3px 15px;
padding:3px;
border:1px solid #ccc;
}

/* STAFF PROFILES */

.staff_contact {
display: block;
margin: 3px 0 0 0;
font-weight: normal;
font-size: 12px;
}

.staffPicList {
float:right; 
margin: 0 0 0 20px;
}