/* common */
	a:hover{
		cursor:hand;
		
		}

	div.left{
		float: left;	
		display:compact;
		
	}
	div.top{
		border-top: 3px solid white;
	}
	
/* container */
	body
	{
		margin: 0;
		padding: 0;
		font:0.7em/1.3 Verdana, Arial, Helvetica, sans-serif;
	}
	div#container
	{
	
		margin: 0em auto;
		width: 800px;
		border: 3px solid white;
		
	}

/* -Header */
	div#header{
		height:70px;
		background-color:#224079;
		background-image:url(http://www.expolink.co.uk/software/img/header.jpg);		
	}
	div#header p{
		margin:0;
		padding:40px 0 0 10px;	
		color:#ffffff;
	}
	div#header a{
		color:#ffffff;
		text-decoration:none;
	}
	div#header a:hover{
		text-decoration:underline;
	}
	div#logo {
		float:right;
		
	}

/* --Navigation */
	div#navigation{
		height:25px;
		background-color:#224079;
		border-top: 1px solid white;
		background-image:url(http://www.expolink.co.uk/software/img/navigation.jpg);
		
	}

/* --Map */
	div#map{
		height:20px;
		background-color: #ffffff;
		padding:2px;
		color:#224079 ;
		
	
	}
	div#map a{
		color:#224079 ;
		text-decoration:none;
	}	
	div#map a:hover{
		
		text-decoration:underline;
	}


/* Side */

/* --Articles */
	div.news{
		border-bottom: 2px dotted white;
		color:#fff;	
		margin:10px;
		width:153px;
		padding-bottom:5px;
	}
	div.news a{
		color:#fff;
	}
	div.news span.h2{
		font-size:1em;	
		margin-bottom: .3em;		
		display:block;
		font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	}
	div.news span.h3{
		font-size:0.9em;	
		margin: .3em;
		display:block;	
	}
	div.news p{
		font-size:0.8em;
		margin: 3px;	
	}
	div.news a{
		text-decoration:none;
		color:#fff
	}
	div.news a:hover{
		text-decoration:underline;
	}
	div.news a:visited{
		text-decoration:none;
		color:#fff
	}
/* Footer */
	div#footer{
		height:25px;
		background-color:#224079;
		border-top: 3px solid white;
	
		
	}
div#footer ul a{
		display: block;
		font-size:11px;
		text-decoration:none; 
		color:#fff; 
		height:25px; 
		border-left: 1px solid white;
		line-height:24px;
		padding-left:1em;
		padding-right:1em;
	}
	div#footer ul{
		margin:0;
		text-align:center;
	}	
	div#footer li{
		list-style-type:none;
		display:inline;
		float:right;
		top:0px;
		left:0px;
		position:relative;
		font-size:1em;
		color:#fff;		
	}
	div#footer a:hover{	
		color:#000;
		background:#9fd5f3; 
	}
	ul#partners{
		text-align:center;
		}
	ul#partners li{
		list-style-type:none;
		display:inline;
		}
/* Content */
	div#sidebar{
		float: left;
		width:20px;
		height:400px;	
		background-repeat: no-repeat;
		background-position:  top left; 
		background-image:url(http://www.expolink.co.uk/software/img/left.jpg);
	}
	div#content{
		float: left;
		width: 600px;
		height: 100%;
		border-left:3px solid white;
		border-right:3px solid white;
		clear: none;
	}
	div#body{
		height:100%;
		width:800px;		
		clear: none;
		overflow:hidden;
		background-repeat: y-repeat;
		background-image:url(http://www.expolink.co.uk/software/img/back.gif);	

			}
	div#rightside{
		float: left;	
		width: 174px;
		height:300px;
		clear: none;
		background-repeat: no-repeat;
		background-position:  top right; 
		background-image:url(http://www.expolink.co.uk/software/img/right.jpg);
	}
			
			
