/* Copyright 2007-2008, John R. Thomas  */
/* All associated graphics copyright 2007-2009, John R. Thomas */

/* --- layout --- */

body {
	margin: 0px;
	padding: 0px;
	background: #ffffff url('/images/citback.jpg') fixed top right no-repeat;
	color: #000000;
	font-family: Palatino, Georgia, serif; //Helvetica, Arial, sans-serif;
	font-size: 9pt;
}


#container {
	position: absolute;
	min-width: 780px;
	max-width: 1100px;
	width: 80%;
	left: 10%;
}


#pageHeader {
	width: 750px;
	height: 200px;
	margin-top: 0px;
	margin-left: 50%;
	position: relative;
	top: 0px;
	left: -375px;
	z-index: 0;
}

	#headerImg {
		margin: 0px;
		padding: 0px;
		width: inherit;
		height: inherit;
	}
	
	#headerImgNews {
		margin: 0px;
		padding: 0px;
		background: url('images/headernews.jpg') no-repeat;
		width: inherit;
		height: inherit;
	}
#mainSection {
	width: 100%;
	margin-top: 10px;
	position: relative;
	z-index: 2;
}

#articleArea {
	width: 640px;
	top: 20px;
	margin-left: 50%;
	position: relative;
	left: -320px;
	z-index: 2;
}

	#articleHeader {
		width: inherit;
		height: 50px;
		background: url('images/articletop.jpg') top left no-repeat;
		padding: 0;
		margin: 0px;
		position: relative;
		z-index: 2;
	}
	
		#articleHeader img {
			padding: 10px 0 0 10px;
		}

	#articleBody {
		background: url('images/articlemiddle.jpg') left repeat-y;
		padding: 1px 44px 1px 24px;
		margin: 0px;
		position: relative;
		z-index: 2;
	}
	
	#articleFooter {
		width: inherit;
		height: 28px;
		background: url('images/articlebottom.jpg') left no-repeat;
		padding: 0px;
		margin: 0px;
		position: relative;
		z-index: 2;
	}


#primaryLinks {
	width: 180px;
	height: 320px;
	background: url('images/paper2article.jpg') top left no-repeat;
	top: 280px;
	left: 10px;
	position: fixed;
	padding: 0px;
	margin: 0px;
	z-index: 1;
}

	#linksHeader {
		width: inherit;
		height: 20px;
		padding: 0;
		margin: 0px;
		position: relative;
		z-index: 1;
	}

	#linksBody {
		width: inherit;
		padding: 1px 0 1px 0;
		margin: 0 0 0 15px;
		position: relative;
		z-index: 1;
	}
	
	#linksFooter {
		width: inherit;
		height: 10px;
		padding: 0px;
		margin: 0px;
		position: relative;
		z-index: 1;
	}
	
#articleList {
	width: 200px;
	height: 340px;
	background: url('images/paper3article.png') no-repeat;
	top: 280px;
	right: 66px;
	position: fixed;
	padding: 0px;
	margin: 0px;
	z-index: 2;
}

	#listHeader {
		width: inherit;
		height: 20px;
		padding: 0;
		margin: 0px;
		position: relative;
		z-index: 2;
	}

	#listBody {
		width: inherit;
		padding: 1px 0 1px 0;
		margin: 0 0 0 20px;
		position: relative;
		z-index: 2;
	}
	
	#listBody .linky {
		width: 170;
	}
	
	#listFooter {
		width: inherit;
		height: 10px;
		padding: 0px;
		margin: 0px;
		position: relative;
		z-index: 2;
	}

.articlePic {
	padding: inherit;
	float: right;
	margin-top: 2px;
	margin-left: 8px;
	position: relative;
}

/* --- text --- */

.p1 {
	padding: 0 0 0 0;
	text-align: justify;
}

.p2 {
	padding: 0 0 0 0;
	text-align: left;
}
.articleTeaser {
	margin-left: 8px;
}

a {
	color: #787268;
	text-decoration: none;
}

a:hover, a:active {
	color: #b09088;
	text-decoration: none;
}

p.linky {
	margin: 16px 0 0 0;
}

p.linky a {
	font-family: Palatino, Georgia, serif; //Helvetica, Arial, sans-serif;
	font-size: 11pt;
	text-decoration: none;
}

p.linky a:hover, p.linky a:active {
	text-decoration: none;
	color: #b09088;
	
}
a.linkheader {
	font-weight: bold;
	color: inherit;
	text-decoration: none;
}

a.linkheader:hover, a.linkheader:active {
	color: #b09088;
	text-decoration: none;
}

li {
	padding-bottom: 4px;
	list-style: none;
}