/* Elmwood Church Stylesheets */
/* Body is centre-aligned and holds the green bar and gradient fill background */
body{
	margin:0px;
	padding:0px;
	background-image:url(http://www.elmwoodchurch.org.uk/images/bg_bar.jpg);
	background-repeat:repeat-x;
	background-color:#cccccc;
	text-align:center;
}

/* Container is an 800px wide box in the middle of the screen, for the entire contents */
#container{
	margin:0 auto;
	width:800px;
	/*background-color:#678954;*/
	text-align:left;
}

/* HeaderBG is the position element for the header (above the menu). It also contains the background image */
#headerBG{
	width:800px;
	height:138px;
	background-image:url(http://www.elmwoodchurch.org.uk/images/bg_top.jpg);
}


/* MenuBG is the position element for the menu. It also contains the menu background image */
#menuBG{
	width:800px;
	height:35px;
	background-image:url(http://www.elmwoodchurch.org.uk/images/bg_menu.jpg);
	padding-left:30px;
	background-repeat:no-repeat;
}


/* MainBG holds the central block, and is sub-divided into left/right blocks */ 
#mainBG{
	width:800px;
	/*height:800px;*/
	background-image:url(http://www.elmwoodchurch.org.uk/images/bg_center.jpg);
}


/* FooterBG positions the footer at the bottom of the page */
#footerBG{
	width:800px;
	height:50px;
	background-image:url(http://www.elmwoodchurch.org.uk/images/bg_footer.jpg);
	background-repeat:no-repeat;
}

#menuBG a{
	font-family:arial;
	color:#336a25;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	padding-left:15px;
	padding-top:7px;
	display:block;
	float:left;
}

#menuBG a:hover{
	color:#68C252;
}

/* ContentLeft holds the main page content */
#contentLeft{
	width:600px;
	/*height:700px;*/
	background-image:url(http://www.elmwoodchurch.org.uk/images/bg_main_grad_left.jpg);
	background-repeat:no-repeat;
	float:left;
	font-family:arial;
	font-size:12px;
}
#contentLeft2{
	width:600px;
	float:left;
	font-family:arial;
	font-size:12px;
}

/* Content sections */
#contentTopText{
	padding-top:10px;
	padding-left:50px
}

#contentMidBanner{
	padding-top:20px;
	padding-left:40px;
	height:200px;
}

#contentLowerPanel{
	padding-top:20px;
	padding-left:50px;
}

#homeMorningService{
	float:left;
	width:270px;
	padding-right:10px;
}




#homeEveningService{
	float:right;
	width:270px;
}

#homePreviousServices{
	float:left;
	width:550px;
}

#homeNews{
	float:left;
	width:380px;
}

#homeLinks{
	float:right;
	width:170px;
	height:267px;
	background-image:url("http://www.elmwoodchurch.org.uk/images/vline.gif");
	background-repeat: no-repeat;
	background-position: 10px 20px;
}

/* News and Banner parts */
#news{
	float:left;
	width:370px;
	padding-right:10px;
}

#divider{
	float:left;
	width:12px;
}

#buttons{
	padding-left:10px;
	float:left;
	width:140px;
}

/* ContentRight holds the right-hand bar with calendar and menu */
#contentRight{
	width:180px;
	height:660px;
	background-image:url(http://www.elmwoodchurch.org.uk/images/bg_main_grad_right.jpg);
	background-repeat:no-repeat;
	float:left;
	padding-left:20px;
	padding-top:30px;
	font-family:arial;
}

#contentRight2{
	width:180px;
	height:660px;
	background-image:url(http://www.elmwoodchurch.org.uk/images/bg_main_grad_right2.jpg);
	background-repeat:no-repeat;
	float:left;
	padding-left:20px;
	padding-top:40px;
	font-family:arial;
}


/* Styles */
h1{
	padding-bottom:12pt;
	margin:0px;
	font-weight:bolder;
	font-size:16pt;
	color:#1E241C;
}

