/* HTML Tag Redefinition */
html, body {
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
}
body {
	padding: 0px;
	margin: 0px;	
}


#page {
	width:100%;
	margin: auto;
	height: auto !important;
	height:100%;
	min-height:100%;
	position:relative;
	background: transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/page_bg.jpg) no-repeat scroll 50% top;
	color: #555;
	font-size: 0.75em;
}




#page #wrapper {
	width:960px;
	margin: auto;
	height: auto !important;
	height:100%;
	min-height:100%;
	position:relative;
	z-index: 1;
	background: transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/wrapper_bg-trans.png) 0 0 repeat-y;
	padding: 0px 10px 38px 10px;
	clear: both;
	
}

#page #wrapper .formBlockSurveyTable td {
	vertical-align: top;
}

#page #top_wrapper {
	height: 66px;
	width:960px;
	padding: 0px 10px;
	margin: auto;
	background: transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/top_wrapper_bg-trans.png) bottom center no-repeat;
	margin-bottom: 0px;
}

#page #bottom_wrapper {
	height: 0px;
	width:960px;
	padding: 0px 0px;
	margin: auto;
	background: transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/bottom_wrapper_bg-trans.png) top center no-repeat;
	margin-bottom: 0px;
	clear: both;
}

#page #footer {
	text-align: center;
	background: transparent;
}

#page .header_top {
	background: transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/header_top_bg-trans.png) 0 0 no-repeat;
	height: 42px;
	margin: 14px 0 0 110px;
	padding: 10px 0 0 52px;
}

#page .header_top span.top_heading {
	font-size: 1.92em;
	color: #555555;
}



#page #header {
	position:relative;
	width: 100%;
	margin-bottom: 10px;
	font-size: 1.00em;
	margin-top: -1px;
}

#page #header .header_img {
	background: transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/header_bg.jpg) 0 0 no-repeat;
	width: 100%;
	height: 111px;
}

#page #content {
	background: #fff;
	font-size: 1.00em;
	padding-bottom: 20px;
}

/*Tablen soluille defaulttina 8px padding*/
#page #content td{
	padding: 8px;
}


#page .topRowBox{
	float: left;
	padding: 0;
	border: 0;
	margin-bottom: 15px;
	height: 100px;
	overflow: visible;
	overflow-bottom: hidden;
}

#page .redBox {
	color: #fff;
	background: #c12026;
	text-align: center;
	height: 100px;
	vertical-align: middle;
	border-radius: 10px;
}

#page .redBox h2, #page .redBox h3, #page .redBox a {
	color: #fff;
	margin: 0;
	padding: 2px;
}

#page .redBox a {
	text-decoration: none;
}

#page .redBox a.pastorBoxLink, #page .redBox a.pastorBoxLink:link {
	display: block;
	padding: 26px 10px;
}

#page .redBoxImage {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 100;
	overflow: visible;
}

#page .fpPageList {
	position:relative;
	color: #fff;
	background: #c12026;
	height: 85px;
	padding: 15px 0px 0px 20px;
	text-align: left;
}

#page #homeQuotes {
	height: 110px;
	margin-bottom: 5px;
	color: #cc0033;
}

#page .quotesWrapper {
	height: 100px;
	background: transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/homeQuotesBG.png) 0 0 no-repeat;
	color: #cc0033;
	padding-top: 10px;
	position: relative;
}

#page .quotesText {
	background: transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/quotesTextBG.gif) center left no-repeat;
	padding: 15px 25px 0 32px;
	text-align: center;
	margin: 5px 0 0 25px;
	
}

#page .quotesSub {
	position: absolute;
	bottom: 13px;
	right: 18px;
	line-height: 1;
}

#page .quotesWrapper h2, #page .quotesWrapper h4 {
	line-height: 1;
color: #cc0033;
}
/* viikko-ohjelma */



#page #fpProgramBox {
	background: transparent;
	width: 630px;
	margin-top: -10px;
}

#page .fpProgramBoxTop {
	background: transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/weekProgram_top_bg.png) 0 0 no-repeat;
	height: 35px;
}

#page .fpProgramBoxContent {
	position: relative;
	background: transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/weekProgram_content_bg.png) 0 0 repeat-y;
	padding: 2px 22px 17px 32px;
}


#page .fpProgramBoxBottom {
	background: transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/weekProgram_bottom_bg.png) 0 0 no-repeat;
	height: 46px;
}

#page .newsBox {
	width: 250px;
	background: #eeead8;
	padding: 15px 20px 0px 20px;
}

#page #fpNewsBox h2 {
	color: #333333;
}

#page .fpYellowBox {
	background: #ffcc00 url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/srk_logo_valk_transparent.png) 96% 50% no-repeat;
	width: 270px;
	height: 56px;
	margin-bottom: 18px;
	margin-top: 6px;
	text-align: left;
	color: #666633;
	padding-left: 20px;
	border-radius: 10px;
}

