@charset "utf-8";
/* CSS Document */
html, *{
  margin: auto;
  padding: 0;
}
body  {
	background: #0e1927 url(../images/design/bg-body.jpg) repeat-x top left;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
	font: 0.75em/1em Verdana, Arial, Helvetica, sans-serif;
}
.clear{
   clear:both;
   font-size:1%;
   line-height:1%;
   visibility:hidden;
}
div#pageContainer{
	width: 1300px;
  	height: 1060px;
	background: transparent url(../images/design/bg-page.jpg) top center no-repeat;
	text-align: center;
	margin: 0 auto 0 auto;
}
div#page{
	width: 950px;
	margin: 0 auto 0 auto;
	text-align: left;
}
div#logoHP{
  width: 145px;
  position:absolute;
  margin: 20px 0 0 15px;
  z-index: 2;
}

div#logoHP .logo{
  background: url(../images/design/logo.gif) left top no-repeat;
  width: 145px;
  height: 65px;
}
div#logoHP .logo h1{
 
}
div#logoHP .logo a{
  display: block;
  width: 145px;
  height: 45px;
  text-decoration:none;
}
div#logoHP .logo a span{
  visibility: hidden;
}
div#topbar{
	width: 145px;
	position:absolute;
	margin: 35px 0 0 737px;
	z-index: 3;
	font: 0.8em/0.75em Verdana, Arial, Helvetica, sans-serif;
}
div#topbar a{
	color: #a8c8e2;
	text-decoration:none;
	background: transparent url(../images/design/arrow-blue-sm.gif) left center no-repeat;
	padding: 0 0 2px 5px;
	margin: 0 0 0 17px; 
}
div#topbar a:hover{
	color: #ffffff;
}
div#langs{
	width: 55px;
	position:absolute;
	margin: 33px 0 0 895px;
	z-index: 4;
}
div#langs img{
	margin: 0 10px 0 0;
	float:left;
}
div#navigation{
	width: 950px;
	height: 53px;
	position:absolute;
	margin: 83px 0 0 0;
	z-index: 5;
	background: transparent url(../images/design/bg-navigation.jpg) no-repeat top center;
}
ul#navmenu{
	display: inline;
	list-style: none;
}
ul#navmenu li{
   float: left; /*For Gecko*/
   display: inline;
   list-style: none;
}
ul#navmenu a{
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  padding: 7px 20px 7px 20px;
  margin: 16px 0 12px 0;
  border-right: 1px solid #959595;
  border-left: 1px solid #ffffff;
  color: #000000;
  font-weight:bold;
  text-decoration:none;
  height: auto !important;
  height: 1%; /*For IE*/
}
ul#navmenu a:hover{
  color: #1b6ab3;
}
ul#navmenu .first{
  border-left: none;	
  padding: 7px 20px 7px 27px;
}
ul#navmenu .last{
  border-right: none;
  padding: 7px 0 7px 20px;	
}
div#collage{
  width: 950px;
  height: 280px;
  position:absolute;
  margin: 140px 0 0 0;
  z-index: 6;	
}
div#hiddenText{
  width: 930px;
  height: 260px;
  position:absolute;
  margin: 150px 0 0 10px;
  z-index: -10;
  font-size:10px;
  color:#0e1927;
}
div#hpcenter{
 width: 950px;
 height: 249px;
 position:absolute;
 margin: 420px 0 0 0;
 z-index: 8;	
 background: transparent url(../images/design/bg-hp-center.jpg) no-repeat top center;	
}
div#welcome{
 width: 350px;
 position:absolute;
 margin: 21px 0 0 19px;
 font-size: 90%; 
 z-index: 9;
 text-align:left;
 color:#000000;	
}
div#welcome p{
	margin: 0 0 23px 0;
	line-height: 1.5em;
	font-size: 0.9em;
}
div#welcome h2{
	width: 137px;
	height: 28px;
	background: transparent url(../images/design/h2-welcome.gif) top left no-repeat; 
	margin: 0 0 20px 0;
}
div#welcome h2 span{
	visibility: hidden;
}
div#whyuscontainer{
 width: 374px;
 position:absolute;
 margin: 6px 0 0 570px;
 z-index: 10;
 text-align:left;
 border-left: 1px solid #a8a8a8;
}
div#whyus{
 padding: 0 0 5px 24px;
 border-left: 1px solid #ffffff;
 color:#2e2e2e;
}
div#whyus h2{
	width: 310px;
	height: 30px;
	background: transparent url(../images/design/h2-whywithus.gif) top left no-repeat; 
	margin: 13px 0 0px 0;
}
div#whyus h2 span{
	visibility: hidden;
}
div#whyus ul li img{
	margin: 0;
}
div#whyus li{
	list-style: none;
	margin: 0 0 0 0;
	padding:0;
}
div#hppagebottom{
	width: 950px;
	position:absolute;
 	margin: 677px 0 0 0;
	z-index: 11;
	text-align:left;
}
div#globalevents{
 width: 288px;
 height: 164px;
 position:absolute;
 margin: 0 0 0 0;
 z-index: 12;
 text-align:left;
 background: transparent url(../images/design/logo-globalevents.gif) no-repeat bottom right;
 border-right: 1px solid #070d15;	
 color:#b2cee9;
}
div#globalevents h2{
	width: 209px;
	height: 15px;
	background: transparent url(../images/design/h2-globalevents.gif) top left no-repeat; 
	margin: 21px 0 18px 15px;
}
div#globalevents h2 span{
	visibility: hidden;
}
div#globalevents p{
	margin: 0 101px 0 15px;
	line-height: 1.5em;
	font-size: 0.9em;
}
div#newsletters{
 width: 282px;
 height: 164px;
 position:absolute;
 margin: 0 0 0 289px;
 z-index: 13;
 text-align:left;
 border-right: 1px solid #070d15;	
 border-left: 1px solid #0e253f;	
 color:#226097;
}
div#newsletters p{
	line-height: 1.5em;
	font-size: 0.9em;
	margin: 0 0 0 23px;
}
div#newsletters input{
	background: #0d3e69;
	border: none;
	width: 232px;
	height: 22px;
	padding: 2px;
	margin: 5px 0 0 23px;
	color:#FFFFFF;
}
div#newsletters button{
	background: none;
	border: none;
	font-weight:bold;
	color:#1f7ed4;
	margin: 31px 0 0 221px;
}
div#newsletters h2{
	width: 186px;
	height: 15px;
	background: transparent url(../images/design/h2-newsletters.gif) top left no-repeat; 
	margin: 21px 0 18px 23px;
}
div#newsletters h2 span{
	visibility: hidden;
}
div#contact{
 width: 370px;
 height: 164px;
 position:absolute;
 margin: 0 0 0 573px;
 z-index: 14;
 text-align:left;
 border-left: 1px solid #0e253f;	
 color:#b2cee9;
}
div#contact h2{
	width: 108px;
	height: 15px;
	background: transparent url(../images/design/h2-hpcontact.gif) top left no-repeat; 
	margin: 21px 0 18px 23px;
}
div#contact h2 span{
	visibility: hidden;
}
div#contact table{
	font-size: 1em;
	margin: 0 0 0 23px;
}
div#contact td{
	font-size: 1em;
	padding: 0 0 7px 0;
}
div#globalevents a{
	color:#1f7ed4;
}
div#globalevents a:hover{
	color: #FFFFFF;
}

