/*
TYPE SELECTORS
p {declarations}

CLASS SELECTORS
.brightpink {color: fuchsia; }
--applies to all HTML elements of the class 'brightpink'

p.brightpink {color: fuschia; }
-- only applies to p elements of the class 'brightpink'

ID SELECTORS
#introduction {color: green;}

DESCENDENT SELECTORS
h1 em {color: white }
-- controls elements within other elements, for eg <h1>This is <em>very</em important </h1>

MULTIPLE SELECTORS
h1, em {color: purple;}
-- same effect to number of elements, list them seperated by commas

PSEUDO CLASSES
a:link {colour: yellow;}
a:visited {color: blue;}
a:hover {color: red;}
a:active {color: pink;}
a:focus {color: grey;}
-- refer to items not specific to an elenment's name, attributes or content

DIV = a "block level" element - covering more than one line
SPAN = an "inline" element - to identify sections within a single line
*/

body
{
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	padding-top: 15px;
}

.wrapper
{
	width: 825px;
	margin: auto;
	padding: 0px;
	position: relative;
	text-align: left;
	background-color: #d4e3e0;
	border-top: #d3f2cd 2px solid;
	border-right: #d3f2cd 2px solid;
	border-bottom: white 2px solid;
	height: auto;
	
}

/*#menu ul 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

#menu ul li 
{
	display: inline;

}

#menu ul li a
{
	padding: 5em 5em;
	text-decoration: none;
	font-family: Verdana, Arial;
	font-size: 8.5pt;
	color: #000000;
}*/

.mainmenu
{
	font-family: Verdana, Arial;
	font-size: 8.5pt;
	color: #000000;
	text-decoration: none;
	padding-left: 25px;
	margin-bottom: 30px;
	margin-top: 7px;
	
}
.mainmenu .spacer
{
	width: 33px;
	clear: none;
	display: inline;
	float: left;
}

.mainmenu a
{
	color: #000000;
	
	text-decoration: none;
	clear: none;
	display: inline;
	float: left;
}

.mainmenu a.selected
{
	color: #0db14c;
	
	text-decoration: none;
	clear: none;
	display: inline;
	float: left;
}
#toolsmenu
{
	text-align: left;
	float: left;
	width: 152px;
	text-decoration: none;
	margin-left: #d3f2cd 2px solid;
	padding-left: 23px;
	padding-top: 25px;
	/*
line-height: 18px;
	height: auto;
	*/
}

#toolsmenu ul
{
	margin: 0;
	list-style-type: none;
	padding-right: 0px;
	padding-left: 25px;
	padding-bottom: 10px;
	padding-top: 25px;
	color: #000000;
}

.toolsmenu_on
{
	margin: 0;
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
	vertical-align: middle;
	color: #000000;
}
#toolsmenu ul li a
{
	padding: 0.2em 0.1em;
	text-decoration: none;
	font-family: Verdana, Arial;
	font-size: 8pt;
	line-height: inherit;
	color: #000000;
}

