/* CSS Document */

body {
	margin:0;
	padding:0;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}

img {
	border:none;
}

#overall {
	width:865px;
	margin-right:auto;
	margin-left:auto;
}

a {
	color:#446db0;
	text-decoration:none;
}

a:hover {
	color:#7585a6;
}

a:visited {
	color:#446db0;
}

hr {
	clear:both;
	border:0;
	padding:0;
	margin:0;
	visibility:hidden;
}

/* -- global styling parameters -- */
h1 {
	font-size:1.4em;
	
}

h2 {
	color: #8ba3cf;

}

h3 {
	font-size:109%;
	color:#7585a6;
	border-bottom:1px solid #dddddd;
}



/* back to top links used within content section of site */
#mainContent a.backToTop {
	color:#008F89;
	text-decoration:none;
	font-size:90%;

}
/* back to top links used withiin content section of site */
#mainContent a.backToTop:hover {
	color:#446db0;
}

#navAndContent div.imageLeft {
	float:left;
	margin-right:.5em;
}

#navAndContent div.imageRight {
	float:right;
	margin-left:.5em;
}

#navAndContent .pic-left	{
	float: left;
	margin: 0 1em 1em 0;
	border:1px solid #aaaaaa;
	}

#navAndContent .pic-right {
	float: right;
	margin: 0 0 1em 1em;
	border:1px solid #aaaaaa;
	}
	
#navAndContent table img {
	border:1px solid #aaaaaa;
}

#navAndContent table.imageTable {
	
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	border:none;
}

#navAndContent div.imageTableDiv {
	margin-right:auto;
	margin-left:auto;
}

/* -- end of global content -- */

/* --- header styleing --- */
#header {

	
}
#header #logo {
	
	margin:5px 0px 0px 0px;
	float:left;

}
#header #phrase {

	
	margin:5px 0px 0px 5px;
	float:left;

}

/* --- end header styleing --- */

/* -- banner styles -- */
#banner {
	margin-top:5px;
	margin-bottom:5px;
	background-image:url(../graphics/greyBlue2.gif); 
	background-repeat:no-repeat;
	
	  
}

#banner #bannerText {
	float:left;
	width:623px;
	height:148px;
	padding:5px 15px 5px 15px;
	
}

#banner #bannerText p {
	font-size:95%;
}
/* --
#banner #bannerTextHead {
	margin:0;
	padding:0;
}
#banner #bannerTextText {
	border-left:2px solid #999999;
	margin:0;
	padding:15px;
	height:109px;
	width:623px;
	
}
#banner #bannerTextFoot {
	margin:0;
	padding:0;
}
-- */
#banner #bannerImage {
	float:right;

}	

/* -- end banner styles -- */

/* -- TICKER TAPE -- */

#tickerTape {
	background-color:#6699cc;
	margin-top:5px;
	font-size:94%;
	padding:3px 3px 3px 20px;
	text-align:center;
}

#tickerTape .ticki a {
	color:white;
	text-decoration:none;
}




/* -- end ticker tape -- */

/* -- BreadCrumb stuff in place of ticker tape -- */

#tickerTape #breadcrumb a {
	text-decoration:none;
	color:#4d4d4d;

}

#tickerTape #breadcrumb a:hover {
	color:#eeeeee;
}

/* -- end of breadcrumb stuff -- */


/* -- navigation / MENU and centre content -- */
#navAndContent {
	margin-top:5px;
	margin-bottom:5px;

}

/* news and events super menu banner thing */
#navAndContent #menuBanner {
	background-image:url(../graphics/productnews.gif);
	background-repeat:no-repeat;
	width:210px;
	height:39px;
	font-size:90%;
	
}

#navAndContent #menuBanner a {
	font-family:Arial, Helvetica, sans-serif;
	color:#eeeeee;
	text-decoration:none;
	position:relative;
	left:30px;
	top:10px;
	padding:20px;
}

#navAndContent #menuBanner a:hover {
	color:#F2EB00;
}
/* end of news and events menu banner styles */

/* navigation menu style settings */
#navAndContent #menu {
	float:left;
	padding:0;
	margin:0;
	background-color:#dddddd;
	background-image:url(../graphics/btmLeftBlueCorner2.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:210px;
	
	text-decoration:none;
	color:#555555;
	background-color:#dddddd;
	font-family: Arial, Helvetica, sans-serif;
}

#navAndContent #menu ul {

	list-style: none;
	margin: 5px 0 5px 5px;
	padding:0;

}

#navAndContent #menu li {
	border-bottom:1px solid #dddddd;
	margin:0;
	padding:0;
}

#navAndContent #menu a, #navAndContent #menu span.menuHead {
	margin:0;
	padding:3px 8px 3px 8px;
	text-decoration:none;
	display:block;
	color:#555555;
	background-color:#dddddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;

}


