/* ============  stmatts.css - not yet tidied up!  ============ */

/* ========== FONTS ============= */

/* Font sizes : admin */
body.admin 
{
	font-size: 11px;
}

/* Font sizes : site */
body.site 
{
	font-size: 0.8em;
	line-height: 1.8em;
}

/* Font families */
body, p, th, td, ul, li, dd, dt , a
{
	font-family: Arial, "Trebuchet MS" , "Lucida Grande",  Helvetica, Arial, sans-serif;	
}

h1, h2,h3,h4
{
	font-family: Arial, sans-serif;
	font-weight: 100;
}
h5,h6
{
	font-family: "Trebuchet MS" , "Lucida Grande",  Helvetica, Arial, sans-serif;
}

h2 {font-size:1.7em;}
h3, h2.title {font-size:1.3em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}
h6 {font-size:1.0em;}

.detail {font-size:1em;}
/* ======================================================================================= */
/* ======================================= LAYOUT ======================================= */
/* ======================================================================================= */


/* ========== ELEMENTS ============= */

body
{
	margin: 0 !important;
	padding: 10px 0 !important;
	line-height: 1.5em;
}

h1
{
	height:104px;	
}

/* ========== Form ============= */
form#send
{
	border-style: solid;
	border-width: 1px;
	padding: 8px 12px;	
}
form#send th, form#send td
{
	vertical-align:top;
}
form#send th
{
	text-align: left;
	padding-right: 1em;
}
form#send .group
{
	padding-top:0px;
}
form#send input, form#send textarea, form#send label
{
	font-size:0.94em;
}

form#send input, form#send textarea
{
	padding: 1px 3px;
	font-family: Arial, "Trebuchet MS" , "Lucida Grande",  Helvetica, Arial, sans-serif;
}

form#send th {width: 180px;}
form#send input {width: 280px;}
form#send textarea {width: 380px;}

.template_2_Columns form#send th {width: 80px;}
.template_2_Columns form#send input {width: 200px;}
.template_2_Columns form#send textarea {width: 200px;}

form#send input.button
{
	width: auto;
}

/* ========== IDs ============= */



/*#location
{
	position:absolute;
	top:100px;
	right: 32px;
	text-align: right;
	font-size: 0.8em;
}

#location, #location a
{
	color: #8ce;
	text-decoration:none;
	text-transform:uppercase;
	color: #fff;
}*/

#location
{
	text-align: right;
	font-size: 0.8em;
	line-height: 0.8em;
	margin-bottom: 6px;
}

#location, #location a
{

	text-decoration:none;
	text-transform:uppercase;
}

#mainFooter
{
	background-color: #a4c4e4;/*#8ba5bc;*/	
	padding: 10px 16px;
	margin: 10px 20px 0px;
	color: #fff;
	height: 1%;
	font-size: 0.8em;
}

#mainFooter a
{
	color: #fff;
}

#mainHeader
{
	margin-top: 0;
	padding : 0 20px 0;
}





#mainTitle
{

}




.newsarticle hr
{
	display:none;	
}
.newsarticle
{
	margin: 0;	
}

.notice
{
	padding: 6px 0!important;	
	border-bottom: solid 1px #89b;
}


/* ========== CLASSES ============= */
.hidden
{
	display:none;	
}

.imgVerification
{
	margin-bottom: 6px;	
}

.list
{
	clear: right;	
}
.lastb
{
	border-bottom: 0!important;	
}
.morelink, .date
{
	text-align:left;
	clear: right;
	margin-bottom: 0.4em;	
	font-size: 0.8em;
	text-transform: uppercase;

}
p.morelink, p.date
{
	padding-bottom: 0.5em;	
	border-bottom: solid 1px #8ac;
}

.terminus
{
font-size:0!important;
height:0px!important;
clear:both!important;
}

.fl li
{
	float:left;	
	white-space:nowrap;
}

.rbl
{
	margin-left:0 !important;
}

