

@import url('/css/reset.css');
@import url('/css/typography.css');

body { background: #114e8d url('/images/swerve/bg-body.png') top repeat-x; }

#wrap { width: 100%; margin: 0 auto; }

/*-- header -- */
#header { display: none; visibility: hidden; }
#header_popup { display: none; visibility: hidden; }

.links a { text-decoration: none; color: #5b91cc; font-weight: normal; }
.links .pipe { padding: 0 6px; }  a.highvis { text-transform: uppercase; color: #fff; background: #2c65a0; padding: 0 2px; font-weight: bold;}


/* -- navigation -- */

#nav { display: none; visibility: hidden; }


/* -- content layout -- */
#content { background: #fff; padding: 0 0 10px 0; }
#primary { width: 96%; padding: 20px 16px 0 16px; }
#primary_wide { width: 96%; padding: 20px 16px 12px 16px; }
#primary_popup { padding: 0px 16px 0px 16px; }
#left_column { display: none; visibility: hidden; }


/* -- special homepage layout -- */
.homepage #content { }
.homepage #slideshow { margin-bottom: 25px; }
.homepage #slideshow * { display: block; }
.homepage #left_column, .homepage #middle_column, .homepage #right_column { width: 304px; }
/* use padding instead of margin to avoide ie6 double margin bug */
.homepage #left_column { display: block; visibility: visible; padding: 0 0 0 17px; float: left; }
.homepage #middle_column { padding: 0 0 0 16px; float: left; }
.homepage #right_column { padding: 0 16px 0 0; float: right; }


/* -- features -- */

.feature { margin: 0 0 15px 17px; width: 260px; }

.homepage .feature { margin-left: 0; width: 304px; }

h2.feature img { display: block; }

div.feature { background: #eaead9 url('/images/swerve/bg-feature-bottom.png') bottom no-repeat; padding: 0 0 26px 0; }
.homepage div.feature { background-image: url('/images/swerve/bg-feature-bottom-home.png') }

div.feature h2 { line-height: 1.667em; margin-bottom: 8px; margin-top: 0;
                 background: url('/images/swerve/bg-title-dark-blue.png') top center no-repeat;
                 color: #fff; padding: 7px 0 28px 0; text-align: center; }
.homepage div.feature h2 { line-height: 1.667em; margin-bottom: 8px; margin-top: 0;
                 background-image: url('/images/swerve/bg-title-dark-blue-home.png');  }

div.light-blue h2 { background-image: url('/images/swerve/bg-title-light-blue.png'); }
.homepage div.light-blue h2 { background-image: url('/images/swerve/bg-title-light-blue-home.png'); }


/* -- specific features -- */

/* general feature boxes (dark blue,coming up) */
div.feature div { margin: 0 20px 12px 20px; }
div.feature .hr { background: url('/images/swerve/bg-feature-divider.png') top repeat-x; padding: 0px 0 0px 0; margin: 10px 0 10px 0; }
hr { visibility:hidden; }
div.feature h3 { color: #114e8d; font-size: 1.385em; margin: 0; font-weight: normal; }
div.feature h3 a { color: #114e8d; text-decoration: none; font-weight: normal; }
div.feature h3 a:hover { color: #4f97e1; }

div.feature h4 { color: #6d6051; font-size: 1em; font-weight: normal; margin: 0 0 4px 0;}
div.feature p { margin: 0; color: #6d6051; }
div.feature p.find-out-more { margin: 0 20px; font-size: 0.923em;  }
div.feature p.find-out-more a { background: #114e8d url('/images/swerve/bg-find-out-more-dark-blue.png') right no-repeat; color: #fff; text-decoration: none; 
padding: 3px 16px 3px 10px; font-weight: normal; }

/* light blue */
div.light-blue h3, div.light-blue h3 a { color: #4f97e1; }
div.light-blue h3 a:hover { color: #114e8d; }
div.light-blue p.find-out-more a { background: #4f97e1 url('/images/swerve/bg-find-out-more-light-blue.png') right no-repeat; }

/* sunday services */
div.sunday-services h3 { font-size: 2em; margin-bottom: 3px;}


/* -- footer -- */
#footer { display: none; visibility: hidden; }

/* -- random classes -- */
.clear { clear: both; }
.left { float: left; }
.right{ float: right; }

/* -- Azurite additions by Andy Read -- */

#auxnav { display: none; visibility: hidden; }

.noborder  { border: 0; padding: 1px ; }
.nopadding { padding: 0; }

.noborder  td, .noborder  th { border: 0; padding: 1px; }
.nopadding td, .nopadding th { padding: 0; }

div.blockeditfunctions { float: right; }
.blockeditfunctions td { border: 0; padding: 0; }

div.imageleft  { float: left; margin-right: 10px; }
div.imageright { float: right; margin-left: 16px; }

.floatright { float: right;}
.clearboth { clear: both;}


img, a img, :link img, :visited img {border: none}

hr { border: none;
     background-color: #CCC;
     color: #CCC;
     height: 1px;
}

.peoplebiogs { display: inline; 
background-color: #E1E1E1; 
border: 1px dashed red;}

.peoplebiogs div p{ display: inline; 
background-color: #E1E1E1; 
border: 1px dashed red;}

table {border-collapse: collapse;}
.formtable td { padding: 4px;}

.inlinelayout a { margin: 4px 20px 4px 0px;}

.righttextalign {text-align: left;}

.rhimages { position: absolute; right: 0px; width: 126px;}

.heading { font-size: 1.4em; font-weight: bold;}

.bo, th {font-weight:bold;}
.bgwhite {background:#fff;}
.listdate a { color: #006; font-weight:bold;}
.firstletter {	font-size: 1.3em; }
.note {	font-size: 0.85em; }

.PageColLeft { 
float: left; 
width: 320px;
margin: 0px 16px 0px 0px;
padding: 0px 8px 6px 0px;
background: url(/images/template/dotsvertical.gif) right top repeat-y;
}

.PageColRight { 
float: right; 
width: 320px;
margin: 0px 0px 0px 12px;
padding: 0px 0px 6px 16px;
background: url(/images/template/dotsvertical.gif) left top repeat-y;
}

.block p { margin:2px 0px 10px 0px }
.quote { font-weight:bold; font-style:italic }
.PhotoCaption { text-align: center; font-weight: bold; margin-top: 0; }
.hidden {display:none;} /* Removed to allow images to be displayed but left in for accessibility reasons */

.dotsvertical { top: 232px; width: 12px; height: 100%; background-image: url(/images/template/dotsvertical.gif); background-repeat: repeat-y; }

.dotshorizontal { width: 100%; height: 12px; background-image: url(/images/template/dots2v.gif); background-repeat: repeat-x; }

/*******************************************************************/

#PersonStaffList {
        position: relative;
        left: 0;
        top: 0;
}

#PersonStaffList ul {
	margin: 0px;
	padding: 0px;
}

#PersonStaffList li {
	width: 24%;
	text-align: center;
	list-style-type: none;
	padding: 0;
	margin: 10px 0px 10px 0px;
        float: left;
}

#breadcrumb { display: none; visibility: hidden; }

#sitecredits { display: none; visibility: hidden; }


/* -- end of file -- */
