html {
	height: 100%; 
	max-height: 100%; 
	padding: 0; 
	margin: 0; 
	border: 0; 
	background: #FAF5E8 ;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow : hidden ; 
	/* */ 
	}

body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
	/*background: #FAF5E8;*/
	background:  url(../gfx/bgr.gif);

  scrollbar-3dlight-color: #FCFCEF;
  scrollbar-arrow-color: #664533;
  scrollbar-darkshadow-color: #FCFCEF;
  scrollbar-face-color: #F1EDD0;
  scrollbar-highlight-color: #714D39;
  scrollbar-shadow-color: #714D39;
  scrollbar-track-color: #EEEEDE;
}

a {  color: #CC3333; text-decoration: none; font-weight: bold;}
a:link {  color: #CC3333;}
a:visited {  color: #CC3333;}
a:active {  color: #FF0000;}
a:hover {  color: #FF0000;}

p, h1, h2, h3, h4 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }

h1, h2, h3, h4 {
  font-weight: bold;
  color: #660000;
  }

p {
  font-size:76%;
  }

h1 {
  font-size: 155%;
  line-height: 3%;
  margin-top: 20px;
  margin-left: 10px;
  }

h2 {
  font-size: 95%;
  line-height: 1%;
  margin-left: 10px;
  }

h3 {
  font-size: 155%;
  margin-left: 10px;
  }

h4 {
  font-size: 150%;
  line-height: 3%;
  margin-top: 20px;
  }

.linkbox {
  background-color: #EEEBD4; 
  margin-bottom: 5px;
  margin-left: 10px;
  border: #663333 solid;
  padding: 1px 2px 3px 2px;
  border-width: 1px 2px 3px 1px;
  color: #660000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 76%;
  }

.boxlink {
  text-align: left;
  vertical-align: top
  }

.organisation {
	font-style: italic;
	color: #440000;
	}

#content {
	display:block; 
	overflow:auto; 
	position:absolute; 
	z-index:30; 
	top:92px; 
	bottom:48px; 
	width:640px; 
	margin-left:-321px; 
	left:50%; 
	border-left:1px solid #E7E3C4;
	border-right:1px solid #E7E3C4;
	background: #FCFCEF;
	}

* html #content {
	top:0; 
	bottom:0; 
	height:100%;
	width:642px;
	border-top:92px solid #FCFCEF; 
	border-bottom:46px solid #FCFCEF;
	}

#menu_bar {
	position:absolute; 
	text-align:center;
	z-index:90; 
	top:65px;  
	width:800px; 
	margin-left:-351px; 
	left:50%; 
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	}

* html #menu_bar {
	top:62;  
	height:20px;
	width:702px;
	}

.menu {
  padding:0; 
  margin:0; 
  list-style-type:none;
  white-space:nowrap;
  }
.menu li {
  float:left;
  min-width:2px;
  }
.menu a {
  position:relative;
  display:block; 
  text-decoration:none; 
  min-width:2px; 
  float:left; 
  }
* html .menu a {
  width:2px;
  }
.menu a span {
  display:block; 
  color:#444444; 
  /*background:#FAF5E8;*/ 
  border-bottom:1px solid #FAF5E8;
  border-width:1px 1px; 
  text-align:center; 
  padding:2px 1px; 
  cursor:pointer;
  }
* html .menu a span {
  width:2px; 
  cursor:hand; 
  w\idth:33px;
  }
.menu a b {
  display:block; 
  border-bottom:2px solid #663333;
  }
.menu a em {
  display:none;
  }
.menu a:hover {
  background:#FAF5E8;
  }
.menu a:hover span {
  color:#fff; 
  /*background:#663311;*/
  background:#8C5D3D;
  }
.menu a:hover em {
  display:block; 
  overflow:hidden; 
  border:6px solid #663333; 
  border-color:#663333 #FCFCEC; 
  border-width:6px 6px 0 6px; 
  position:absolute; 
  left:50%; 
  margin-left:-6px;
  }

#head {
	position:absolute;  
	top:0; 
	width: 100%; 
	min-width:640px; 
	height: 90px; 
	font-size:1em; 
	z-index:40; 
	background:  url(../gfx/bgr.gif);
	}

* html #head {
	top:0px; 
	height:90px;
	}

#foot {
	text-align:center;
	position:absolute;  
	bottom:0; 
	width:640px; 
	margin-left:-321px;
	left:50%;
	height:44px; 
	font-size:1em; 
	z-index:40; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	background:  url(../gfx/bgr.gif);
	}

* html #foot {
	bottom:0px;
	width:642px; 
	height:42px;
	}


#right-sidebar {
	position:absolute;
	text-align:right;
	top:92px; 
	width: 100%; 
	min-width:640px; 
	height: 600px;  
	z-index:10; 
	}

* html #right-sidebar {
	top:92px; 
	height:600px;
	}
	
.rm {
	margin-right: 20px;
	}

#left-sidebar {
	position:absolute;
	left:30px;
	top:80px; 
	width: 150px; 
	min-width:640px; 
	height: 600px;  
	z-index:20; 
	}

* html #left-sidebar {
	top:92px;
	height:600px;
	}


#content p {
	padding:10px; text-align:justify;
	}
.boldhead {
	font-size:1.5em; 
	font-weight:bold;
	}

.bold {font-weight:bold;}
.left {float:left; margin: 3px 10px 5px 0px; border:1px solid #000;}
.right {float:right; margin:10px; border:1px solid #000;}
.lefttext {float:left; width:300px; text-align:justify;}
.righttext {float:right; width:300px; text-align:justify;}

.top_r {  background-image: url(../gfx/topline.gif); background-repeat: repeat-x; padding-top: 5px; padding-left: 20px}
.top_pic {  background-image: url(../gfx/top_tag.jpg); background-repeat: repeat-x; height: 47px; width: 100%; border: #330000; border-style: solid; border-width: 1px; }


* html .lefttext {float:left; width:310px; text-align:justify;}
* html .righttext {float:right; width:310px; text-align:justify;}

.submenu_l {
	background-image: url(../gfx/bgr2.gif);
	background-repeat: repeat;
	border: #000000 solid;;
	border-width: 2px 1px 0px 0px;
	width: 150px;
}

.submenu_r { 
	background-image: url(../gfx/bgr2.gif);
	background-repeat: repeat;
	border: #000000 solid;
	border-width: 2px 0px 0px 1px;
	width: 150px;
}


.submenu p {margin: 0;}

.submenu a, .submenu a:visited {
	font-size: .8em;
	font-family: Tahoma, Arial, sans-serif; font-weight: bold;
	display: block;
	padding: 1px 8px 1px 4px;
	color: #555555;
	text-decoration: none;
	border-top: 0px solid #BAAFAB;
	border-right: 1px solid #BAAFAB;
	border-bottom: 2px solid #BAAFAB;
	border-left: 1px solid #BAAFAB;
}

/* 	Change background and text colors when links are hovered over.
	Use a combined selector for hover, active, and focus.
	
	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */ 
.submenu a:hover, .submenu a:active, .submenu a:focus {
	background-color: #E7E3C4;
	color: #000000;
	border-top: 1px solid #DDD9B9;
	border-right: 1px solid #CECAAE;
	border-bottom: 1px solid #CECAAE;
	border-left: 1px solid #CECAAE;
}


.introtxt { font-weight:normal; ; color: 660000}