.rbl li
{
	list-style-type:none;	
}

.summary
{
	margin-bottom: 1em;
	font-size: 12px;
	font-style:italic;	
}
/* ========== Map ============= */
.gmap img, .docIcon
{
	background-color: Transparent !important;	
	padding: 0 !important;
	border: 0 !important;
}

#mainTable .template img, #mainTable .detail img
{
	border: solid 1px black;
	padding: 5px;
	background-color: #fff;	
}

#banner
{
	font-size: 0;	
}

#banner img
{
	border: solid 1px #ddddff;	
}


.thumbnail, .picture
{
	float: right;
	margin: 0 0 6px 12px;
	
}
/* ========== Document ============= */
.document .description
{
	margin-left: 30px;
}

.template_2_Columns_72_28 .document .description
{
	margin-left: 0;
}


/* ========== Event ============= */
.event
{
	clear: both;
}

.elist { 
    border: 1px solid #8ac;
    padding: 10px 15px;
    margin-bottom:1em;
    background-color:#fafaff;
}

.event h3
{
	margin-top: 0;
}

.caldate {
    width: 50px;
    border: 1px solid #8ac;
    float: left;
    text-align: center;
    color: #8ac;
    background-color:#F1F1FA;
}

.caldate span {
    display:block;
    text-transform:uppercase;
}

.caldate .cday 
{
	background-color: #A4C4E4;
	color:#fff;
	letter-spacing: 2px;
	padding: 1px;
	font-weight:bold;
}

.caldate .cdate 
{
	margin-top:3px;
	padding: 3px;
	font-size: 2.3em;
}

.caldate .cmon 
{
	font-size: 0.9em;
	letter-spacing: 2px;
}
.edetail {
    margin-left: 70px;
    margin-right: 108px
}
/* ========== Menu ============= */
#menu, #menu ul
{
	margin-left:0 !important;
	padding-left:0 !important;
}

#menu li
{
	list-style-type:none;
	width: 196px;
	margin-bottom: 1em;	
		margin-left:0 !important;
	padding-left:0 !important;

}

#menu li a
{
	text-decoration:none;
	display:block;
	padding: 0 10px;
	font:1.1em/36px  Arial, sans-serif;	
	text-transform:uppercase;
	letter-spacing:2px;
	font-variant:small-caps;
}

#menu li li a
{
	font: 0.8em/2em normal Arial, sans-serif;
	padding: 0 6px 0 26px;	
	letter-spacing:1px;
	font-variant:normal;
}

#menu li li li a {padding-left: 38px;}
#menu li li li li a {padding-left: 50px;}

#menu li ul
{
	margin: 0;	
	padding-bottom: 20px;
}

#menu li ul ul
{
	padding-bottom: 0;
}

#menu li li
{
	width: auto;
	margin-bottom:0;
	padding: 1px 4px 0px;	
}


#menu a
{
	color: White;	
}