h2{
	padding-bottom:6pt;
	margin:0px;
	font-size:13pt;
}

h3{
	padding-bottom:6pt;
	margin:0px;
	font-size:12pt;
}

body{
	padding:0px;
	margin:0px;
	font-family:arial;
	font-size:10pt;
	line-height:18px;
	color:#232323;
}

p{
	padding:0px;
	margin:0px;
	font-size:10pt;
	line-height:18px;
	color:#232323;
}

ul{
	padding-top:0px;
}

ol{
	padding-top:0px;
}

li{
	padding-top:0px;
	padding-bottom:5px;	
}

em{
	font-style: italic;
}

strong{
	font-weight:bold;		
}

div.inline 
{ 
	display:inline;
}



/* Custom Styles */
.weekitem{
	display:block;
	padding-left:10px;
	padding-bottom:3px;
	font-size:12px;
}


.thisweek{
	background-image:url(http://www.elmwoodchurch.org.uk/images/icons/date.png);
	background-repeat:no-repeat;
	display:block;
	padding-left:20px;
	font-weight:bold;
	padding-bottom:3px;
}
.thisweekitem{
	background-image:url(http://www.elmwoodchurch.org.uk/images/icons/e.gif);
	background-repeat:no-repeat;
	display:block;
	padding-left:20px;
	padding-bottom:3px;
	font-size:12px;
}
.thissunday{
	background-image:url(http://www.elmwoodchurch.org.uk/images/icons/calendar_view_day.png);
	background-repeat:no-repeat;
	display:block;
	padding-left:20px;
	font-weight:bold;
	margin-top:10px;
	padding-bottom:3px;
}
.lastsunday{
	background-image:url(http://www.elmwoodchurch.org.uk/images/icons/calendar_view_month.png);
	background-repeat:no-repeat;
	display:block;
	padding-left:20px;
	font-weight:bold;
	margin-top:10px;
	padding-bottom:3px;
}
.thissuntext{
	display:block;
	padding-left:20px;
	padding-bottom:3px;
	font-size:12px;
}
.listennow{
	background-image:url(http://www.elmwoodchurch.org.uk/images/icons/play.gif);
	background-repeat:no-repeat;
	display:block;
	padding-left:20px;
	font-weight:bold;
	margin-top:10px;
	padding-bottom:3px;
	color:#000000;
	text-decoration:none;
}
.listennow:hover{
	text-decoration:underline;
}
.resources{
	background-image:url(http://www.elmwoodchurch.org.uk/images/icons/resources.png);
	background-repeat:no-repeat;
	display:block;
	padding-left:20px;
	font-weight:bold;
	margin-top:10px;
	padding-bottom:3px;
	color:#000000;
	text-decoration:none;
}
.resources:hover{
	text-decoration:underline;
}
.notetext{
	display:block;
	padding-left:20px;
	padding-bottom:3px;
	font-size:12px;
	width:140px;
}
.notices{
	background-image:url(http://www.elmwoodchurch.org.uk/images/icons/newspaper.png);
	background-repeat:no-repeat;
	display:block;
	padding-left:20px;
	font-weight:bold;
	margin-top:10px;
	padding-bottom:3px;
}
.noticetext{
	display:block;
	padding-left:20px;
	padding-bottom:3px;
	font-size:12px;
	color:#000000;
	width:140px;
}
.adobelink{
	background-image:url(http://www.elmwoodchurch.org.uk/images/icons/page_white_acrobat.png);
	background-repeat:no-repeat;
	background-position:140px 8px;
	display:block;
	padding-left:40px;
	font-size:12px;
	padding-bottom:3px;
	padding-right:45px;
	font-style:italic;
	text-align:right;
	color:#000000;
	text-decoration:none;
}
.adobelink:hover{
	text-decoration:underline;
}
.members{
	background-image:url(http://www.elmwoodchurch.org.uk/images/icons/user_green.png);
	background-repeat:no-repeat;
	display:block;
	padding-left:20px;
	font-weight:bold;
	margin-top:10px;
	padding-bottom:3px;
	color:#000000;
	text-decoration:none;
}
.logintext{
	display:block;
	padding-left:20px;
	padding-bottom:3px;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}
.logintext:hover{
	text-decoration:underline;
}
.logout{
	background-image:url(http://www.elmwoodchurch.org.uk/images/icons/door_out.png);
	background-repeat:no-repeat;
	display:block;
	padding-left:20px;
	font-weight:bold;
	margin-top:10px;
	padding-bottom:3px;
	color:#000000;
	text-decoration:none;
}
.logout:hover{
	text-decoration:underline;
}
.plainlink{
	color:#000000;
	text-decoration:none;
}
.plainlink:hover{
	text-decoration:underline;
}

.bannerimg{
	padding-top:6px;	
}

.audioReplaySmall{
	font-size:9pt;
}

.audioReplayTitle{
	text-align:center;
}

.jobitems{
	margin-top: 5px;
}

.jobitem{
	margin-right: 20px;
	display: inline;
}






#navigation { 
	clear: both; 
	line-height: 100%;
}

/* 1st level */
#navigation ul {
	background-image:url(http://www.elmwoodchurch.org.uk/images/bg_menu_grey.jpg);
	background-repeat:no-repeat;
	position:relative; 
	z-index:1000; 
	list-style:none; 
	margin:0; 
	padding-left:31px;
	width:800px;
	font-family:arial; 
	font-size:13px; 
	height:56px;
}
#navigation ul:hover { z-index: 99999; }
#navigation ul li { 
	float:left; 
	border:0px;
	background:none; 
	padding-left:0px;
	text-align:center;
}
#navigation ul li a { 
	color: #336a25; 
	text-decoration:none; 
	overflow: hidden; 
	display: block; 
	float:left; 
	padding-top:9px; 
	padding-bottom:3px; 
	font-weight: bold; 
	line-height: 100%;
	padding-left: 7px;
	padding-right: 7px;
	
}
#navigation ul li a:hover { color: #68C252; }
#navigation ul li.current { background: #F2F2EA; height:32px;}
#navigation ul li.current a { color: #336a25;  }
#navigation ul li.current a:hover { color: #68C252; text-decoration: none; }




/* 2nd level */
#navigation ul li ul {
	background:none;
	display: none; 
}

#navigation ul li.current ul {
	list-style:none; 
	margin:0; 
	position: absolute; 
	left: 0px; 
	top: 30px;
	width:707px;
	font-family:arial; 
	font-size:13px; 
	height:28px;
	display: block; 
}

#navigation ul li.current ul li { 
	float:left; 
	padding-left:0px;
	text-align:center;
	position: relative; 
}

#navigation ul li.current ul li a { 
	color: #336a25; 
	font-weight: normal; 
}

#navigation ul li.current ul li a:hover { 
	color: #68C252; 
	text-decoration: none;
}

/* 3rd level */
#navigation ul li.current ul li ul {
	background: #F2F2EA;
	position: absolute; 
	left: -10001em; 
	width: 135px; 
	padding: 0; 
	border: none;
	top : 26px;
}

#navigation ul li ul li:hover ul,
#navigation ul li.current ul li.over ul,
#navigation ul li.current ul li ul.over { 
	left: 0px;
	width: 135px; 
}

#navigation ul li.current ul li a:focus + ul { 
	left: 0px;
	width: 135px; 
}

#navigation ul li.current ul li ul li { 
	float: left; 
	width: 135px; 
	padding: 0; 
	line-height: 100%;
}

#navigation ul li.current ul li ul li a { 
	background: #F2F2EA;
	width: 135px; 
	text-align: left; 
	white-space: normal !important;
}