#page .pastorillaOnAsiaaRssIcon {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 500;
	background: transparent;
	padding: 3px 1px 0px
}

#page .ajankohtaistaOtsikot {
	margin-bottom: 20px;

}

#page .ajankohtaistaOtsikot h4 {
	color: #CC0033;
		line-height: 1.8;
}

#page .ajankohtaistaOtsikot h4 a, #page .ajankohtaistaOtsikot h4 a:link {
	color: #CC0033;
		line-height: 1.8;
}

#page .ajankohtaistaOtsikot a, #page .ajankohtaistaOtsikot a:link, #page .ajankohtaistaOtsikot a:visited {
	color: #CC0033;
	line-height: 1.8;
}



#page .fpYellowBox a,#page .fpYellowBox a:link{ 
	color: #666633;
	text-decoration: none;
}

/* /viikko-ohjelma block */

/* news listing */
#page #newsYearList ul, #page #newsYearList li {
    list-style-type: none;   
}

#page #newsYearList ul li {
    padding-bottom: 4px;
}

#page .newsYearListItems {
    margin-left: 10px;
}

#page .newsYearListItemDate {
    float: left;
    width: 40px;
}

#page .newsYearListItemCaption {
    margin-left: 40px;
}
/* /news listing */
/* weekProgram */
#page .weekProgram {
	width: 620px;
	color: #666666;
	line-height: 1.5;
	position: relative;
}

#page .weekProgram h2 {
	margin-top: 0;
	padding-top: 0;
	color: #666666;
}

#page  .weekProgramDate {
	font-weight: bold;
	float: left;
	clear: left;
	width: 110px;
	color: #cc0033;
} 

#page .weekProgramWrapper {
	margin-left: 138px;
}

#page .weekProgramContent {
	text-indent: -34px;
	float: left;
	color: #666666;
	position: relative;
} 

#page .weekProgramSeparate {
	color: #cc0033;
	font-weight: bold;
}

#page .noMargin {
	margin-left: 0px;
}

/*ajankoht scrollable*/
#page div.ajankohtaistaScrollable { 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 250px; 
    height:200px; 
} 

#page .weekProgram .weekProgramGoogleMap {
	width: 400px;
	height: 418px;
	background: #fdfdfd;
	border: #CC0033 1px solid;;
	padding: 5px;
	position: absolute;
	z-index: -1;
}
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
#page div.ajankohtaistaScrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
#page div.ajankohtaistaScrollable div.items div { 
	width: 250px;
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
#page div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

#page .scrollableNaviWrapper {
	width: 100%;
	list-style: none;

}

#page ul.scrollableNaviOuter {
	margin: 0;
	padding: 10px 0px;
	text-align: center;

}

#page ul.scrollableNaviOuter li {
	display: inline-block;
	list-style: none;
	font-size:1px;
	margin: 11px 0px 3px 3px;
}

#page ul.scrollableNaviOuter li.active {
background-position:0 -16px;
}

#page ul.scrollableNaviInner {
	list-style: none;
}

#page ul.scrollableNaviInner li {
	list-style: none;
	background:transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/navigator.png) no-repeat scroll 0 0;
	float:left;
	height:8px;
	margin: 0px 3px 10px;
	width:8px;
}

#page ul.scrollableNaviInner li.active {
background-position:0 -16px;
}

/* prev, next, prevPage and nextPage buttons */
#page a.browse {
	width:20px;
	height:20px;
	float:left;
	margin:5px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
#page  a.right 	{ background: transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/scrollableRight-trans.png) 0 0 no-repeat ;}
#page  a.left 	{ background: transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/scrollableLeft-trans.png) 0 0 no-repeat ;}

/*scrollable*/

/* /weekProgram block */

/* tooltip */
.tooltip {
	display:none;
	background:transparent;
	font-size:12px;
	width:209px;
	color:#000;	
	z-index: 12345;
	text-indent: 0;
}

.tooltip_top {
	background:transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/tooltip_top_bg-trans.png) 0 0 no-repeat;
	width: 209px;
	height: 16px;
}

.tooltip_content {
	background:transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/tooltip_content_bg-trans.png) 0 0  repeat-y;
	width: 159px;
	padding: 0 30px 0 20px;
}

.tooltip_bottom {
	background:transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/tooltip_bottom_bg-trans.png) 0 0 no-repeat;
	width: 209px;
	height: 28px;
}

#page a.weekProgramTooltipTrigger {
	padding: 0px 15px 0px 5px;
}
/* /tooltip */



/* navigaatio */