#menu li ul
{
	background: #031b75 url(http://static.stmattschurch.org.uk/images/layout/bg-box-blue-grad.gif) repeat-x top left;
	border-style:solid;
	border-width: 0 1px 1px;
	border-color: #181860
	
}
#menu li a
{
	background: transparent url(http://static.stmattschurch.org.uk/images/layout/bg-box-blue-title-l.gif) no-repeat top left;
}


#menu li.m_Responding ul
{
	background-color: #17611a;
	background-image: url(http://static.stmattschurch.org.uk/images/layout/bg-box-green-grad.gif);
	border-color:#17611a;
}

#menu li.m_Responding a
{
	background-image: url(http://static.stmattschurch.org.uk/images/layout/bg-box-green-title-l.gif);
}

#menu li.m_Today ul
{
	background-color: #750356;
	background-image: url(http://static.stmattschurch.org.uk/images/layout/bg-box-purple-grad.gif);
	border-color:#60185C;
}

#menu li.m_Today a
{
	background-image: url(http://static.stmattschurch.org.uk/images/layout/bg-box-purple-title-l.gif);
}






#menu li ul a
{
	background: none!important;
}
#menu li ul ul
{
	border-width: 0;
	background: none;	
}
#menu li li
{
	background: none;	
}
#menu li ul ul
{
	background: none;
}
#mainFooter ul
{
	padding: 0;
	margin: 0;	
}
#mainFooter li
{
	padding: 0;
	margin: 0;	
	list-style-type:none;	
	text-transform:uppercase;
}
#footermenu
{
	
	float: right;
}

#footermenu li
{

	text-align: right;
}
#footer
{
	clear:right;	
}

/* ========== Search form page ============= */

.formSearch
{
	border:solid 1px #89d;
	text-transform:uppercase;
	font-size: 0.8em;	
	line-height: 24px;
	padding:0 12px;
	background-color:#a4c4e4;
	color: #fff;
	letter-spacing:1px;
	filter:alpha(opacity=90);   
	-moz-opacity:0.9;
	opacity: 0.9;	

}
.formSearch label
{
	display:block;
	line-height: 24px;
	
}
.formSearch #searchString
{
	border: solid 1px #89d;font-family:Verdana;
	font-size: 	1.1em;
	padding: 2px 4px;
	width: 260px;
	margin-top:4px;
	margin-bottom: 8px;
	background-color: #b4d4f4;
	color: #357;
	height: 1.2em;
	
}


fieldset 
{
	border: none;
	padding: 0;
	margin: 0;	
}
 
#headerSearch 
{
	cursor:hand;
	position: absolute;
	top: 32px;
	right: 32px; 
	background-color:#4b5d9a;
}
#headerSearch #searchString
{
	display:none;
	background-color: #6881b3;	
	color: #bce;
	width: 192px;
}


/* ========== Services page ============= */
#scal, #scal ul
{
	list-style-type:none;
	margin:0;	
	display:block;
}

#scal li
{
 margin-bottom: 1em;
}
#oscal li h2
{
	color: #fff;
	text-align: right;
	font-size: 3em;
	font-weight: 600;
}
#scal li li
{
	margin-bottom: auto;
}


/* ========== Legend ============= */
.gmap
{
		border-style:solid;
		border-color:Black;
		border-width: 1px 0;
}

.mapMarkers
{
	border-bottom: solid 1px #8ac;
}

.mapMarkers dt
{
	background-color: #a4c4e4;
	color:White;
	margin: auto 0 0;
	padding: 2px 12px 2px 48px;
	font-variant:small-caps;
	font-size: 1em;
	line-height:32px;
	background-repeat: no-repeat;
	background-position: 12px 50%;
	border-top: solid 1px #8ac;
}

.mapMarkers .markerjump
{
	margin: 0 0 1px;
	font-size: 0.9em;	
	text-transform:uppercase;
	text-align:right;
	clear:both;
		
}

.mapMarkers dd
{
	margin: 1px 0 0;
	background-color: #e1eaf1;
	font-size: 0.9em;
	padding: 12px 12px 4px 28px;
}

.maplegend
{
	padding: 0 12px 4px;
	background-color: #edeae2;
	border-bottom: solid 1px black;
	color:Black;
}

.maplegend h3
{
	font-size: 1em;
	font-variant:small-caps;
	border-bottom: solid 1px #999;
	padding: 2px 0;
	margin-top:0;
	margin-bottom: 6px;
}
.maplegend ul
{
	margin: 0 !important;	
	line-height: 32px;
		font-size: 0.8em;
}

.maplegend li
{
	font-variant:small-caps;
	padding-left: 36px;
	padding-right: 16px;	
	background-repeat: no-repeat;
	background-position: 0px 50%;
}

/* ======================================================================================= */
/* ======================================= COLOURS ======================================= */
/* ======================================================================================= */

body
{
	background-color:#556;
	/*rgb(160,190,218);*/
	color: #337;
	/* backgrounds: #DCDCEE url(http://static.stmattschurch.org.uk/images/layout/bg-stripes-blue.gif) top center repeat-y; */
}

a
{
	text-decoration: none;	
	color: #24b;
}
a:hover, a:focus
{
	text-decoration: underline;	
	color: #29f;
}
a:active
{
	color: #29f;
}

h1
{
	margin-top: 0;
	background-color: #4a4f72;
	background: #4a4f72 url(http://static.stmattschurch.org.uk/images/layout/top-bar-summer.jpg) no-repeat top left;
}


h2 
{
	color: #181860;
	line-height: 1.8em;
	font-weight: 100;
	letter-spacing:1px;
	border-width:0px;
}

form#send
{
	background-color: #f3f3fc;
	border-color: #668;
}

form#send input.button
{
	background-color: #44c;
	color:#fff;
	border-top: solid 1px #9999ee;
	border-left: solid 1px #9999ee;
	border-bottom: solid 1px #22b;
	border-right: solid 1px #22b;
	padding: 1px 3px;
}

#mainTable
{
	background-color: white;	
}

.lightblue
{
	color:	#a4c4e4;
}

.report h2
{
	background-color: #2c5dcf;
	color: #fff;
	line-height: 2em;
	margin: 0;
	padding: 0 10px;
	font-size: 1.1em;
	background-image:none;
	border-width:0;
	font-variant: small-caps;
	letter-spacing:1px;
}
.report ul
{
	list-style-type: none;
	margin:0;
	background-color:  #a4c4e4;
	padding: 0 2px 2px;	
}
.report h3
{
	padding: 3px 10px;
	font-size:0.9em;
	color:#fff;
	margin:0;
	text-transform:uppercase;
}
.report ul ul
{
	background-color: #e1eaf1;
	padding: 2px 4px 2px 16px;
	font-size: 0.88em;
}
.report ul li li
{
	padding: 1px 0;
}

.report ul li li a
{
	display:block;
	background-position: 100% 3px!important;
}

.report ul li li a.reading
{
	display:inline;
}
.report h4
{
	font-size:1em;
	font-weight: bold;
	margin:0;
}
.report .service p
{
	margin: 0 0 0 3.5em;
}

#scal ul.inlinePopupOptions 
{
	display:none;	
}

#template_2_Columns_66_33 #footer
{
	clear:both;	
}
/* ======================================================================================= */
/* =======================================  ICONS  ======================================= */
/* ======================================================================================= */
.icon_m { padding-right: 16px; background-position:right; background-repeat: no-repeat;}
.im_alpha { background-image: url(http://static.stmattschurch.org.uk/images/layout/icons/alpha_12.gif); }
.im_calendar { background-image: url(http://static.stmattschurch.org.uk/images/layout/icons/calendar_12.gif); }
.im_cross { background-image: url(http://static.stmattschurch.org.uk/images/layout/icons/cross_12.gif); }
.im_football { background-image: url(http://static.stmattschurch.org.uk/images/layout/icons/football_12.gif); }
.im_headphones { background-image: url(http://static.stmattschurch.org.uk/images/layout/icons/headphones_12.gif); }
.im_wiimote { background-image: url(http://static.stmattschurch.org.uk/images/layout/icons/wiimote_12.gif); }

.mapiconlabel 
{
	width: 200px;padding-right: 32px; background-position:right; background-repeat: no-repeat;line-height:36px;
	background-color: #eee;
}
.mapicon_church { background-image: url(http://static.stmattschurch.org.uk/images/layout/icons/map/icon_church.png);}
.mapicon_marker { background-image: url(http://static.stmattschurch.org.uk/images/layout/icons/map/icon_pushpin.png);}
.mapicon_overseas_link { background-image: url(http://static.stmattschurch.org.uk/images/layout/icons/map/icon_pushpin.png);}
.mapicon_international_team { background-image: url(http://static.stmattschurch.org.uk/images/layout/icons/map/icon_pushpin_red.png);}
.mapicon_church_members { background-image: url(http://static.stmattschurch.org.uk/images/layout/icons/map/icon_pushpin_green.png);}
.mapicon_current_mission_visits { background-image: url(http://static.stmattschurch.org.uk/images/layout/icons/map/icon_pushpin_glowingyellow.png);}
.mapicon_contact { background-image: url(http://static.stmattschurch.org.uk/images/layout/icons/map/icon_pushpin.png);}
.mapicon_southborough_team_ministry {background-image: url(http://static.stmattschurch.org.uk/images/layout/icons/map/icon_red_church.png);}
.mapicon_halls {background-image: url(http://static.stmattschurch.org.uk/images/layout/icons/map/icon_hall.png);}
.mapicon_parking {background-image: url(http://static.stmattschurch.org.uk/images/layout/icons/map/icon_parking.png);}
.mapicon_st_matts {background-image: url(http://static.stmattschurch.org.uk/images/layout/icons/map/icon_church.png);}
/* ======================================================================================= */
/* =======================================  Admin  ======================================= */
/* ======================================================================================= */
.module
{
	margin-bottom: 1em;
}

/* ========== MAIN CONTAINER WIDTHs ============= */

#mainTable
{
	margin: 0 auto;
	padding: 20px 0!important;
	width:960px;
	position:relative;
}

#leftBar
{
	margin-left: 20px;
	margin-right: 744px;
}

.common #mainLayout
{
	margin-right:20px;
	width: 704px;
	float: right;
}

#menu
{
	width: 196px;
	margin: 0 0 1em;	
}

/* ========== COLUMNS ============= */


/* ####    With submenu column widths    #### */				
	.Site .template_2_Columns #column1				
	{				
		width: 342px !important;			
	}				
					
	.Site .template_2_Columns #column2				
	{				
		margin-left: 362px !important;			
	}				
					
	.Site .template_2_Columns_66_33 #column1				
	{				
		width: 469px !important;			
	}				
					
	.Site .template_2_Columns_66_33 #column2				
	{				
		margin-left: 489px !important;			
	}				

	.template_2_Columns_72_28 #column1				
	{				
		width: 488px !important;
		float: left!important;			
	}				
					
	.template_2_Columns_72_28 #column2				
	{				
		margin-left: 508px !important;			
	}				
					
	.Site .template_2_Columns_33_66 #column1				
	{				
		width: 235px !important;			
	}				
					
	.Site .template_2_Columns_33_66 #column2				
	{				
		margin-left: 255px !important;			
	}				
					
	.Site .template_3_Columns #column1,				
	.Site .template_3_Columns #column2				
	{				
		width: 224px !important;			
	}				
					
	.Site .template_3_Columns #column2				
	{				
		margin-left: 16px !important;			
	}				
					
	.Site .template_3_Columns #column3				
	{				
		margin-left: 480px !important;			
	}				
					
	.Site .template_2_Columns_Boxed #column1				
	{				
		width: 270px !important;			
	}				
					
	.Site .template_2_Columns_Boxed #column2				
	{				
		margin-left: 280px !important;			
	}				
					
	/*.Site .template_2_Columns_66_33_Boxed #column1				
	{				
		width: 360px !important;			
	}				
					
	.Site .template_2_Columns_66_33_Boxed #column2				
	{				
		margin-left: 368px !important;			
	}				
					
	.Site .template_2_Columns_33_66_Boxed #column1				
	{				
		width: 180px !important;			
	}				
	.Site .template_2_Columns_33_66_Boxed #column2				
	{				
		margin-left: 188px !important;			
	}				
	.Site #scrollerContainer 				
	{				
		width: 552px !important;			
	}				
			*/		
					
			
/* Player style */

.player {
	background-color:#EEEEEE;
	border:1px solid #009BE3;
	position:relative;
	width:418px;
}
.player  ul.jp-controls {
	height:78px;
	list-style-type:none;
	margin:0;
	padding:0;
}
.player  ul.jp-controls li {
	overflow:hidden;
	text-indent:-9999px;
}
.jp-play,
.jp-pause {
	display: block;
	position: absolute;
	left:40px;
	top:20px;
	width:40px;
	height:40px;
	cursor: pointer;
}
.jp-play {
	background: url("http://static.stmattschurch.org.uk/images/layout/jplayer/spirites.jpg") 0 0 no-repeat;
}
.jp-play.jp_hover {
	background: url("http://static.stmattschurch.org.uk/images/layout/jplayer/spirites.jpg") -41px 0 no-repeat;
}
.jp-pause {
	background: url("http://static.stmattschurch.org.uk/images/layout/jplayer/spirites.jpg") 0 -42px no-repeat;
}
.jp-pause.jp_hover {
	background: url("http://static.stmattschurch.org.uk/images/layout/jplayer/spirites.jpg") -41px -42px no-repeat;
}
.jp-stop {
	position: absolute;
	left:90px;
	top:26px;
	background: url("http://static.stmattschurch.org.uk/images/layout/jplayer/spirites.jpg") 0 -83px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}
.jp-stop.jp_hover {
	background: url("http://static.stmattschurch.org.uk/images/layout/jplayer/spirites.jpg") -29px -83px no-repeat;
}
.jp-progress {
	position: absolute;
	left:130px;
	top:32px;
	background-color: #eee;
	width:122px;
	height:15px;
}
.jp-progress-bar {
	background: url("http://static.stmattschurch.org.uk/images/layout/jplayer/bar_load.gif")  top left repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
.jp-progress-bar.jp_buffer {
	background: url("http://static.stmattschurch.org.uk/images/layout/jplayer/bar_buffer.gif")  top left repeat-x;
}
.jp-play-bar {
	background: url("http://static.stmattschurch.org.uk/images/layout/jplayer/bar_play.gif") top left repeat-x ;
	width:0px;
	height:15px;
}
.jp-min {
	position: absolute;
	left:274px;
	top:32px;
	background: url("http://static.stmattschurch.org.uk/images/layout/jplayer/spirites.jpg") 0 -170px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}

.jp-max {
	position: absolute;
	left:346px;
	top:32px;
	background: url("http://static.stmattschurch.org.uk/images/layout/jplayer/spirites.jpg") 0 -186px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}

.jp-min.jp_hover {
	background: url("http://static.stmattschurch.org.uk/images/layout/jplayer/spirites.jpg") -19px -170px no-repeat;
}

.jp-max.jp_hover {
	background: url("http://static.stmattschurch.org.uk/images/layout/jplayer/spirites.jpg") -19px -186px no-repeat;
}

.jp-volume-bar {
	position: absolute;
	left:292px;
	top:37px;
	background: url("http://static.stmattschurch.org.uk/images/layout/jplayer/volume_bar.gif") repeat-x top left;
	width:46px;
	height:5px;
	cursor: pointer;
}
.jp-volume-bar-value {
	background: url("http://static.stmattschurch.org.uk/images/layout/jplayer/volume_bar_value.gif") repeat-x top left;
	width:0px;
	height:5px;
}

.playlist-ctr {
	background-color:#CCCCCC;
	font-family:Arial,Helvetica,sans-serif;
	left:0;
	line-height:1.4em;
	padding:5px 40px;
	width:338px;
}

.file-title {
	font-weight:bold;
	margin:0 60px 0 0;
	padding:0;
}

.jp-time 
{
	padding-top:.3em;
	font-weight:normal;
	font-style:oblique;
	font-size:.7em;
	text-align:right;
	float:right;
	display:none;
}

.jp-ctr
{
	margin-bottom: 1em;
}

.talks
{
	margin-left:0 !important;
	padding-left:0 !important;
}

.talks li
{
	list-style-type: none;
}

.talks li a
{
	display:block;
}