/*
	Current version: 1.0
	
	Site: Svenska Kyrkan H�gersten
	www: hagersten.org
	Author: Robert Hedman, robert.hedman@atrox.se	
	Notes: Layout and structure of the site
*/

#start, #sub, #articlePage{background:#ded9cd url(../images/body-bg.gif) repeat-x;}


#wrapper
{
	width:960px;
	margin:0 auto;
	overflow:hidden;
}
	#sub #wrapper{position:relative;}

	#eyeBrow
	{
		height:42px;
		overflow:hidden;
	}
	
	#header
	{
		height:108px;
		background:#fff url(../images/wrapper-top.gif) no-repeat;
	}
	
		#logotype
		{
			display:block;
			width:251px;
			height:50px;
			background:url(../images/svenska-kyrkan-logotype.gif) no-repeat;
			text-indent:-9999px;
			margin:30px 0 0 30px;
			display:inline-block;
			float:left;
		}
	
	#content
	{
		background:#fff;
		float:left;
		width:960px;
	}
	
		#col0
		{
			width:220px;
			float:left;
			display:inline;
			margin:0 0 0 10px;
		}
		
		#col1
		{
			width:700px;
			float:left;
			display:inline;
			margin:0 0 0 10px;
			overflow:hidden;
			position:relative;
		}
		
			#col1 a{color:#A91E2B;}
			#sub #col1, #articlePage #col1{width:460px !important;margin-left:20px;}
		
			.position, last
			{
				width:220px;
				height:292px;
				float:left;
				display:inline;
				overflow:hidden;
				margin:0 20px 20px 0;
				position:relative;
			}
			
				.position h2{font-weight:normal;sont-size:16px;margin:16px 10px 2px 10px;}
				.position p{color:#353535;margin:0 5px 10px 10px;line-height:1.4;}
					.position p img{margin-left:-10px}
				.position .puffLink{display:block;position:absolute;bottom:6px;left:10px;font-weight:bold;color:#353535 !important;}
			
			#childrensQuire{background:url(../images/puff-childrens-quire.gif) bottom left no-repeat;}
				#childrensQuire h2{color:#3a6103;}
			#youth{background:url(../images/puff-youth.gif) bottom left no-repeat;}
				#youth h2{color:#561031;}
			#bodyAndSoul{background:url(../images/puff-bodyandsoul.gif) bottom left no-repeat;}
				#bodyAndSoul h2{color:#52149d;}
			#seniors{background:url(../images/puff-seniors.gif) bottom left no-repeat;}
				#seniors h2{color:#856909;}
			#music{background:url(../images/puff-music.gif) bottom left no-repeat;}
				#music h2{color:#00416f;}
			#quires{background:url(../images/puff-quires.gif) bottom left no-repeat;}
				#quires h2{color:#75000b;}
			
				.last{margin-right:0 !important;}
		
		#col2
		{
			width:220px;
			float:right;
			display:inline;
			margin:0 10px 0 0;
			overflow:hidden;
		}
		
#start #articles
{
	width:700px;
	height:450px;
	overflow:hidden;
	background:url(../images/startpage-articles-bg.gif) no-repeat;
}		

#footerWrapper
{
	float:left;
	width:960px;
	height:195px;
	background:#fff url(../images/wrapper-bottom.gif) bottom left no-repeat;
	overflow:hidden;
	margin:0 0 10px 0;
}

	#footer
	{
		margin:30px 10px;
		padding:24px 0 0 40px;
		border-top:1px solid #d5cdaa;
	}
	
		#footer p
		{
			font-size:16px;
			font-family:verdana, tahoma, sans-serif;
		}
		
		#footer dl
		{
			width:172px;
			float:left;
			margin:0;
			padding:0;
		}
		
			#footer dl dt{font-weight:bold;}
			#footer dl dt, #footer dl dd
			{
				margin:0;
				padding:0;
			}
	
	#credit, #copyright{font-size:11px;color:#8e8369;width:auto;}	
	#credit{float:right;margin:0 10px 10px 0;}
		#credit a{color:#8e8369;}
	#copyright{float:left;margin:0 0 10px 10px;}


/* PRIMARY NAVIGATION */

.navContent
{
	width:669px;
	overflow:hidden;
	margin:39px 10px 0 0;
	display:inline-block;
	float:right;
}

	.navList
	{
		float:right;
		list-style:none;
		margin:0;
		padding:0;
	}
	
		.navList li
		{
			height:32px;
			display:inline;
			float:left;
			margin:0 0 0 10px;
		}
		
			.navList li a{line-height:2;font-size:16px;color:#000;font-weight:bold;}
				#navList li a:hover{color:#a91e2b;}
		
		.navItemLeft, .navItemLeftSelected
		{
			width:15px;
			height:32px;
			background:url(../images/tab-left.gif) no-repeat; 
			display:inline;
			float:left;
		}
		
			.navItemLeftSelected{background:url(../images/tab-left-active.gif) no-repeat !important;}
		
		.navItemRight, .navItemRightSelected
		{
			width:15px;
			height:32px;
			background:url(../images/tab-right.gif) no-repeat;
			display:inline;
			float:left;
		}
		
			.navItemRightSelected{background:url(../images/tab-right-active.gif) no-repeat !important;}
		
		.navItemContent, .navItemContentSelected
		{
			height:32px;
			background:url(../images/tab.gif) repeat-x;
			display:inline;
			float:left;
		}
			.navItemContentSelected{background:url(../images/tab-active.gif) repeat-x !important;}
				.navItemContentSelected a{color:#fff !important;}
				
/* SECONDARY NAVIGATION */
.subMenuActive
{
	display:none;
}

.subMenuContent
{
	background:url(../images/submenu-bottom.gif) bottom left no-repeat;
	padding-bottom:3px;
	margin-bottom:20px;
}

.subMenuListLvl1
{
	background:url(../images/submenu-top.gif) no-repeat;
	list-style:none;
	margin:0;
	padding:10px 0 0 0;
}

	.subMenuItemLvl1, .subMenuItemLvl2, .subMenuLiLvl1{border-bottom:1px solid #d5cdaa;}
	li.menuLiLast{ border:none; }
		.menuItemLast{border:0;margin-bottom:7px;}
		.subMenuListLvl1 li{padding:0;margin:0;}
		.subMenuListLvl1 li a{display:inline-block;font-size:14px;font-weight:bold;margin:7px 10px;}
			.subMenuListLvl1 li a:hover{color:#a91e2b;}
		
		.leftMenuSelected{color:#a91e2b;}
		
.subMenuListLvl2
{
	list-style:none;
	margin:0 1px;
	padding:0;
	background:#f7f5ee;
	border-top:1px solid #d5cdaa;
}

	.subMenuListLvl2 li{margin:0 10px;padding:0;}
	.subMenuListLvl2 li a{font-weight:normal;font-size:12px;margin:8px 10px;}
		.subMenuListLvl2 .menuItemLast{margin-bottom:0;}



/* ETC */
.clearFix 
{
	height:0;
	font-size:0;
	line-height:0;
	clear:both;
	float:none !important;
}	

.errorFieldset{background:#deeac2;border:1px solid #adc48f;padding:20px 20px 6px 20px;}
.errorFieldset legend{display:none;}