/* sublevel link styles */
#navAndContent #menu li li .menuLink {
	margin:0;
	padding:3px 8px 3px 8px;
	text-decoration:none;
	display:block;
	color:#555555;
	background-color:#eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;

}

#navAndContent #menu a:hover {
	color:#ffffff;
	background-color:#cccccc;
}
/* sublevel link styles */
#navAndContent #menu li li a:hover.menuLink {
	color:#ffffff;
	background-color:#cccccc;
}

/* general navigation style settings */

/* sub-level menu links style settings 
--------------------------------------*/

/*div#navAndContent #menu ul ul {
	display:none;
}

body#countries #menu ul ul#countries {
	display:block;
}*/


/* --------------------------------------
end of sub-level menu links style settings */


#navAndContent #mainContent {
	float:right;
	font-size:92%;
	width:73%;
	padding:0 8px 8px 8px;
}
/* -- definitions for content section with map in -- */
#navAndContent #mainContentMap {
	float:right;
	border:2px solid #999999;
	width:646px;
	position:relative;

}

#navAndContent #mainMiddleContent {
	float:right;
	font-size:92%;
	width:73%;
	padding:0 8px 8px 8px;
	
	
}


/* -- end of navigation and centre content -- */


/* -- information tiles blue and grey and blue boxes -- */
#tiles {
	margin-top:5px;
	margin-bottom:5px;
	color:white;
	font-size:83%;
	
	
}

/* -- links on the blu,grey,blue tiles -- */

#tiles a {
	text-decoration:none;
	color:white;
}

#tiles #infoTile1 a:hover, #tiles #infoTile3 a:hover {
	color:#999999;
}

#tiles #infoTile2 a:hover {
	color:#446db0;
}

/* end of links */

#tiles #infoTile1 {
	float:left;
	border:1px solid black;
	
	width:208px;
	
}

#tiles #infoTile2 {
	float:left;
	
	margin-left:5px;
	margin-right:5px;
	width:307px;
	

	border:1px solid black;

}

#tiles #infoTile3 {
	float:right;
	
	border:1px solid black;
	
}

/* -- end of information tiles -- */

/* -- footer -- */

#footer {
	margin-top:5px;
	margin-bottom:5px;
	background-image:url(../graphics/footerBackground2.gif);
	background-repeat:repeat-x;
	height:61px;
	
}

#footer #footerInfo {
	float:left;
	color:#333333;
	width:550px;
	margin-left:15px;
	margin-top:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:3px;

}


#footer #callBackDiv {
	width:264px;
	height:61px;
	float:right;
	background-image:url(../graphics/callBack4.gif);
	background-repeat:no-repeat;
}

#footer #callBackLink {
	text-decoration:none;
	font-weight:bold;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	top:18px;
	font-size:110%;
	left:95px;
	position:relative;
}

#footer #callBackDiv a:hover {
	color:#F2EB00;
}

/* -- end of footer -- */





/* -- BLUE BOXES - that sit under the navigation menu -- */
/*
#blueBoxList {
	width:210px;
	border:1px solid blue;
	


}

#blueBoxList div.blueBox {
	border:1px solid yellow;
	background-color:
	margin-bottom:5px;
}
*/


/* -- end of blue boxes -- */



/* -- content columns and stuff -- */
div.single-column	{
	float: left;
	width: 45%;
	margin: 0 0 20px 0;
	padding: 0 15px;

}
/* -- end of content columns and stuff -- */




/* -- news page -- */

#mainMiddleContent h4.newsHeading {
	color:#009999;
	/*color:#008F89;*/
	padding:0;
	margin:1em 0em 0em 0em;
}

#mainMiddleContent p.newsP {
	margin:0em 0em .2em 0em;
}

#navAndContent div.newsImage {
	float:left;
	margin:.3em .5em 0 0;
}

/* -- end of news page -- */

/* -- contact us page -- */

#mainMiddleContent .contactDetails {
	padding:.75em;
}

#mainMiddleContent .contactDetails p {
	padding-right:14%;
	padding-left:5%;
	text-align:right;
}

#mainMiddleContent #contactForm {
	
	width:70%;
	margin-right:auto;
	margin-left:auto;

}

#mainMiddleContent #contactForm table.contactFormTable {
	
	width:100%;
	

	
}

#mainMiddleContent #contactForm table.contactFormTable th {
	background-color:#7585a6;
	color:white;
	padding:3px 0 3px 0;
}

#mainMiddleContent #contactForm table.contactFormTable td {
	background-color:#dddddd;
	padding:3px 2px 2px 2px;
	color:#333333;
	font-size:90%;
	
}

#mainMiddleContent #contactForm table.contactFormTable td.formTitle {
	padding-left:5em;
}

/* -- end of contact us -- */