@import url("comments.css");
@import url("base_site.css");

html, body { height: 100%; } 


body {

	background-color: orange;
	background-image: url('/images/webdesign/background.jpg');
	background-position: center top;
	margin: 0px;
	padding: 0px;
	color: #000000;	
	font-family: Arial;
	font-size: 10pt;
	line-height: 1.5em;
}

.has_no_page {
	display: none;
}

li {
	list-style: none;
}

p {
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
}

a {
	color: #AA0000;
}

a:hover {
	color: #CC0000;
}

a img {
	border: 0;
}

table th {
	vertical-align: top;
	font-size: 1.0em;
}
li {
	line-height: 1.25em;
}

ol,ul {
	padding-left: 1.1em;
	margin-left: 1.1em;
}

/* BG ******************** */

#bg {
	position: relative;
	min-height: 100%;
	_height: 100%;
	background-image: url('/images/webdesign/main-2.png');
	background-position: center top;
	background-repeat: repeat-y;
}

#bg2 { position: absolute; width: 10px; left: 0; height: 100%; background: red;}

/* MAIN ******************** */

#container {
	margin: auto;
}

#top {
	position: relative;
	margin: auto;
	width: 700px;
	height: 247px;
	background: url('/images/webdesign/top-2.png') no-repeat center top;
}

#top a {
/*	margin: auto;
	width: 700px;*/
	height: 250px;
	display: block;
}

#bottom {
	position: absolute;
	bottom: 0;
	margin: auto;
	text-align: right;
	width: 595px;
}

#bottom p {
	margin: 0;
	padding: 0;
}

#menu {
	margin: auto;
	background: url('/images/webdesign/menu-2.png') no-repeat center top;
	width: 700px;
	height: 40px;
}

#content {
	width: 545px;
	margin: auto;
	padding: 20px 0 20px 0;
}

#content {
	color: #000000	
}

#content h2 small,#content  h3 small,#content  h4 small {
	font-family: Arial;
	font-weight: normal;
	padding-left: 1em;
	color: #000000;
}

#content h2 {
	font-size: 13pt;
	color: #000000;
	margin: 0;
	padding: 0;
	padding-bottom: 0.5em;
}


#content h3 {
	font-family: Arial;
	font-size: 11pt;
	color: #880000;
	margin: 0;
	padding: 0;
	padding-top: 1.4em;
}

#content h4 {
	color: black;
	font-size: 9pt;
	padding: 0;
	margin: 0;
}

/* TOP ******************** */



#top h1 {
	display: none;
}

/* MENU ******************** */

#menu {
	font-family: Arial;
	font-size: 13pt;
	text-align: center;	
}

#menu ul {
	display: inline;
	padding: 0;
	margin: 0;
}

#menu ul li {
	line-height: 28px;
	padding: 0;	
	margin: 0;
	display: inline;
}

#menu ul li a {
	padding: 0 6px 0 6px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0.6pt;
	font-size: 10.5pt;
}

#menu ul li a:hover {
	color: #F7A818;
}

#menu ul li.selected a {
	color: #F7A818;
}

/* OTHER */

table tr.odd td {
	background-color: #E2E2E2;
}

table {
	border-collapse: collapse;
}

table td, table th {
	padding: 3px;
	padding-left: 6px;
	vertical-align: top;
}

table th {
	font-weight: normal;
	text-align: left;
}

#content table h2,#content  table h3,#content  table h4 {
	padding: 0;
	padding-top: 0.5em;
	margin: 0;
}

table.events {
	width: 100%;
}

table.events th.place {
	width: 10em;
}


table.events th.occurring {
	width: 8em;
}

.articles .main_files .thumbnail {
	float: right;
}

.articles .not_main_files .thumbnail {
	float: left;
}

.articles .not_main_files {
	clear: both;
}

.articles .content, .articles .end {
	clear: both;
}

a img {
	border: 1px solid black;
}

#bg #content small {
	font-size: 8pt;
	color: #999999;
}

#content small {
	line-height: 1.5em;
}

#content small a {
	color: #999999;
}