/*

CSS for St Peter and St Paul, Lingfield

Copyright 2010 Pulse Media Development Ltd.
All rights reserved.

*/

/*
Project Details

Code: PULSE10|03|6
Manager: Will Scott
Email: will.scott@pulsemedia.org.uk
*/

/* ---------------------------------------------------- */
/* Factory Reset                                        */
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,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;padding:0;border:0;outline:0;
	font-size:100%;vertical-align:baseline;
	font: 'PTSansRegular', Arial, sans-serif;
	text-decoration:none;
	background:transparent }
	
strong {
	font: 'PTSansBold', Arial, sans-serif;


}

body{line-height:1}
ul{list-style:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
div { position:relative }
a, a.hover, a.visited {
color: #000000;
text-decoration:none;
border-bottom:1px dotted #333333 }
.clr {
clear: both;
}

/* ---------------------------------------------------- */
/* Initial Structure                                    */
body {
background-color: #EEEEEE;
}

#container {
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	width:900px;
	background-color: #FFFFFF;
	font-size: 12pt;
	font-family: 'PTSansRegular', Arial, sans-serif;
}

#header {
	height:100px;
	width:inherit;
}

#navigation {
	height:40px;
	width:inherit;
	margin-bottom: 2px;
}

#banner {
	height:300px;
	width:900px;
}

#content {
	padding-top: 20px;
}

#main {
	width:635px;
	display: inline;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}


#side {
	width:185px;
	display:inline;
	float:left;
	margin-left:20px;
	margin-right:20px;
}

#footer {
	font-size: 12px;
	height: 75px;
	margin-top: 20px;
	background-color: #CCCCCC;

}

/* ---------------------------------------------------- */
/* Navigation.......                                    */

#navigation ul {
	float:left;
	position:relative;
	list-style:none outside none;

}

#navigation li {
	float: left;
	position: relative;
	height: 40px;
	width: 150px;
	text-align: center;
	float: left;
	position: relative;
	margin: 0;
}

/*
li.home {
	float:left;
	position:relative;
	background-image: url(http://pulsemedia.org.uk/stpp/sitedemo/images/nav1.png);
	width: 165.5px;
	height: 40px;
	margin: 0;
}

li.about {
	float:left;
	position:relative;
	background-image: url(http://pulsemedia.org.uk/stpp/sitedemo/images/nav2.png);
	width: 165.5px;
	height: 40px;
	margin-left: -20px;
}

li.visit {
	float:left;
	position:relative;
	background-image: url(http://pulsemedia.org.uk/stpp/sitedemo/images/nav3.png);
	width: 165.5px;
	height: 40px;
	margin-left: -20px;
}
*/

/* ---------------------------------------------------- */
/* The Footer.......                                    */

#pulselogo {
float:right;
text-align: right;
border: none;
padding-right: 12.5px;
padding-top: 12.5px;
padding-bottom: 12.5px;
}

#copyright {
float: left;
padding-left: 15px;
padding-top: 22.5px;
padding-bottom: 15px;
font-size: 12px;
}

#cofe {
float: left;
padding-left: 12.5px;
padding-top: 22.5px;
padding-bottom: 22.5px;
}

#footer a, a.visited, a.hover {
border: none;
color: #333333;
}

/* ---------------------------------------------------- */
/* Styling etc......                                    */

#sidephotocapt a, a.visited, a.hover {
color: #777777;
}

#contenthome h2 {
font-weight: bold;
font-family: 'PTSansBold', Arial, sans-serif;
font-size: 30pt;
text-transform: uppercase;
color: #A1EA30;
padding-top: 20px;
}

#contenthome h3 {
font-weight: bold;
font-family: 'PTSansBold', Arial, sans-serif;
font-size: 13pt;
text-transform: uppercase;
color: #A1EA30;
padding-top: 20px;
}

#contenthome #sidephotocapt {
background-color: #A1EA30;
color: #FFFFFF;
font-size: 11.5pt;
font-weight: bold;
font-family: 'PTSansBold', Arial, sans-serif;
padding: 5px;
}

#contenthome .dig-in {
visibility: hidden;

}

#contenthome li {
padding-bottom: 10px;
}

#contenthome .when {
font-size: 12px;
text-transform: uppercase;
color: #000000;
}