.bold
{
	font-weight: bold;
	overflow: hidden;
	line-height: 22px;
	margin-top: 0px;
	height: 25px;
	display: block;
	font-family: Verdana, Arial;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

.tools
{
	font-family: Verdana, Arial;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	padding: 0px;
}

a.plane_selected, a.plane_unselected:hover
{
	font-family: Verdana, Arial;
	font-size: 8pt;
	color: #000000;
	display: block;
	padding-left: 30px;
	background-image: url(plane2.jpg);	
	background-repeat: no-repeat;
	background-position: left center;
	color: #000000;
	text-decoration: none;
	height: 25px;
	margin-top: 0px;
	overflow: hidden;
	line-height: 25px;
	
}

a.plane_unselected:hover
{
	color:#0db14c;
}

a.plane_selected:link, a.plane_selected:visited, a.plane_selected:active,  a.plane_unselected:link, a.plane_unselected:visited, a.plane_unselected:active
{
	color:0db14c;
	text-decoration:none;
}


a.plane_unselected
{
	/*padding-top: 10px;
	padding-bottom: 10px;
	*/
	overflow: hidden;
	line-height: 22px;
	margin-top: 0px;
	height: 25px;
	display: block;
	font-family: Verdana, Arial;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	
}
/* Not sure if this rollover is do-able

.planemenu {
float:left;
width:150px;
height:25px;
border:0px solid ;
font:normal 10px verdana;
text-align:left;
padding-left: 25px
color:#000000;
background: url(plane.jpg) no-repeat 0 px;
}
a.:link, a.:visited, a.:active {
color:0db14c;
text-decoration:none;
background: url(plane.jpg) no-repeat 0 px;
}
a.:hover {
color:0db14c;
background: url(plane.jpg) no-repeat -px px;
}

@charset "UTF-8";
*/




.content
{
	text-align: left;
	float: left;
	width: 622px;
	font-family: Verdana;
	color: #000000;
	text-decoration: none;
	min-height: 350px;
	padding-top: 25px;
	padding-left: 28px;
}



.white
{
	background-image:url('white_corner_top.jpg');
	background-repeat: no-repeat;
	background-color: White;
	
}

.contenttitle {
	font-family: Verdana;
	font-size: 20px;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	padding-top: 10px;
	padding-right: 25px;
	
}

.contenttext, .contenttext td {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	line-height: 16px;
	padding-right:25px;
	background-color: White;
	
}

.center
{
    text-align: center;
}

.contentsubhead {
	font-family: Verdana;
	font-size: 15px;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	padding-right: 25px;
}


#footer {
	CLEAR: both; WIDTH: 805px; BOTTOM: 0px; BACKGROUND-COLOR: #d4e3e0; TEXT-ALIGN: left
}
.footertext {
	CLEAR: both; PADDING-RIGHT: 25px; FONT-SIZE: 9px; COLOR: #000000; BOTTOM: 0px; FONT-STYLE: normal; FONT-FAMILY: Verdana; HEIGHT: 135px; BACKGROUND-COLOR: #d4e3e0; TEXT-ALIGN: left; TEXT-DECORATION: none ;background-image:url(footer_spacer.jpg);background-repeat:repeat-x;
}






.footertext P {
	PADDING-TOP: 57px
}
.footerlinks {
	font-size: 9px;
	color: #0db14c;
	text-decoration: none;
	padding: 0px;
	font-family: Verdana, Arial;
	font-family: Verdana, Arial;
}

img.floatLeft {
	float: left;
	margin: auto;
	padding-right: 7px;
	bottom: auto;
}


.accreditation 
{
	clear: both;
	font-family: Verdana;
	font-size: 50%;
	color: #666666;
	text-decoration: none;
	font-style: normal;
	text-align: left;
	width: 175px;
	float: left;
}

p.sitemenu
a:link {
	color: #0db14c;
	font-style: normal;
	text-decoration: none;
}

a:hover {
	color: #0db14c;
	font-style: normal;
	text-decoration: none;
}

a:active {
	color: #0db14c;
	font-style: normal;
	text-decoration: none;
	display: inline;
	background-position: center;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

#traveltools_iframe
{
	width: 100%;
	
}

.currencyConverter, .weather, .imetro
{
	height: 470px;
}

.weather
{
	height: 450px;
}
.worldclock
{
    height: 560px;
}
.diallingCodes
{
	height: 520px;
}

.cityguides
{
	height: 485px;
}
 .undergroundmaps
 {
	height: 450px;
 }
.airportinfo
{
	height: 480px;
	
}
.maps
{
	height: 500px;
}
.conversions
{
	height: 610px;
}

.newsmenu {
font-size: 11px; 
color: #000000; 
text-decoration: none; 
padding: 0px; font-family: Verdana, Arial; 
font-family: Verdana, Arial; 
line-height: 20px; 
font-weight: bold; }