@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/* Base Styles */

body{
	background-color:#8FC7CA;
}

#page{
	width:960px;
	margin: 0 auto;
	background-image: url(images/st-johns-childrens-bg.gif);
	background-repeat: no-repeat;
	background-color: #CDE5E7;
	background-position: center top;
}

#header{
	height:128px;
	margin: 0 20px;
}

#video-area{
	padding: 24px 20px 0;	
	width: 880px;
/*	height: 252px; */
	background-color:#455A79;
	margin:0 auto;
}

#page-area{
	padding: 24px 20px;	
	width: 880px;
	background-color:#455A79;
	margin:0 auto;
}

#navigation{
	float:left;
	width:400px;
	font-size:12px;
	padding-top: 4px;
}

#navigation a{
	text-decoration:none;
	color:#455A79;
}

#navigation li{
	float:left;
	padding:0 8px;
	border:0 none;
	border-right: 1px solid #455A79;
	margin: 0;
}

#navigation li.first{
	padding-left:5px;	
}

#navigation li.last{
	border: 0 none;	
}
	
#search-area, #ajaxSearch_form{
	float:right;
	width:215px;
	background-color:#9CC;
	padding:1px;
}

#search-box, #ajaxSearch_input{
	width:175px;
	background-color:#FFF;
	font-size:11px;
	padding:2px 5px;
	color:#999;
	font-style:italic;
	border:0 none;
	margin:0;
	height:14px;
	float:left;
}

#search-submit, #ajaxSearch_submit{
	background-color:#9CC;
	color:#FFF;
	height:16px;
	border:0 none;
	float:right;
	width:30px;
	text-align:center;
}

#content{

}

#left-column{

}

#middle-column{

}

#right-column{
	padding:0;
}

#footer{
	width:960px;
	padding: 6px 0;
	margin: 0 auto;
	font-size:9px;
	color:#455A79;
	text-align:center;
}


#bottom-columns{
	width:880px;
	margin: 0 auto;
	padding: 0 20px;
/*	height: 170px; */
	color: #455A79;
}
.bottom-column h2 {
	font-size: 12px;
	margin-bottom:16px;
	margin-top: 2px;
}

.bottom-column p{
	font-size:10px;	
}

.bottom-column a{
	color: #455A79;
	text-decoration:none;
}

.bottom-column{
	width:245px;
/*	height:150px; */
	padding: 0 70px 0 0;
	float:left;
	margin-top:10px;
}

.video-column, .story-column{
	float:left;
}

#description{
	width:270px;
	color:#FFF;
	padding: 0 14px 0 0;
}

#description h1{
	font-size:17px;
}

#description p{
	font-size:12px;	
	margin-top:14px;
}

#description h2{
	font-size:14px;
	margin-top:14px;
}

#video{
	width:448px;
}

#thumbnails{
	width:125px;
	padding: 0 0 0 17px;
}

#thumbnails img{
	margin: 0 0 21px 0;	
	padding:0;
	border:0 none;
}




.clearfloat{
	font-size:1px;
        height: 0;
	line-height:0%;
	clear:both;	
}

#logos{
	padding: 25px 0 16px;
	height:60px;
}

#mercy-child-logo{
	float:left;	
}

#mercy-logo{
	float:right;	
}

#page-content{
	width:618px;
	color:#FFF;
	padding: 0 118px 0 0;
}

#page-content h1{
	font-size:18px;
}

#page-content p{
	font-size:12px;	
	margin-top:18px;
}

#page-content li{
	font-size:12px;
	color:#FFF;
}

#page-content a{
	font-size:12px;
	color:#CDE5E7;
	text-decoration:underline;
}

#page-content a:hover{
	text-decoration:none;
}

#page-area h4{
	color:#fff;
	margin:0 0 7px 0;
	font-size:12px;
	font-weight:bold;
}


hr {
  border: 0;
  height:0;
  clear:both;
  visibility:hidden;
  width: 80%;
}

#page-area h3, #description h3{
	color:#fff;
	margin:36px 0 0 0;
	font-size:14px;
	text-transform:uppercase;
}

#page-area a.button, #description a.button{
	font-size:12px;
	background-color:#CDE5E7;
	text-decoration:none;
	text-transform:uppercase;
	padding:3px;
	color:#455A79;
	display:block;
	text-align:center;
	width:250px;
}

#thumbnails img.last-thumbnail{
	margin:0;	
}

.share-images {
	vertical-align: baseline;
	padding: 0 6px 0 0;
}

/* Search Results */

.ajaxSearch_resultsInfo{
	color:#fff;
	margin:0 0 16px 0;
	font-size:14px;
}
.ajaxSearch_highlight{
	font-weight:bold;
}
.ajaxSearch_resultLink{
	display:block;
	font-weight:bold;
}

.thumbnail-container{
	width:140px;
        height: 140px;
        float:left;
}

#page-content  .thumbnail-container a{
	display:block; 
        font-weight:bold;
        text-decoration:none;
}

#page-content  .thumbnail-container a.title{
        padding: 3px 3px 0;
}

#page-content  .thumbnail-container a:hover{
        color:#fff;
}

.time{
        padding-left:3px;
	display:block; 
        font-size:9px;       
}

.archive-thumbnails{
        padding:2px;
        border: 1px solid #fff;
        display:block;
}

#page-area form label, #description form label{
       margin-top:12px;
       display:block;
}

#page-area form input.submit, #description form input.submit{
	font-size:12px;
	background-color:#CDE5E7;
	text-decoration:none;
	text-transform:uppercase;
	padding:3px;
	color:#455A79;
	display:block;
	text-align:center;
        border:0 none;
        margin-top:12px;
}
#page-area form label.error, #description form label.error{
       display:inline;
}

textarea{
        font-size:12px;
}

#footer a{
	text-decoration:none;
}

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

div.story-column img {
	float: right;
	padding-bottom: 15px;
	padding-left: 20px;
	margin: 0;
}

div#social-media img {
	float: none;
	padding: 0 5px 0 0;
	margin: 0;
	vertical-align:bottom;
}

div#social-media{
	font-size: 12px;
font-weight:bold;
}

#friend-links a{
padding-top: 12px;
padding-right: 15px;
padding-bottom: 3px;
padding-left: 30px;
height: 15px;
display: block;
float: left;
font-size: 10px;
	color:#455A79;
margin-bottom: 0pt;
}