#contenthome .event {
color: #000000;
}

#contenthome .more-link {
color: #A1EA30;
}

#contentabout h2 {
font-weight: bold;
font-family: 'PTSansBold', Arial, sans-serif;
font-size: 30pt;
text-transform: uppercase;
color: #48B0D7;
padding-top: 20px;
}

#contentabout h3 {
font-weight: bold;
font-family: 'PTSansBold', Arial, sans-serif;
font-size: 13pt;
text-transform: uppercase;
color: #48B0D7;
padding-top: 20px;
}

#contentabout #sidephotocapt {
background-color: #48B0D7;
color: #FFFFFF;
font-size: 11.5pt;
font-weight: bold;
font-family: 'PTSansBold', Arial, sans-serif;
padding: 5px;
}

#contentvisit h2 {
font-weight: bold;
font-family: 'PTSansBold', Arial, sans-serif;
font-size: 30pt;
text-transform: uppercase;
color: #BC0800;
padding-top: 20px;
}

#contentvisit h3 {
font-weight: bold;
font-family: 'PTSansBold', Arial, sans-serif;
font-size: 13pt;
text-transform: uppercase;
color: #BC0800;
padding-top: 20px;
}

#contentvisit #sidephotocapt {
background-color: #BC0800;
color: #FFFFFF;
font-size: 11.5pt;
font-weight: bold;
font-family: 'PTSansBold', Arial, sans-serif;
padding: 5px;
}

#contentworship h2 {
font-weight: bold;
font-family: 'PTSansBold', Arial, sans-serif;
font-size: 30pt;
text-transform: uppercase;
color: #FDA21C;
padding-top: 20px;
}

#contentworship h3 {
font-weight: bold;
font-family: 'PTSansBold', Arial, sans-serif;
font-size: 13pt;
text-transform: uppercase;
color: #FDA21C;
padding-top: 20px;
}

#contentworship #sidephotocapt {
background-color: #FDA21C;
color: #FFFFFF;
font-size: 11.5pt;
font-weight: bold;
font-family: 'PTSansBold', Arial, sans-serif;
padding: 5px;
}

#contentevents h2 {
font-weight: bold;
font-family: 'PTSansBold', Arial, sans-serif;
font-size: 30pt;
text-transform: uppercase;
color: #102886;
padding-top: 20px;
}

#contentevents h3 {
font-weight: bold;
font-family: 'PTSansBold', Arial, sans-serif;
font-size: 13pt;
text-transform: uppercase;
color: #102886;
padding-top: 20px;
}

#contentevents #sidephotocapt {
background-color: #102886;
color: #FFFFFF;
font-size: 11.5pt;
font-weight: bold;
font-family: 'PTSansBold', Arial, sans-serif;
padding: 5px;
}

#contentcontact h2 {
font-weight: bold;
font-family: 'PTSansBold', Arial, sans-serif;
font-size: 30pt;
text-transform: uppercase;
color: #4AD218;
padding-top: 20px;
}

#contentcontact h3 {
font-weight: bold;
font-family: 'PTSansBold', Arial, sans-serif;
font-size: 13pt;
text-transform: uppercase;
color: #4AD218;
padding-top: 20px;
}

#contentcontact #sidephotocapt {
background-color: #4AD218;
color: #FFFFFF;
font-size: 11.5pt;
font-weight: bold;
font-family: 'PTSansBold', Arial, sans-serif;
padding: 5px;
}

#contentcontact input {
border: 1px solid gray;
}

p{
padding-top: 15px;
}

.sidephoto {
padding-top: 20px;
border: none;
padding-bottom: 0;
margin-bottom: 0;
}


#events {
padding-top: 20px;
}


/* ---------------------------------------------------- */
/* Menus etc......                                      */

.menu-organisation-list-container {
padding-top: 20px;
}

#menu-organisation-list {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 12em;
}
#menu-organisation-list li {
	margin: 0;
	padding: 0;
}

#menu-organisation-list a {
	background: #102886;
	border-bottom: 1px solid #EEE;
	color: #FFF;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}

#menu-organisation-list a:hover {
	background: #2580a2;
	color: #fff;
	padding-bottom: 8px;
}

#menu-organisation-list .current-menu-item a {
	background: #2580a2;
	color: #fff;
	padding-bottom: 8px;
}