@import "menu.css";  /* navigation menu */

/*******************
 * site XHTML tags *
 *******************/
body {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 0.9em;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, "Lucida Sans", Arial, Geneva, Helvetica, sans-serif;
}
h1 {
	font-size: 175%;
	font-weight: bold;
}
h2 {
	font-size: 100%;
	font-weight: bold;
	padding: 0;
	margin: 0.5em 0;
	border-bottom: 2px ridge;
}
h3 {
	font-size: 85%;
	font-weight: bold;
	padding: 0;
	margin: 0.5em 0;
	text-align: left;
}
p {
	font-size: 90%;
	margin: 0.2ex 0;
}
a {
	text-decoration: none;
	border-bottom: 1px solid;
}
img {
	border: 1px solid;
}


/************************
 * site layout elements *
 ************************/
#Header {
	background-repeat: repeat-x;
	background-position: 125px 0;
}
#Content {
	text-align: justify;
	border-width: 1px 0;
	border-style: solid;
}
#Footer {
	border-width: 1px 0;
	border-style: solid;
}
#LHS {
	border: 1px solid;
	padding: 0.5em 0;
}
#RHS {
	border: 1px solid;
}


/************************
 * site header elements *
 ************************/
#TownHall {
	float: left;
	border: none;
}
* html #TownHall { /* just for IE (Tan hack) */
	margin: 0 -3px;  /* IE 5.x only  - Three Pixels Gap bug fix */
	ma\rgin: 0;  /* IE 5.x ignores this (Tantek hack) */
}
#HeaderText {
	height: 38px;
	position: relative;
	top: 65px;
	vertical-align: middle;
	margin-left: 125px;
}
#Header h1 {
	font-size: 160%;
	margin: 0;
	padding: 0.2em 0.5em;
}
#SiteName {
	float: right;
	position: relative;
	top: 20px;
	font-size: 125%;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
}
#Logo {
	float: right;
	position: relative;
	top: 10px;
	border: none;
}
/** html #Header div { /* just for IE (Tan hack) */
	/*height: 1%;  /* Pekaboo bug fix (Holly Hack) */
/*}*/
#Header:after {  /* smart float clearing */
    height: 0;
    clear: both;
    display: block;
    content: ".";
    visibility: hidden;
}
* html #Header {  /* just for IE (Tan hack) */
	height: 1%;  /* force autoclear (Holly hack) */
}


/********************************************************************
 * footer W3C button - http://www.sovavsiti.cz/css/w3c_buttons.html *
 ********************************************************************/
.W3CButton {
	width: 10.5em;
	float: right;
	margin: 0.5em 0.25em;
	font-size: 80%;
	font-family: helvetica,arial,sans-serif;
	font-weight: bold;
	border: 1px solid #CCCCCC;
}
.W3CButton a {
	display: block;
	border: none;
}
.W3CButton a:link, .W3CButton a:visited, .W3CButton a:hover {
	text-decoration: none;
	color: #000000;
	background-color: #FFCC66;
}
.W3CButton span {
	padding: 0 0.2em;
}
span.W3C {
	padding: 0 0.4em;
	color: #006699;
	background-color: #FFFFFF;
}
.Clear {
	clear: both;
}


/*********************
 * main page classes *
 *********************/
#NewsHeader {
	width: 10.5em;
	float: right;
	text-align: right;
}
#NewsLinks {
	float: right;
	clear: right;
	margin: 0;
	padding: 1em 0 0.5em 0;
}
#NewsLinks li {
	margin: 0;
	padding: 0;
}
* html #NewsLinks {  /* just for IE (Tan hack) */
	float: right;
	clear: none;  /* h2 before autocleared the float */
	padding-left: 1.5em;  /* to make bullets visible in IE6 */
	list-style-position: outside;
}
#NewsLinks a {
	width: 6em;
	display: block;
	text-align: left;
}
.News div {
	font-size: 80%;
	font-weight: bold;
}
.News h3 {
	margin-top: 0;
}
.News p {
	margin-bottom: 0.25em;
}
.Info {
	margin-bottom: 0.5em;
}
* html .Info div { /* just for IE (Tan hack) */
	height: 1%;  /* Pekaboo bug fix (Holly Hack) */
}
.Info:after {  /* smart float clearing */
    height: 0;
    clear: both;
    display: block;
    content: ".";
    visibility: hidden;
}
* html .Info {  /* just for IE (Tan hack) */
	height: 1%;  /* force autoclear (Holly hack) */
}
.Info img {
	float: right;
	margin-left: 0.5em;
}
.Info h3 {
	margin-bottom: 0.3em;
}
.Info div div {
	font-size: 75%;
}
.InfoDate, .InfoCategory {
	padding: 0.25em 0;
}
.InfoDate span {
	font-weight: bold;
	padding: 0.2em 0.5em;
	border-top: 0.1em solid;
	border-bottom: 0.1em solid;
}
.InfoCategory a, .More a {
	text-decoration: none;
	padding: 0.2em 0.5em;
	border-top: 0.1em solid;
	border-bottom: 0.1em solid;
	border-right: 0.1em dashed;
}
.More {
	border-top: 0.4em solid;
	border-bottom: 0.1em solid;
}
.More a {
	float: right;
	position: relative;
	top: -1.8em;
	font-size: 60%;
	font-weight: bold;
	border-bottom: none;
}


/***********************
 * site global classes *
 ***********************/
a.file {
	text-decoration: none;
	font-size: 115%;
	font-family: "Courier New", Courier, monospace;
	font-variant: small-caps;
	padding: 0;
	padding-left: 0.5em;
}
a.file img {
	float: none;
	vertical-align: top;
	margin: 0;
	padding: 0 0.5em;
	border: none;
	width: 1.05em;
	height: auto;
}