div#contact a{
	color:#1f7ed4;
}
div#contact a:hover{
	color: #FFFFFF;
}

div#hpfooterContainer{
	background: transparent url(../images/design/bg-footer.jpg) no-repeat bottom center;
	 width: 950px;
	 height: 362px;
	 position:absolute;
	 margin: 600px 0 0 0;
	 z-index: 7;
	 text-align:left;
}
div#footerContainer{
	background: transparent url(../images/design/bg-footer.jpg) no-repeat top center;
	width: 950px;
	height: 362px;
	position:absolute;
	margin: -32px 0 0 0;
	text-align:left;
	z-index: 7;
}
div#hpfooterloga{
	width: 315px;
    position:absolute;
	margin: 306px 0 0 20px;
	 z-index: 15;
	 text-align:left;
}
div#hpfooterloga img{
	float: left;
	border-right: 1px solid #213a65;
}
div#hpcopyright{
	 width: 403px;
	 position:absolute;
	 margin: 302px 0 0 530px;
	 z-index: 16;
	 text-align:right;
	 font-size:0.9em;
	 color:#1c71be;
}
div#hpcopyright a{
 text-decoration:none;
 color:#1c71be;
}
div#hpcopyright a:hover{
	color:#FFFFFF;
}

div#pagename{
	width: 950px;
	height: 74px;
	position:absolute;
	margin: 136px 0 0 0;
	z-index: 17;
	background: transparent url(../images/design/bg-pagename.jpg) top left no-repeat;
}

div#pagename h1{
	color: #FFFFFF;
	margin: 5px 0 0 19px;
	font-size: 2.8em;
	line-height: 1.8em;
	font-weight:normal;
}

