* {
	margin: 0;
	padding: 0;
	}
	
body {
	font: small arial, sans-serif;
	color: #555555;
	/* background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;*/
	}
	
#container{
	background-color: #ffffff;
	width: 780px;
	}
	
div#header { 
	height: 87px;
	text-align: left;
	background-color: #ffffff;
	float: left;
	width: 780px;
	}
	
#logo {
	margin-top: 34px;
	margin-left: 20px;
	}

	
div#extra {
	background: #ff9933;
	}
	
div#wrapper {
	background-color: #eeeeee;
	float: left;
	width: 740px;
	text-align: left;
	padding: 15px 20px;
	}
	
div#content { 
	float: left;
	width: 300px;
	z-index: -10;
	}
	
div#content a { 
	color: #556677;
	text-decoration: none;
	}
	
div#content a:hover { 
	color: #002244;
	text-decoration: underline;
	}	

.button {
	float: left;
	width: 179px;
	height: 41px;
	margin-bottom: 10px;
	}
	
div#avingtrans {
	text-align: left;
	margin-bottom: 40px;
	background-color: #ffffff;
	}
	
div#avingtrans a img, div#avingtrans a:hover img{
	border: none;
		}	

#avingtrans_logo {
	margin-top: 15px;
	margin-left: 20px;
	}
	
div#leftcol { 
	float: left;
	width: 194px;
	}
	
div#rightcol { 
	float: right;
	width: 231px;
	}
	
div#rightcol h2 { 
	font-weight: normal;
	font-size: 16px;
	line-height: 1.5em;
	color: #002244;
	margin-bottom: 1.2em;
	padding-right: 10px;
	}
	
div#rightcol h3 { 
	font-weight: bold;
	margin-top: 0.8em;
	margin-bottom: 0.4em;
	padding-right: 10px;
	}	
	
div#rightcol p { 
	margin-bottom: 1em;
	padding-right: 10px;
	}
	
div#rightcol ul { 
	margin-left: 10px;
	margin-bottom: 1em;
	padding-right: 10px;
	}
	
div#rightcol li { 
	margin-left: 10px;
	margin-bottom: 1em;
	list-style: disc;
	}
	
div#rightcol a { 
	color: #ff6600;
	}
	
div#rightcol a:hover { 
	text-decoration: none;
	}	
	
	
div#latestnews {
	width: 300px;
	margin-top: 20px;
	padding-bottom: 10px;
	background-color: #eeeeee;
	background-image: url(../images/latestnews_bg.jpg);
	background-repeat: repeat-x;
	}
	
div#latestnews ul.newslist {
	list-style-type: none;
	margin: 10px;
	}
	
div#latestnews ul.newslist li {
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: 1px dotted #667799;
	}
	
div#latestnews ul.newslist li.firstitem {
	margin-bottom: 10px;
	padding-top: 0px;
	border-top: 0px;
	}
	
.clearzone {
	height: 1px;
	clear: both;
	}

div#footer {
	font-size: 90%;
	border-top: 1px solid #ffffff;
	background-color: #667799;
	background-image: url(../images/nav_bg.jpg);
	background-repeat: repeat-x;
	color: #ffffff;
	padding: 5px 20px;
	clear: both;
	width: 740px;
	text-align: right;
	}
	

/* navigation styles */

/* the horizontal menu starts here */

div#navbar {
	float: left;
	width: 740px;
	height: 22px;
	padding: 0 20px;
	background-color: #002244;
	background-image: url(../images/nav_bg.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #fff;
	}

div#listmenu {
	width: 600px; /* makes the div full width */
	float: left;
	font-size: 11px;
	line-height: 22px; /* specifies the height of the menu */
	z-index: 10;
	}
	
div#listmenu li {
	float: left;	/* causes the list to align horizontally instead of stack */
	position: relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type: none;	/* removes the bullet off each list item */
	border-right: 1px solid #fff; /* creates dividing lines between the li elements */
	}

div#listmenu li:first-child {
	border-left: 1px solid #fff; /*the first vertial line on the menu */
	}

div#listmenu li:hover { 
	background-color: #002244; /*sets the rollover background of the menu items */
	}

div#listmenu a {
	display: block;
	padding: 0 10px 0 10px; /*creates space around the main menu items text */
	text-decoration: none;	 /* removes the underlining of the link */
	color: #fff;	/* sets the type coluor */
	}
	
div#listmenu a:hover {
	color: #fff; /* sets the rollover type colour */
	}
	

div#flags{
width: 100px;
float: right;
}

div#flags img{
border: 1px solid #667799;
margin-right: 10px;
margin-left: -5px;
margin-top: 6px;
float: right;
}
	
div#flags a img:hover {
border: 1px solid #ffffff;
}	
/* the menu ends here */

/* the drop-down starts here */

div#listmenu ul li ul {
	margin: 0; 
	z-index: 100; /* puts drop-down on top of div - safari needs this as menu is 1px higher */
	position: absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width: 14em; /*sets the width of the menu - in combo with the lis 100% width, makes the menu stack note changed this from 10em */
	border-right: 0; /* stops scbs drops having two right borders - they inherit the border, ie doesnt */
	left: -1px; /*aligns the drop exactly under the menu */
	}

div#listmenu ul li ul li {
	padding: 0;
	width: 100%; /* makes the list items fill the list container (ul) */
	background-color: #667799;
	border-left: 1px solid #fff; /* three sides of each drop-down item */
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	}

div#listmenu ul li ul li a {
	padding: 3px 10px; /*creates space around the drop-down menu items text */
	line-height: 1.4em;
	}

div#listmenu ul li ul li:first-child {
	border-top: 1px solid #fff; /* the top edge of the dropdown */
	border-left: 1px solid #fff; /* stops inherit of parent uls first-child left border! */
	}
	

/* make the drop-down display as the menu is rolled over */

div#listmenu ul li ul {
	display: none; /* conceals the drop-down when menu not hovered */
	}

div#listmenu ul li:hover ul {
	display: block; /* shows the drop-down when the menu is hovered */
	}

/* pop-out starts here */

body div#listmenu ul li ul li ul  {
	position: absolute; 
	visibility: hidden; /* same effect as display:none in this situation */
	top: -1px;
	left: 10em;
	}

div#listmenu ul li ul li ul a {
	background: none;
	}

div#listmenu ul li ul li:hover ul {
	visibility: visible; /* same effect as display:block in this situation */
	}

/* second level popouts start here*/

div#listmenu ul li ul li:hover ul li ul {
	visibility: hidden;
	}

div#listmenu ul li ul li ul li:hover ul {
	visibility: visible; /* same effect as display:block in this situation */
	}

/* THE HACK ZONE - */

/* hack for ie (all flavors) so the menu has a vertical line on the left */

* html div#listmenu ul {
	float: left; /* makes the ul wrap the lis */
	border-left: 1px solid #fff; /* adds the leftmost menu vertical line to the ul */
	}

/* add a top line to drops and pops in ie browsers - cant read :first-child */

* html div#listmenu ul li ul {
	border-top: 1px solid #fff;
	border-left: 0px; /* stops the drop inheriting the ul border */
	}

/* the tantek hack to feed ie win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */

* html div#listmenu ul li ul li ul { 
  left: 9.85em; 
  voice-family: "\"}\""; 
  voice-family: inherit;
  left: 10em;
  }

/* and the be nice to opera rule */

html>body div#listmenu ul li ul li ul {
  left: 10em;
} 

/* an opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you dont have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */

@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:100px;}
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */
   }

/*end opera hack */

/* end of hack zone */

/* the drop-down ends here */

/* end of list-based menu */