/*------ Global -----*/
body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #666;
	font-weight: normal;
	margin: -4px 0 15px 0;
}

a {
	color: #099;
}

p, li, h3 {
	font-size: 0.8em;
}

p {
	margin: 15px 0 15px 0;
}

h3 {
	margin: 15px 0 15px 0;
}

ul {
	list-Style: none;
	padding: 0;
	margin: 0;
}

li {
	margin: 0;
}

img {
	border: 0;
}

.Clear {
	clear: both;
	font-size: 1px;
}

.ReadMore {
	background:  url(en/images/global/arrow_green.gif) no-repeat 0px 3px;
	padding-left: 11px;
}

/*------ Lists ------*/

.SeeAlso li {
	background:   url(en/images/global/seealso_arrow.gif) no-repeat 0px 7px;
	padding-left: 11px;
}

html>body .SeeAlso li {
	background:   url(en/images/global/seealso_arrow.gif) no-repeat 0px 5px;
}

.GreyBullet li {
	background:  url(en/images/global/bullet.gif) no-repeat 0px 8px;
	padding-left: 10px;
}

html>body .GreyBullet li {
	background:  url(en/images/global/bullet.gif) no-repeat 0px 6px;
}
/*------ Language Switcher ------*/
#LangSwitch {
	background-color: #333;
	color: #9DFFFF;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 17px;
	text-align: right;
	padding-right: 20px;
	margin: 0;
	vertical-align: center;
}

#LangSwitch a {
	color: #fff;
}

#LangSwitch img {margin-top: 2px;}

#Logo {
	margin: 29px 0 17px 11px;
}


/*------ Logo & Tagline ------*/
#TagLine {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999;
	margin-left: 228px;
	position: absolute;
	top: 47px;
	line-height: 21px;
	width: 600px;
}

/*------ Banner ------*/
#Banner {
	height: 76px;
	background-color: #06AEAF;
	padding-left: 35px;
	border-bottom: 1px #fff solid;
}


/*----------- Top Nav -----------*/
#TopNav {
	background-color:#CCE8EB;
}

#TopNav ul {
	list-style: none;
	margin: 0 0 0 35px;
	padding:0;
	height: 19px; /*note: specifying any height makes the ul pick up the height of it's contents, except NN6*/	
	background:   url(en/images/global/navbar_divider.gif) no-repeat left center;
	width: 730px;
}

#TopNav ul li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

#TopNav ul li a, #TopNav ul li span  {
	float: left;
	padding: 3px 15px;
	text-decoration: none;
	color: #000;
	background:   url(en/images/global/navbar_divider.gif) no-repeat right center;
}


#TopNav ul li a:hover, #TopNav ul li span  {
	background: none;
	background-color: #A5DEE4;
	/*the next two definitions make the nav element cover the border of the one on the left*/
	padding-left: 16px;
	margin-left: -1px;
	color: #000;
}

#TopNav ul li span {
	background-color: #A5DEE4;
}


/*----------- Breadcrumb -----------*/
#Breadcrumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background:   url(en/images/global/horizontal_dots.gif) repeat-x top;
	padding-top: 9px;;
	margin: 15px 0 30px 0;
}

#Breadcrumb, #Breadcrumb a {
	color: #666;
}

#Breadcrumb img {
	margin: 0 2px 0 2px;
}



/*----- Footer -----*/
#Footer {
	background:  url(new/images/global/HorizontalDots.gif) repeat-x top;
	padding: 12px 0 12px 0;
	margin: 40px 39px 25px 39px;
	border-top: 1px #999 solid;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

#Footer,  #Footer a{
	color: #999;

}

/*------ Main Container ------*/
#MainContainer {
	width: 730px;
	margin-top: 35px;
}

/*------ Left Nav ------*/
#LeftNav {
	float: Left;
	margin-left: 30px;
	width: 170px;
	text-align: right;
	display: inline; /* prevents double margin float bug on IE*/
}

#LeftNav h3, #LeftNav li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin-top: 10px;
}

#LeftNav h3 {
	padding: 2px 5px 2px 14px;
	background: #CCE8EB url(en/images/global/leftnav_box.gif) no-repeat top left;
	margin: 0;
}

#LeftNav ul {
	margin: 0;
}


/*------ Main Area------*/
#MainContent {
	float: Left;
	Width: 500px;
	margin-left: 26px;
}

/*------ Pic with caption -----*/
.PicWithCaption {
	background-color: #CCE8EB;
	float: left;
	margin: 5px 10px 5px 0;
	width: 151px;
	
}

.PicWithCaption p {
	font-size: 0.7em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 5px 5px 5px;
	margin: 0;
}


/*-----------------------------*/
/*------ Page Specific ------*/
/*----------------------------*/

/*------ Home ------*/

#Home #Logo {
	margin: 27px 0 22px 13px; 
}

/*------ Logo & Tagline ------*/
#TagLine {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999;
	margin-left: 228px;
	position: absolute;
	top: 47px;
	line-height: 21px;
	width: 600px;
}

#Home #TagLine {
	margin-left: 276px;
	top: 49px;
}

#Home #Banner {
	height: 130px;
	background: #00A3B2 url(en/images/home/banner_bg.gif) repeat-x bottom left;
}

#Home #TopNav ul {
	margin-left: 215px;
	width: 515px;
}

#Home h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #666;
	font-weight: normal;
	margin: -5px 0 10px 0;
}


#Home #Footer {
	border-top: none;
	margin-top: 10px;
}


#Home #MainContainer {
	background-color: #E7F6F7;
	margin: 0;
	padding: 16px 0 11px 0;
	width: auto;
}

#Home #MainContainer Table td {
	vertical-align: top;
}

#Package {
	position: relative;
	margin-top: -50px;
	z-index: 99;
}

#Home #MainContainer Table td.Left {
	padding-right: 14px;
	background:  url(en/images/global/vertical_dots.gif) repeat-y top right;
}

#Home #MainContainer Table td.Right {
	padding-left: 14px;
}

#Home #MainContainer p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 12px 0 12px 0;
}