div#pagecontentContainer{
	width: 950px;
	position:absolute;
	margin: 213px 0 0 0;
	z-index: 18;
}
div#pagecontentBgBottom{
	background: transparent url(../images/design/bg-maincontent-bottom.gif) no-repeat bottom left;
	z-index: 19;
}
div#pagecontentBgContainer{
	background: transparent url(../images/design/bg-maincontent-re.jpg) repeat-y top left;
	margin: 0 0 40px 0;
	z-index: 20;
}
div#pagecontent{
	background: transparent url(../images/design/bg-maincontent.jpg) no-repeat top left;
	z-index: 21;
}
div#pagecontent .right{
	width: 680px;
	float: right;
	padding: 18px 0 0 0;
	margin: 0 20px 0 0;
	color:#3a3a3a;
	line-height: 1.5em;
	font-size: 0.9em;
	z-index: 22;
}
div#pagecontent .right a{
	color:#1880d0;
}
div#pagecontent .right p{
	margin: 10px 0 20px 0;
}
div#pagecontent .right h2{
	color:#1880d0;
	font-size: 1.5em;
	margin: 14px 0 20px 0;
}
div#pagecontent .right h3{
	color:#1880d0;
	font-size: 1.2em;
	margin: 10px 0 15px 0;
}
div#pagecontent .right .more{
	text-align:right;
}
div#pagecontent .right .more a{
	background: transparent url(../images/design/bp-main.gif) left top no-repeat;
	padding: 0 0 0 10px;
}
div#pagecontent .right h4{
	font-size: 1em;
	margin: 5px 0 10px 0;
}
/*div#pagecontent .right .thickbox{
	display:block;
	background: transparent url(../images/design/bg-photo.jpg) no-repeat center center;
	text-align: center;
	padding: 3px 0 4px 0;
	width: 125px;
	
	float:right;
}*/
div#pagecontent .right  img{
	border: 1px solid #FFFFFF;
	margin: 10px;
}
div#pagecontent .right ul{
	margin: 10px 0 15px 20px;
}
div#pagecontent .right li{
	list-style:none;
	background: transparent url(../images/design/bp-main.gif) left top no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
}
div#pagecontent .right .bottomborder{
	margin: 15px 0 25px 0;
	border-bottom: 1px dotted #1880d0;
}
div#pagecontent .left{
	width: 225px;
	float: left;
	padding: 18px 0 0 0;
	z-index: 23;
}
div#pagefooter{
	
}

ul#subnav{
	list-style:none;
}
ul#subnav li{
	list-style:none;
	
}
ul#subnav a{
  display: block;
  padding: 8px 20px 8px 31px;
  margin: 0 0 0 4px;
  background: transparent url(../images/design/bg-submenu.gif) no-repeat top left;
  color: #FFFFFF;
  font-weight:bold;
  text-decoration:none;
  height: auto !important;
  height: 1%; /*For IE*/
}
ul#subnav .active a,
ul#subnav a:hover{
	background: transparent url(../images/design/bg-submenu-hover.gif) no-repeat top left;
}
ul#subnav .last a {
  background: transparent url(../images/design/bg-submenu-lst.gif) no-repeat top left;	
}
ul#subnav .last a:hover {
  background: transparent url(../images/design/bg-submenu-lst-hover.gif) no-repeat top left;	
}
ul#subnav ul{
	list-style:none;
	margin: 3px 0 3px 35px;
}
ul#subnav ul li{
	list-style:none;
}
ul#subnav ul a{
  display: block;
  padding: 8px 0 8px 0;
  margin: 0;
  background: none;
  color: #FFFFFF;
  font-weight:normal;
  text-decoration:none;
  height: auto !important;
  height: 1%; /*For IE*/
}
ul#subnav ul a:hover{
	background: none;
	font-weight:bold;
    text-decoration:underline;
}
ul#navmenu .active{
  color: #1B6AB3;
}
div#photogallery{
	background: #e2e2e2 url(../images/design/bg-photogallery.gif) no-repeat top left;
	margin: 25px 0 20px 0;
	padding: 30px 15px 30px 15px;
}
div#photogallery a{
	display:block;
	background: transparent url(../images/design/bg-photo.gif) no-repeat left center;
	text-align: center;
	padding: 3px 0 4px 0;
	width: 125px;
	float:left;
	margin: 0 2px 5px 3px;
	border: none;
}
div#pagecontent .right #photogallery .images{
   display:block;
   width:115px;
   margin: 0 3px 0 3px;
   overflow:hidden;
   border: 1px solid #FFFFFF;
}
div#pagecontent .right #photogallery  img{
	height: 86px;
	border: none;
	margin: 0;
	/*overflow:hidden;*/
}