/* ************************************************************** */
/* ********* general appearance and corporate identity ********** */

body {
	background-color: #ffffff;
/*	font-family: Helvetica, Arial, sans-serif;*/
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-repeat: repeat-x;
	background-position: top;
	font-size: 0.8em;
}

body.coloured {
	background-image: url(../img/hor-bg.png);
}

/* *** Header *** */

img.logo {
	border-width : 0px 0px 0px 0px;
	position: absolute;
	top : 0px;
	right : 10px;
}

a.logo{
	border-width : 0px 0px 0px 0px;
}


/* ************************************************************** */
/* ******************** menu/navigation ******************** */

div.navbar{
	position: absolute;
	top: 80px;
	left: 0px;
	width : 150px;
	font-family: Helvetica, Arial, sans-serif;
}

div.menu{
	padding-top: 1px;
	padding-bottom: 1px;
	margin-left: 3px;
	margin-right: 15px;
	background-color: #e0e0f0;
	border : 1px solid #A6A6FF;
	/*background-color: #e0e0F2;
	*/
	/*background-color : #DFDFFF;
	*/
}

div.menu li {
	padding-top: 3px;
	padding-bottom: 3px;
	list-style-type: none;
	display: block; 
	font-weight: bold;
/*	border : thin dotted;*/
}	
div.menu ul {
	padding-left : 5px;
	margin-left : 0px;
/*	border : thin dotted Aqua;*/
	font-size: 1.2em;
}	

div.menu ul ul{
	margin-top : 3px;
	padding-left : 5px;
	margin-left : 5px;
/*	border : thin dotted Aqua;*/
 	font-size: 0.8em;
}	


div.content {
	position: absolute;
	top: 45px;
	left: 150px;
	margin-right: 20px;
	max-width: 100%;
	margin-top: 8px;
/*	border : thin dotted;*/
}


div.searchbar{
	padding-top: 15px;
	padding-left: 5px;
}
div.sitesearch{
  margin-top: 20px;
  font-size: 9px;
  color: #666666;
}
*.sitesearch input.searchtext{
  margin-left : 4;
  width: 70px;
  border: 1px #bebebe solid;
}
*.sitesearch input.searchimage{
  margin-left : 4;
}


div.googlead{
	padding-top: 15px;
	padding-left: 5px;
}



div.messagebox{
    font-size: small; 
	background-color: #D8D8F2; 
    margin-top: 2em;
	padding: 10px;
}


div.newstitle{
	font-size: small;
	background-color: #D8D8F2;
	margin-top: 1em;
	padding: 1px;
	font-weight : bold;
	text-align : center;
	vertical-align : middle;
}

div.newsbox tr{
	border : 1px solid #D8D8F2;
}

div.newsbox td{
	padding-left : 4px;
	padding-right : 4px;
}
div.newsbox td.date{
	padding-left : 4px;
	padding-right : 4px;
	text-align : right;
}

ul.triangle{
	margin-top : 2em;
	margin-bottom : 1em;
	margin-left : -1em;
}

ul.triangle  li{
	list-style-image : url(../img/triag-r.png);
	list-style-type: circle;
	margin-top : 6px;
	margin-bottom : 6px;
}


/* *** footer *** */
div.footer{
	font-size : 0.7em;
	color : Gray;
	border-top-style : dashed;
	border-top-color : Gray;
	border-top-width : thin;
	padding-top : 2px;
	margin-top : 20px;
	margin-bottom : 20px;
}

/* ************************************************************** */
/* ******************** general content tags ******************** */


table.imgtiles{
	padding: 0px;
	margin: 0px;
}

table.imgtiles td{
	padding: 0px;
	margin: 0px;
}

table.imgtiles img{
	padding: 0px;
	margin: 0px;
	border : none;
}

h1, h2, h3, h4 {
	font-family: 'Century Gothic', 'Lucida Grande', 'Trebuchet MS', Verdana, Sans-Serif;
}

h1 {
	color: teal;
	font-size : 1.6em;
	text-align : left;
	/*text-transform: uppercase;
	*/
	position : absolute;
	top: 10px;
	left: 150px;
}

h2 {
	color: #007777;
	font-size : 1.3em;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}


h3 {
	color: #008B8B;
	font-size : 1.2em;
	margin-top : 1.0em;
	margin-bottom : 0.5em;
}

h4 {
	color: #008B8B;
	font-size : 1em;
	font-weight : bold;
}

hr.header{
	position : absolute;
	top: 70px;
	width: 99%;
	background-color : #B5E6E4;
	height : 10px;
}

div.header{
	position : absolute;
	top: 70px;
	width: 99%;
	background-color : #B5E6E4;
	height : 10px;
}

p {
	margin-top : 4px;
	margin-bottom : 4px;
}

td.topleft{
	vertical-align : top;
}

a:link{
  color : #0000B5 ;
  text-decoration : none ;
}
a:visited{
  color : #54849A ;
  text-decoration : none ;
}
a:hover{
  color: #4EBA62; 
  text-decoration : none ;
}


img.scrshot{
	border : 2px solid Silver;
	padding-top : 2px;
	padding-right : 2px;
	padding-left : 2px;
	padding-bottom : 2px;
	width : 160px;
	height : 160px;
}

img.scrshot{
	border : 2px solid Silver;
	padding-top : 2px;
	padding-right : 2px;
	padding-left : 2px;
	padding-bottom : 2px;
}

.menu a{
	text-decoration : none ;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
}
a.selected{
	background-color : #f3f3FF;
}
.menu a:link{
	color : #0000B5 ;
}
.menu a:visited{
  color : #0000B5 ;
}
.menu a:hover{
	color: #4F4FFF;
	background-color : #eFeFFF;
}

tt {
	font-size: 1.2em; 
}

div.alert{
	color : Red;
	font-size : large;
	font-weight : bold;
}