/* ====================

Title: St Marks Main
Last updated: 04/07/2009 by MikeB

==================== */


@import url('/css/reset.css');
@import url('/css/typography.css');



body { background: #114e8d url('/images/swerve/bg-body.png') top repeat-x; }

#wrap { width: 977px; margin: 0 auto; }

/*-- header -- */
#header { height: 10.538em; position: relative; }
#header_popup { position: relative; padding: 10px; line-height: 1px; }
#header .logo { position: absolute; left: 17px; top: 23px; margin: 0;}
#header .logo a, #header .logo img { display: block; }
#header .links { position: absolute; right: 0; top: 14px; margin: 0; font-size: 0.846em; color: #92c4fb; }
.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;}
#header form { position: absolute; top: 6.923em; right: 0; }

#header label { font-size: 1.308em; color: #92c4fb;  vertical-align: middle; height: 23px; }

#header form input { margin: 0 0 0 2px; vertical-align: middle; }
#header form label input { display: inline; border: none; height: 1.154em; padding: 4px; width: 181px; width: 13.923em; background: #fff; 
vertical-align: text-top;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
margin-left: 6px;
}	


/* -- navigation -- */

#nav { float: left; width: 977px; font-size: 1.231em; font-weight: bold; }


#nav a { text-decoration: none; color: #114e8d; }
#nav .current a { color: #fff; }
#nav a:hover { color: #525d05; color: #72800a; }

#nav li { float: left; text-align: center; list-style-type: none; margin-left: 0;
          background: #cede5c url('/images/swerve/bg-nav-item.png') top center no-repeat;
          border-right: 1px solid #ddec6e; padding: 12px 0;}
#nav li.first { background-position: top left; }
#nav li.last { border-right: none; background-position: top right; }

#nav li.current { background-image: url('/images/swerve/bg-nav-item-current.png'); background-color: #b3c33c; }


/* widths for individual menu items */
#nav li.home { width: 6.625em; }
#nav li.about-us { width: 8.5em; }
#nav li.our-community { width: 11.5em; }
#nav li.whats-on { width: 8.1875em; }
#nav li.connect { width: 7.875em; }
#nav li.resources { width: 8.75em }
#nav li.contact-us { width: 9.25em; }


/* -- content layout -- */
#content { background: #fff; padding: 0 0 10px 0; }
#primary { width: 652px; float: right; padding: 20px 16px 0 16px; }
#primary_wide { padding: 20px 16px 12px 16px; }
#primary_popup { width: 652px; padding: 0px 16px 0px 16px; }
#left_column { width: 293px; float: left; }


/* -- special homepage layout -- */
.homepage #content { }
.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 { padding: 0 0 0 17px; float: left; }
.homepage #middle_column { padding: 0 0 0 16px; float: left; }
/* .homepage #right_column { padding: 0 0 0 16px; float: left; } */
.homepage #right_column { padding: 0 16px 0 0; float: right; }
.homepage div.imageleft  { float: left; margin-right: 0px; padding-right: 1px; }
.homepage div.imageright  { float: right; margin-left: 0px; }

.homepage #slideshow { height: 285px; margin-bottom: 25px; }

/* -- submenu -- */
ul.submenu { width: 293px; padding-bottom: 31px;
        background: #fff url('/images/swerve/bg-submenu-bottom.png') bottom left no-repeat;
        font-size: 1.231em; font-weight: bold; margin: 0 0 15px 0; }
ul.submenu li { width: 293px; list-style: none; outline: 0; margin-left: 0; }

ul.submenu li.current {
    background: transparent url('/images/swerve/bg-submenu-item-current.png') right no-repeat; }


ul.submenu a { width: 239px; background: #4f97e1; display: block; color: #fff; text-decoration: none; padding: 14px 0 14px 38px;
border-bottom: 1px solid #8dc0f5; }
ul.submenu .current a { background: #2b7bcd; }

ul.submenu li a:hover { background-color: #3d89d6; }
ul.submenu li.current a:hover { background-color: #2b7bcd; }


/* -- 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; }
div.feature 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 { background: #001b39; color: #d6e2f0; padding: 12px 0 12px 0; font-size: 0.923em; line-height: 1.5em; }
#footer .paragraphs { width: 977px; }

/* #footer p { width } is dynamically calculated in footer-menu */
#footer p { float: left; margin: 0; padding: 0 16px; border-left: 1px dotted #1C5089; }
#footer p.first { border-left: 0; }

#footer strong { color: #bfd234; }
#footer li { text-indent: -10px; }
#footer a { color: #eaead9; text-decoration: none; font-weight: normal; }

#footer a:hover, #footer a:hover strong { color: #4f97e1; }


/* -- random classes -- */
.clear { clear: both; }
.left { float: left; }
.right{ float: right; }

/* -- Azurite additions by Andy Read -- */

.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; position:relative; z-index: 100; }
.blockeditfunctions td { border: 0; padding: 0; line-height: 0; vertical-align: top; }

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; }

@media print {
   body { font-size: 10pt }
   #header { display: none;}
   #headerright { display: none}
   #leftnav { display: none;}
}

/*******************************************************************/

#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;
}

#auxnav { }

#breadcrumb {margin-top: 14px; 
             margin-bottom: 14px;
             padding-left: 14px;
             background-image: url(/images/template/sub-arrow.gif);
             background-position: left center;
             background-repeat: no-repeat;
}

.editheadertable { background-color: #CCC; }
.edittable { background-color: #FFF; }

#sitecredits {
background:#001730 none repeat scroll 0 0;
border-top:1px solid #0C315A;
color:#1C5491;
font-size:10px;
padding:8px;
text-align:center;
text-transform:uppercase;
letter-spacing: 2px;
}

#sitecredits a {
color:#497BB2;
font-weight:normal;
text-decoration:none;
}


/* -- end of file -- */