/*-- links*/
	a {
		text-decoration:none;
		color:#224079		}
	a:hover{
 		text-decoration:underline;
 	}
 	a:visited{
 		color:#224079 		}
/* --Titleitems*/
	
	a.div{
		display:block;	
	}

	div#text div{
		border-top: 3px solid white;
		background-color:#224079;
		color:#fff;	
	}
	div#titlepara{
		width:300px;
		float: right;
		color:#fff;	
	
	}
	div#titleimage{
		height:120px;
		background-image:url(http://www.expolink.co.uk/software/img/title-policycascade.png);
		border-bottom: 3px solid white;
	}
	div#titlepara h2,div#titlepara h1{
		font-size:1em;			
	}
	div#titlepara p{
		font-size:0.9em;
		padding-right:20px	
	}
	
	div.titlepara{
		width:300px;
		float: right;
		padding:1em;	
	
	}
	div.titlepara a.div, div.titlepara2 a.div{
		color:#fff;	
	}
	div.titleimage{
		height:120px;
		background-image:url(http://www.expolink.co.uk/software/img/title-policycascade.png);
		border-bottom: 3px solid white;
	}
	div.titlepara span.h2, div.titlepara2 span.h2{
		color:#fff;
		margin-bottom:1em;
		display:block;
		font: bold 1em Verdana, Arial, Helvetica, sans-serif;			
	}
	div.titlepara span.p, div.titlepara2 span.p{		
		display:block;
		font-size:0.9em;
		padding-right:1em;
	}
	div.titlepara2{
		width:380px;
		float: left;
		padding:1em;		
	}
	div.titletext{
		border: 1px solid #ffffff;		
		background-color: #ffffff;	
		
	}
	div#titletext p{
		padding-left:10px;
		padding-right:10px;
	}
	div#titletext a{
		text-decoration:none;
	}
	div#titletext a:hover{
		text-decoration:underline;
	}
	
	div#menucontactcentre{
		height:120px;
		background-image:url(img/contact-centre.jpg);
		overflow:hidden;
		border-bottom:3px solid white;
	}
	
	div#menusoftware{
		height:120px;
		background-image:url(img/software.jpg);
		overflow:hidden;
		border-bottom:3px solid white;
	}
	
	div#menuhotline{
		height:120px;
		background-image:url(img/hotline.jpg);
		overflow:hidden;
		border-bottom:3px solid white;
	}	
	div#menubottom{
		height:10px;	
	}
/*--contents --*/

	div.content2{
		background-color: #ffffff;
		overflow:hidden;

		width:600px;
	/*	background-image:url(http://www.expolink.co.uk/software/img/content.jpg);
		background-repeat: repeat-x;  */
				}
	div.content2 p{
		padding-left:10px;
		padding-right:10px;
		}	
	div.content2  h2{
		font-size:1em;	
		margin: 3px;
	}
	div.content2  h4{
		font-size:1em;	
		margin: 3px;	
	}
/*--	div.content2  p{
		font-size:1em;
		margin: 3px;	
	} 
--*/
	div.content2   a{
		text-decoration:none;
		
	}
	div.content2   a:hover{
		text-decoration:underline;
	}
	div.content3{
		float:left;
		width:300px;
		display:table-cell;	
		overflow:hidden;
	}			
	div.content3 h2{
		border-bottom: 2px dotted black;
		font-size:1.5em;
		margin:10px;
		margin-top:20px;
		
				}
	div.content3 h3{
		padding-left:10px;
		padding-right:10px;
		font-size:1em;
	
		
				}	
/* --Menuitems */

	div#menu{
		float:right;
		border-left:3px solid white;
		overflow:hidden;
		width:367px;
	}
	div.menuitem{
		height:75px;
		width:367px;
		border-top: 3px solid white;
		overflow:hidden;
		background-color: #9fd5f3;
		background-image:url(http://www.expolink.co.uk/software/img/button.jpg);
		background-repeat: repeat-x;
	}
	div.menuitem a{
		text-decoration:none;
	}
	div.menuitem h3{
		margin:0px; 
		padding-top:15px; 
		font-size:1em;
	}
	div.menuitem p{
		margin:3px;
		font-size:0.8em;
	}
	img{
	border: 0px	;
	}
	 
/* --Modules */

	div#modules{
		float:right;
	}
	div.module{
		height:127px;
		width:230px;
		border-top: 3px solid white;
		overflow:hidden;
		background-color: #9fd5f3;
		padding:0px;
		margin:0px;
	
	}
	div.module h3{
		font-size: 1.2em;
}
/* --News Archive */
	div.news_paget{
		background: #224079;		
		text-align:right;
	}
	div.news_pageb{
		background: #224079;
		border-top: 3px solid white;
		text-align:right;
	}
	div.news_page{
		padding:0px;
	}
	
	div.news_page , div.news_page_noa{
		display:inline;
		color:#fff;
		}
	div.news_page_noa{
		border-left: 3px solid white;
		padding:3px;
		}
	div.news_page   a{
		text-decoration:none; 
		color:#fff; 
		padding:3px;
		border-left: 3px solid white;
	}
	div.news_page a:hover{
		text-decoration:none; 
		color:#000; 		
		}
	div.news_page:hover > a:hover{
			background:#9fd5f3; 
	}
	div.news_side{
		float:right;		
		width:150px;
		overflow:hidden;
		}
	div.news_img{
		margin: 10px;	
	}
	div.news_links{
		padding:10px;		
	}
	div.news_content{
		float:left; 
		width:442px;
		overflow:hidden;
		padding-left:5px;
		
	}

