/* colours


de9827 - orange
e8b769 - light orange


ec4399 - magenta

c9cacb - light grey
b2b2b2 - dark grey

*/

* {margin: 0;padding: 0;}
html, body {height: 100%; /* Required */}

div { border:0px dashed #333; }

body
{
	margin: 0 0 0 0;
	font: 11px  Helvetica, Arial, Verdana, sans-serif;
	color: #666f78;
	text-align:left;
  	background-image: url(../images/agenda1_web_v1f.gif);
  	background-repeat: no-repeat;
  	background-position: center top; 
}

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

a:hover
{
	text-decoration:underline;
}

h2
{
	font-size:18px;
	font-weight:bold;
	margin:4px 5px 4px 0px;
	color:#e8b769;
}

h1
{
	color:#de9827;
	font-size:22px;
	margin:0px 0px 9px 0px;
	line-height:110%;
}

h3
{
	font-size:14px;
	margin:9px 5px 9px 0;
	color:#909090;

}

 h5
{
	font-size:11px;
	margin:9px 5px 9px 0;
	color:#909090;

}

 h3 strong 
 {
 	color:#909090;
 }
 
 strong, b 
 {
 	color:#242f45;
 }
  
#placeholder
{
  margin: 0 auto;
  width: 800px;
  background-color:transparent;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
  vertical-align:top;
}

  #top-section
  {
  	left: 0;
  	top: 0;
  	height:158px;
  	width: 100%;
  }
  
  #mid-section
  {
   	position:absolute;
  	left: 0px;
  	top: 158px;
  	padding:0;
  	width: 800px;
  	height: 100%;
  	z-index: 2;
  	margin:0px 0 0 0px;
  }

#footer {
	position:relative;	
	margin:50px 0 0 0px;
	background-color:none;
	height:auto;
	width:695px;
	z-index:10;
}
  
#credit
{
	
	position:absolute;	
	top:0px;
	left:0px;
	padding:6px 0 0 10px;
	background-color:#fff;
	height:22px;
	width:375px;
	z-index:10;
}

#contact 
{
	position:relative;
	width:356px;
	height:60px;
	left:0px;
	background-color:#fff;
	margin:0px 0 0 424px;
	padding:5px 10px 0px 10px;
	line-height:200%;
	z-index:11;
}

#quote h1
{
	background-color:#c9cacb;
	color:#c9cacb;
	padding:3px 10px 3px 4px;
	line-height:30px;
  	background-image: url(../images/title_bg.gif);
  	background-repeat: no-repeat;
  	background-position: 0 -5px; 
}

#quote b
{
	color:#de9827;
}

#footer img 
{
	position:relative;
	margin:0px 0 10px 615px;
	padding-top:0px;	
}


#quote p
{
	line-height:150%;
}  

  
  #imageDisplay
  {
  	position: relative;
  	left: 0;
  	top: 0px;
  	height:155px;
  	width: 100%;
  	z-index:1;
  	}


#mid-main-left  li 
{
	font-size:14px;
	line-height:150%;
	width:auto;
	color: #909090;
	text-decoration: none;
	text-align: left;
	font-weight:normal;	
	padding:0px 10px 0px 25px;
	list-style: none;
	margin:0px 1px 5px 10px; 
 	background-image: url(../images/bullet.gif);
  	background-repeat: no-repeat;
  	background-position: 0 5px;
}

#mid-main-right #quote  li 
	{
	font-size:14px;
	line-height:150%;
	width:auto;
	color: #909090;
	text-decoration: none;
	text-align: left;
	font-weight:normal;	
	padding:0px 10px 0px 25px;
	list-style: none;
	margin:0px 1px 5px 10px; 
 	background-image: url(../images/bullet.gif);
  	background-repeat: no-repeat;
  	background-position: 0 5px;
}

#logo
{
	position:absolute;
	top:31px;
	left:519px;
	width:230px;
	height:96px;
  	background-image: url(../images/agenda1_logo.gif);
  	background-repeat: no-repeat;
  	background-position: center top;
  	z-index:2;
  	background-color:transparent;
}