#page #header .header_nav {
	background: transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/header_nav_bg.jpg) 0 0 no-repeat;
	padding: 0px 62px 0px 62px;
	height: 33px;
}

#page .header_nav ul {
	background: transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/nav_li_a.png) 100% -1px no-repeat;
	float: left;
	
}

#page .header_nav li {
	float: left;
	list-style-type: none;
	
}

#page .header_nav li.nav-selected, #page .header_nav li.nav-path-selected {
	background: transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/nav_li_a_active.gif) 0 -2px repeat-x;
	color: #fff;
	list-style-type: none;
}

#page .header_nav li a {
	background: transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/nav_li_a.png) 0 -1px no-repeat;
	display: block;
	height: 33px;
	padding: 8px 45px 0px 45px;
	color: #fff;
	text-decoration: none;
	float: left;
}


#page .header_nav li a:hover {
	color: #fff;
	background: transparent url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/nav_li_a_active.gif) 0 -2px repeat-x;
}



#page .header_nav li a.nav-selected:hover {
	text-decoration: none;
}

#page .header_nav li .separator {
	float: left;
	padding: 5px 0 0 0;
}

/* /navigaatio */

/* sivupalkin navigaatio */

#page #content ul.nav {
	line-height: 2;
	padding: 0px 0px;
	border-top: #9c9c9c 1px solid;
	width: 200px;
}

/*Linkkien vakiotyylit*/
#page #content .nav a, #page #content .nav a:link {
	font-size: 12px;
	font-weight: bold;
	background: transparent;
	display: block;
	color: #000;
	text-decoration: none;
}

#page #content .nav a:hover {
	text-decoration: underline;
}

/*P��tason li*/
#page #content .nav li {
	border-bottom: #9c9c9c 1px solid;
	list-style-type: none;
}

#page #content .nav li.nav-has-childpages {

}
/*P��tason li valittu / path valittu*/
#page #content .nav li.nav-selected {
	padding-top: 2px;
	list-style-type: none;
}

#page #content .nav a.nav-path-selected, #page #content .nav a.nav-path-selected:link {
	color: #fff;
	background: #880000;
	padding: 4px 20px;
	margin-bottom: 2px;
}

#page #content .nav a.nav-selected, #page #content .nav a.nav-selected:link {
	color: #fff;
	background: #b70c1c url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/images/nav_li_selected_logo.png) 97% 50% no-repeat;
	padding: 4px 8px;
	margin-bottom: 2px;
}

/* sivupalkin alanavigaatio */
#page #content .nav li ul {
	background: #EEEAD8;
	border-top: #9c9c9c 1px solid;
	margin-top: 2px;
}

#page #content .nav li ul li { 
	margin: 0;
	margin-left: 10px;
}

#page #content .nav li ul li.nav-selected {
	padding-top: 2px;
	margin-left: 10px;
	list-style-type: none;
}

#page #content .nav li ul li ul { 
	background: #EEEAD8;
}

#page #content .nav li ul li a {
	font-size: 12px;
	font-weight: bold;
	background: transparent;
	display: block;
	color: #000;
	text-decoration: none;
}

/* /sivupalkin alanavigaatio */


/* sitemap autonav */
#page ul.sitemapNav li {
	list-style-type: none;
	margin: 3px 0px 0px 10px;
}


/* /sitemap autonav */

/* content block custom templates */
#page .yellowBoxContent {
	margin-top: 20px;
	text-align: center;

}
/* /content block custom templates */

/* userinfo block*/
#page #content .tonyUserInfo {
	margin-bottom: 16px;
}
/* /userinfo block*/
/*temp*/
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}



/* use a semi-transparent image for the overlay */
	#video_overlay {
		background-image:url(http://www.lahdenhelluntaisrk.fi/themes/lahdenheTheme/http://static.flowplayer.org/img/overlay/transparent.png);
		background: #fff;
		color:#efefef;
		width: 800px;
		height:520px;
		padding: 20px;
		color: #000;
		display: none;
	}
	
	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		width: 800px;
		height:520px;
		overflow-y:auto;
	}




#page #msg {
	font-size: 1.6em;
	font-weight: bold;
	color: #900;
}

/* Yleiset */
.clear {
	height: 1px;
	clear: both;
	overflow: hidden;
	float: none;

}

.clear5 {
	height: 1px;
	clear: both;
	overflow: hidden;
	margin-bottom: 5px;
}

.clear10 {
	height: 1px;
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}

.clear20 {
	height: 1px;
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}

.clear30 {
	height: 1px;
	clear: both;
	overflow: hidden;
	margin-bottom: 30px;
}

.clear40 {
	height: 1px;
	clear: both;
	overflow: hidden;
	margin-bottom: 30px;
}

.flL {
	float: left;
}

.flR {
	float: right;
}

.red {
	color: #CC0033;
}
/* /Yleiset */