/* --Tables */

td{
	width:33%;
	vertical-align: top;
	border-top: 3px solid white;
	padding: 3px;
	}
td.header{
	background-color:#224079;
	color: #fff;
	}
td.product lu{
	display:none;	
	}		

/*-- contact form 

div#telephone{

	}
div#email{
	
	display:none;
	}
div#address{
	
	display:none;
	}
div#fax{
	
	display:none;
	}
div#form{
	margin-left:10px
	}

--*/
.lang
{
	margin: 1px;	
	padding:0px;
}
.lang li
{
	list-style-type:none;
	margin:5px;
		
}
.lang img
{
	margin-right:5px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.navigation {
width:800px; 
font-size:0.85em;
position:relative;
z-index:0;
left:-1px;
}
/* remove all the bullets, borders and padding from the default list styling */
.navigation ul {
padding:0;
margin:0;
list-style-type:none;
text-align:center;

}
.navigation ul ul {
width:114.28571428571px;
text-align:center;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown navigation positon */
.navigation li {
float:left;
width:114.28571428571px;
position:relative;
}
/* style the links for the top level */
.navigation a, .navigation a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:114.28571428571px; 
height:25px; 
border-left: 1px solid white;
line-height:24px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .navigation a, * html .navigation a:visited {
width:114.28571428571px;
w\idth:113.28571428571px;
}

/* style the second level background */
.navigation ul ul a.drop, .navigation ul ul a.drop:visited {
background:#d4d8bd url(../../graphics/drop.gif) bottom right no-repeat;

}
/* style the second level hover */
.navigation ul ul a.drop:hover{
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
.navigation ul ul :hover > a.drop {
background:#9fd5f3 url(../../graphics/drop.gif) bottom right no-repeat;
}
/* style the third level background */
.navigation ul ul ul a, .navigation ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.navigation ul ul ul a:hover {
background:#b2ab9b;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.navigation ul ul {
visibility:hidden;
position:absolute;
height:0;
top:25px;
left:0; 
width:114.28571428571px;
border-bottom: 1px solid white;
}
/* another hack for IE5.5 */
* html .navigation ul ul {
top:25px;
t\op:25px;
}

/* position the third level flyout navigation */
.navigation ul ul ul{
left:114.28571428571px; 
top:0;
width:114.28571428571px;
}
/* position the third level flyout navigation for a left flyout */
.navigation ul ul ul.left {
left:-114.28571428571px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.navigation table {position:absolute; top:0; left:0;}

/* style the second level links */
.navigation ul ul a, .navigation ul ul a:visited {
background:#224079; 
color:#fff; 
height:25px; 
line-height:24px; 
border-top: 1px solid white;
border-right: 1px solid white;
width:114.28571428571px;
/* yet another hack for IE5.5 */
}
* html .navigation ul ul a{
width:114.28571428571px;
w\idth:113.28571428571px;
}


/* style the top level hover */
.navigation a:hover, .navigation ul ul a:hover{
color:#000; 
background:#9fd5f3;
}
.navigation :hover > a, .navigation ul ul :hover > a {
color:#000;
background:#9fd5f3;
}

/* make the second level visible when hover on first level list OR link */
.navigation ul li:hover ul,
.navigation ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.navigation ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.navigation ul :hover ul :hover ul{ 
visibility:visible;
}