#logo a {
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;	
}

#logo i
	{
	visibility:hidden;
	}


#page_heading
{
	position: absolute;
	top:168px;
	left:0px;
	padding:0 0px 0 5px;
	margin:0 0px 0 0;
	z-index:11;
	height:90px;
	width:420px;
  	background-image: url(../images/title_bg.gif);
  	background-repeat: no-repeat;
  	background-position: 0 0px; 
  	border:0px solid #ccc;
  	
}


#opacity
{
	position: absolute;
	top: 10px;
	left: 55px;
	z-index:2;
	width:695px;
	height:135px;
	border-left:1px solid #fff;
}
		
#page_heading h1
	{
	font-size:20px;
	font-weight:bold;
	color:#de9827;
	margin:28px 0 0 0px;
	line-height:110%;
	}
	
#page_heading h3
	{
	margin:0 100px 0 0;
	color:#fff;
	}

#wrapper
{
	left: 0;
	top: 0;
	padding: 0 0 100px 0;
	width: 800px;
	margin: 0 0 0px 0;
  	background-color: #fff;
  	background-image: url(../images/content_bg.gif);
  	background-repeat: no-repeat;
  	background-position: 0 top; 
}
  
   #mid-main-left
   {
   	position: relative;
   	top: 100px;
   	left: 0px;
   	width: 395px;
  	padding:0px 15px 20px 0px;
  	min-height: 200px;
   	margin: 0 0px 10px 10px;
   	color:#909090;
   	
   }
   
     #mid-main-right
     {
     	position: absolute;
     	top: 0px;
     	right: 0px;
     	width: 375px;
     	padding:0px 0 0 0;
     	min-height: 300px;
     	
     }

     #home-right
     {
     	position: absolute;
     	top: 0px;
     	right: 0px;
     	width: 355px;
     	margin:0 0 0 10px;
     	padding:0px 0 0 20px;
     	min-height: 300px;
      	background-color: #c9cacb;
      	}
#home-right ul
  {
  	margin:0px 0 0px 0;
  }
 
#home-right li
  {
	font-size:11px;
	line-height:150%;
	width:auto;
	color: #666f78;
	text-decoration: none;
	text-align: left;
	font-weight:normal;	
	padding:0px 10px 0px 25px;
	list-style: none;
	list-style-position:outside;
	margin:0px 1px 5px 10px;
	background-image: url(../images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;

  }
  
#home-right p
  {
  	margin:10px 0 10px 0;
  	line-height:140%;
  	font-size:11px;
  	color:#242f45;
  }     	

#quote
	{
		position:relative;
		width:365px;
		margin:0px 0px 0 0;
		padding:0px 0px 20px 10px;
		height:auto;
		z-index:11;
		font-size:11px;
	}

#sideImage
{
		position:relative;
		width:100%;
		margin:0px 0 10px 0px;
		height:100%;
		z-index:15;
}

  #mid-main-left p
  {
  	margin:10px 0 10px 0;
  	line-height:140%;
  	font-size:11px;
	color:#242f45;
  }   
   
   
   #mid-main-left dt
{
	margin:1px 0 2px 0;
}

   #mid-main-left dd
{
	margin:1px 20px 2px 0;
}

  #mid-main-left img
  {
  	margin:0px 16px 5px 0px;
  }
  

 


#mid-main-right ul
  {
  	margin:0px 0 0px 0;
  }
 
#mid-main-right li
  {
	font-size:10px;
	line-height:150%;
	width:auto;
	color: #909090;
	text-decoration: none;
	text-align: left;
	font-weight:normal;	
	padding:0px 10px 0px 25px;
	list-style: none;
	list-style-position:outside;
	margin:0px 1px 5px 10px;
	background-image: url(../images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;

  }
  
#mid-main-right p
  {
  	margin:10px 0 10px 0;
  	line-height:140%;
  	font-size:11px;
  	color:#242f45;
  }
  
/* Navigation */


#top_navigation
{
	position:absolute;
	width:587px;
	top:128px;
	left:0px;
	height:30px;
	z-index:999;
  	background-color:#fff;
  	border-bottom:7px solid #c9cacb;
  	z-index:11;

}

ul#nav {
	position:absolute;
  	left:10px;
  	top:0px;
  	width:695px;
  	height:30px;
  	z-index:999;
  	text-align:center;
  	font-weight: bold;
}

ul#nav li {
	list-style-type: none;
	position: relative;
	z-index: 990;
	float:left;
	display:block;
	padding: 0px 0px 0px 0px;
	margin:0px;
}

