/****************************************************************

CSS for zenbuddhistiska samfundet local center webs.


So, the different border etc. sizes we use are 10px, 24px and 40px.
Total width of page is 950 px, the rest is background.
*****************************************************************/


/****************************************************************
THE VERY MAIN-PAGE THING WHERE ALL THE ACTION IS
*****************************************************************/
#page
{
	width:944px;
	padding-left: 40px;
	padding-right: 40px;
	background-image:url(images/whitebg.png);

	padding-top: 40px;
	padding-bottom: 24px;
	margin-left: auto;
	margin-right:auto;
}

#topborder
{
background-image:url(images/whitebg_top.png);
height:11px;
width:1012px;
margin-left: auto;
margin-right:auto;
}
#bottomborder
{
background-image:url(images/whitebg_btn.png);
height:11px;
width:1012px;
margin-left: auto;
margin-right:auto;
}
/****************************************************************
THINGS IN TOP OF THE PAGE. ENZO, TITLE ETC
*****************************************************************/
#top
{
	text-align: left;
	padding-bottom: 24px;
	background-image:url(images/goteborgzencenter.png);
	background-position: top right;
	overflow:hidden;
	background-repeat:no-repeat;
	height: 224px;
}

#top ul 
{
	float:right;
	list-style:none;
	margin-top:206px;
}

#top li
{
	float:left;
	padding-left: 10px;
	padding-right: 10px;
	background-image:url(images/menu/spacer.gif);
	background-position: right;
	overflow:hidden;
	background-repeat:no-repeat;
}

#top  li.end
{
	padding-right: 0px;
	background-image:none;
}


/****************************************************************
AKTUELLT (the very image with text "aktuellt" will be found in
top together with enzo)
*****************************************************************/
#aktuellt
{
	width: 214px;
	padding-right:40px;
	padding-bottom: 14px; /* 24px - 10 from #aktuellt p bottom margin */
	float:left;
	margin: 34px 0px 0px 0px;
}

#aktuellt h1
{
	margin: 0px;
	font-family: Times New Roman;
	font-size: 12pt;
	font-weight: bold;
	margin: 8px 0px 3px 0px;
	text-align: left;
}

#aktuellt p
{
	margin: 0px;
	font-family: Times New Roman;
	font-size: 11pt;
	padding-bottom: 10px;
	background-image:url(images/aktuelltdots.gif);
	background-position: bottom;
	overflow:hidden;
	background-repeat:no-repeat;
	text-align: justify;
}
#aktuellt img /* just to get som space under the header image */
{
	margin: 0px 0px 14px 0px;
}


/****************************************************************
CONTENT
*****************************************************************/
#content
{
	width: 634px; /* content, so images should be max 634 w, 423 h */
	float: right;
	margin: 24px 0px 24px 0px;
}
#content p
{
	text-align: justify;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11pt;
	line-height:140%;
	margin: 0px 0px 12px 0px;

}
#content h1
{
	text-align: left;
	font-family: Times New Roman;
	font-size: 20pt;
	line-height:100%;
	margin: 0px 0px 10px 0px;
	color: #9AB656;
}

#content h2
{
	text-align: left;
	font-family: Times New Roman;
	font-size: 15pt;
	line-height:100%;
	letter-spacing:3pt;
	margin: 0px 0px 6px 0px;
	color: #9AB656;
}
#content h3
{
	text-align: left;
	font-family: Times New Roman;
	font-size: 13pt;
	line-height:100%;
	margin: 0px 0px 6px 0px;
	color: #9AB656;
}

#content img
{
	margin:10px 0px 24px 0px;
	text-align:left;
}
.header
{
	text-align:left;
}
/****************************************************************
BOTTOM
*****************************************************************/
#bottom
{
	clear:both;
	background-color: #cccccc;
	padding-left: 40px;
	padding-bottom: 2px;
	padding-top: 2px;
}

#bottom p
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9pt;
	line-height:160%;
	text-align:center;
}


/****************************************************************
VARIOUS HTML-ELEMENTS
*****************************************************************/
body
{
	background-color: #e28817;
	margin:24px;
	background-image:url('images/goteborgzencenterbakgrund.png');
}
img{border: 0px none;}

td
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11pt;
}

a:link{color:#ff8d00;}
a:visited{color:#ff8d00;}
a:hover{color:#cc0000;}
a:active{color:#cc0000;}