ul#nav li.nav1 {
	border: none;
}

ul#nav li.nav1 a:hover {
	background: none;
}

ul#nav li a
{
	color: #242f45;
	text-decoration: none;
	vertical-align: middle;
	z-index: 998;
	padding: 10px 10px 10px 10px;
	display: block;
	text-align: left;

}

ul#nav li a:hover {
 	border-bottom:5px solid #c9cacb;
 	text-decoration:underline;
 	 	color: #242f45;
}

ul#nav li ul
{
	display: none;
	position: absolute;
	background: #c9cacb;
	top: 30px;
	left: 0px;
	padding: 0px 0 0 0;
	width: 180px;
	z-index: 999;
}

ul#nav li ul li {
	height: 1%;
	z-index: 999;
	width: 180px;


}

ul#nav li ul li a {
	z-index: 999;
	color:#fff;
	padding:8px 11px 8px 11px;
}

ul#nav li ul li a:hover {
 	border-bottom:0px solid #c9cacb;
 	 	color: #242f45;
}

ul#nav li ul li ul {
	display:none;
	background: #c9cacb;
	position: absolute;
	left:180px;
	top:-5px;
	padding:5px 0 0px 0;
	width:180px;
	z-index: 999;
}

ul#nav li ul li ul li a {
	z-index: 0;
	padding: 0px 11px 10px 11px;
}

ul#nav li ul li ul li a:hover {
	background: none;
}

#nav li:hover ul ul {
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul {
    display:block;
}





ul#nav .active
{
	color:#fff;
	text-decoration:bold;	
	height:21px;
	position: relative;
	z-index: 990;
	float:left;
	display:block;
	padding: 9px 15px 0px 15px;
	background:#c9cacb;
}


table 
{
	width:100%
	margin:5px 0 0 0px;
	border-top:1px solid #c9cacb;
	border-bottom:1px solid #c9cacb;
	border-left:1px solid #ffb400;	
}

td
{
	border-right:1px solid #ffb400;
	border-bottom:1px solid #c9cacb;
	text-align:center;
	vertical-align:middle;
	padding:5px 2px 5px 2px;
	font-size:11px;
	line-height:120%;
	  	color:#242f45;
	
}


.altrow
{
	background:#75a6ad;
}

.mainrow
{
	background:#d7c900;
	font-weight:bold;
	border:0px solid #000;
}

.headrow
{
	background:#eb8500;
	font-weight:bold;
	border:0px solid #000;
}


dt
{
	margin:1px 0 5px 0;
}

dd
{
	margin:1px 20px 10px 0;
}


hr
{
	height:6px;
	display:block;
	width:100%;
	background-color:#eceded;
	margin:2px 0 6px 0;
	border:0px solid #ccc;
}

input
{
	margin:0 10px 0 0;
}

.formClass
{
	border:0px solid #75a6ad;
	text-align:left;
	vertical-align:middle;
	padding:2px 1px 2px 1px;
	font-size:9px;
}

.formClassleft
{
	border:0px solid #75a6ad;
	width:25%;
	text-align:left;
	vertical-align:middle;
	padding:2px 1px 2px 1px;
	font-size:9px;

}

form
{
	padding:0 0 10px 0;
}


#link1
{
	position:absolute;
	top:15px;
	left:10px;
	width:75px;
	height:75px;
  	z-index:2;
  	border:0px solid #0090ff;
}

#link2
{
	position:absolute;
	left:90px;	
	top:15px;
	width:75px;
	height:75px;
  	z-index:2;
  	border:0px solid #0090ff;
}	

#link3
{
	position:absolute;
	left:169px;
	top:15px;
	width:75px;
	height:75px;
  	z-index:2;
  	border:0px solid #0090ff;
}	

#link4
{
	position:absolute;
	left:259px;
	top:15px;
	width:75px;
	height:75px;
  	z-index:2;
  	border:0px solid #0090ff;
}	

#link5
{
	position:absolute;
	left:290px;
	top:90px;
	width:75px;
	height:75px;
  	z-index:2;
  	border:0px solid #0090ff;
}

#link6
{
	position:absolute;
	left:90px;
	top:90px;
	width:85px;
	height:85px;
  	z-index:2;
  	border:0px solid #0090ff;
}	

#link7
{
	position:absolute;
	left:10px;
	top:120px;
	width:75px;
	height:75px;
  	z-index:2;
  	border:0px solid #0090ff;
}	



#link8
{
	position:absolute;
	left:80px;
	top:190px;
	width:75px;
	height:75px;
  	z-index:2;
  	border:0px solid #0090ff;
}



#link9
{
	position:absolute;
	left:208px;
	top:146px;
	width:112px;
	height:112px;
  	z-index:2;
  	border:0px solid #0090ff;
}


.graphlink a
	{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	background-image: url(../images/furniture.gif);
	background-repeat: repeat;
	background-position: center top;
	}
	
.linkinvisible
	{
	visibility:hidden;
	}

#holder {
	position:relative;
	margin:0px 0 0 0;
}

	
#holder #text1 {
	width:100%;
	height:auto;
	visibility:hidden;
	position:absolute;
	top:20px;
	left:0px;
	}
#holder #text2 {
	width:100%;
	height:auto;
	visibility:hidden;
	position:absolute;
	top:20px;
	left:0px;
	}
#holder #text3 {
	width:100%;
	height:auto;
	visibility:hidden;
	position:absolute;
	top:20px;
	left:0px;
	}
#holder #text4 
	{
	width:100%;
	height:auto;
	visibility:hidden;
	position:absolute;
	top:20px;
	left:0px;
	}
	
#holder #text5 {
	width:100%;
	height:auto;
	visibility:hidden;
	position:absolute;
	top:20px;
	left:0px;
	}

#holder #text6 {
	width:100%;
	height:auto;
	visibility:hidden;
	position:absolute;
	top:20px;
	left:0px;
	}

#holder #text7 {
	width:100%;
	height:auto;
	visibility:hidden;
	position:absolute;
	top:20px;
	left:0px;
	}

#text8 {
	width:100%;
	height:auto;
	visibility:hidden;
	position:absolute;
	top:20px;
	left:0px;
	}
	
	
/* the programme  */

#column1 {
	float:left; 
	width:130px;
	margin:60px 0px 0 0px;
}

#column1b {
	float:left; 
	width:130px;
	margin:60px 5px 0 5px;
}

#column1c {
	float:left; 
	width:130px;
	margin:60px 0px 0 0px;
}

#column2 {
	float:left; 
	width:130px;
	margin:0px 5px 0 0px;
}

#column2b {
	float:left; 
	width:130px;
	padding:0px 5px 0 5px;
	border-left:1px dotted #c9cacb;
	min-height:340px;
}

#column2c {
	float:left; 
	width:130px;
	padding:0px 0px 0 5px;
	border-left:1px dotted #c9cacb;
	min-height:340px;
}

#toprow {
	float:left; 
	width:415px;
	height:240px;
	margin:0px 0px 0px 0px;
  	background-image: url(../images/program.gif);
  	background-repeat: no-repeat;
  	background-position: left top; 
}

#bottomrow {
	float:left; 
	width:420px;
	height:auto;
	margin:0;
	}